1<!DOCTYPE html> 2<html lang="en-US"> 3<head> 4<title>Login | Heller Jewelers</title> 5<meta name="title" content="Login | Heller Jewelers"> 6<meta name="description" content="Login | Heller Jewelers"> 7<link rel="canonical" href="https://www.hellerjewelers.com/login"/> 8<meta name="keywords" content="Login | Heller 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=1677539501" type="image/x-icon" /><link rel="shortcut icon" href="/favicon.ico?ver=1677539501" 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.hellerjewelers.com/public/1.0/uploads/source/heller-logo.png"> 15<meta property="og:url" content="https://www.hellerjewelers.com/login"> 16<meta property="og:type" content="website"> 17<meta property="og:title" content="Login"> 18<meta name="msapplication-TileImage" content="https://www.hellerjewelers.com/public/1.0/uploads/source/heller-logo.png"> 19<meta property="og:image" content="https://www.hellerjewelers.com/public/1.0/uploads/source/heller-logo.png"> 20<meta property="og:image:url" content="https://www.hellerjewelers.com/public/1.0/uploads/source/heller-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="Login"> 24<!--facebook share this ends--> 25 26 27<!--twitter share this starts--> 28<meta name="twitter:title" content="Login"> 29<meta name="twitter:site" content="https://www.hellerjewelers.com/login"> 30<!--twitter share this ends--> 31 32 <link rel="stylesheet" href="https://www.hellerjewelers.com/skeleton/1.0/view/css/twitter-bootstrap-4-6-0.min.css" integrity="sha512-P5MgMn1jBN01asBgU0z60Qk4QxiXo86+wlFahKrsQf37c9cro517WzVSPPV1tDKzhku2iJ2FVgL67wG03SGnNA==" crossorigin="anonymous" /> 33 <link rel="stylesheet" href="https://www.hellerjewelers.com/skeleton/1.0/view/css/font-awesome-4-7-0.min.css" /><link rel="stylesheet" href="https://www.hellerjewelers.com/includes/view/dashboard/assets/fancybox/jquery.fancybox.min.css"><link rel="stylesheet" type="text/css" href="/skeleton/1.0/view/css/1099.css?ver=1787274467" /><link rel="stylesheet" type="text/css" href="/skeleton/1.0/view/css/shared.css?ver=1.4.8" /> 34
34<script>window.csrf_token = "0a0ecf3789a9cd6560854da44439a09549650bbd2ff0e828cda6b29e57d664fd"</script>
34 35
35<script>window.scSession = Object.assign({"lifetimeMs":7200000,"expiresAt":1790757273000,"csrfToken":"0a0ecf3789a9cd6560854da44439a09549650bbd2ff0e828cda6b29e57d664fd","scWsUrl":"https:\/\/www.hellerjewelers.com\/includes\/assets\/shopping_cart\/sc_ws_functions.php"}, window.scSession || {});</script>
35 36
36<script src="https://www.hellerjewelers.com/skeleton/1.0/view/lib/jquery/jquery.min.js"></script>
36 37
37<script src="https://www.hellerjewelers.com/skeleton/1.0/view/js/sc-session-manager.js?v=1789429090" defer></script>
37 38
38<script>window.formSubmitLogUrl = "https://www.hellerjewelers.com/skeleton/1.0/view/ws/ajax_interaction.php";</script>
38 39
39<script src="https://www.hellerjewelers.com/skeleton/1.0/view/js/form_submit_guard.js?v=1787274467" defer></script>
39 40 41
41<script src="/skeleton/1.0/view/js/twitter-bootstrap-4-6-0.min.js" defer></script>
41 42
42<script src="/skeleton/1.0/view/js/input_fields.js?ver=1.0.4"></script>
vendor: 60 bytes, line 42
42<script src="https://www.google.com/recaptcha/api.js?render=
426Le0_CEiAAAAAO2SprdEh3a5J5OGgtavg30c0ya7
vendor: 28 bytes, line 42
42&badge=bottomleft"></script>
42<script src="https://www.hellerjewelers.com/includes/view/dashboard/assets/fancybox/jquery.fancybox.min.js" defer></script>
42<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"> 43 <!--Scripts Here--> 44
44<script>window.iShowGlobals = { 45 'NO_IMAGE_URL':'', 46 'SITE_LABELS': '', 47 'PHONE_REGEX':/^[\+]?([\d\-\(\). ]){3}.{4,18}$/, 48 'EMAIL_REGEX':/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/, 49 'RETAILER_FOLDER_NAME':'skeleton', 'SHOW_RAPNET_ID':'0','MAIN_PHONE':'925-904-0200','USE_LOCAL_DIAMOND_PATH':'' , 'GOOGLE_ANALYTICS_4_TAG':'1' 50 }; 51 </script>
51<script>document.cookie = 'rlx-marketing=false;expires' + new Date().getTime() + (365 * 24 * 60 * 60 * 1000) + '; path=/';document.cookie = 'rlx-consent=false;expires' + new Date().getTime() + (365 * 24 * 60 * 60 * 1000) + '; path=/';</script>
51<script src="/skeleton/1.0/view/js/shared.js?ver=2.4.5" defer></script>
51<meta name="google-site-verification" content="9PJ3S0BQN_nnFtfSZnfwxegTx_y4RMT9yuuJZRDjYGU" /><meta name="p:domain_verify" content="c11bc82fa701c4fe2ceb8ba0e78b68e5"/> 52 <!-- Start Google Tag Manager --> 53
53<script> 54 window.addEventListener('load', function() {
vendor: 607 bytes, lines 54-65
54 55 (function (w, d, s, l, i) { 56 w[l] = w[l] || []; 57 w[l].push({'gtm.start': 58 new Date().getTime(), event: 'gtm.js'}); 59 var f = d.getElementsByTagName(s)[0], 60 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; 61 j.async = true; 62 j.src = 63 '//www.googletagmanager.com/gtm.js?id=' + i + dl; 64 f.parentNode.insertBefore(j, f); 65 })(window, document, 'script', 'dataLayer', '
65GTM-NB2XRV2T
vendor: 16 bytes, lines 65-66
65'); 66
66}); 67 </script>
67 68 <!-- End Google Tag Manager --> 69 <!-- Start Google Analytics 4 tags -->
vendor: 80 bytes, lines 69-70
69 70 <script async src="https://www.googletagmanager.com/gtag/js?id=
70G-219KMXZ9YP
vendor: 28 bytes, lines 70-71
70"></script> 71
71<script> 72
vendor: 184 bytes, lines 72-75
72window.dataLayer = window.dataLayer || []; 73 function gtag(){dataLayer.push(arguments);} 74 gtag("js", new Date()); 75 gtag("config", "
75G-219KMXZ9YP
vendor: 23 bytes, lines 75-76
75"); 76
76window.gtag = function() { 77 dataLayer.push(arguments); 78 } 79 </script>
79 80 <!-- End Google Analytics 4 tags --><!-- Google tag (gtag.js) -->
vendor: 76 bytes, lines 80-81
80 81 <script async src="https://www.googletagmanager.com/gtag/js?id=
81AW-10928968148
vendor: 24 bytes, lines 81-82
81"></script> 82
82<script> 83
vendor: 166 bytes, lines 83-86
83window.dataLayer = window.dataLayer || []; 84 function gtag(){dataLayer.push(arguments);} 85 gtag('js', new Date()); 86 gtag('config', '
86AW-10928968148
vendor: 42 bytes, lines 86-87
86', { 'anonymize_ip': true }); 87
87</script>
87<!-- Roku Pixel Code --> 88
89<script> 90!function(e,r){if(!e.rkp){var t=e.rkp=function(){ 91var e=Array.prototype.slice.call(arguments) 92;e.push(Date.now()),t.eventProcessor?t.eventProcessor.apply(t,e):t.queue.push(e) 93};t.initiatorVersion="1.0",t.queue=[],t.load=function(e){ 94var t=r.createElement("script");t.async=!0,t.src=e 95;var n=r.getElementsByTagName("script")[0] 96;(n?n.parentNode:r.body).insertBefore(t,n)},rkp.load("https://cdn.ravm.tv/ust/dist/rkp.loader.js")} 97}(window,document); 98rkp("init","PaccKTyIaQcV"),rkp('event', 'PAGE_VIEW');; 99</script>
99 100 101<!-- End Roku Pixel Code -->
101<script type="text/javascript"> 102 (function(){"use strict";var e=null,b="4.0.0", 103 n="41106", 104 additional="term=value", 105 t,r,i;try{t=top.document.referer!==""?encodeURIComponent(top.document.referrer.substring(0,2048)):""}catch(o){t=document.referrer!==null?document.referrer.toString().substring(0,2048):""}try{r=window&&window.top&&document.location&&window.top.location===document.location?document.location:window&&window.top&&window.top.location&&""!==window.top.location?window.top.location:document.location}catch(u){r=document.location}try{i=parent.location.href!==""?encodeURIComponent(parent.location.href.toString().substring(0,2048)):""}catch(a){try{i=r!==null?encodeURIComponent(r.toString().substring(0,2048)):""}catch(f){i=""}}var l,c=document.createElement("script"),h=null,p=document.getElementsByTagName("script"),d=Number(p.length)-1,v=document.getElementsByTagName("script")[d];if(typeof l==="undefined"){l=Math.floor(Math.random()*1e17)}h="dx.mountain.com/spx?"+"dxver="+b+"&shaid="+n+"&tdr="+t+"&plh="+i+"&cb="+l+additional;c.type="text/javascript";
105c.src=("https:"===document.location.protocol?"https://":"http://")+h;v.parentNode.insertBefore(c,v)})() 106</script>
106<link rel="stylesheet" href="/skeleton/1.0/view/css/cmp.css?ver=1.2.303"/> 107
107<script type="application/ld+json"> 108 { 109 "@context": "https://schema.org", 110 "@graph": [ 111 { 112 "@type": "WebPage", 113 "name": "Login", 114 "description": "Heller Jewelers", 115 "keywords": "Heller Jewelers", 116 "url": "https://www.hellerjewelers.com/login" 117 }, 118 { 119 "@type": "Organization", 120 "name": "Heller Jewelers", 121 "email": "[email protected]", 122 "logo": "", 123 "image": "", 124 "telephone": "925-904-0200", 125 "url": "https://www.hellerjewelers.com/" 126 } 127, 128 { 129 "@type": "BreadcrumbList", 130 "itemListElement": [ 131 { 132 "@type": "ListItem", 133 "position": 1, 134 "name": "Heller Jewelers", 135 "item": "https://www.hellerjewelers.com/" 136 }, { 137 "@type": "ListItem", 138 "position": 2, 139 "name": "Login", 140 "item": "https://www.hellerjewelers.com/login" 141 } 142 ] 143 } 144 ] 145 } 146 </script>
146 147 148</head> 149<body class="cmp_mode"> 150 <nav class="skip-links-nav" aria-label="Skip links"> 151 <a href="#main" class="skip-to-main-content-link" title="Skip to main content">Skip to main content</a> 152 </nav> 153 154 <div id="loader_div"> 155 <div class="loader_circle"></div> 156 </div> 157 <noscript> 158 <style> 159 body {overflow: auto;} 160 #loader_div {display: none;} 161 </style> 162 </noscript> 163 164 165 <style> 166 @media (min-width: 992px) { 167 168 .sc_payment_general_style { 169 font-size: px !important; 170 font-family: 0 !important; 171 font-weight: !important; 172 font-style: normal !important; 173 174 letter-spacing: px !important; 175 color: !important; 176 } 177 h1.general_style, .h1_general_style { 178 font-size: 36px !important; 179 font-family: Noto Serif !important; 180 font-weight: 400 !important; 181 font-style: normal !important; 182 183 letter-spacing: px !important; 184 color: #000000 !important; 185 } 186 h2.general_style, .h2_general_style { 187 font-size: 28px !important; 188 font-family: Noto Serif !important; 189 font-weight: 300 !important; 190 font-style: normal !important; 191 192 letter-spacing: px !important; 193 color: #000000 !important; 194 } 195 h3.general_style, .h3_general_style { 196 font-size: 24px !important; 197 font-family: Noto Serif !important; 198 font-weight: 300 !important; 199 font-style: normal !important; 200 201 letter-spacing: px !important; 202 color: #000000 !important; 203 } 204 h4.general_style, .h4_general_style { 205 font-size: px !important; 206 font-family: 0 !important; 207 font-weight: !important; 208 font-style: normal !important; 209 210 letter-spacing: px !important; 211 color: !important; 212 } 213 h5.general_style, .h5_general_style { 214 font-size: px !important; 215 font-family: 0 !important; 216 font-weight: !important; 217 font-style: normal !important; 218 219 letter-spacing: px !important; 220 color: !important; 221 } 222 h6.general_style, .h6_general_style { 223 font-size: 14px !important; 224 font-family: Noto Serif !important; 225 font-weight: !important; 226 font-style: normal !important; 227 228 letter-spacing: px !important; 229 color: !important; 230 } 231 p.general_style, .p_general_style { 232 font-size: 18px !important; 233 font-family: Lato !important; 234 font-weight: !important; 235 font-style: normal !important; 236 237 letter-spacing: px !important; 238 color: #000000 !important; 239 } 240 .p2_general_style { 241 font-size: 14px !important; 242 font-family: Lato !important; 243 font-weight: !important; 244 font-style: normal !important; 245 246 letter-spacing: px !important; 247 color: !important; 248 } 249 .p3_general_style { 250 font-size: 12px !important; 251 font-family: Lato !important; 252 font-weight: !important; 253 font-style: normal !important; 254 255 letter-spacing: px !important; 256 color: !important; 257 } 258 .p4_general_style { 259 font-size: px !important; 260 font-family: 0 !important; 261 font-weight: !important; 262 font-style: normal !important; 263 264 letter-spacing: px !important; 265 color: !important; 266 } 267 .p5_general_style { 268 font-size: px !important; 269 font-family: 0 !important; 270 font-weight: !important; 271 font-style: normal !important; 272 273 letter-spacing: px !important; 274 color: !important; 275 } 276 .p6_general_style { 277 font-size: px !important; 278 font-family: 0 !important; 279 font-weight: !important; 280 font-style: normal !important; 281 282 letter-spacing: px !important; 283 color: !important; 284 } 285 a.general_style, .a_general_style { 286 text-decoration: !important; 287 color: !important; 288 } 289 a.general_style:hover, .a_general_style:hover { 290 color: !important; 291 } 292 label.general_style, .label_general_style { 293 font-size: px !important; 294 font-family: 0 !important; 295 font-weight: !important; 296 font-style: normal !important; 297 298 letter-spacing: px !important; 299 color: !important; 300 } 301 button.general_style, .button_general_style { 302 font-size: 14px !important; 303 font-family: Lato !important; 304 font-weight: !important; 305 font-style: normal !important; 306 307 color: #ffffff !important; 308 background-color: #55595a !important; 309 310 border-width: px !important; 311 border-radius: px !important; 312 border-color: !important; 313 } 314 button.general_style:hover, .button_general_style:hover { 315 color: #ffffff !important; 316 background-color: #9ea3a3 !important; 317 border-color: !important; 318 } 319 .secondary_button_general_style { 320 font-size: px !important; 321 font-family: 0 !important; 322 font-weight: !important; 323 font-style: normal !important; 324 325 color: #55595a !important; 326 background-color: !important; 327 border-style: solid !important; 328 border-width: 1px !important; 329 border-radius: px !important; 330 border-color: #55595a !important; 331 } 332 .secondary_button_general_style:hover { 333 color: #ffffff !important; 334 background-color: #55595a !important; 335 border-color: #55595a !important; 336 } 337 .reset_button_general_style { 338 font-size: px !important; 339 font-family: 0 !important; 340 font-weight: !important; 341 font-style: normal !important; 342 343 color: #ffffff !important; 344 background-color: #55595a !important; 345 346 border-width: px !important; 347 border-radius: px !important; 348 border-color: !important; 349 } 350 .reset_button_general_style:hover { 351 color: #ffffff !important; 352 background-color: #9ea3a3 !important; 353 border-color: !important; 354 } 355 .search_box_general_style .sinps::placeholder { 356 font-size: px !important; 357 font-family: 0 !important; 358 color: !important; 359 } 360 .search_box_general_style .sinps { 361 height: 100%; 362 font-size: px !important; 363 font-family: 0 !important; 364 font-weight: !important; 365 font-style: normal !important; 366 color: !important; 367 background-color: !important; 368 border-style: solid !important; 369 border-width: px !important; 370 border-radius: px !important; 371 border-top-right-radius: 0 !important; 372 border-bottom-right-radius: 0 !important; 373 border-color: !important; 374 } 375 .search_box_general_style .sinps:hover, 376 .search_box_general_style .sinps:focus, 377 .search_box_general_style .sinps:active { 378 background-color: !important; 379 } 380 .search_box_general_style .sBtns { 381 height: 100%; 382 background-color: #55595a !important; 383 border-style: solid !important; 384 border-width: px !important; 385 border-radius: px !important; 386 border-top-left-radius: 0 !important; 387 border-bottom-left-radius: 0 !important; 388 border-color: !important; 389 } 390 .search_box_general_style .sBtns:hover, 391 .search_box_general_style .sBtns:focus, 392 .search_box_general_style .sBtns:active { 393 background-color: #9ea3a3 !important; 394 } 395 .search_box_general_style .sBtns svg { 396 width: px !important; 397 height: px !important; 398 } 399 .search_box_general_style .sBtns path { 400 fill: !important; 401 } 402 .search_box_general_style .sBtns:hover path, 403 .search_box_general_style .sBtns:focus path, 404 .search_box_general_style .sBtns:active path { 405 fill: !important; 406 }
407 .search_box_general_style:hover .sinps, 408 .search_box_general_style:focus .sinps, 409 .search_box_general_style:active .sinps, 410 .search_box_general_style:hover .sBtns, 411 .search_box_general_style:focus .sBtns, 412 .search_box_general_style:active .sBtns { 413 border-color: !important; 414 } 415 svg.general_style, .svg_general_style { 416 fill: #fc7b6f !important; 417 stroke-width: .5 !important; 418 stroke: !important; 419 } 420 .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single { 421 color: !important; 422 background: #9ea3a3 !important; 423 } 424 .irs--big .irs-grid-text { 425 color: #55595a !important; 426 } 427 .irs--big .irs-grid-pol { 428 background: #55595a !important; 429 } 430 .irs--big .irs-bar { 431 border-color: #000000 !important; 432 background: linear-gradient(to bottom, #9ea3a3 0%, #55595a 30%, #55595a 100%) !important; 433 } 434 .irs--big .irs-handle { 435 border-color: #B3B3B2; 436 background: linear-gradient(to bottom, 0%, 30%, 100%) !important; 437 } 438 .pagination.general_style .page-link { 439 font-size: px !important; 440 font-family: 0 !important; 441 font-weight: !important; 442 font-style: normal !important; 443 444 color: #55595a !important; 445 background-color: !important; 446 border-color: !important; 447 } 448 .pagination.general_style .page-link:hover { 449 color: #ffffff !important; 450 background-color: #9ea3a3 !important; 451 border-color: #9ea3a3 !important; 452 } 453 .pagination.general_style .page-item.active .page-link { 454 color: #ffffff !important; 455 background-color: #55595a !important; 456 border-color: #55595a !important; 457 } 458 input[type=checkbox].general_style { 459 accent-color: #55595a !important; 460 } 461 .breadcrumb.general_style .breadcrumb-item a, 462 .breadcrumb.general_style .breadcrumb-item { 463 font-size: 14px !important; 464 font-family: Arial !important; 465 font-weight: !important; 466 font-style: normal !important; 467 468 letter-spacing: px !important; 469 color: #000 !important; 470 } 471 .shapes-div .shapes-img.active { 472 background-color: #55595a !important; 473 color: #ffffff !important; 474 } 475 .input_general_style { 476 position: relative; 477 } 478 .input_general_style label { 479 width: auto !important; 480 position: absolute; 481 top: 50%; 482 left: 5px; 483 z-index: 1; 484 transform: translateY(-50%); 485 transform-origin: 0% 100%; 486 transition: all .2s ease-out; 487 padding: 0 10px; 488 margin: 0 !important; 489 cursor: text; 490 background: white; 491 } 492 .input_general_style label.active { 493 top: 0; 494 transform: translateY(-55%) scale(0.80); 495 } 496 497 .input_general_style input::placeholder { 498 color: transparent !important; 499 } 500 .input_general_style input { 501 font-size: 16px !important; 502 font-family: 0 !important; 503 font-weight: !important; 504 font-style: !important; 505 color: !important; 506 background-color: white !important; 507 border-style: solid !important; 508 border-width: px !important; 509 border-radius: 0px !important; 510 border-color: !important; 511 } 512 .input_general_style:hover input { 513 border-color: !important; 514 }
515 .input_general_style input:-webkit-autofill, 516 .input_general_style input:-webkit-autofill:hover, 517 .input_general_style input:-webkit-autofill:focus, 518 .input_general_style input:-webkit-autofill:active{ 519 -webkit-box-shadow: 0 0 0 30px white inset !important; 520 } 521 .input_general_style input:focus { 522 border-color: initial; 523 box-shadow: unset; 524 } 525 .input_general_style .toggle-password-visibility { 526 position: absolute; 527 right: 5px; 528 top: 50%; 529 transform: translateY(-50%); 530 border: 0; 531 background: transparent; 532 } 533 .select_general_style { 534 position: relative; 535 } 536 .select_general_style label { 537 width: auto !important; 538 position: absolute; 539 top: 50%; 540 left: 5px; 541 transform: translateY(-50%); 542 transform-origin: 0% 100%; 543 transition: all .2s ease-out; 544 padding: 0 10px; 545 margin: 0 !important; 546 cursor: text; 547 background: white; 548 } 549 .select_general_style label.active { 550 top: 0; 551 transform: translateY(-55%) scale(0.80); 552 } 553 554 .select_general_style select { 555 font-size: 16px !important; 556 font-family: 0 !important; 557 font-weight: !important; 558 font-style: !important; 559 color: !important; 560 border-style: solid !important; 561 border-width: px !important; 562 border-radius: 0px !important; 563 border-color: !important; 564 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; 565 -webkit-appearance: none !important; 566 -moz-appearance: none !important; 567 appearance: none !important; 568 } 569 .select_general_style:hover select { 570 border-color: !important; 571 } 572 .select_general_style select:focus { 573 border-color: initial; 574 box-shadow: unset; 575 } 576 .select_general_style select:-webkit-autofill, 577 .select_general_style select:-webkit-autofill:hover, 578 .select_general_style select:-webkit-autofill:focus, 579 .select_general_style select:-webkit-autofill:active{ 580 -webkit-box-shadow: 0 0 0 30px white inset !important; 581 } 582 .textarea_general_style { 583 position: relative; 584 } 585 .textarea_general_style label { 586 width: auto !important; 587 position: absolute; 588 top: 18px; 589 left: 5px; 590 transform: translateY(-50%); 591 transform-origin: 0% 100%; 592 transition: all .2s ease-out; 593 padding: 0 10px; 594 margin: 0 !important; 595 cursor: text; 596 background: white; 597 } 598 .textarea_general_style label.active { 599 top: 0; 600 transform: translateY(-55%) scale(0.80); 601 } 602 603 .textarea_general_style textarea { 604 font-size: 16px !important; 605 font-family: 0 !important; 606 font-weight: !important; 607 font-style: !important; 608 color: !important; 609 background-color: white !important; 610 border-style: solid !important; 611 border-width: px !important; 612 border-radius: 0px !important; 613 border-color: !important; 614 } 615 .textarea_general_style:hover textarea { 616 border-color: !important; 617 } 618 .textarea_general_style textarea:focus { 619 border-color: initial; 620 box-shadow: unset; 621 } 622 .textarea_general_style textarea:-webkit-autofill, 623 .textarea_general_style textarea:-webkit-autofill:hover, 624 .textarea_general_style textarea:-webkit-autofill:focus, 625 .textarea_general_style textarea:-webkit-autofill:active{ 626 -webkit-box-shadow: 0 0 0 30px white inset !important; 627 } 628 } 629 </style> <style> 630 @media (min-width: 768px) and (max-width: 991.9px) { 631 632 .sc_payment_general_style { 633 font-size: px !important; 634 font-family: 0 !important; 635 font-weight: !important; 636 font-style: normal !important; 637 638 letter-spacing: px !important; 639 color: !important; 640 } 641 h1.general_style, .h1_general_style { 642 font-size: 36px !important; 643 font-family: Noto Serif !important; 644 font-weight: 400 !important; 645 font-style: normal !important; 646 647 letter-spacing: px !important; 648 color: #000000 !important; 649 } 650 h2.general_style, .h2_general_style { 651 font-size: 28px !important; 652 font-family: Noto Serif !important; 653 font-weight: !important; 654 font-style: normal !important; 655 656 letter-spacing: px !important; 657 color: !important; 658 } 659 h3.general_style, .h3_general_style { 660 font-size: px !important; 661 font-family: 0 !important; 662 font-weight: !important; 663 font-style: normal !important; 664 665 letter-spacing: px !important; 666 color: !important; 667 } 668 h4.general_style, .h4_general_style { 669 font-size: px !important; 670 font-family: 0 !important; 671 font-weight: !important; 672 font-style: normal !important; 673 674 letter-spacing: px !important; 675 color: !important; 676 } 677 h5.general_style, .h5_general_style { 678 font-size: px !important; 679 font-family: 0 !important; 680 font-weight: !important; 681 font-style: normal !important; 682 683 letter-spacing: px !important; 684 color: !important; 685 } 686 h6.general_style, .h6_general_style { 687 font-size: 14px !important; 688 font-family: Noto Serif !important; 689 font-weight: !important; 690 font-style: normal !important; 691 692 letter-spacing: px !important; 693 color: !important; 694 } 695 p.general_style, .p_general_style { 696 font-size: 14px !important; 697 font-family: Lato !important; 698 font-weight: !important; 699 font-style: normal !important; 700 701 letter-spacing: px !important; 702 color: #000000 !important; 703 } 704 .p2_general_style { 705 font-size: 12px !important; 706 font-family: Lato !important; 707 font-weight: !important; 708 font-style: normal !important; 709 710 letter-spacing: px !important; 711 color: !important; 712 } 713 .p3_general_style { 714 font-size: 12px !important; 715 font-family: Lato !important; 716 font-weight: !important; 717 font-style: normal !important; 718 719 letter-spacing: px !important; 720 color: !important; 721 } 722 .p4_general_style { 723 font-size: px !important; 724 font-family: 0 !important; 725 font-weight: !important; 726 font-style: normal !important; 727 728 letter-spacing: px !important; 729 color: !important; 730 } 731 .p5_general_style { 732 font-size: px !important; 733 font-family: 0 !important; 734 font-weight: !important; 735 font-style: normal !important; 736 737 letter-spacing: px !important; 738 color: !important; 739 } 740 .p6_general_style { 741 font-size: px !important; 742 font-family: 0 !important; 743 font-weight: !important; 744 font-style: normal !important; 745 746 letter-spacing: px !important; 747 color: !important; 748 } 749 a.general_style, .a_general_style { 750 text-decoration: !important; 751 color: !important; 752 } 753 a.general_style:hover, .a_general_style:hover { 754 color: !important; 755 } 756 label.general_style, .label_general_style { 757 font-size: px !important; 758 font-family: 0 !important; 759 font-weight: !important; 760 font-style: normal !important; 761 762 letter-spacing: px !important; 763 color: !important; 764 } 765 button.general_style, .button_general_style { 766 font-size: px !important; 767 font-family: 0 !important; 768 font-weight: !important; 769 font-style: normal !important; 770 771 color: #ffffff !important; 772 background-color: #55595a !important; 773 774 border-width: px !important; 775 border-radius: px !important; 776 border-color: !important; 777 } 778 button.general_style:hover, .button_general_style:hover { 779 color: #ffffff !important; 780 background-color: #9ea3a3 !important; 781 border-color: !important; 782 } 783 .secondary_button_general_style { 784 font-size: px !important; 785 font-family: 0 !important; 786 font-weight: !important; 787 font-style: normal !important; 788 789 color: #55595a !important; 790 background-color: !important; 791 border-style: solid !important; 792 border-width: 1px !important; 793 border-radius: px !important; 794 border-color: #55595a !important; 795 } 796 .secondary_button_general_style:hover { 797 color: #ffffff !important; 798 background-color: #55595a !important; 799 border-color: #55595a !important; 800 } 801 .reset_button_general_style { 802 font-size: px !important; 803 font-family: 0 !important; 804 font-weight: !important; 805 font-style: normal !important; 806 807 color: #ffffff !important; 808 background-color: #55595a !important; 809 810 border-width: px !important; 811 border-radius: px !important; 812 border-color: !important; 813 } 814 .reset_button_general_style:hover { 815 color: #ffffff !important; 816 background-color: #9ea3a3 !important; 817 border-color: !important; 818 } 819 .search_box_general_style .sinps::placeholder { 820 font-size: px !important; 821 font-family: 0 !important; 822 color: !important; 823 } 824 .search_box_general_style .sinps { 825 height: 100%; 826 font-size: px !important; 827 font-family: 0 !important; 828 font-weight: !important; 829 font-style: normal !important; 830 color: !important; 831 background-color: !important; 832 border-style: solid !important; 833 border-width: px !important; 834 border-radius: px !important; 835 border-top-right-radius: 0 !important; 836 border-bottom-right-radius: 0 !important; 837 border-color: !important; 838 } 839 .search_box_general_style .sinps:hover, 840 .search_box_general_style .sinps:focus, 841 .search_box_general_style .sinps:active { 842 background-color: !important; 843 } 844 .search_box_general_style .sBtns { 845 height: 100%; 846 background-color: #55595a !important; 847 border-style: solid !important; 848 border-width: px !important; 849 border-radius: px !important; 850 border-top-left-radius: 0 !important; 851 border-bottom-left-radius: 0 !important; 852 border-color: !important; 853 } 854 .search_box_general_style .sBtns:hover, 855 .search_box_general_style .sBtns:focus, 856 .search_box_general_style .sBtns:active { 857 background-color: #9ea3a3 !important; 858 } 859 .search_box_general_style .sBtns svg { 860 width: px !important; 861 height: px !important; 862 } 863 .search_box_general_style .sBtns path { 864 fill: !important; 865 } 866 .search_box_general_style .sBtns:hover path, 867 .search_box_general_style .sBtns:focus path, 868 .search_box_general_style .sBtns:active path { 869 fill: !important; 870 }
871 .search_box_general_style:hover .sinps, 872 .search_box_general_style:focus .sinps, 873 .search_box_general_style:active .sinps, 874 .search_box_general_style:hover .sBtns, 875 .search_box_general_style:focus .sBtns, 876 .search_box_general_style:active .sBtns { 877 border-color: !important; 878 } 879 svg.general_style, .svg_general_style { 880 fill: #fc7b6f !important; 881 stroke-width: .5 !important; 882 stroke: !important; 883 } 884 .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single { 885 color: !important; 886 background: #9ea3a3 !important; 887 } 888 .irs--big .irs-grid-text { 889 color: #55595a !important; 890 } 891 .irs--big .irs-grid-pol { 892 background: #55595a !important; 893 } 894 .irs--big .irs-bar { 895 border-color: #000000 !important; 896 background: linear-gradient(to bottom, #9ea3a3 0%, #55595a 30%, #55595a 100%) !important; 897 } 898 .irs--big .irs-handle { 899 border-color: #B3B3B2; 900 background: linear-gradient(to bottom, 0%, 30%, 100%) !important; 901 } 902 .pagination.general_style .page-link { 903 font-size: px !important; 904 font-family: 0 !important; 905 font-weight: !important; 906 font-style: normal !important; 907 908 color: #55595a !important; 909 background-color: !important; 910 border-color: !important; 911 } 912 .pagination.general_style .page-link:hover { 913 color: #ffffff !important; 914 background-color: #9ea3a3 !important; 915 border-color: #9ea3a3 !important; 916 } 917 .pagination.general_style .page-item.active .page-link { 918 color: #ffffff !important; 919 background-color: #55595a !important; 920 border-color: #55595a !important; 921 } 922 input[type=checkbox].general_style { 923 accent-color: #55595a !important; 924 } 925 .breadcrumb.general_style .breadcrumb-item a, 926 .breadcrumb.general_style .breadcrumb-item { 927 font-size: 14px !important; 928 font-family: Arial !important; 929 font-weight: !important; 930 font-style: normal !important; 931 932 letter-spacing: px !important; 933 color: #000 !important; 934 } 935 .shapes-div .shapes-img.active { 936 background-color: #55595a !important; 937 color: #ffffff !important; 938 } 939 .input_general_style { 940 position: relative; 941 } 942 .input_general_style label { 943 width: auto !important; 944 position: absolute; 945 top: 50%; 946 left: 5px; 947 z-index: 1; 948 transform: translateY(-50%); 949 transform-origin: 0% 100%; 950 transition: all .2s ease-out; 951 padding: 0 10px; 952 margin: 0 !important; 953 cursor: text; 954 background: white; 955 } 956 .input_general_style label.active { 957 top: 0; 958 transform: translateY(-55%) scale(0.80); 959 } 960 961 .input_general_style input::placeholder { 962 color: transparent !important; 963 } 964 .input_general_style input { 965 font-size: 16px !important; 966 font-family: 0 !important; 967 font-weight: !important; 968 font-style: !important; 969 color: !important; 970 background-color: white !important; 971 border-style: solid !important; 972 border-width: px !important; 973 border-radius: 0px !important; 974 border-color: !important; 975 } 976 .input_general_style:hover input { 977 border-color: !important; 978 }
979 .input_general_style input:-webkit-autofill, 980 .input_general_style input:-webkit-autofill:hover, 981 .input_general_style input:-webkit-autofill:focus, 982 .input_general_style input:-webkit-autofill:active{ 983 -webkit-box-shadow: 0 0 0 30px white inset !important; 984 } 985 .input_general_style input:focus { 986 border-color: initial; 987 box-shadow: unset; 988 } 989 .input_general_style .toggle-password-visibility { 990 position: absolute; 991 right: 5px; 992 top: 50%; 993 transform: translateY(-50%); 994 border: 0; 995 background: transparent; 996 } 997 .select_general_style { 998 position: relative; 999 } 1000 .select_general_style label { 1001 width: auto !important; 1002 position: absolute; 1003 top: 50%; 1004 left: 5px; 1005 transform: translateY(-50%); 1006 transform-origin: 0% 100%; 1007 transition: all .2s ease-out; 1008 padding: 0 10px; 1009 margin: 0 !important; 1010 cursor: text; 1011 background: white; 1012 } 1013 .select_general_style label.active { 1014 top: 0; 1015 transform: translateY(-55%) scale(0.80); 1016 } 1017 1018 .select_general_style select { 1019 font-size: 16px !important; 1020 font-family: 0 !important; 1021 font-weight: !important; 1022 font-style: !important; 1023 color: !important; 1024 border-style: solid !important; 1025 border-width: px !important; 1026 border-radius: 0px !important; 1027 border-color: !important; 1028 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; 1029 -webkit-appearance: none !important; 1030 -moz-appearance: none !important; 1031 appearance: none !important; 1032 } 1033 .select_general_style:hover select { 1034 border-color: !important; 1035 } 1036 .select_general_style select:focus { 1037 border-color: initial; 1038 box-shadow: unset; 1039 } 1040 .select_general_style select:-webkit-autofill, 1041 .select_general_style select:-webkit-autofill:hover, 1042 .select_general_style select:-webkit-autofill:focus, 1043 .select_general_style select:-webkit-autofill:active{ 1044 -webkit-box-shadow: 0 0 0 30px white inset !important; 1045 } 1046 .textarea_general_style { 1047 position: relative; 1048 } 1049 .textarea_general_style label { 1050 width: auto !important; 1051 position: absolute; 1052 top: 18px; 1053 left: 5px; 1054 transform: translateY(-50%); 1055 transform-origin: 0% 100%; 1056 transition: all .2s ease-out; 1057 padding: 0 10px; 1058 margin: 0 !important; 1059 cursor: text; 1060 background: white; 1061 } 1062 .textarea_general_style label.active { 1063 top: 0; 1064 transform: translateY(-55%) scale(0.80); 1065 } 1066 1067 .textarea_general_style textarea { 1068 font-size: 16px !important; 1069 font-family: 0 !important; 1070 font-weight: !important; 1071 font-style: !important; 1072 color: !important; 1073 background-color: white !important; 1074 border-style: solid !important; 1075 border-width: px !important; 1076 border-radius: 0px !important; 1077 border-color: !important; 1078 } 1079 .textarea_general_style:hover textarea { 1080 border-color: !important; 1081 } 1082 .textarea_general_style textarea:focus { 1083 border-color: initial; 1084 box-shadow: unset; 1085 } 1086 .textarea_general_style textarea:-webkit-autofill, 1087 .textarea_general_style textarea:-webkit-autofill:hover, 1088 .textarea_general_style textarea:-webkit-autofill:focus, 1089 .textarea_general_style textarea:-webkit-autofill:active{ 1090 -webkit-box-shadow: 0 0 0 30px white inset !important; 1091 } 1092 } 1093 </style> <style> 1094 @media (max-width: 767.9px) { 1095 1096 .sc_payment_general_style { 1097 font-size: px !important; 1098 font-family: 0 !important; 1099 font-weight: !important; 1100 font-style: normal !important; 1101 1102 letter-spacing: px !important; 1103 color: !important; 1104 } 1105 h1.general_style, .h1_general_style { 1106 font-size: 36px !important; 1107 font-family: Noto Serif !important; 1108 font-weight: 400 !important; 1109 font-style: normal !important; 1110 1111 letter-spacing: px !important; 1112 color: #000000 !important; 1113 } 1114 h2.general_style, .h2_general_style { 1115 font-size: 28px !important; 1116 font-family: Noto Serif !important; 1117 font-weight: !important; 1118 font-style: normal !important; 1119 1120 letter-spacing: px !important; 1121 color: !important; 1122 } 1123 h3.general_style, .h3_general_style { 1124 font-size: px !important; 1125 font-family: 0 !important; 1126 font-weight: !important; 1127 font-style: normal !important; 1128 1129 letter-spacing: px !important; 1130 color: !important; 1131 } 1132 h4.general_style, .h4_general_style { 1133 font-size: px !important; 1134 font-family: 0 !important; 1135 font-weight: !important; 1136 font-style: normal !important; 1137 1138 letter-spacing: px !important; 1139 color: !important; 1140 } 1141 h5.general_style, .h5_general_style { 1142 font-size: px !important; 1143 font-family: 0 !important; 1144 font-weight: !important; 1145 font-style: normal !important; 1146 1147 letter-spacing: px !important; 1148 color: !important; 1149 } 1150 h6.general_style, .h6_general_style { 1151 font-size: 14px !important; 1152 font-family: Noto Serif !important; 1153 font-weight: !important; 1154 font-style: normal !important; 1155 1156 letter-spacing: px !important; 1157 color: !important; 1158 } 1159 p.general_style, .p_general_style { 1160 font-size: 14px !important; 1161 font-family: Lato !important; 1162 font-weight: !important; 1163 font-style: normal !important; 1164 1165 letter-spacing: px !important; 1166 color: #000000 !important; 1167 } 1168 .p2_general_style { 1169 font-size: 12px !important; 1170 font-family: Lato !important; 1171 font-weight: !important; 1172 font-style: normal !important; 1173 1174 letter-spacing: px !important; 1175 color: !important; 1176 } 1177 .p3_general_style { 1178 font-size: 12px !important; 1179 font-family: Lato !important; 1180 font-weight: !important; 1181 font-style: normal !important; 1182 1183 letter-spacing: px !important; 1184 color: !important; 1185 } 1186 .p4_general_style { 1187 font-size: px !important; 1188 font-family: 0 !important; 1189 font-weight: !important; 1190 font-style: normal !important; 1191 1192 letter-spacing: px !important; 1193 color: !important; 1194 } 1195 .p5_general_style { 1196 font-size: px !important; 1197 font-family: 0 !important; 1198 font-weight: !important; 1199 font-style: normal !important; 1200 1201 letter-spacing: px !important; 1202 color: !important; 1203 } 1204 .p6_general_style { 1205 font-size: px !important; 1206 font-family: 0 !important; 1207 font-weight: !important; 1208 font-style: normal !important; 1209 1210 letter-spacing: px !important; 1211 color: !important; 1212 } 1213 a.general_style, .a_general_style { 1214 text-decoration: !important; 1215 color: !important; 1216 } 1217 a.general_style:hover, .a_general_style:hover { 1218 color: !important; 1219 } 1220 label.general_style, .label_general_style { 1221 font-size: px !important; 1222 font-family: 0 !important; 1223 font-weight: !important; 1224 font-style: normal !important; 1225 1226 letter-spacing: px !important; 1227 color: !important; 1228 } 1229 button.general_style, .button_general_style { 1230 font-size: px !important; 1231 font-family: 0 !important; 1232 font-weight: !important; 1233 font-style: normal !important; 1234 1235 color: #fcfcfc !important; 1236 background-color: #55595a !important; 1237 1238 border-width: px !important; 1239 border-radius: px !important; 1240 border-color: !important; 1241 } 1242 button.general_style:hover, .button_general_style:hover { 1243 color: #ffffff !important; 1244 background-color: #9ea3a3 !important; 1245 border-color: !important; 1246 } 1247 .secondary_button_general_style { 1248 font-size: px !important; 1249 font-family: 0 !important; 1250 font-weight: !important; 1251 font-style: normal !important; 1252 1253 color: #55595a !important; 1254 background-color: !important; 1255 border-style: solid !important; 1256 border-width: 1px !important; 1257 border-radius: px !important; 1258 border-color: #55595a !important; 1259 } 1260 .secondary_button_general_style:hover { 1261 color: #ffffff !important; 1262 background-color: #55595a !important; 1263 border-color: #55595a !important; 1264 } 1265 .reset_button_general_style { 1266 font-size: px !important; 1267 font-family: 0 !important; 1268 font-weight: !important; 1269 font-style: normal !important; 1270 1271 color: #ffffff !important; 1272 background-color: #55595a !important; 1273 1274 border-width: px !important; 1275 border-radius: px !important; 1276 border-color: !important; 1277 } 1278 .reset_button_general_style:hover { 1279 color: #ffffff !important; 1280 background-color: #9ea3a3 !important; 1281 border-color: !important; 1282 } 1283 .search_box_general_style .sinps::placeholder { 1284 font-size: px !important; 1285 font-family: 0 !important; 1286 color: !important; 1287 } 1288 .search_box_general_style .sinps { 1289 height: 100%; 1290 font-size: px !important; 1291 font-family: 0 !important; 1292 font-weight: !important; 1293 font-style: normal !important; 1294 color: !important; 1295 background-color: !important; 1296 border-style: solid !important; 1297 border-width: px !important; 1298 border-radius: px !important; 1299 border-top-right-radius: 0 !important; 1300 border-bottom-right-radius: 0 !important; 1301 border-color: !important; 1302 } 1303 .search_box_general_style .sinps:hover, 1304 .search_box_general_style .sinps:focus, 1305 .search_box_general_style .sinps:active { 1306 background-color: !important; 1307 } 1308 .search_box_general_style .sBtns { 1309 height: 100%; 1310 background-color: #55595a !important; 1311 border-style: solid !important; 1312 border-width: px !important; 1313 border-radius: px !important; 1314 border-top-left-radius: 0 !important; 1315 border-bottom-left-radius: 0 !important; 1316 border-color: !important; 1317 } 1318 .search_box_general_style .sBtns:hover, 1319 .search_box_general_style .sBtns:focus, 1320 .search_box_general_style .sBtns:active { 1321 background-color: #9ea3a3 !important; 1322 } 1323 .search_box_general_style .sBtns svg { 1324 width: px !important; 1325 height: px !important; 1326 } 1327 .search_box_general_style .sBtns path { 1328 fill: !important; 1329 } 1330 .search_box_general_style .sBtns:hover path, 1331 .search_box_general_style .sBtns:focus path, 1332 .search_box_general_style .sBtns:active path { 1333 fill: !important; 1334 }
1335 .search_box_general_style:hover .sinps, 1336 .search_box_general_style:focus .sinps, 1337 .search_box_general_style:active .sinps, 1338 .search_box_general_style:hover .sBtns, 1339 .search_box_general_style:focus .sBtns, 1340 .search_box_general_style:active .sBtns { 1341 border-color: !important; 1342 } 1343 svg.general_style, .svg_general_style { 1344 fill: #fc7b6f !important; 1345 stroke-width: .5 !important; 1346 stroke: !important; 1347 } 1348 .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single { 1349 color: !important; 1350 background: #9ea3a3 !important; 1351 } 1352 .irs--big .irs-grid-text { 1353 color: #55595a !important; 1354 } 1355 .irs--big .irs-grid-pol { 1356 background: #55595a !important; 1357 } 1358 .irs--big .irs-bar { 1359 border-color: #000000 !important; 1360 background: linear-gradient(to bottom, #9ea3a3 0%, #55595a 30%, #55595a 100%) !important; 1361 } 1362 .irs--big .irs-handle { 1363 border-color: #B3B3B2; 1364 background: linear-gradient(to bottom, 0%, 30%, 100%) !important; 1365 } 1366 .pagination.general_style .page-link { 1367 font-size: px !important; 1368 font-family: 0 !important; 1369 font-weight: !important; 1370 font-style: normal !important; 1371 1372 color: #55595a !important; 1373 background-color: !important; 1374 border-color: !important; 1375 } 1376 .pagination.general_style .page-link:hover { 1377 color: #ffffff !important; 1378 background-color: #9ea3a3 !important; 1379 border-color: #9ea3a3 !important; 1380 } 1381 .pagination.general_style .page-item.active .page-link { 1382 color: #ffffff !important; 1383 background-color: #55595a !important; 1384 border-color: #55595a !important; 1385 } 1386 input[type=checkbox].general_style { 1387 accent-color: #55595a !important; 1388 } 1389 .breadcrumb.general_style .breadcrumb-item a, 1390 .breadcrumb.general_style .breadcrumb-item { 1391 font-size: 14px !important; 1392 font-family: Arial !important; 1393 font-weight: !important; 1394 font-style: normal !important; 1395 1396 letter-spacing: px !important; 1397 color: #000 !important; 1398 } 1399 .shapes-div .shapes-img.active { 1400 background-color: #55595a !important; 1401 color: #ffffff !important; 1402 } 1403 .input_general_style { 1404 position: relative; 1405 } 1406 .input_general_style label { 1407 width: auto !important; 1408 position: absolute; 1409 top: 50%; 1410 left: 5px; 1411 z-index: 1; 1412 transform: translateY(-50%); 1413 transform-origin: 0% 100%; 1414 transition: all .2s ease-out; 1415 padding: 0 10px; 1416 margin: 0 !important; 1417 cursor: text; 1418 background: white; 1419 } 1420 .input_general_style label.active { 1421 top: 0; 1422 transform: translateY(-55%) scale(0.80); 1423 } 1424 1425 .input_general_style input::placeholder { 1426 color: transparent !important; 1427 } 1428 .input_general_style input { 1429 font-size: 16px !important; 1430 font-family: 0 !important; 1431 font-weight: !important; 1432 font-style: !important; 1433 color: !important; 1434 background-color: white !important; 1435 border-style: solid !important; 1436 border-width: px !important; 1437 border-radius: 0px !important; 1438 border-color: !important; 1439 } 1440 .input_general_style:hover input { 1441 border-color: !important; 1442 }
1443 .input_general_style input:-webkit-autofill, 1444 .input_general_style input:-webkit-autofill:hover, 1445 .input_general_style input:-webkit-autofill:focus, 1446 .input_general_style input:-webkit-autofill:active{ 1447 -webkit-box-shadow: 0 0 0 30px white inset !important; 1448 } 1449 .input_general_style input:focus { 1450 border-color: initial; 1451 box-shadow: unset; 1452 } 1453 .input_general_style .toggle-password-visibility { 1454 position: absolute; 1455 right: 5px; 1456 top: 50%; 1457 transform: translateY(-50%); 1458 border: 0; 1459 background: transparent; 1460 } 1461 .select_general_style { 1462 position: relative; 1463 } 1464 .select_general_style label { 1465 width: auto !important; 1466 position: absolute; 1467 top: 50%; 1468 left: 5px; 1469 transform: translateY(-50%); 1470 transform-origin: 0% 100%; 1471 transition: all .2s ease-out; 1472 padding: 0 10px; 1473 margin: 0 !important; 1474 cursor: text; 1475 background: white; 1476 } 1477 .select_general_style label.active { 1478 top: 0; 1479 transform: translateY(-55%) scale(0.80); 1480 } 1481 1482 .select_general_style select { 1483 font-size: 16px !important; 1484 font-family: 0 !important; 1485 font-weight: !important; 1486 font-style: !important; 1487 color: !important; 1488 border-style: solid !important; 1489 border-width: px !important; 1490 border-radius: 0px !important; 1491 border-color: !important; 1492 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; 1493 -webkit-appearance: none !important; 1494 -moz-appearance: none !important; 1495 appearance: none !important; 1496 } 1497 .select_general_style:hover select { 1498 border-color: !important; 1499 } 1500 .select_general_style select:focus { 1501 border-color: initial; 1502 box-shadow: unset; 1503 } 1504 .select_general_style select:-webkit-autofill, 1505 .select_general_style select:-webkit-autofill:hover, 1506 .select_general_style select:-webkit-autofill:focus, 1507 .select_general_style select:-webkit-autofill:active{ 1508 -webkit-box-shadow: 0 0 0 30px white inset !important; 1509 } 1510 .textarea_general_style { 1511 position: relative; 1512 } 1513 .textarea_general_style label { 1514 width: auto !important; 1515 position: absolute; 1516 top: 18px; 1517 left: 5px; 1518 transform: translateY(-50%); 1519 transform-origin: 0% 100%; 1520 transition: all .2s ease-out; 1521 padding: 0 10px; 1522 margin: 0 !important; 1523 cursor: text; 1524 background: white; 1525 } 1526 .textarea_general_style label.active { 1527 top: 0; 1528 transform: translateY(-55%) scale(0.80); 1529 } 1530 1531 .textarea_general_style textarea { 1532 font-size: 16px !important; 1533 font-family: 0 !important; 1534 font-weight: !important; 1535 font-style: !important; 1536 color: !important; 1537 background-color: white !important; 1538 border-style: solid !important; 1539 border-width: px !important; 1540 border-radius: 0px !important; 1541 border-color: !important; 1542 } 1543 .textarea_general_style:hover textarea { 1544 border-color: !important; 1545 } 1546 .textarea_general_style textarea:focus { 1547 border-color: initial; 1548 box-shadow: unset; 1549 } 1550 .textarea_general_style textarea:-webkit-autofill, 1551 .textarea_general_style textarea:-webkit-autofill:hover, 1552 .textarea_general_style textarea:-webkit-autofill:focus, 1553 .textarea_general_style textarea:-webkit-autofill:active{ 1554 -webkit-box-shadow: 0 0 0 30px white inset !important; 1555 } 1556 } 1557 </style><header class="appearance-desktop-view-template"> 1558 1559 1560 1561 <style> 1562 .header_container>.flex_row { 1563 display: flex; 1564 } 1565 1566 .header_container_1 { 1567 width: 100%; 1568 max-width: 100%; 1569 margin: 0 auto; 1570 position: relative !important; 1571 transform: inherit !important; 1572 } 1573 .header_container>.flex_row>.flex_col { 1574 display: flex; 1575 flex-wrap: wrap; 1576 box-sizing: border-box; 1577 align-content: baseline; 1578 } 1579 .header_container>.flex_row>.flex_col>.flex_cell { 1580 height: fit-content; 1581 display: flex; 1582 } 1583 .header_container>.flex_row>.flex_col>.flex_cell a { 1584 text-decoration: none; 1585 } 1586 .header_container img { 1587 max-width: 100%; 1588 } 1589 .row_spacer_cs { 1590 display: none; 1591 } 1592 .sticky_row { 1593 position: fixed; 1594 } 1595 .sticky_row + .row_spacer_cs { 1596 display: block; 1597 } 1598 </style> 1599 1600 <div class="header_container header_container_1" data-device-type="1"> 1601 1602 1603 1604 <div class="flex_row flex_row_1 "> 1605 1606 1607 <div class="flex_col flex_col_1"> 1608 1609 1610<div class="flex_cell flex_cell_1 call_us"> 1611 <div class="flex_cell_content"><a class="phone_number_click " href="tel:925-904-0200" title="Call us 925-904-0200">
1611<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>925-904-0200</span></a></div> </div> 1612<style> 1613 .header_container_1>.flex_row_1>.flex_col_1>.flex_cell_1.call_us { 1614 width:100%; justify-content:left; -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 1615 1616 .header_container_1>.flex_row_1>.flex_col_1>.flex_cell_1.call_us { 1617 height:100%; } 1618 1619 .header_container_1>.flex_row_1>.flex_col_1>.flex_cell_1.call_us>.flex_cell_content { 1620 display: flex; 1621 margin-top:10px; margin-bottom:10px; margin-left:25%; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 1622 1623 .header_container_1>.flex_row_1>.flex_col_1>.flex_cell_1 a { 1624 color:#4d4d4d; font-style:normal; font-size:16px; font-family:Arial; display: flex; 1625 align-items: center; 1626 text-transform:none; } 1627 1628 .header_container_1>.flex_row_1>.flex_col_1>.flex_cell_1.call_us a svg, 1629 .header_container_1>.flex_row_1>.flex_col_1>.flex_cell_1.call_us a img { 1630 margin-right: 5px; 1631 height:15px; } 1632 1633 .header_container_1>.flex_row_1>.flex_col_1>.flex_cell_1 a .path_class { 1634 fill: currentColor; 1635 } 1636 1637 1638 .header_container_1>.flex_row_1>.flex_col_1>.flex_cell_1 a:hover { 1639 color:#000000; } 1640</style> 1641 </div> 1642 1643 <style> 1644 .header_container_1>.flex_row_1>.flex_col_1 { 1645 width:20%; } 1646 </style> 1647 1648 1649 1650 <div class="flex_col flex_col_2"> 1651 1652 1653 </div> 1654 1655 <style> 1656 .header_container_1>.flex_row_1>.flex_col_2 { 1657 width:15%; } 1658 </style> 1659 1660 1661 1662 <div class="flex_col flex_col_3"> 1663 1664 1665<div class="flex_cell flex_cell_1 button_link"> 1666 1667 1668 <div class="flex_cell_content"> 1669 <a class="btn_link_ig" href="https://www.hellerjewelers.com/holiday-gift-guide" target="_blank" title=""> 1670 Holiday Gift Guide </a> 1671 </div> 1672 1673 </div> 1674<style> 1675 .header_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.button_link { 1676 width:100%; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; } 1677 1678 .header_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.button_link { 1679 height:100%; } 1680 1681 .header_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.button_link>.flex_cell_content { 1682 display: flex; 1683 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; } 1684 1685 .header_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.button_link a { 1686 color:#000000; font-style:normal; 1687 background-color:#e0e0e0; 1688 font-size:px;font-family:Arial; text-decoration: none; 1689 display: inline-flex; 1690 align-items: center; 1691 padding: 10px 26px; 1692 border-style: solid; 1693 text-transform:none; border-radius:0px; border-width:0px; border-color:#fafafa; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 1694 1695 .header_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.button_link a>i{ 1696 margin-right: 5px; 1697 } 1698 1699 .header_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.button_link a:hover { 1700 color:#000000; background-color:#e0e0e0; border-color:#fcfcfc; } 1701 1702 .header_container_1>.flex_row_1>.flex_col_3>.flex_cell_1 a>img { 1703 margin-right:5px; } 1704</style> 1705 1706 </div> 1707 1708 <style> 1709 .header_container_1>.flex_row_1>.flex_col_3 { 1710 width:30%; } 1711 </style> 1712 1713 1714 1715 <div class="flex_col flex_col_4"> 1716 1717 1718<div class="flex_cell flex_cell_1 search_box"> 1719 <div class="flex_cell_content"> 1720 <form class="sform" id="search-box-form"
1721 onsubmit="javascript: window.location = '/keyword-search?search=' + encodeURIComponent($(this).find('input[name=search]').val()); return false;"> 1722 <div class="inputs-group"> 1723 <input class="sinp" type="text" name="search" 1724 placeholder="SEARCH PRODUCTS" 1725 aria-label="SEARCH PRODUCTS" 1726 > 1727 <button class="sBtn" onclick="javascript: $('#search-box-form').submit();"> 1728 <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> 1729 </button> 1730 </div> 1731 </form> 1732 </div> 1733</div> 1734<style> 1735 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.search_box { 1736 width:100%; justify-content:right; -webkit-justify-content:right; align-items:center; -webkit-align-items:center; } 1737 1738 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.search_box { 1739 height:100%; } 1740 1741 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.search_box>.flex_cell_content { 1742 display: flex; 1743 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 1744 1745 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1 .sform, .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1 .inputs-group { 1746 width: 100%; 1747 display: flex; 1748 flex-wrap: nowrap; 1749 } 1750 1751 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1 .sinp { 1752 border-radius: 0px; 1753 padding: 4px 8px; 1754 outline: 0px; 1755 box-shadow: none; 1756 font-size:14px; font-family:Arial; color:#4d4d4d; font-style:normal; background-color:#e0e0e0; 1757 1758 1759 border-style: solid; 1760 border-color:#e0e0e0; 1761 1762 border-right:0px; 1763 width: 100%; 1764 1765 background-color: transparent; 1766 border-color: transparent; 1767 border-bottom-color:#4d4d4d; } 1768 1769 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1 .sinp:hover { 1770 } 1771 1772 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1 .sinp::placeholder { 1773 font-size:14px; font-family:Arial; color:#000000; opacity: 1; 1774 } 1775 1776 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1 .sBtn { 1777 height: 100%; 1778 border-radius: 0px; 1779 padding: 4px; 1780 align-items: center; 1781 justify-content: center; 1782 display: flex; 1783 border-style: solid; 1784 border-color:#e0e0e0; color:#4d4d4d; font-style:normal; background-color:#e0e0e0; border-left:0px; 1785 1786 background-color: transparent; 1787 border-color: transparent; 1788 } 1789 1790 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1 .sBtn:hover { 1791 background-color:#e0e0e0; background-color: transparent; 1792 } 1793 1794 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1 .sBtn svg { 1795 width:13px; height:13px; } 1796 1797 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1 .sBtn .path_class { 1798 fill:#4d4d4d; } 1799 1800 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1 .sBtn:hover .path_class { 1801 fill:#ffffff; } 1802 1803</style> 1804 </div> 1805 1806 <style> 1807 .header_container_1>.flex_row_1>.flex_col_4 { 1808 width:20%; } 1809 </style> 1810 1811 1812 1813 <div class="flex_col flex_col_5"> 1814 1815 1816<div class="flex_cell flex_cell_1 account_icons"> 1817 <div class="flex_cell_content"> 1818 1819 <a class="" href="/wishlist" title="Wishlist" rel="nofollow" style="order: 2"> 1820 <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>
1820 <span class="item-count-badge wishlist-count-badge d-none"></span> 1821 </a> 1822 1823 <a class=" build-shopping-cart-icon" href="/shopping-cart" title="Shopping Cart" style="order: 3"> 1824 <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> 1825 </a> 1826 1827 1828 <a class="" href="/login" title="My Account" style="order: 5"> 1829 <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> 1830 </div> 1831</div> 1832 1833<style> 1834 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons { 1835 width:100%; justify-content: flex-end; 1836 align-items:center; -webkit-align-items:center; } 1837 1838 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons { 1839 height:100%; } 1840 1841 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons>.flex_cell_content { 1842 display: flex; 1843 margin-top:10px; margin-bottom:10px; margin-left:px; margin-right:25%; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 1844 1845 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons .wishlist-count-badge.d-none { 1846 display: none !important; 1847 } 1848 1849 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons a { 1850 display: flex; 1851 align-items: center; 1852 color:#4d4d4d; font-style:normal; font-size:16px; font-family:Arial; margin-left: 12px; 1853 text-transform:none; } 1854 1855 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons a svg, 1856 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons a img { 1857 flex-shrink: 0; 1858 margin-right: 5px; 1859 width:15px; height:15px; } 1860 1861 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons a .path_class { 1862 fill: currentColor; 1863 } 1864 1865 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons a:hover { 1866 color:#000000; } 1867 1868 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons a .item-count-badge { 1869 padding: 0 5px; 1870 height: 16px; 1871 min-width: 16px; 1872 text-align: center; 1873 border-radius: 7px; 1874 line-height: 16px; 1875 border: 1px solid #fff; 1876 font-style: normal; 1877 font-weight: 700; 1878 font-size: 10px; 1879 background-color:#00b252; color:#ffffff; margin-left: -10px; 1880 margin-top: -15px; 1881 } 1882</style> 1883 </div> 1884 1885 <style> 1886 .header_container_1>.flex_row_1>.flex_col_5 { 1887 width:15%; } 1888 </style> 1889 1890 1891 1892 </div> 1893 1894 1895 <style> 1896 .header_container_1>.flex_row_1 {
1897 background-color: #e0e0e0; 1898 1899 color:#000000; height:auto; 1900 1901 } 1902 1903 </style> 1904 1905 1906 1907 1908 1909 <div class="flex_row flex_row_2 "> 1910 1911 1912 <div class="flex_col flex_col_1"> 1913 1914 1915 </div> 1916 1917 <style> 1918 .header_container_1>.flex_row_2>.flex_col_1 { 1919 width:100%; } 1920 </style> 1921 1922 1923 1924 <div class="flex_col flex_col_2"> 1925 1926 1927 1928<div class="flex_cell flex_cell_1 image"> 1929 <div class="flex_cell_content"> 1930 1931 <a href="https://www.hellerjewelers.com/" 1932 > 1933 1934 1935 <img 1936 height="80px" width="161px" 1937 1938 src="https://www.hellerjewelers.com/public/1.0/uploads/source/untitled-design---2026-04-07t151746-802.png" 1939 1940 alt="Heller Jewelers Logo"> 1941 1942 1943 </a> 1944 1945 </div> 1946</div> 1947 <style> 1948 .header_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.image { 1949 width:100%; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; } 1950 .header_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.image>.flex_cell_content { 1951 display: flex; 1952 margin-top:10px; margin-bottom:10px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 1953 .header_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.image img { 1954 max-width:161px; } 1955 1956 .header_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.image { 1957 height:100%; } 1958 </style> 1959 1960 1961 </div> 1962 1963 <style> 1964 .header_container_1>.flex_row_2>.flex_col_2 { 1965 width:100%; } 1966 </style> 1967 1968 1969 1970 <div class="flex_col flex_col_3"> 1971 1972 1973 1974<div class="flex_cell flex_cell_1 rolex_plaque"> 1975 <div class="flex_cell_content"> 1976 <a href="/rolex" title="Rolex" class="rolex_plaque_href" style="display:inline-block;height:70px;"> 1977 <iframe 1978 title="Rolex" 1979 style="width: 150px; height: 70px; border: 0; margin: 0; padding: 0; overflow: hidden; position: relative; z-index: 1; scroll: none;pointer-events: none" 1980 id="rolex_retailer" 1981 data-type="lazy" 1982 data-src="https://static.rolex.com/retailers/clock/?colour=gold&apiKey=07f0f3af1a26bcee463f3c879d000e09&lang=en_us" 1983 scrolling="NO" 1984 frameborder="NO" 1985 title="Rolex"> 1986 </iframe> 1987 </a> 1988 </div> 1989</div> 1990<style> 1991 .header_container_1>.flex_row_2>.flex_col_3>.flex_cell_1.rolex_plaque { 1992 width:100%; justify-content:right; -webkit-justify-content:right; justify-content: flex-end; 1993 align-items:center; -webkit-align-items:center; } 1994 1995 .header_container_1>.flex_row_2>.flex_col_3>.flex_cell_1.rolex_plaque>.flex_cell_content { 1996 display: flex; 1997 margin-top:px; margin-bottom:px; margin-left:px; margin-right:15%; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 1998 1999 .header_container_1>.flex_row_2>.flex_col_3>.flex_cell_1.rolex_plaque { 2000 height:100%; } 2001 </style> 2002 2003 2004 2005 2006 2007 2008 </div> 2009 2010 <style> 2011 .header_container_1>.flex_row_2>.flex_col_3 { 2012 width:100%; } 2013 </style> 2014 2015 2016 2017 </div> 2018 2019 2020 <style> 2021 .header_container_1>.flex_row_2 { 2022 background-color: #ffffff; 2023 2024 color:#000000; height:auto; 2025 2026 } 2027 2028 </style> 2029 2030 2031 2032 2033 2034 <div class="flex_row flex_row_3 "> 2035 2036 2037 <div class="flex_col flex_col_1"> 2038 2039 <div class="flex_cell flex_cell_1 menu"> 2040 <div class="flex_cell_content"> 2041 <nav aria-label="Menu"> 2042 <ul class="horizontal_menu" role="menubar" aria-label="Menu" data-menubar-item-expanded="false"> 2043 <li class=" menu_container_li" role="none"> 2044 <a href="/rolex" title="Rolex" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="0" aria-haspopup="true" aria-expanded="false" > 2045 Rolex </a> 2046 2047 2048 2049 2050 2051<div class="menu_container default_build_menu menu_container_1_navigation_127"> 2052 <div class="nav_div_127"> 2053 <ul class="nav_list" role="menu" aria-label="Rolex" tabindex="-1"> 2054 2055 <li style="" 2056 class="" 2057 role="none"> 2058 2059 2060 2061 <a class="nav_a_trd " title="Discover Rolex" href="/rolex" data-full_image="" role="menuitem" tabindex="0" > 2062 Discover Rolex </a> 2063 2064 2065 2066 2067 2068 2069 2070 </li> 2071 2072 2073 2074 <li style="" 2075 class="" 2076 role="none"> 2077 2078 2079 2080 <a class="nav_a_trd " title="Rolex watches" href="/rolex/watches" data-full_image="" role="menuitem" tabindex="-1" > 2081 Rolex
2081watches </a> 2082 2083 2084 2085 2086 2087 2088 2089 </li> 2090 2091 2092 2093 <li style="" 2094 class="" 2095 role="none"> 2096 2097 2098 2099 <a class="nav_a_trd " title="New watches 2026" href="/rolex/new-watches" data-full_image="" role="menuitem" tabindex="-1" > 2100 New watches 2026 </a> 2101 2102 2103 2104 2105 2106 2107 2108 </li> 2109 2110 2111 2112 <li style="" 2113 class="" 2114 role="none"> 2115 2116 2117 2118 <a class="nav_a_trd " title="Rolex Accessories " href="/rolex/accessories" data-full_image="" role="menuitem" tabindex="-1" > 2119 Rolex Accessories </a> 2120 2121 2122 2123 2124 2125 2126 2127 </li> 2128 2129 2130 2131 <li style="" 2132 class="" 2133 role="none"> 2134 2135 2136 2137 <a class="nav_a_trd " title="Watchmaking" href="/rolex/watchmaking" data-full_image="" role="menuitem" tabindex="-1" > 2138 Watchmaking </a> 2139 2140 2141 2142 2143 2144 2145 2146 </li> 2147 2148 2149 2150 <li style="" 2151 class="" 2152 role="none"> 2153 2154 2155 2156 <a class="nav_a_trd " title="Servicing" href="/rolex/servicing" data-full_image="" role="menuitem" tabindex="-1" > 2157 Servicing </a> 2158 2159 2160 2161 2162 2163 2164 2165 </li> 2166 2167 2168 2169 <li style="" 2170 class="" 2171 role="none"> 2172 2173 2174 2175 <a class="nav_a_trd " title="Oyster Story" href="/rolex/oyster-story" data-full_image="" role="menuitem" tabindex="-1" > 2176 Oyster Story </a> 2177 2178 2179 2180 2181 2182 2183 2184 </li> 2185 2186 2187 2188 <li style="" 2189 class="" 2190 role="none"> 2191 2192 2193 2194 <a class="nav_a_trd " title="Rolex at Heller Jewelers" href="/rolex/heller-jewelers" data-full_image="" role="menuitem" tabindex="-1" > 2195 Rolex at Heller Jewelers </a> 2196 2197 2198 2199 2200 2201 2202 2203 </li> 2204 2205 2206 2207 <li style="" 2208 class="" 2209 role="none"> 2210 2211 2212 2213 <a class="nav_a_trd " title="Contact us" href="/rolex/contact" data-full_image="" role="menuitem" tabindex="-1" > 2214 Contact us </a> 2215 2216 2217 2218 2219 2220 2221 2222 </li> 2223 2224 2225 </ul> 2226 </div> 2227</div> 2228<style> 2229 .menu_container_1_navigation_127 { 2230 background: #fff; 2231 } 2232 .horizontal_menu .nav_div_127 { 2233 padding: 15px 0px; 2234 box-shadow: 0px 0px 5px #00000078; display: flex; 2235 flex-wrap: wrap; 2236 } 2237 .horizontal_menu .nav_img_127 { 2238 height: 200px; 2239 width: 250px; 2240 margin-left: 50px; 2241 margin-right: 20px; 2242 flex-shrink: 0; 2243 order: 1; 2244 } 2245 .horizontal_menu .nav_img_127 img { 2246 max-width: 100%; 2247 max-height: 100%; 2248 } 2249 .horizontal_menu .nav_div_127 .vfit { 2250 text-align: left; 2251 border-bottom: 1px solid #ececec; 2252 text-transform: uppercase; 2253 } 2254 .nav_div_127 .vfit a { 2255 text-decoration: none; 2256 color: #222; 2257 } 2258 .nav_div_127 .nav_list { 2259 list-style: none; 2260 margin: 0; 2261 padding: 0; 2262 order: 1; 2263 } 2264 .nav_div_127 ul { 2265 list-style: none; 2266 } 2267 #desktop_hamburger_menu_template .nav_div_127 li { 2268 width: 100%; 2269 margin: 0; 2270 padding: 0px 20px; 2271 position: relative; 2272 } 2273 .horizontal_menu .nav_div_127 li { 2274 width: 100%; 2275 margin: 0; 2276 padding: 0px 20px; 2277 position: relative; 2278 } 2279 2280 #desktop_hamburger_menu_template .nav_div_127 li svg { 2281 position: absolute; 2282 right: 15px; 2283 height: 10px; 2284 top: 10px; 2285 } 2286 .horizontal_menu .nav_div_127 li svg { 2287 position: absolute; 2288 right: 15px; 2289 height: 10px; 2290 top: 10px; 2291 } 2292 2293 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_127 .nav_div_127 .nav_list li .nav_a_trd { 2294 display: flex; 2295 align-items: center; 2296 padding: 0; 2297 line-height: 30px; 2298 font-size: 14px; 2299 text-transform: uppercase; 2300 text-decoration: none; 2301 color: #222; 2302 white-space: normal; 2303 2304 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; 2305 } 2306 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_127 .nav_div_127 .nav_list li button { 2307 background: none; 2308 border: none; 2309 cursor: pointer; 2310 } 2311 2312 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_127 .nav_div_127 .nav_list li .nav_a_trd.parent_men { 2313 text-decoration: underline; 2314 } 2315 2316 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_127 .nav_div_127 .nav_list li .nav_a_trd:hover { 2317 color:#000000; cursor: pointer; 2318 } 2319 2320 2321 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_127 .nav_div_127 .nav_list li .nav_list_trd li a { 2322 display: flex; 2323 align-items: center; 2324 padding: 0; 2325 line-height: 30px; 2326 font-size: 14px; 2327 text-transform: uppercase; 2328 text-decoration: none; 2329 color: #222; 2330 white-space: normal; 2331 2332 color:#4d4d4d; font-style:normal; font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 2333 2334 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_127 .nav_div_127 .nav_list li .nav_list_trd li a:hover { 2335 color:#000000; } 2336 2337 .nav_div_127 .nav_list li a .nav_icons { 2338 height: 30px; 2339 margin-right: 5px; 2340 } 2341 2342 .nav_div_127 .nav_list .nav_list_trd li a .nav_icons { 2343 height: 25px; 2344 } 2345 2346 2347 .nav_div_127 .nav_list li a:hover { 2348 color: #3172ab; 2349 } 2350 .horizontal_menu .nav_div_127 .nav_list_trd { 2351 display: none; 2352 position: absolute; 2353 left: 100%; 2354 top: -15px; 2355 padding: 15px 0px; 2356 box-shadow: 0px 0px 5px #00000078; background: #fff; 2357 } 2358 .horizontal_menu .nav_div_127 .nav_list>li .nav_list_trd.open, 2359 .horizontal_menu .nav_div_127 .nav_list>li:hover .nav_list_trd { 2360 display: block; 2361 z-index: 99; 2362 } 2363 2364 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_127, 2365 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_127 .nav_list_trd{ 2366 width: 250px; 2367 } 2368 2369 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_127 .nav_list_trd{ 2370 width: 250px; 2371 } 2372 </style> 2373 </li> 2374 <li class=" menu_container_li" role="none"> 2375 <a href="/rolex-certified-pre-owned-watches" title="Rolex Certified Pre-Owned" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" > 2376 Rolex Certified Pre-Owned </a> 2377 </li> 2378 <li class=" menu_container_li" role="none"> 2379 <a href="#!" title="Engagement Rings" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" > 2380 Engagement Rings </a> 2381 2382 2383 2384 2385 <div class="menu_container custom_build_menu menu_container_1_6 custom_bm_fw" role="menu"> 2386 2387 2388 2389 <div class="flex_row flex_row_1"> 2390 2391 2392 <div class="flex_col flex_col_1"> 2393 2394 2395 </div> 2396 2397 <style> 2398 .menu_container_1_6 .flex_row_1 .flex_col_1 { 2399 width:100%; } 2400 </style> 2401 2402 2403 2404 <div class="flex_col flex_col_2"> 2405 2406 2407 <div class="flex_cell flex_cell_1 third_level"> 2408 <div class="flex_cell_content"> 2409 <div class="nav_div_7 menu_container_li"> 2410 <div class="vfit"> 2411 <a class=" " title="Shop By Style" href="#!" data-full_image="" role="button" tabindex="0"> 2412 Shop By Style </a> 2413 </div> 2414 <div class="nav_list_container"> 2415 <ul class="nav_list" role="menu" aria-label="Shop By Style" tabindex="-1"> 2416 <li class="" role="none"> 2417 <a class="" 2418 role="menuitem" 2419 tabindex="0" 2420 href="https://www.hellerjewelers.com/halo-rings" 2421 title="Halo Rings" 2422 style="" 2423 data-full_image="" 2424 > 2425 <img class="nav_
2425ct_icons menu_icon_halorings" 2426 src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/halo.svg" 2427 alt="Halo Rings" 2428 title="Halo Rings" 2429 height="25" 2430 width="25" 2431 loading="lazy"/> 2432 Halo Rings</a> 2433 </li> 2434 <li class="" role="none"> 2435 <a class="" 2436 role="menuitem" 2437 tabindex="-1" 2438 href="https://www.hellerjewelers.com/side-stone-rings" 2439 title="Side Stone Rings" 2440 style="" 2441 data-full_image="" 2442 > 2443 <img class="nav_ct_icons menu_icon_sidestonerings" 2444 src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/sidestones.svg" 2445 alt="Side Stone Rings" 2446 title="Side Stone Rings" 2447 height="25" 2448 width="25" 2449 loading="lazy"/> 2450 Side Stone Rings</a> 2451 </li> 2452 <li class="" role="none"> 2453 <a class="" 2454 role="menuitem" 2455 tabindex="-1" 2456 href="https://www.hellerjewelers.com/solitaire-rings" 2457 title="Solitaire Rings" 2458 style="" 2459 data-full_image="" 2460 > 2461 <img class="nav_ct_icons menu_icon_solitairerings" 2462 src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/solitaire.svg" 2463 alt="Solitaire Rings" 2464 title="Solitaire Rings" 2465 height="25" 2466 width="25" 2467 loading="lazy"/> 2468 Solitaire Rings</a> 2469 </li> 2470 <li class="" role="none"> 2471 <a class="" 2472 role="menuitem" 2473 tabindex="-1" 2474 href="https://www.hellerjewelers.com/three-stones-rings" 2475 title="Three Stones Rings" 2476 style="" 2477 data-full_image="" 2478 > 2479 <img class="nav_
2479ct_icons menu_icon_threestonesrings" 2480 src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/3stones.svg" 2481 alt="Three Stones Rings" 2482 title="Three Stones Rings" 2483 height="25" 2484 width="25" 2485 loading="lazy"/> 2486 Three Stones Rings</a> 2487 </li> 2488 </ul> 2489 </div> 2490 </div> 2491 </div> 2492 <style> 2493 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 { 2494 width: 100%; 2495 } 2496 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 .vfit { 2497 text-align: left; 2498 2499 border-bottom: 1px solid #ececec; 2500 padding-bottom: 8px; 2501 } 2502 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 .nav_list { 2503 list-style: none; 2504 margin: 0; 2505 padding: 0; 2506 } 2507 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 .nav_list + li { 2508 margin-top: 10px; 2509 } 2510 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 li { 2511 width: 100%; 2512 margin: 0; 2513 padding: 0; 2514 } 2515 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 li:hover { 2516 opacity: 0.8; 2517 } 2518 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 .nav_list li a { 2519 padding: 0; 2520 } 2521 </style> 2522 </div> 2523<style> 2524 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level { 2525 width:100%; align-items:start; -webkit-align-items:start; } 2526 2527 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level { 2528 height:100%; } 2529 2530 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level>.flex_cell_content { 2531 display: flex; 2532 width: 100%; 2533 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 2534 2535 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a { 2536 color:#4d4d4d; font-style:italic; display: flex; 2537 font-size:14px; font-family:Arial; text-transform:uppercase; } 2538 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a:hover { 2539 color:#000000; } 2540 2541 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a .nav_ct_icons { 2542 height: 20px; 2543 margin-right: 5px; 2544 } 2545 2546 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a { 2547 color:#4d4d4d; font-style:normal; line-height:25px; display: flex; 2548 align-items:center; 2549 font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 2550 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a:hover { 2551 color:#000000; } 2552 2553 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 2554 height: 25px; 2555 margin-right: 5px; 2556 } 2557 2558</style> 2559 </div> 2560 2561 <style> 2562 .menu_container_1_6 .flex_row_1 .flex_col_2 { 2563 width:100%; } 2564 </style> 2565 2566 2567 2568 <div class="flex_col flex_col_3"> 2569 2570 2571 <div class="flex_cell flex_cell_1 third_level"> 2572 <div class="flex_cell_content"> 2573 <div class="nav_div_8 menu_container_li"> 2574 <div class="vfit"> 2575 <a class=" " title="Shop By Shape" href="#!" data-full_image="" role="button" tabindex="0"> 2576 Shop By Shape </a> 2577 </div> 2578 <div class="nav_list_container"> 2579 <ul class="nav_list" role="menu" aria-label="Shop By Shape" tabindex="-1"> 2580 <li class="" role="none"> 2581 <a class="" 2582 role="menuitem" 2583 tabindex="0" 2584 href="https://www.hellerjewelers.com/princess-cut-rings" 2585 title="Princess Cut Rings" 2586 style="" 2587 data-full_image="" 2588 > 2589 <img class="nav_
2589ct_icons menu_icon_princesscutrings" 2590 src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/princess.svg" 2591 alt="Princess Cut Rings" 2592 title="Princess Cut Rings" 2593 height="25" 2594 width="25" 2595 loading="lazy"/> 2596 Princess Cut Rings</a> 2597 </li> 2598 <li class="" role="none"> 2599 <a class="" 2600 role="menuitem" 2601 tabindex="-1" 2602 href="https://www.hellerjewelers.com/round-cut-rings" 2603 title="Round Cut Rings" 2604 style="" 2605 data-full_image="" 2606 > 2607 <img class="nav_ct_icons menu_icon_roundcutrings" 2608 src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/round.svg" 2609 alt="Round Cut Rings" 2610 title="Round Cut Rings" 2611 height="25" 2612 width="25" 2613 loading="lazy"/> 2614 Round Cut Rings</a> 2615 </li> 2616 <li class="" role="none"> 2617 <a class="" 2618 role="menuitem" 2619 tabindex="-1" 2620 href="https://www.hellerjewelers.com/cushion-cut-rings" 2621 title="Cushion Cut Rings" 2622 style="" 2623 data-full_image="" 2624 > 2625 <img class="nav_ct_icons menu_icon_cushioncutrings" 2626 src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/cushion.svg" 2627 alt="Cushion Cut Rings" 2628 title="Cushion Cut Rings" 2629 height="25" 2630 width="25" 2631 loading="lazy"/> 2632 Cushion Cut Rings</a> 2633 </li> 2634 <li class="" role="none"> 2635 <a class="" 2636 role="menuitem" 2637 tabindex="-1" 2638 href="https://www.hellerjewelers.com/radiant-cut-rings" 2639 title="Radiant Cut Rings" 2640 style="" 2641 data-full_image="" 2642 > 2643 <img class="nav_
2643ct_icons menu_icon_radiantcutrings" 2644 src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/radiant.svg" 2645 alt="Radiant Cut Rings" 2646 title="Radiant Cut Rings" 2647 height="25" 2648 width="25" 2649 loading="lazy"/> 2650 Radiant Cut Rings</a> 2651 </li> 2652 <li class="" role="none"> 2653 <a class="" 2654 role="menuitem" 2655 tabindex="-1" 2656 href="https://www.hellerjewelers.com/oval-cut-rings" 2657 title="Oval Cut Rings" 2658 style="" 2659 data-full_image="" 2660 > 2661 <img class="nav_ct_icons menu_icon_ovalcutrings" 2662 src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/oval.svg" 2663 alt="Oval Cut Rings" 2664 title="Oval Cut Rings" 2665 height="25" 2666 width="25" 2667 loading="lazy"/> 2668 Oval Cut Rings</a> 2669 </li> 2670 <li class="" role="none"> 2671 <a class="" 2672 role="menuitem" 2673 tabindex="-1" 2674 href="https://www.hellerjewelers.com/emerald-cut-rings" 2675 title="Emerald Cut Rings" 2676 style="" 2677 data-full_image="" 2678 > 2679 <img class="nav_ct_icons menu_icon_emeraldcutrings" 2680 src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/emerald.svg" 2681 alt="Emerald Cut Rings" 2682 title="Emerald Cut Rings" 2683 height="25" 2684 width="25" 2685 loading="lazy"/> 2686 Emerald Cut Rings</a> 2687 </li> 2688 <li class="" role="none"> 2689 <a class="" 2690 role="menuitem" 2691 tabindex="-1" 2692 href="https://www.hellerjewelers.com/marquise-cut-rings" 2693 title="Marquise Cut Rings" 2694 style="" 2695 data-full_image="" 2696 > 2697 <img class="nav_
2697ct_icons menu_icon_marquisecutrings" 2698 src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/marquise.svg" 2699 alt="Marquise Cut Rings" 2700 title="Marquise Cut Rings" 2701 height="25" 2702 width="25" 2703 loading="lazy"/> 2704 Marquise Cut Rings</a> 2705 </li> 2706 <li class="" role="none"> 2707 <a class="" 2708 role="menuitem" 2709 tabindex="-1" 2710 href="https://www.hellerjewelers.com/pear-shape-rings" 2711 title="Pear Shape Ring" 2712 style="" 2713 data-full_image="" 2714 > 2715 <img class="nav_ct_icons menu_icon_pearshapering" 2716 src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/pear.svg" 2717 alt="Pear Shape Ring" 2718 title="Pear Shape Ring" 2719 height="25" 2720 width="25" 2721 loading="lazy"/> 2722 Pear Shape Ring</a> 2723 </li> 2724 </ul> 2725 </div> 2726 </div> 2727 </div> 2728 <style> 2729 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 { 2730 width: 100%; 2731 } 2732 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 .vfit { 2733 text-align: left; 2734 2735 border-bottom: 1px solid #ececec; 2736 padding-bottom: 8px; 2737 } 2738 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 .nav_list { 2739 list-style: none; 2740 margin: 0; 2741 padding: 0; 2742 } 2743 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 .nav_list + li { 2744 margin-top: 10px; 2745 } 2746 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 li { 2747 width: 100%; 2748 margin: 0; 2749 padding: 0; 2750 } 2751 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 li:hover { 2752 opacity: 0.8; 2753 } 2754 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 .nav_list li a { 2755 padding: 0; 2756 } 2757 </style> 2758 </div> 2759<style> 2760 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level { 2761 width:100%; align-items:start; -webkit-align-items:start; } 2762 2763 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level { 2764 height:100%; } 2765 2766 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level>.flex_cell_content { 2767 display: flex; 2768 width: 100%; 2769 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 2770 2771 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a { 2772 color:#4d4d4d; font-style:italic; display: flex; 2773 font-size:14px; font-family:Arial; text-transform:uppercase; } 2774 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a:hover { 2775 color:#000000; } 2776 2777 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a .nav_ct_icons { 2778 height: 20px; 2779 margin-right: 5px; 2780 } 2781 2782 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a { 2783 color:#4d4d4d; font-style:normal; line-height:25px; display: flex; 2784 align-items:center; 2785 font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 2786 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a:hover { 2787 color:#000000; } 2788 2789 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 2790 height: 25px; 2791 margin-right: 5px; 2792 } 2793 2794</style> 2795 </div> 2796 2797 <style> 2798 .menu_container_1_6 .flex_row_1 .flex_col_3 { 2799 width:100%; } 2800 </style> 2801 2802 2803 2804 <div class="flex_col flex_col_4"> 2805 2806 2807 <div class="flex_cell flex_cell_1 third_level"> 2808 <div class="flex_cell_content"> 2809 <div class="nav_div_10 menu_container_li"> 2810 <div class="vfit"> 2811 <a class=" " title="Shop By Price" href="#!" data-full_image="" role="button" tabindex="0"> 2812 Shop By Price </a> 2813 </div> 2814 <div class="nav_list_container"> 2815 <ul class="nav_list" role="menu" aria-label="Shop By Price" tabindex="-1"> 2816 <li class="" role="none"> 2817 <a class="" 2818 role="menuitem" 2819 tabindex="0" 2820 href="https://www.hellerjewelers.com/engagement-rings-1000-to-2000" 2821 title="$1000 - $2000" 2822 style="" 2823 data-full_image="" 2824 > 2825 $1000 - $2000</a> 2826 </li> 2827 <li class="" role="none"> 2828 <a class="" 2829 role="menuitem" 2830 tabindex="-1" 2831 href="https://www.hellerjewelers.com/engagement-rings-2000-to-5000" 2832 title="$2000 - $5000" 2833 style="" 2834 data-full_image="" 2835 > 2836 $2000 - $5000</a> 2837 </li> 2838 <li class="" role="none"> 2839 <a class="" 2840 role="menuitem" 2841 tabindex="-1" 2842 href="https://www.hellerjewelers.com/engagement-rings-5000-up" 2843 title="$5000 & Up" 2844 style="" 2845 data-full_image="" 2846 > 2847 $5000 & Up</a> 2848 </li> 2849
2849 </ul> 2850 </div> 2851 </div> 2852 </div> 2853 <style> 2854 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 { 2855 width: 100%; 2856 } 2857 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 .vfit { 2858 text-align: left; 2859 2860 border-bottom: 1px solid #ececec; 2861 padding-bottom: 8px; 2862 } 2863 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 .nav_list { 2864 list-style: none; 2865 margin: 0; 2866 padding: 0; 2867 } 2868 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 .nav_list + li { 2869 margin-top: 10px; 2870 } 2871 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 li { 2872 width: 100%; 2873 margin: 0; 2874 padding: 0; 2875 } 2876 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 li:hover { 2877 opacity: 0.8; 2878 } 2879 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 .nav_list li a { 2880 padding: 0; 2881 } 2882 </style> 2883 </div> 2884<style> 2885 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level { 2886 width:100%; align-items:start; -webkit-align-items:start; } 2887 2888 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level { 2889 height:100%; } 2890 2891 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level>.flex_cell_content { 2892 display: flex; 2893 width: 100%; 2894 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 2895 2896 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a { 2897 color:#4d4d4d; font-style:italic; display: flex; 2898 font-size:14px; font-family:Arial; text-transform:uppercase; } 2899 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a:hover { 2900 color:#000000; } 2901 2902 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a .nav_ct_icons { 2903 height: 20px; 2904 margin-right: 5px; 2905 } 2906 2907 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a { 2908 color:#4d4d4d; font-style:normal; line-height:25px; display: flex; 2909 align-items:center; 2910 font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 2911 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a:hover { 2912 color:#000000; } 2913 2914 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 2915 height: 25px; 2916 margin-right: 5px; 2917 } 2918 2919</style> 2920 </div> 2921 2922 <style> 2923 .menu_container_1_6 .flex_row_1 .flex_col_4 { 2924 width:100%; } 2925 </style> 2926 2927 2928 2929 <div class="flex_col flex_col_5"> 2930 2931 2932 <div class="flex_cell flex_cell_1 third_level"> 2933 <div class="flex_cell_content"> 2934 <div class="nav_div_71 menu_container_li"> 2935 <div class="vfit"> 2936 <a class=" " title="Start Your Research" href="#!" data-full_image="" role="button" tabindex="0"> 2937 Start Your Research </a> 2938 </div> 2939 <div class="nav_list_container"> 2940 <ul class="nav_list" role="menu" aria-label="Start Your Research" tabindex="-1"> 2941 <li class="" role="none"> 2942 <a class="" 2943 role="menuitem" 2944 tabindex="0" 2945 href="https://www.hellerjewelers.com/engagement-rings" 2946 title="View All Engagement Rings >>" 2947 style="" 2948 data-full_image="" 2949 > 2950 View All Engagement Rings >></a> 2951 </li> 2952 <li class="" role="none"> 2953 <a class="" 2954 role="menuitem" 2955 tabindex="-1" 2956 href="https://www.hellerjewelers.com/create-your-ring" 2957 title="Customize Your Ring >>" 2958 style="" 2959 data-full_image="" 2960 > 2961 Customize Your Ring >></a> 2962 </li> 2963 </ul> 2964 </div> 2965 </div> 2966 </div> 2967 <style> 2968 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 { 2969 width: 100%; 2970 } 2971 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 .vfit { 2972 text-align: left; 2973 2974 border-bottom: 1px solid #ececec; 2975 padding-bottom: 8px; 2976 } 2977 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 .nav_list { 2978 list-style: none; 2979 margin: 0; 2980 padding: 0; 2981 } 2982 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 .nav_list + li { 2983 margin-top: 10px; 2984 } 2985 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 li { 2986 width: 100%; 2987 margin: 0; 2988 padding: 0; 2989 } 2990 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 li:hover { 2991 opacity: 0.8; 2992 } 2993 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 .nav_list li a { 2994 padding: 0; 2995 } 2996 </style> 2997 </div> 2998<style> 2999 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level { 3000 width:100%; align-items:start; -webkit-align-items:start; } 3001 3002 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level { 3003 height:100%; } 3004 3005 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level>.flex_cell_content { 3006 display: flex; 3007 width: 100%; 3008 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 3009 3010 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level .vfit a { 3011 color:#4d4d4d; font-style:italic; display: flex; 3012 font-size:14px; font-family:Arial; text-transform:uppercase;
3012 } 3013 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level .vfit a:hover { 3014 color:#000000; } 3015 3016 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level .vfit a .nav_ct_icons { 3017 height: 20px; 3018 margin-right: 5px; 3019 } 3020 3021 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level .nav_list li a { 3022 color:#4d4d4d; font-style:normal; line-height:25px; display: flex; 3023 align-items:center; 3024 font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 3025 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level .nav_list li a:hover { 3026 color:#000000; } 3027 3028 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 3029 height: 25px; 3030 margin-right: 5px; 3031 } 3032 3033</style> 3034 </div> 3035 3036 <style> 3037 .menu_container_1_6 .flex_row_1 .flex_col_5 { 3038 width:100%; } 3039 </style> 3040 3041 3042 3043 <div class="flex_col flex_col_6"> 3044 3045 3046 </div> 3047 3048 <style> 3049 .menu_container_1_6 .flex_row_1 .flex_col_6 { 3050 width:100%; } 3051 </style> 3052 3053 3054 3055 </div> 3056 3057 <style> 3058 .menu_container_1_6 .flex_row_1 { 3059 background-color: #ffffff; 3060 color:#000000; height:250 } 3061 </style> 3062 3063 3064 3065 3066 <div class="flex_row flex_row_2"> 3067 3068 3069 <div class="flex_col flex_col_1"> 3070 3071 <div class="flex_cell flex_cell_1 line"> 3072 <div class="s_line"></div> 3073 </div> 3074 3075<style> 3076 .menu_container_1_6>.flex_row_2>.flex_col_1>.flex_cell_1 { 3077 width: 100%; 3078 justify-content:center; -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; } 3079 3080 3081 .menu_container_1_6>.flex_row_2>.flex_col_1>.flex_cell_1 .s_line { 3082 background-color:#878787; border-style: solid; 3083 height:1px; width:100%; border-radius:0px; border-width:0px; border-color:#000000; } 3084 3085</style> 3086 </div> 3087 3088 <style> 3089 .menu_container_1_6 .flex_row_2 .flex_col_1 { 3090 width:100%; } 3091 </style> 3092 3093 3094 3095 </div> 3096 3097 <style> 3098 .menu_container_1_6 .flex_row_2 { 3099 background-color: #ffffff; 3100 color:#000000; height:auto } 3101 </style> 3102 3103 3104 3105 </div> 3106 <style> 3107 .menu_container .flex_row { 3108 display: flex; 3109 } 3110 .menu_container_1_6 { 3111 width:100%; 3112 max-width:100%; 3113 left:0; 3114 } 3115 .menu_container .flex_row .flex_col{ 3116 display: flex; 3117 flex-wrap: wrap; 3118 box-sizing: border-box; 3119 align-content: baseline; 3120 } 3121 .menu_container .flex_row .flex_col .flex_cell{ 3122 height: fit-content; 3123 display: flex; 3124 } 3125 .menu_container .flex_row .flex_col .flex_cell a{ 3126 text-decoration: none; 3127 } 3128 .menu_container img { 3129 max-width: 100%; 3130 } 3131 </style> 3132 3133 3134 </li> 3135 <li class=" menu_container_li" role="none"> 3136 <a href="https://www.hellerjewelers.com/diamonds" title="Diamonds" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" > 3137 Diamonds </a> 3138 </li> 3139 <li class=" menu_container_li" role="none"> 3140 <a href="#!" title="Wedding Bands" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" > 3141 Wedding Bands </a> 3142 3143 3144 3145 3146 <div class="menu_container custom_build_menu menu_container_1_3 custom_bm_fw" role="menu"> 3147 3148 3149 3150 <div class="flex_row flex_row_1"> 3151 3152 3153 <div class="flex_col flex_col_1"> 3154 3155 3156 </div> 3157 3158 <style> 3159 .menu_container_1_3 .flex_row_1 .flex_col_1 { 3160 width:100%; } 3161 </style> 3162 3163 3164 3165 <div class="flex_col flex_col_2"> 3166 3167 3168 <div class="flex_cell flex_cell_1 third_level"> 3169 <div class="flex_cell_content"> 3170 <div class="nav_div_13 menu_container_li"> 3171 <div class="vfit"> 3172 <a class=" " title="Shop By Gender" href="#!" data-full_image="" role="button" tabindex="0"> 3173 Shop By Gender </a> 3174 </div> 3175 <div class="nav_list_container"> 3176 <ul class="nav_list" role="menu" aria-label="Shop By Gender" tabindex="-1"> 3177 <li class="" role="none"> 3178 <a class="" 3179 role="menuitem" 3180 tabindex="0" 3181 href="https://www.hellerjewelers.com/mens-wedding-bands" 3182 title="Men Wedding Bands" 3183 style="" 3184 data-full_image="" 3185 > 3186 <img class="nav_
3186ct_icons menu_icon_menweddingbands" 3187 src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bands/mens-01.svg" 3188 alt="Men Wedding Bands" 3189 title="Men Wedding Bands" 3190 height="25" 3191 width="25" 3192 loading="lazy"/> 3193 Men Wedding Bands</a> 3194 </li> 3195 <li class="" role="none"> 3196 <a class="" 3197 role="menuitem" 3198 tabindex="-1" 3199 href="https://www.hellerjewelers.com/ladies-wedding-bands" 3200 title="Ladies Wedding Bands" 3201 style="" 3202 data-full_image="" 3203 > 3204 <img class="nav_ct_icons menu_icon_ladiesweddingbands" 3205 src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bands/bezel.svg" 3206 alt="Ladies Wedding Bands" 3207 title="Ladies Wedding Bands" 3208 height="25" 3209 width="25" 3210 loading="lazy"/> 3211 Ladies Wedding Bands</a> 3212 </li> 3213 </ul> 3214 </div> 3215 </div> 3216 </div> 3217 <style> 3218 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_13 { 3219 width: 100%; 3220 } 3221 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_13 .vfit { 3222 text-align: left; 3223 3224 border-bottom: 1px solid #ececec; 3225 padding-bottom: 8px; 3226 } 3227 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_13 .nav_list { 3228 list-style: none; 3229 margin: 0; 3230 padding: 0; 3231 } 3232 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_13 .nav_list + li { 3233 margin-top: 10px; 3234 } 3235 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_13 li { 3236 width: 100%; 3237 margin: 0; 3238 padding: 0; 3239 } 3240 .menu_container_1_3>.flex_row_1>.flex_col_2>
3240.flex_cell_1 .nav_div_13 li:hover { 3241 opacity: 0.8; 3242 } 3243 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_13 .nav_list li a { 3244 padding: 0; 3245 } 3246 </style> 3247 </div> 3248<style> 3249 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level { 3250 width:100%; align-items:start; -webkit-align-items:start; } 3251 3252 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level { 3253 height:100%; } 3254 3255 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level>.flex_cell_content { 3256 display: flex; 3257 width: 100%; 3258 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 3259 3260 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a { 3261 color:#4d4d4d; font-style:italic; display: flex; 3262 font-size:14px; font-family:Arial; text-transform:uppercase; } 3263 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a:hover { 3264 color:#000000; } 3265 3266 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a .nav_ct_icons { 3267 height: 20px; 3268 margin-right: 5px; 3269 } 3270 3271 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a { 3272 color:#4d4d4d; font-style:normal; line-height:25px; display: flex; 3273 align-items:center; 3274 font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 3275 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a:hover { 3276 color:#000000; } 3277 3278 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 3279 height: 25px; 3280 margin-right: 5px; 3281 } 3282 3283</style> 3284 </div> 3285 3286 <style> 3287 .menu_container_1_3 .flex_row_1 .flex_col_2 { 3288 width:100%; } 3289 </style> 3290 3291 3292 3293 <div class="flex_col flex_col_3"> 3294 3295 3296 <div class="flex_cell flex_cell_1 third_level"> 3297 <div class="flex_cell_content"> 3298 <div class="nav_div_15 menu_container_li"> 3299 <div class="vfit"> 3300 <a class=" " title="Shop By Price" href="#!" data-full_image="" role="button" tabindex="0"> 3301 Shop By Price </a> 3302 </div> 3303 <div class="nav_list_container"> 3304 <ul class="nav_list" role="menu" aria-label="Shop By Price" tabindex="-1"> 3305 <li class="" role="none"> 3306 <a class="" 3307 role="menuitem" 3308 tabindex="0" 3309 href="https://www.hellerjewelers.com/wedding-bands-up-to-500" 3310 title="Up to $500" 3311 style="" 3312 data-full_image="" 3313 > 3314 Up to $500</a> 3315 </li> 3316 <li class="" role="none"> 3317 <a class="" 3318 role="menuitem" 3319 tabindex="-1" 3320 href="https://www.hellerjewelers.com/wedding-bands-500-to-1000" 3321 title="$500 - $1000" 3322 style="" 3323 data-full_image="" 3324 > 3325 $500 - $1000</a> 3326 </li> 3327 <li class="" role="none"> 3328 <a class="" 3329 role="menuitem" 3330 tabindex="-1" 3331 href="https://www.hellerjewelers.com/engagement-rings-1000-to-2000" 3332 title="$1000 - $2000" 3333 style="" 3334 data-full_image="" 3335 > 3336 $1000 - $2000</a> 3337 </li> 3338 <li class="" role="none"> 3339 <a class="" 3340 role="menuitem" 3341 tabindex="-1" 3342 href="https://www.hellerjewelers.com/wedding-bands-2000-to-5000" 3343 title="$2000 - $5000" 3344 style="" 3345 data-full_image="" 3346 > 3347 $2000 - $5000</a> 3348 </li> 3349 <li class="" role="none"> 3350 <a class="" 3351 role="menuitem" 3352 tabindex="-1" 3353 href="https://www.hellerjewelers.com/wedding-bands-5000-up" 3354 title="$5000 & Up" 3355 style="" 3356 data-full_image="" 3357 > 3358 $5000 & Up</a> 3359 </li> 3360 </ul> 3361 </div> 3362 </div> 3363 </div> 3364 <style> 3365 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 { 3366 width: 100%; 3367 } 3368 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 .vfit { 3369 text-align: left; 3370 3371 border-bottom: 1px solid #ececec; 3372 padding-bottom: 8px; 3373 } 3374 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 .nav_list { 3375 list-style: none; 3376 margin: 0; 3377 padding: 0; 3378 } 3379 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 .nav_list + li { 3380 margin-top: 10px; 3381 } 3382 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 li { 3383 width: 100%; 3384 margin: 0; 3385 padding: 0; 3386 } 3387 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 li:hover { 3388 opacity: 0.8; 3389 } 3390 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 .nav_list li a { 3391 padding: 0; 3392 } 3393 </style> 3394 </div> 3395<style> 3396 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level { 3397 width:100%; align-items:start; -webkit-align-items:start; } 3398 3399 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level { 3400 height:100%; } 3401 3402 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level>.flex_cell_content { 3403 display: flex; 3404 width: 100%; 3405 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 3406 3407 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a { 3408 color:#4d4d4d; font-style:italic; display: flex; 3409 font-size:14px; font-family:Arial; text-transform:uppercase; } 3410 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a:hover { 3411 color:#000000; } 3412 3413 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a .nav_ct_icons { 3414 height: 20px; 3415 margin-right: 5px; 3416 } 3417 3418 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a { 3419 color:#4d4d4d; font-style:normal; line-height:25px; display: flex; 3420 align-items:center; 3421 font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 3422 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a:hover { 3423 color:#000000; } 3424 3425 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_le
3425vel .nav_list li a .nav_ct_icons { 3426 height: 25px; 3427 margin-right: 5px; 3428 } 3429 3430</style> 3431 </div> 3432 3433 <style> 3434 .menu_container_1_3 .flex_row_1 .flex_col_3 { 3435 width:100%; } 3436 </style> 3437 3438 3439 3440 <div class="flex_col flex_col_4"> 3441 3442 3443 <div class="flex_cell flex_cell_1 third_level"> 3444 <div class="flex_cell_content"> 3445 <div class="nav_div_79 menu_container_li"> 3446 <div class="vfit"> 3447 <a class=" " title="Start Your Research" href="#!" data-full_image="" role="button" tabindex="0"> 3448 Start Your Research </a> 3449 </div> 3450 <div class="nav_list_container"> 3451 <ul class="nav_list" role="menu" aria-label="Start Your Research" tabindex="-1"> 3452 <li class="" role="none"> 3453 <a class="" 3454 role="menuitem" 3455 tabindex="0" 3456 href="https://www.hellerjewelers.com/wedding-bands" 3457 title="View All Wedding Bands >>" 3458 style="" 3459 data-full_image="" 3460 > 3461 View All Wedding Bands >></a> 3462 </li> 3463 </ul> 3464 </div> 3465 </div> 3466 </div> 3467 <style> 3468 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_79 { 3469 width: 100%; 3470 } 3471 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_79 .vfit { 3472 text-align: left; 3473 3474 border-bottom: 1px solid #ececec; 3475 padding-bottom: 8px; 3476 } 3477 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_79 .nav_list { 3478 list-style: none; 3479 margin: 0; 3480 padding: 0; 3481 } 3482 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_79 .nav_list + li { 3483 margin-top: 10px; 3484 } 3485 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_79 li { 3486 width: 100%; 3487 margin: 0; 3488 padding: 0; 3489 } 3490 .menu_container_1_3>.flex_row_1>.flex_col_4>
3490.flex_cell_1 .nav_div_79 li:hover { 3491 opacity: 0.8; 3492 } 3493 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_79 .nav_list li a { 3494 padding: 0; 3495 } 3496 </style> 3497 </div> 3498<style> 3499 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level { 3500 width:100%; align-items:start; -webkit-align-items:start; } 3501 3502 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level { 3503 height:100%; } 3504 3505 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level>.flex_cell_content { 3506 display: flex; 3507 width: 100%; 3508 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 3509 3510 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a { 3511 color:#4d4d4d; font-style:italic; display: flex; 3512 font-size:14px; font-family:Arial; text-transform:uppercase; } 3513 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a:hover { 3514 color:#000000; } 3515 3516 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a .nav_ct_icons { 3517 height: 20px; 3518 margin-right: 5px; 3519 } 3520 3521 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a { 3522 color:#4d4d4d; font-style:normal; line-height:25px; display: flex; 3523 align-items:center; 3524 font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 3525 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a:hover { 3526 color:#000000; } 3527 3528 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 3529 height: 25px; 3530 margin-right: 5px; 3531 } 3532 3533</style> 3534 </div> 3535 3536 <style> 3537 .menu_container_1_3 .flex_row_1 .flex_col_4 { 3538 width:100%; } 3539 </style> 3540 3541 3542 3543 <div class="flex_col flex_col_5"> 3544 3545 3546 </div> 3547 3548 <style> 3549 .menu_container_1_3 .flex_row_1 .flex_col_5 { 3550 width:100%; } 3551 </style> 3552 3553 3554 3555 </div> 3556 3557 <style> 3558 .menu_container_1_3 .flex_row_1 { 3559 background-color: #ffffff; 3560 color:#000000; height:250 } 3561 </style> 3562 3563 3564 3565 3566 <div class="flex_row flex_row_2"> 3567 3568 3569 <div class="flex_col flex_col_1"> 3570 3571 <div class="flex_cell flex_cell_1 line"> 3572 <div class="s_line"></div> 3573 </div> 3574 3575<style> 3576 .menu_container_1_3>.flex_row_2>.flex_col_1>.flex_cell_1 { 3577 width: 100%; 3578 margin-top:25px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 3579 3580 3581 .menu_container_1_3>.flex_row_2>.flex_col_1>.flex_cell_1 .s_line { 3582 background-color:#878787; border-style: solid; 3583 height:1px; width:100%; border-radius:0px; border-width:0px; border-color:#000000; } 3584 3585</style> 3586 </div> 3587 3588 <style> 3589 .menu_container_1_3 .flex_row_2 .flex_col_1 { 3590 width:100%; } 3591 </style> 3592 3593 3594 3595 </div> 3596 3597 <style> 3598 .menu_container_1_3 .flex_row_2 { 3599 background-color: #ffffff; 3600 color:#000000; height:auto } 3601 </style> 3602 3603 3604 3605 </div> 3606 <style> 3607 .menu_container .flex_row { 3608 display: flex; 3609 } 3610 .menu_container_1_3 { 3611 width:100%; 3612 max-width:100%; 3613 left:0; 3614 } 3615 .menu_container .flex_row .flex_col{ 3616 display: flex; 3617 flex-wrap: wrap; 3618 box-sizing: border-box; 3619 align-content: baseline; 3620 } 3621 .menu_container .flex_row .flex_col .flex_cell{ 3622 height: fit-content; 3623 display: flex; 3624 } 3625 .menu_container .flex_row .flex_col .flex_cell a{ 3626 text-decoration: none; 3627 } 3628 .menu_container img { 3629 max-width: 100%; 3630 } 3631 </style> 3632 3633 3634 </li> 3635 <li class=" menu_container_li" role="none"> 3636 <a href="#!" title="Fine Jewelry" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" > 3637 Fine Jewelry </a> 3638 3639 3640 3641 3642 <div class="menu_container custom_build_menu menu_container_1_8 custom_bm_fw" role="menu"> 3643 3644 3645 3646 <div class="flex_row flex_row_1"> 3647 3648 3649 <div class="flex_col flex_col_1"> 3650 3651 3652 </div> 3653 3654 <style> 3655 .menu_container_1_8 .flex_row_1 .flex_col_1 { 3656 width:100%; } 3657 </style> 3658 3659 3660 3661 <div class="flex_col flex_col_2"> 3662 3663 3664 <div class="flex_cell flex_cell_1 third_level"> 3665 <div class="flex_cell_content"> 3666 <div class="nav_div_17 menu_container_li"> 3667 <div class="vfit"> 3668 <a class=" " title="Shop By Type" href="#!" data-full_image="" role="button" tabindex="0"> 3669 Shop By Type </a> 3670 </div> 3671 <div class="nav_list_container"> 3672 <ul class="nav_list" role="menu" aria-label="Shop By Type" tabindex="-1"> 3673 <li class="" role="none"> 3674 <a class="" 3675 role="menuitem" 3676 tabindex="0" 3677 href="https://www.hellerjewelers.com/necklaces" 3678 title="Necklaces" 3679 style="" 3680 data-full_image="" 3681 > 3682 <img class="nav_
3682ct_icons menu_icon_necklaces" 3683 src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/necklaces/heart.svg" 3684 alt="Necklaces" 3685 title="Necklaces" 3686 height="25" 3687 width="25" 3688 loading="lazy"/> 3689 Necklaces</a> 3690 </li> 3691 <li class="" role="none"> 3692 <a class="" 3693 role="menuitem" 3694 tabindex="-1" 3695 href="https://www.hellerjewelers.com/earrings" 3696 title="Earrings" 3697 style="" 3698 data-full_image="" 3699 > 3700 <img class="nav_ct_icons menu_icon_earrings" 3701 src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/earrings/stud.svg" 3702 alt="Earrings" 3703 title="Earrings" 3704 height="25" 3705 width="25" 3706 loading="lazy"/> 3707 Earrings</a> 3708 </li> 3709 <li class="" role="none"> 3710 <a class="" 3711 role="menuitem" 3712 tabindex="-1" 3713 href="https://www.hellerjewelers.com/bracelets" 3714 title="Bracelets" 3715 style="" 3716 data-full_image="" 3717 > 3718 <img class="nav_ct_icons menu_icon_bracelets" 3719 src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bracelets/mens.svg" 3720 alt="Bracelets" 3721 title="Bracelets" 3722 height="25" 3723 width="25" 3724 loading="lazy"/> 3725 Bracelets</a> 3726 </li> 3727 <li class="" role="none"> 3728 <a class="" 3729 role="menuitem" 3730 tabindex="-1" 3731 href="https://www.hellerjewelers.com/fashion-rings" 3732 title="Rings" 3733 style="" 3734 data-full_image="" 3735 > 3736 <img class="nav_
3736ct_icons menu_icon_rings" 3737 src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bands/diamond.svg" 3738 alt="Rings" 3739 title="Rings" 3740 height="25" 3741 width="25" 3742 loading="lazy"/> 3743 Rings</a> 3744 </li> 3745 <li class="" role="none"> 3746 <a class="" 3747 role="menuitem" 3748 tabindex="-1" 3749 href="https://www.hellerjewelers.com/charms" 3750 title="Charms " 3751 style="" 3752 data-full_image="" 3753 > 3754 <img class="nav_ct_icons menu_icon_charms" 3755 src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/necklaces/religious.svg" 3756 alt="Charms " 3757 title="Charms " 3758 height="25" 3759 width="25" 3760 loading="lazy"/> 3761 Charms </a> 3762 </li> 3763 </ul> 3764 </div> 3765 </div> 3766 </div> 3767 <style> 3768 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 { 3769 width: 100%; 3770 } 3771 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 .vfit { 3772 text-align: left; 3773 3774 border-bottom: 1px solid #ececec; 3775 padding-bottom: 8px; 3776 } 3777 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 .nav_list { 3778 list-style: none; 3779 margin: 0; 3780 padding: 0; 3781 } 3782 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 .nav_list + li { 3783 margin-top: 10px; 3784 } 3785 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 li { 3786 width: 100%; 3787 margin: 0; 3788 padding: 0; 3789 } 3790 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 li:hover { 3791 opacity: 0.8; 3792 } 3793 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 .nav_list li a { 3794 padding: 0; 3795 } 3796 </style> 3797 </div> 3798<style> 3799 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level { 3800 width:100%; align-items:start; -webkit-align-items:start; } 3801 3802 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level { 3803 height:100%; } 3804 3805 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level>.flex_cell_content { 3806 display: flex; 3807 width: 100%; 3808 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 3809 3810 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a { 3811 color:#4d4d4d; font-style:italic; display: flex; 3812 font-size:14px; font-family:Arial; text-transform:uppercase; } 3813 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a:hover { 3814 color:#000000; } 3815 3816 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a .nav_ct_icons { 3817 height: 20px; 3818 margin-right: 5px; 3819 } 3820 3821 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a { 3822 color:#4d4d4d; font-style:normal; line-height:25px; display: flex; 3823 align-items:center; 3824 font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 3825 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a:hover { 3826 color:#000000; } 3827 3828 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 3829 height: 25px; 3830 margin-right: 5px; 3831 } 3832 3833</style> 3834 </div> 3835 3836 <style> 3837 .menu_container_1_8 .flex_row_1 .flex_col_2 { 3838 width:100%; } 3839 </style> 3840 3841 3842 3843 <div class="flex_col flex_col_3"> 3844 3845 3846 <div class="flex_cell flex_cell_1 third_level"> 3847 <div class="flex_cell_content"> 3848 <div class="nav_div_19 menu_container_li"> 3849 <div class="vfit"> 3850 <a class=" " title="Shop By Price" href="#!" data-full_image="" role="button" tabindex="0"> 3851 Shop By Price </a> 3852 </div> 3853 <div class="nav_list_container"> 3854 <ul class="nav_list" role="menu" aria-label="Shop By Price" tabindex="-1"> 3855 <li class="" role="none"> 3856 <a class="" 3857 role="menuitem" 3858 tabindex="0" 3859 href="https://www.hellerjewelers.com/fine-jewelry-0-to-500" 3860 title="Up to $500" 3861 style="" 3862 data-full_image="" 3863 > 3864 Up to $500</a> 3865 </li> 3866 <li class="" role="none"> 3867 <a class="" 3868 role="menuitem" 3869 tabindex="-1" 3870 href="https://www.hellerjewelers.com/fine-jewelry-500-to-1000" 3871 title="$500 - $1000" 3872 style="" 3873 data-full_image="" 3874 > 3875 $500 - $1000</a> 3876 </li> 3877 <li class="" role="none"> 3878 <a class="" 3879 role="menuitem" 3880 tabindex="-1" 3881 href="https://www.hellerjewelers.com/fine-jewelry-1000-to-2000" 3882 title="$1000 - $2000" 3883 style="" 3884 data-full_image="" 3885 > 3886 $1000 - $2000</a> 3887 </li> 3888 <li class="" role="none"> 3889 <a class="" 3890 role="menuitem" 3891 tabindex="-1" 3892 href="https://www.hellerjewelers.com/fine-jewelry-2000-to-5000" 3893 title="$2000 - $5000" 3894 style="" 3895 data-full_image="" 3896 > 3897 $2000 - $5000</a> 3898 </li> 3899 <li class="" role="none"> 3900 <a class="" 3901 role="menuitem" 3902
3902 tabindex="-1" 3903 href="https://www.hellerjewelers.com/fine-jewelry-5000-up" 3904 title="$5000 & Up" 3905 style="" 3906 data-full_image="" 3907 > 3908 $5000 & Up</a> 3909 </li> 3910 </ul> 3911 </div> 3912 </div> 3913 </div> 3914 <style> 3915 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 { 3916 width: 100%; 3917 } 3918 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 .vfit { 3919 text-align: left; 3920 3921 border-bottom: 1px solid #ececec; 3922 padding-bottom: 8px; 3923 } 3924 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 .nav_list { 3925 list-style: none; 3926 margin: 0; 3927 padding: 0; 3928 } 3929 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 .nav_list + li { 3930 margin-top: 10px; 3931 } 3932 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 li { 3933 width: 100%; 3934 margin: 0; 3935 padding: 0; 3936 } 3937 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 li:hover { 3938 opacity: 0.8; 3939 } 3940 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 .nav_list li a { 3941 padding: 0; 3942 } 3943 </style> 3944 </div> 3945<style> 3946 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level { 3947 width:100%; align-items:start; -webkit-align-items:start; } 3948 3949 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level { 3950 height:100%; } 3951 3952 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level>.flex_cell_content { 3953 display: flex; 3954 width: 100%; 3955 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 3956 3957 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a { 3958 color:#4d4d4d; font-style:italic; display: flex; 3959 font-size:14px; font-family:Arial; text-transform:uppercase; } 3960 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a:hover { 3961 color:#000000; } 3962 3963 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a .nav_ct_icons { 3964 height: 20px; 3965 margin-right: 5px; 3966 } 3967 3968 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a { 3969 color:#4d4d4d; font-style:normal; line-height:25px; display: flex; 3970 align-items:center; 3971 font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 3972 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a:hover { 3973 color:#000000; } 3974 3975 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 3976 height: 25px; 3977 margin-right: 5px; 3978 } 3979 3980</style> 3981 </div> 3982 3983 <style> 3984 .menu_container_1_8 .flex_row_1 .flex_col_3 { 3985 width:100%; } 3986 </style> 3987 3988 3989 3990 <div class="flex_col flex_col_4"> 3991 3992 3993 <div class="flex_cell flex_cell_1 third_level"> 3994 <div class="flex_cell_content"> 3995 <div class="nav_div_81 menu_container_li"> 3996 <div class="vfit"> 3997 <a class=" " title="Start Your Research" href="#!" data-full_image="" role="button" tabindex="0"> 3998 Start Your Research </a> 3999 </div> 4000 <div class="nav_list_container"> 4001 <ul class="nav_list" role="menu" aria-label="Start Your Research" tabindex="-1"> 4002 <li class="" role="none"> 4003 <a class="" 4004 role="menuitem" 4005 tabindex="0" 4006 href="https://www.hellerjewelers.com/jewelry-designers" 4007 title="View All Fine Jewelry >>" 4008 style="" 4009 data-full_image="" 4010 > 4011 View All Fine Jewelry >></a> 4012 </li> 4013 <li class="" role="none"> 4014 <a class="" 4015 role="menuitem" 4016 tabindex="-1" 4017 href="https://www.hellerjewelers.com/hearts-on-fire" 4018 title="Hearts on Fire" 4019 style="" 4020 data-full_image="" 4021 > 4022 Hearts on Fire</a> 4023 </li> 4024 </ul> 4025 </div> 4026 </div> 4027 </div> 4028 <style> 4029 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 { 4030 width: 100%; 4031 } 4032 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 .vfit { 4033 text-align: left; 4034 4035 border-bottom: 1px solid #ececec; 4036 padding-bottom: 8px; 4037 } 4038 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 .nav_list { 4039 list-style: none; 4040 margin: 0; 4041 padding: 0; 4042 } 4043 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 .nav_list + li { 4044 margin-top: 10px; 4045 } 4046 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 li { 4047 width: 100%; 4048 margin: 0; 4049 padding: 0; 4050 } 4051 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 li:hover { 4052 opacity: 0.8; 4053 } 4054 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 .nav_list li a { 4055 padding: 0; 4056 } 4057 </style> 4058 </div> 4059<style> 4060 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level { 4061 width:100%; align-items:start; -webkit-align-items:start; } 4062 4063
4063.menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level { 4064 height:100%; } 4065 4066 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level>.flex_cell_content { 4067 display: flex; 4068 width: 100%; 4069 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 4070 4071 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a { 4072 color:#4d4d4d; font-style:italic; display: flex; 4073 font-size:14px; font-family:Arial; text-transform:uppercase; } 4074 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a:hover { 4075 color:#000000; } 4076 4077 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a .nav_ct_icons { 4078 height: 20px; 4079 margin-right: 5px; 4080 } 4081 4082 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a { 4083 color:#4d4d4d; font-style:normal; line-height:25px; display: flex; 4084 align-items:center; 4085 font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 4086 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a:hover { 4087 color:#000000; } 4088 4089 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 4090 height: 25px; 4091 margin-right: 5px; 4092 } 4093 4094</style> 4095 </div> 4096 4097 <style> 4098 .menu_container_1_8 .flex_row_1 .flex_col_4 { 4099 width:100%; } 4100 </style> 4101 4102 4103 4104 <div class="flex_col flex_col_5"> 4105 4106 4107 </div> 4108 4109 <style> 4110 .menu_container_1_8 .flex_row_1 .flex_col_5 { 4111 width:100%; } 4112 </style> 4113 4114 4115 4116 </div> 4117 4118 <style> 4119 .menu_container_1_8 .flex_row_1 { 4120 background-color: #ffffff; 4121 color:#000000; height:250 } 4122 </style> 4123 4124 4125 4126 4127 <div class="flex_row flex_row_2"> 4128 4129 4130 <div class="flex_col flex_col_1"> 4131 4132 <div class="flex_cell flex_cell_1 line"> 4133 <div class="s_line"></div> 4134 </div> 4135 4136<style> 4137 .menu_container_1_8>.flex_row_2>.flex_col_1>.flex_cell_1 { 4138 width: 100%; 4139 margin-top:25px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 4140 4141 4142 .menu_container_1_8>.flex_row_2>.flex_col_1>.flex_cell_1 .s_line { 4143 background-color:#878787; border-style: solid; 4144 height:1px; width:100%; border-radius:0px; border-width:0px; border-color:#000000; } 4145 4146</style> 4147 </div> 4148 4149 <style> 4150 .menu_container_1_8 .flex_row_2 .flex_col_1 { 4151 width:100%; } 4152 </style> 4153 4154 4155 4156 </div> 4157 4158 <style> 4159 .menu_container_1_8 .flex_row_2 { 4160 background-color: #ffffff; 4161 color:#000000; height:auto } 4162 </style> 4163 4164 4165 4166 </div> 4167 <style> 4168 .menu_container .flex_row { 4169 display: flex; 4170 } 4171 .menu_container_1_8 { 4172 width:100%; 4173 max-width:100%; 4174 left:0; 4175 } 4176 .menu_container .flex_row .flex_col{ 4177 display: flex; 4178 flex-wrap: wrap; 4179 box-sizing: border-box; 4180 align-content: baseline; 4181 } 4182 .menu_container .flex_row .flex_col .flex_cell{ 4183 height: fit-content; 4184 display: flex; 4185 } 4186 .menu_container .flex_row .flex_col .flex_cell a{ 4187 text-decoration: none; 4188 } 4189 .menu_container img { 4190 max-width: 100%; 4191 } 4192 </style> 4193 4194 4195 </li> 4196 <li class=" menu_container_li" role="none"> 4197 <a href="#!" title="Designers " class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" > 4198 Designers </a> 4199 4200 4201 4202 4203 4204<div class="menu_container default_build_menu menu_container_1_navigation_72"> 4205 <div class="nav_div_72"> 4206 <ul class="nav_list" role="menu" aria-label="Designers " tabindex="-1"> 4207 4208 <li style="" 4209 class="" 4210 role="none"> 4211 4212 4213 4214 <a class="nav_a_trd " title="Baccarat" href="https://www.hellerjewelers.com/baccarat" data-full_image="/public/1.0/uploads/source/brands/untitled_design_32.png" role="menuitem" tabindex="0" > 4215 Baccarat </a> 4216 4217 4218 4219 4220 4221 4222 4223 </li> 4224 4225 4226 4227 <li style="" 4228 class="" 4229 role="none"> 4230 4231 4232 4233 <a class="nav_a_trd " title="Baraka" href="https://www.hellerjewelers.com/baraka" data-full_image="" role="menuitem" tabindex="-1" > 4234 Baraka </a> 4235 4236 4237 4238 4239 4240 4241 4242 </li> 4243 4244 4245 4246 <li style="" 4247 class="" 4248 role="none"> 4249 4250 4251 4252 <a class="nav_a_trd " title="Fope" href="https://www.hellerjewelers.com/fope" data-full_image="" role="menuitem" tabindex="-1" > 4253 Fope </a> 4254 4255 4256 4257 4258 4259 4260 4261 </li> 4262 4263 4264 4265 <li style="" 4266 class="" 4267 role="none"> 4268 4269 4270 4271 <a class="nav_a_trd " title="Gabriel & Co. Bridal" href="https://www.hellerjewelers.com/gabriel-co-bridal" data-full_image="" role="menuitem" tabindex="-1" > 4272 Gabriel & Co. Bridal </a> 4273 4274 4275 4276 4277 4278 4279 4280 </li> 4281 4282 4283 4284 <li style="" 4285 class="" 4286 role="none"> 4287 4288 4289 4290 <a class="nav_a_trd " title="Gumuchian" href="https://www.hellerjewelers.com/gumuchian" data-full_image="" role="menuitem" tabindex="-1" > 4291 Gumuchian </a> 4292 4293 4294 4295 4296 4297 4298 4299 </li> 4300 4301 4302 4303 <li style="" 4304 class="" 4305 role="none"> 4306 4307 4308 4309 <a class="nav_a_trd " title="Harry
4309Kotlar " href="https://www.hellerjewelers.com/harry-kotlar" data-full_image="" role="menuitem" tabindex="-1" > 4310 Harry Kotlar </a> 4311 4312 4313 4314 4315 4316 4317 4318 </li> 4319 4320 4321 4322 <li style="" 4323 class="" 4324 role="none"> 4325 4326 4327 4328 <a class="nav_a_trd " title="Hearts on Fire" href="https://www.hellerjewelers.com/hearts-on-fire-products" data-full_image="" role="menuitem" tabindex="-1" > 4329 Hearts on Fire </a> 4330 4331 4332 4333 4334 4335 4336 4337 </li> 4338 4339 4340 4341 <li style="" 4342 class="" 4343 role="none"> 4344 4345 4346 4347 <a class="nav_a_trd " title="HJ Collection" href="https://www.hellerjewelers.com/heller-jewelers" data-full_image="" role="menuitem" tabindex="-1" > 4348 HJ Collection </a> 4349 4350 4351 4352 4353 4354 4355 4356 </li> 4357 4358 4359 4360 <li style="" 4361 class="" 4362 role="none"> 4363 4364 4365 4366 <a class="nav_a_trd " title="Hulchi Belluni " href="https://www.hellerjewelers.com/hulchi-belluni" data-full_image="" role="menuitem" tabindex="-1" > 4367 Hulchi Belluni </a> 4368 4369 4370 4371 4372 4373 4374 4375 </li> 4376 4377 4378 4379 <li style="" 4380 class="" 4381 role="none"> 4382 4383 4384 4385 <a class="nav_a_trd " title="Jonathan Adler" href="https://www.hellerjewelers.com/jonathan-adler" target="_blank" data-full_image="/public/1.0/uploads/source/brands/jonathan_adler/fde8f9fcd8ac70f38355a47645c76fd8-w1000-h1000-1-e1634061725761.png" role="menuitem" tabindex="-1" > 4386 Jonathan Adler </a> 4387 4388 4389 4390 4391 4392 4393 4394 </li> 4395 4396 4397 4398 <li style="" 4399 class="" 4400 role="none"> 4401 4402 4403 4404 <a class="nav_a_trd " title="Luigi Tavanti" href="https://www.hellerjewelers.com/luigi-tavanti" data-full_image="" role="menuitem" tabindex="-1" > 4405 Luigi Tavanti </a> 4406 4407 4408 4409 4410 4411 4412 4413 </li> 4414 4415 4416 4417 <li style="" 4418 class="" 4419 role="none"> 4420 4421 4422 4423 <a class="nav_a_trd " title="Michael Aram " href="https://www.hellerjewelers.com/michael-aram" data-full_image="" role="menuitem" tabindex="-1" > 4424 Michael Aram </a> 4425 4426 4427 4428 4429 4430 4431 4432 </li> 4433 4434 </ul> 4435 <ul class="nav_list" role="menu" aria-label="Designers " tabindex="-1"> 4436 4437 4438 <li style="" 4439 class="" 4440 role="none"> 4441 4442 4443 4444 <a class="nav_a_trd " title="Oscar Heyman" href="https://www.hellerjewelers.com/oscar-heyman" target="_blank" data-full_image="" role="menuitem" tabindex="0" > 4445 Oscar Heyman </a> 4446 4447 4448 4449 4450 4451 4452 4453 </li> 4454 4455 4456 4457 <li style="" 4458 class="" 4459 role="none"> 4460 4461 4462 4463 <a class="nav_a_trd " title="Pasquale Bruni " href="https://www.hellerjewelers.com/pasquale-bruni" data-full_image="" role="menuitem" tabindex="-1" > 4464 Pasquale Bruni </a> 4465 4466 4467 4468 4469 4470 4471 4472 </li> 4473 4474 4475 4476 <li style="" 4477 class="" 4478 role="none"> 4479 4480 4481 4482 <a class="nav_a_trd " title="Pomellato" href="https://www.hellerjewelers.com/pomellato" data-full_image="" role="menuitem" tabindex="-1" > 4483 Pomellato </a> 4484 4485 4486 4487 4488 4489 4490 4491 </li> 4492 4493 4494 4495 <li style="" 4496 class="" 4497 role="none"> 4498 4499 4500 4501 <a class="nav_a_trd " title="Roberto Coin" href="https://www.hellerjewelers.com/roberto-coin" data-full_image="" role="menuitem" tabindex="-1" > 4502 Roberto Coin </a> 4503 4504 4505 4506 4507 4508 4509 4510 </li> 4511 4512 4513 4514 <li style="" 4515 class="" 4516 role="none"> 4517 4518 4519 4520 <a class="nav_a_trd " title="Verragio" href="https://www.hellerjewelers.com/verragio" data-full_image="" role="menuitem" tabindex="-1" > 4521 Verragio </a> 4522 4523 4524 4525 4526 4527 4528 4529 </li> 4530 4531 4532 4533 <li style="" 4534 class="" 4535 role="none"> 4536 4537 4538 4539 <a class="nav_a_trd " title="William Henry " href="https://www.hellerjewelers.com/william-henry" data-full_image="" role="menuitem" tabindex="-1" > 4540 William Henry </a> 4541 4542 4543 4544 4545 4546 4547 4548 </li> 4549 4550 4551 4552 <li style="" 4553 class="" 4554 role="none"> 4555 4556 4557 4558 <a class="nav_a_trd " title="Wolf " href="https://www.hellerjewelers.com/wolf-designs-inc" data-full_image="" role="menuitem" tabindex="-1" > 4559 Wolf </a> 4560 4561 4562 4563 4564 4565 4566 4567 </li> 4568 4569 4570 4571 <li style="" 4572 class="" 4573 role="none"> 4574 4575 4576 4577 <a class="nav_a_trd " title="Zydo Italy" href="https://www.hellerjewelers.com/zydo-italy" data-full_image="" role="menuitem" tabindex="-1" > 4578 Zydo Italy </a> 4579 4580 4581 4582 4583 4584 4585 4586 </li> 4587 4588 4589 4590 <li style="" 4591 class="" 4592 role="none"> 4593 4594 4595 4596 <a class="nav_a_trd " title="Always Dream Collection" href="https://www.hellerjewelers.com/always-dream-collection" data-full_image="/public/1.0/uploads/source/always_dream/hj_always_dream_icons_logo.png" role="menuitem" tabindex="-1" > 4597 Always Dream Collection </a> 4598 4599 4600 4601 4602 4603 4604 4605 </li> 4606 4607 4608 </ul> 4609 </div> 4610</div> 4611<style> 4612 .menu_container_1_navigation_72 { 4613 background: #fff; 4614 } 4615 .horizontal_menu .nav_div_72 { 4616 padding: 15px 0px; 4617 box-shadow: 0px 0px 5px #00000078; display: flex; 4618 flex-wrap: wrap; 4619 } 4620 .horizontal_menu .nav_img_72 { 4621 height: 200px; 4622 width: 250px; 4623 margin-left: 50px; 4624 margin-right: 20px; 4625 flex-shrink: 0; 4626 order: 1; 4627 } 4628 .horizontal_menu .nav_img_72 img { 4629 max-width: 100%; 4630 max-height: 100%; 4631 } 4632 .horizontal_menu .nav_div_72 .vfit { 4633 text-align: left; 4634 border-bottom: 1px solid #ececec; 4635 text-transform: uppercase; 4636 } 4637 .nav_div_72 .vfit a { 4638 text-decoration: none; 4639 color: #222; 4640 } 4641 .nav_div_72 .nav_list { 4642 list-style: none; 4643 margin: 0; 4644 padding: 0; 4645 order: 1; 4646 } 4647 .nav_div_72 ul { 4648 list-style: none; 4649 } 4650 #desktop_hamburger_menu_template .nav_div_72 li { 4651 width: 100%; 4652 margin: 0; 4653 padding: 0px 20px; 4654 position: relative; 4655 } 4656 .horizontal_menu .nav_div_72 li { 4657 width: 100%; 4658 margin: 0; 4659 padding: 0px 20px; 4660 position: relative; 4661 } 4662 4663 #desktop_hamburger_menu_template .nav_div_72 li svg { 4664 position: absolute; 4665 right: 15px; 4666 height: 10px; 4667 top: 10px; 4668 } 4669 .horizontal_menu .nav_div_72 li svg { 4670 position: absolute; 4671 right: 15px; 4672 height: 10px; 4673 top: 10px; 4674 } 4675 4676 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_72 .nav_div_72 .nav_list li .nav_a_trd { 4677 display: flex; 4678 align-items: center; 4679 padding: 0; 4680 line-height: 30px; 4681 font-size: 14px; 4682 text-transform: uppercase; 4683 text-decoration: none; 4684 color: #222; 4685 white-space: normal; 4686 4687 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; 4688 } 4689 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_72 .nav_div_72 .nav_list li button { 4690 background: none; 4691 border: none; 4692 cursor: pointer; 4693 } 4694 4695 .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 { 4696 text-decoration: underline; 4697 } 4698 4699 .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 { 4700 color:#000000; cursor: pointer; 4701 } 4702 4703 4704 .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 { 4705 display: flex; 4706 align-items: center; 4707 padding: 0; 4708 line-height: 30px; 4709 font-size: 14px; 4710 text-transform: uppercase; 4711 text-decoration: none; 4712 color: #222; 4713 white-space: normal; 4714 4715 color:#4d4d4d; font-style:normal; font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 4716 4717 .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 { 4718 color:#000000; } 4719 4720 .nav_div_72 .nav_list li a .nav_icons { 4721 height: 30px; 4722 margin-right: 5px; 4723 } 4724 4725 .nav_div_72 .nav_list .nav_list_trd li a .nav_icons { 4726 height: 25px; 4727 } 4728 4729 4730 .nav_div_72 .nav_list li a:hover { 4731 color: #3172ab; 4732 } 4733 .horizontal_menu .nav_div_72 .nav_list_trd { 4734 display: none; 4735 position: absolute; 4736 left: 100%; 4737 top: -15px; 4738 padding: 15px 0px; 4739 box-shadow: 0px 0px 5px #00000078; background: #fff; 4740 } 4741 .horizontal_menu .nav_div_72 .nav_list>li .nav_list_trd.open, 4742 .horizontal_menu .nav_div_72 .nav_list>li:hover .nav_list_trd { 4743 display: block; 4744 z-index: 99; 4745 } 4746 4747 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_72, 4748 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_72 .nav_list_trd{ 4749 } 4750 4751 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_72 .nav_list_trd{ 4752 width: 250px; 4753 } 4754 </style> 4755 </li> 4756
4756 <li class=" menu_container_li" role="none"> 4757 <a href="/timepieces" title="Timepieces" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" > 4758 Timepieces </a> 4759 4760 4761 4762 4763 4764<div class="menu_container default_build_menu menu_container_1_navigation_20"> 4765 <div class="nav_div_20"> 4766 <ul class="nav_list" role="menu" aria-label="Timepieces" tabindex="-1"> 4767 4768 <li style="" 4769 class="" 4770 role="none"> 4771 4772 4773 4774 <a class="nav_a_trd " title="ROLEX" href="/rolex" data-full_image="" role="menuitem" tabindex="0" > 4775 ROLEX </a> 4776 4777 4778 4779 4780 4781 4782 4783 </li> 4784 4785 4786 4787 <li style="" 4788 class="" 4789 role="none"> 4790 4791 4792 <div class="ham_menu_container"> 4793 4794 <a class="nav_a_trd parent_men " title="TUDOR" href="/tudor-at-heller-jewelers" data-full_image="" role="menuitem" tabindex="-1" > 4795 TUDOR 4796 </a> 4797 4798 <a class="nav_a_trd parent_men_arrow" href="#!"> 4799 4800 4801 <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> 4802 </a> 4803 4804 4805 4806 4807 </div> 4808 4809 4810 4811 4812 <ul class="nav_list_trd" role="menu" aria-label="TUDOR" tabindex="-1"> 4813 <li style="" 4814 class="" 4815 role="none"> 4816 4817 <a class="" href="https://www.hellerjewelers.com/tudor-ranger" title="Ranger" role="menuitem" tabindex="0" > 4818 Ranger </a> 4819 </li> 4820 <li style="" 4821 class="" 4822 role="none"> 4823 4824 <a class="" href="https://www.hellerjewelers.com/tudor-black-bay" title="Black Bay" role="menuitem" tabindex="-1" > 4825 Black Bay </a> 4826 </li> 4827 <li style="" 4828 class="" 4829 role="none"> 4830 4831 <a class="" href="https://www.hellerjewelers.com/tudor-pelagos" title="Pelagos" role="menuitem" tabindex="-1" > 4832 Pelagos </a> 4833 </li> 4834 <li style="" 4835 class="" 4836 role="none"> 4837 4838 <a class="" href="https://www.hellerjewelers.com/tudor-1926" title="1926" role="menuitem" tabindex="-1" > 4839 1926 </a> 4840 </li> 4841 <li style="" 4842 class="" 4843 role="none"> 4844 4845 <a class="" href="https://www.hellerjewelers.com/tudor-royal" title="Royal" role="menuitem" tabindex="-1" > 4846 Royal </a> 4847 </li> 4848 <li style="" 4849 class="" 4850 role="none"> 4851 4852 <a class="" href="https://www.hellerjewelers.com/tudor-black-bay-68" title="Black Bay 68" role="menuitem" tabindex="-1" > 4853 Black Bay 68 </a> 4854 </li> 4855 <li style="" 4856 class="" 4857 role="none"> 4858 4859 <a class="" href="https://www.hellerjewelers.com/tudor-black-bay-one" title="Black Bay One" role="menuitem" tabindex="-1" > 4860 Black Bay One </a> 4861 </li> 4862 <li style="" 4863 class="" 4864 role="none"> 4865 4866 <a class="" href="https://www.hellerjewelers.com/tudor-daring-watches" title="Daring Watches" role="menuitem" tabindex="-1" > 4867 Daring Watches </a> 4868 </li> 4869 <li style="" 4870 class="" 4871 role="none"> 4872 4873 <a class="" href="https://www.hellerjewelers.com/tudor-collections" title="Shop the TUDOR Collection" role="menuitem" tabindex="-1" > 4874 Shop the TUDOR Collection </a> 4875 </li> 4876 </ul> 4877 </li> 4878 4879 4880 4881 <li style="" 4882 class="" 4883 role="none"> 4884 4885 4886 4887 <a class="nav_a_trd " title="Cartier" href="https://www.hellerjewelers.com/cartier" data-full_image="" role="menuitem" tabindex="-1" > 4888 Cartier </a> 4889 4890 4891 4892 4893 4894 4895 4896 </li> 4897 4898 4899 4900 <li style="" 4901 class="" 4902 role="none"> 4903 4904 4905 4906 <a class="nav_a_trd " title="Jaeger LeCoultre" href="https://www.hellerjewelers.com/jaeger-lecoultre" data-full_image="" role="menuitem" tabindex="-1" > 4907 Jaeger LeCoultre </a> 4908 4909 4910 4911 4912 4913 4914 4915 </li> 4916 4917 4918 4919 <li style="" 4920 class="" 4921 role="none"> 4922 4923 4924 4925 <a class="nav_a_trd " title="Grand Seiko" href="https://www.hellerjewelers.com/grand-seiko" data-full_image="" role="menuitem" tabindex="-1" > 4926 Grand Seiko </a> 4927 4928 4929 4930 4931 4932 4933 4934 </li> 4935 4936 4937 4938 <li style="" 4939 class="" 4940 role="none"> 4941 4942 4943 4944 <a class="nav_a_trd " title="TAG Heuer" href="https://www.hellerjewelers.com/tag-heuer" data-full_image="" role="menuitem" tabindex="-1" > 4945 TAG Heuer </a> 4946 4947 4948 4949 4950 4951 4952 4953 </li> 4954 4955 4956 4957 <li style="" 4958 class="" 4959 role="none"> 4960 4961 4962 4963 <a class="nav_a_trd " title="Pre-Owned" href="https://www.hellerjewelers.com/shop-preowned" data-full_image="" role="menuitem" tabindex="-1" > 4964 Pre-Owned </a> 4965 4966 4967 4968 4969 4970 4971 4972 </li> 4973 4974 4975
4975 </ul> 4976 </div> 4977</div> 4978<style> 4979 .menu_container_1_navigation_20 { 4980 background: #fff; 4981 } 4982 .horizontal_menu .nav_div_20 { 4983 padding: 15px 0px; 4984 box-shadow: 0px 0px 5px #00000078; display: flex; 4985 flex-wrap: wrap; 4986 } 4987 .horizontal_menu .nav_img_20 { 4988 height: 200px; 4989 width: 250px; 4990 margin-left: 50px; 4991 margin-right: 20px; 4992 flex-shrink: 0; 4993 order: 1; 4994 } 4995 .horizontal_menu .nav_img_20 img { 4996 max-width: 100%; 4997 max-height: 100%; 4998 } 4999 .horizontal_menu .nav_div_20 .vfit { 5000 text-align: left; 5001 border-bottom: 1px solid #ececec; 5002 text-transform: uppercase; 5003 } 5004 .nav_div_20 .vfit a { 5005 text-decoration: none; 5006 color: #222; 5007 } 5008 .nav_div_20 .nav_list { 5009 list-style: none; 5010 margin: 0; 5011 padding: 0; 5012 order: 1; 5013 } 5014 .nav_div_20 ul { 5015 list-style: none; 5016 } 5017 #desktop_hamburger_menu_template .nav_div_20 li { 5018 width: 100%; 5019 margin: 0; 5020 padding: 0px 20px; 5021 position: relative; 5022 } 5023 .horizontal_menu .nav_div_20 li { 5024 width: 100%; 5025 margin: 0; 5026 padding: 0px 20px; 5027 position: relative; 5028 } 5029 5030 #desktop_hamburger_menu_template .nav_div_20 li svg { 5031 position: absolute; 5032 right: 15px; 5033 height: 10px; 5034 top: 10px; 5035 } 5036 .horizontal_menu .nav_div_20 li svg { 5037 position: absolute; 5038 right: 15px; 5039 height: 10px; 5040 top: 10px; 5041 } 5042 5043 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_20 .nav_div_20 .nav_list li .nav_a_trd { 5044 display: flex; 5045 align-items: center; 5046 padding: 0; 5047 line-height: 30px; 5048 font-size: 14px; 5049 text-transform: uppercase; 5050 text-decoration: none; 5051 color: #222; 5052 white-space: normal; 5053 5054 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; 5055 } 5056 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_20 .nav_div_20 .nav_list li button { 5057 background: none; 5058 border: none; 5059 cursor: pointer; 5060 } 5061 5062 .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 { 5063 text-decoration: underline; 5064 } 5065 5066 .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 { 5067 color:#000000; cursor: pointer; 5068 } 5069 5070 5071 .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 { 5072 display: flex; 5073 align-items: center; 5074 padding: 0; 5075 line-height: 30px; 5076 font-size: 14px; 5077 text-transform: uppercase; 5078 text-decoration: none; 5079 color: #222; 5080 white-space: normal; 5081 5082 color:#4d4d4d; font-style:normal; font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 5083 5084 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_20 .nav_div_20 .n
5084av_list li .nav_list_trd li a:hover { 5085 color:#000000; } 5086 5087 .nav_div_20 .nav_list li a .nav_icons { 5088 height: 30px; 5089 margin-right: 5px; 5090 } 5091 5092 .nav_div_20 .nav_list .nav_list_trd li a .nav_icons { 5093 height: 25px; 5094 } 5095 5096 5097 .nav_div_20 .nav_list li a:hover { 5098 color: #3172ab; 5099 } 5100 .horizontal_menu .nav_div_20 .nav_list_trd { 5101 display: none; 5102 position: absolute; 5103 left: 100%; 5104 top: -15px; 5105 padding: 15px 0px; 5106 box-shadow: 0px 0px 5px #00000078; background: #fff; 5107 } 5108 .horizontal_menu .nav_div_20 .nav_list>li .nav_list_trd.open, 5109 .horizontal_menu .nav_div_20 .nav_list>li:hover .nav_list_trd { 5110 display: block; 5111 z-index: 99; 5112 } 5113 5114 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_20, 5115 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_20 .nav_list_trd{ 5116 width: 250px; 5117 } 5118 5119 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_20 .nav_list_trd{ 5120 width: 250px; 5121 } 5122 </style> 5123 </li> 5124 <li class=" menu_container_li" role="none"> 5125 <a href="#!" title="Our Company" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" > 5126 Our Company </a> 5127 5128 5129 5130 5131 5132<div class="menu_container default_build_menu menu_container_1_navigation_21"> 5133 <div class="nav_div_21"> 5134 <ul class="nav_list" role="menu" aria-label="Our Company" tabindex="-1"> 5135 5136 <li style="" 5137 class="" 5138 role="none"> 5139 5140 5141 5142 <a class="nav_a_trd " title="Blog" href="https://www.hellerjewelers.com/blog" data-full_image="" role="menuitem" tabindex="0" > 5143 Blog </a> 5144 5145 5146 5147 5148 5149 5150 5151 </li> 5152 5153 5154 5155 <li style="" 5156 class="" 5157 role="none"> 5158 5159 5160 5161 <a class="nav_a_trd " title="Come Visit Us" href="https://www.hellerjewelers.com/come-visit-us" data-full_image="" role="menuitem" tabindex="-1" > 5162 Come Visit Us </a> 5163 5164 5165 5166 5167 5168 5169 5170 </li> 5171 5172 5173 5174 <li style="" 5175 class="" 5176 role="none"> 5177 5178 5179 5180 <a class="nav_a_trd " title="Zillion - Insurance" href="https://www.hellerjewelers.com/zillion" data-full_image="" role="menuitem" tabindex="-1" > 5181 Zillion - Insurance </a> 5182 5183 5184 5185 5186 5187 5188 5189 </li> 5190 5191 5192 5193 <li style="" 5194 class="" 5195 role="none"> 5196 5197 5198 5199 <a class="nav_a_trd " title="Natural Diamond Council" href="https://www.hellerjewelers.com/ndc-diamonds" data-full_image="" role="menuitem" tabindex="-1" > 5200 Natural Diamond Council </a> 5201 5202 5203 5204 5205 5206 5207 5208 </li> 5209 5210 5211 5212 <li style="" 5213 class="" 5214 role="none"> 5215 5216 5217 5218 <a class="nav_a_trd " title="Always Dream by HJ" href="https://www.hellerjewelers.com/always-dream" target="_blank" data-full_image="/public/1.0/uploads/source/always_dream/hj_always_dream_icons_logo.png" role="menuitem" tabindex="-1" > 5219 Always Dream by HJ </a> 5220 5221 5222 5223 5224 5225 5226 5227 </li> 5228 5229 5230 5231 <li style="" 5232 class="" 5233 role="none"> 5234 5235 5236 5237 <a class="nav_a_trd " title="2025 Magazine" href="https://www.hellerjewelers.com/2025-magazine" target="_blank" data-full_image="/public/1.0/uploads/source/static-pages/2025-magazine/page0001.jpg" role="menuitem" tabindex="-1" > 5238 2025 Magazine </a> 5239 5240 5241 5242 5243 5244 5245 5246 </li> 5247 5248 5249 5250 <li style="" 5251 class="" 5252 role="none"> 5253 5254 5255 5256 <a class="nav_a_trd " title="Holiday Gift Guide 2026" href="https://www.hellerjewelers.com/holiday-gift-guide" target="_blank" data-full_image="/public/1.0/uploads/source/gift_guides/holiday-2026/Holiday-Gift-Guide---Thumbnail.jpg" role="menuitem" tabindex="-1" > 5257 Holiday Gift Guide 2026 </a> 5258 5259 5260 5261 5262 5263 5264 5265 </li> 5266 5267 5268 </ul> 5269 </div> 5270</div> 5271<style> 5272 .menu_container_1_navigation_21 { 5273 background: #fff; 5274 } 5275 .horizontal_menu .nav_div_21 { 5276 padding: 15px 0px; 5277 box-shadow: 0px 0px 5px #00000078; display: flex; 5278 flex-wrap: wrap; 5279 } 5280 .horizontal_menu .nav_img_21 { 5281 height: 200px; 5282 width: 250px; 5283 margin-left: 50px; 5284 margin-right: 20px; 5285 flex-shrink: 0; 5286 order: 1; 5287 } 5288 .horizontal_menu .nav_img_21 img { 5289 max-width: 100%; 5290 max-height: 100%; 5291 } 5292 .horizontal_menu .nav_div_21 .vfit { 5293 text-align: left; 5294 border-bottom: 1px solid #ececec; 5295 text-transform: uppercase; 5296 } 5297 .nav_div_21 .vfit a { 5298 text-decoration: none; 5299 color: #222; 5300 } 5301 .nav_div_21 .nav_list { 5302 list-style: none; 5303 margin: 0; 5304 padding: 0; 5305 order: 1; 5306 } 5307 .nav_div_21 ul { 5308 list-style: none; 5309 } 5310 #desktop_hamburger_menu_template .nav_div_21 li { 5311 width: 100%; 5312 margin: 0; 5313 padding: 0px 20px; 5314 position: relative; 5315 } 5316 .horizontal_menu .nav_div_21 li { 5317 width: 100%; 5318 margin: 0; 5319 padding: 0px 20px; 5320 position: relative; 5321 } 5322 5323 #desktop_hamburger_menu_template .nav_div_21 li svg { 5324 position: absolute; 5325 right: 15px; 5326 height: 10px; 5327 top: 10px; 5328 } 5329 .horizontal_menu .nav_div_21 li svg { 5330 position: absolute; 5331 right: 15px; 5332 height: 10px; 5333 top: 10px; 5334 } 5335 5336 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_21 .nav_div_21 .nav_list li .nav_a_trd { 5337 display: flex; 5338 align-items: center; 5339 padding: 0; 5340 line-height: 30px; 5341 font-size: 14px; 5342 text-transform: uppercase; 5343 text-decoration: none; 5344 color: #222; 5345 white-space: normal; 5346 5347 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; 5348 } 5349 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_21 .nav_div_21 .nav_list li button { 5350 background: none; 5351 border: none; 5352 cursor: pointer; 5353 } 5354 5355 .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 { 5356 text-decoration: underline; 5357 } 5358 5359 .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 { 5360 color:#000000; cursor: pointer; 5361 } 5362 5363 5364 .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 { 5365 display: flex; 5366 align-items: center; 5367 padding: 0; 5368 line-height: 30px; 5369 font-size: 14px; 5370 text-transform: uppercase; 5371 text-decoration: none; 5372 color: #222; 5373 white-space: normal; 5374 5375 color:#4d4d4d; font-style:normal; font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 5376 5377 .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 { 5378 color:#000000; } 5379 5380 .nav_div_21 .nav_list li a .nav_icons { 5381 height: 30px; 5382 margin-right: 5px; 5383 } 5384 5385 .nav_div_21 .nav_list .nav_list_trd li a .nav_icons { 5386 height: 25px; 5387 } 5388 5389 5390 .nav_div_21 .nav_list li a:hover { 5391 color: #3172ab; 5392 } 5393 .horizontal_menu .nav_div_21 .nav_list_trd { 5394 display: none; 5395 position: absolute; 5396 left: 100%; 5397 top: -15px; 5398 padding: 15px 0px; 5399 box-shadow: 0px 0px 5px #00000078; background: #fff; 5400 } 5401 .horizontal_menu .nav_div_21 .nav_list>li .nav_list_trd.open, 5402 .horizontal_menu .nav_div_21 .nav_list>li:hover .nav_list_trd { 5403 display: block; 5404 z-index: 99; 5405 } 5406 5407 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_21, 5408 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_21 .nav_list_trd{ 5409 width: 250px; 5410 } 5411 5412 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_21 .nav_list_trd{ 5413 width: 250px; 5414 } 5415 </style> 5416 </li> 5417 <li class=" menu_container_li" role="none"> 5418 <a href="https://www.hellerjewelers.com/our-services" title="Services" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" > 5419 Services </a> 5420 5421 5422 5423 5424 5425<div class="menu_container default_build_menu menu_container_1_navigation_118"> 5426 <div class="nav_div_118"> 5427 <ul class="nav_list" role="menu" aria-label="Services" tabindex="-1"> 5428 5429 <li style="" 5430 class="" 5431 role="none"> 5432 5433 5434 5435 <a class="nav_a_trd " title="Our Services" href="https://www.hellerjewelers.com/our-services" target="_blank" data-full_image="" role="menuitem" tabindex="0" > 5436 Our Services </a> 5437 5438 5439 5440 5441 5442 5443 5444 </li> 5445 5446 5447 5448 <li style="" 5449 class="" 5450 role="none"> 5451 5452 5453 5454
5454 <a class="nav_a_trd " title="Permanent Jewelry" href="https://www.hellerjewelers.com/permanent-jewelry" data-full_image="" role="menuitem" tabindex="-1" > 5455 Permanent Jewelry </a> 5456 5457 5458 5459 5460 5461 5462 5463 </li> 5464 5465 5466 5467 <li style="" 5468 class="" 5469 role="none"> 5470 5471 5472 5473 <a class="nav_a_trd " title="Financing" href="https://www.hellerjewelers.com/financing" target="_blank" data-full_image="" role="menuitem" tabindex="-1" > 5474 Financing </a> 5475 5476 5477 5478 5479 5480 5481 5482 </li> 5483 5484 5485 5486 <li style="" 5487 class="" 5488 role="none"> 5489 5490 5491 5492 <a class="nav_a_trd " title="Cash In Or Trade Up" href="https://www.hellerjewelers.com/cash-in-or-trade-up" data-full_image="" role="menuitem" tabindex="-1" > 5493 Cash In Or Trade Up </a> 5494 5495 5496 5497 5498 5499 5500 5501 </li> 5502 5503 5504 </ul> 5505 </div> 5506</div> 5507<style> 5508 .menu_container_1_navigation_118 { 5509 background: #fff; 5510 } 5511 .horizontal_menu .nav_div_118 { 5512 padding: 15px 0px; 5513 box-shadow: 0px 0px 5px #00000078; display: flex; 5514 flex-wrap: wrap; 5515 } 5516 .horizontal_menu .nav_img_118 { 5517 height: 200px; 5518 width: 250px; 5519 margin-left: 50px; 5520 margin-right: 20px; 5521 flex-shrink: 0; 5522 order: 1; 5523 } 5524 .horizontal_menu .nav_img_118 img { 5525 max-width: 100%; 5526 max-height: 100%; 5527 } 5528 .horizontal_menu .nav_div_118 .vfit { 5529 text-align: left; 5530 border-bottom: 1px solid #ececec; 5531 text-transform: uppercase; 5532 } 5533 .nav_div_118 .vfit a { 5534 text-decoration: none; 5535 color: #222; 5536 } 5537 .nav_div_118 .nav_list { 5538 list-style: none; 5539 margin: 0; 5540 padding: 0; 5541 order: 1; 5542 } 5543 .nav_div_118 ul { 5544 list-style: none; 5545 } 5546 #desktop_hamburger_menu_template .nav_div_118 li { 5547 width: 100%; 5548 margin: 0; 5549 padding: 0px 20px; 5550 position: relative; 5551 } 5552 .horizontal_menu .nav_div_118 li { 5553 width: 100%; 5554 margin: 0; 5555 padding: 0px 20px; 5556 position: relative; 5557 } 5558 5559 #desktop_hamburger_menu_template .nav_div_118 li svg { 5560 position: absolute; 5561 right: 15px; 5562 height: 10px; 5563 top: 10px; 5564 } 5565 .horizontal_menu .nav_div_118 li svg { 5566 position: absolute; 5567 right: 15px; 5568 height: 10px; 5569 top: 10px; 5570 } 5571 5572 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_118 .nav_div_118 .nav_list li .nav_a_trd { 5573 display: flex; 5574 align-items: center; 5575 padding: 0; 5576 line-height: 30px; 5577 font-size: 14px; 5578 text-transform: uppercase; 5579 text-decoration: none; 5580 color: #222; 5581 white-space: normal; 5582 5583 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; 5584 } 5585 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_118 .nav_div_118 .nav_list li button { 5586 background: none; 5587 border: none; 5588 cursor: pointer; 5589 } 5590 5591 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_118 .nav_div_118 .nav_list li .nav_a_trd.parent_men { 5592 text-decoration: underline; 5593 } 5594 5595 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_118 .nav_div_118 .nav_list li .nav_a_trd:hover { 5596 color:#000000; cursor: pointer; 5597 } 5598 5599 5600 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_118 .nav_div_118 .nav_list li .nav_list_trd li a { 5601 display: flex; 5602 align-items: center; 5603 padding: 0; 5604 line-height: 30px; 5605 font-size: 14px; 5606 text-transform: uppercase; 5607 text-decoration: none; 5608 color: #222; 5609 white-space: normal; 5610 5611 color:#4d4d4d; font-style:normal; font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 5612 5613 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_118 .nav_div_118 .nav_list li .nav_list_trd li a:hover { 5614 color:#000000; } 5615 5616 .nav_div_118 .nav_list li a .nav_icons { 5617 height: 30px; 5618 margin-right: 5px; 5619 } 5620 5621 .nav_div_118 .nav_list .nav_list_trd li a .nav_icons { 5622 height: 25px; 5623 } 5624 5625 5626 .nav_div_118 .nav_list li a:hover { 5627 color: #3172ab; 5628 } 5629 .horizontal_menu .nav_div_118 .nav_list_trd { 5630 display: none; 5631 position: absolute; 5632 left: 100%; 5633 top: -15px; 5634 padding: 15px 0px; 5635 box-shadow: 0px 0px 5px #00000078; background: #fff; 5636 } 5637 .horizontal_menu .nav_div_118 .nav_list>li .nav_list_trd.open, 5638 .horizontal_menu .nav_div_118 .nav_list>li:hover .nav_list_trd { 5639 display: block; 5640 z-index: 99; 5641 } 5642 5643 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_118, 5644 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_118 .nav_list_trd{ 5645 width: 250px; 5646 } 5647 5648 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_118 .nav_list_trd{ 5649 width: 250px; 5650 } 5651 </style> 5652 </li> 5653 <li class=" menu_container_li" role="none"> 5654 <a href="https://www.hellerjewelers.com/contact-us" title="Contact Us" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" > 5655 Contact Us </a> 5656 5657 5658 5659 5660 5661<div class="menu_container default_build_menu menu_container_1_navigation_22"> 5662 <div class="nav_div_22"> 5663 <ul class="nav_list" role="menu" aria-label="Contact Us" tabindex="-1"> 5664 5665 <li style="" 5666 class="" 5667 role="none"> 5668 5669 5670 5671 <a class="nav_a_trd " title="Book An Appointment" href="https://www.hellerjewelers.com/book-an-appointment" data-full_image="" role="menuitem" tabindex="0" > 5672 Book An Appointment </a> 5673 5674 5675 5676 5677 5678 5679 5680 </li> 5681 5682 5683 5684 <li style="" 5685 class="" 5686 role="none"> 5687 5688 5689 5690 <a class="nav_a_trd " title="Contact Us" href="https://www.hellerjewelers.com/contact-us" data-full_image="" role="menuitem" tabindex="-1" > 5691 Contact Us </a> 5692 5693 5694 5695 5696 5697 5698 5699 </li> 5700 5701 5702 </ul> 5703 </div> 5704</div> 5705<style> 5706 .menu_container_1_navigation_22 { 5707 background: #fff; 5708 } 5709 .horizontal_menu .nav_div_22 { 5710 padding: 15px 0px; 5711 box-shadow: 0px 0px 5px #00000078; display: flex; 5712 flex-wrap: wrap; 5713 } 5714 .horizontal_menu .nav_img_22 { 5715 height: 200px; 5716 width: 250px; 5717 margin-left: 50px; 5718 margin-right: 20px; 5719 flex-shrink: 0; 5720 order: 1; 5721 } 5722 .horizontal_menu .nav_img_22 img { 5723 max-width: 100%; 5724 max-height: 100%; 5725 } 5726 .horizontal_menu .nav_div_22 .vfit { 5727 text-align: left; 5728 border-bottom: 1px solid #ececec; 5729 text-transform: uppercase; 5730 } 5731 .nav_div_22 .vfit a { 5732 text-decoration: none; 5733 color: #222; 5734 } 5735 .nav_div_22 .nav_list { 5736 list-style: none; 5737 margin: 0; 5738 padding: 0; 5739 order: 1; 5740 } 5741 .nav_div_22 ul { 5742 list-style: none; 5743 } 5744 #desktop_hamburger_menu_template .nav_div_22 li { 5745 width: 100%; 5746 margin: 0; 5747 padding: 0px 20px; 5748 position: relative; 5749 } 5750 .horizontal_menu .nav_div_22 li { 5751 width: 100%; 5752 margin: 0; 5753 padding: 0px 20px; 5754 position: relative; 5755 } 5756 5757 #desktop_hamburger_menu_template .nav_div_22 li svg { 5758 position: absolute; 5759 right: 15px; 5760 height: 10px; 5761 top: 10px; 5762 } 5763 .horizontal_menu .nav_div_22 li svg { 5764 position: absolute; 5765 right: 15px; 5766 height: 10px; 5767 top: 10px; 5768 } 5769 5770 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_22 .nav_div_22 .nav_list li .nav_a_trd { 5771 display: flex; 5772 align-items: center; 5773 padding: 0; 5774 line-height: 30px; 5775 font-size: 14px; 5776 text-transform: uppercase; 5777 text-decoration: none; 5778 color: #222; 5779 white-space: normal; 5780 5781 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; 5782 } 5783 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_22 .nav_div_22 .nav_list li button { 5784 background: none; 5785 border: none; 5786 cursor: pointer; 5787 } 5788 5789 .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 { 5790 text-decoration: underline; 5791 } 5792 5793 .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 { 5794 color:#000000; cursor: pointer; 5795 } 5796 5797 5798 .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 { 5799 display: flex; 5800 align-items: center; 5801 padding: 0; 5802 line-height: 30px; 5803 font-size: 14px; 5804 text-transform: uppercase; 5805 text-decoration: none; 5806 color: #222; 5807 white-space: normal; 5808 5809 color:#4d4d4d; font-style:normal; font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 5810 5811 .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 { 5812 color:#000000; } 5813 5814 .nav_div_22 .nav_list li a .nav_icons { 5815 height: 30px; 5816 margin-right: 5px; 5817 } 5818 5819 .nav_div_22 .nav_list .nav_list_trd li a .nav_icons { 5820 height: 25px; 5821 } 5822 5823 5824 .nav_div_22 .nav_list li a:hover { 5825 color: #3172ab; 5826 } 5827 .horizontal_menu .nav_div_22 .nav_list_trd { 5828 display: none; 5829 position: absolute; 5830 left: 100%; 5831 top: -15px; 5832 padding: 15px 0px; 5833 box-shadow: 0px 0px 5px #00000078; background: #fff; 5834 } 5835 .horizontal_menu .nav_div_22 .nav_list>li .nav_list_trd.open, 5836 .horizontal_menu .nav_div_22 .nav_list>li:hover .nav_list_trd { 5837 display: block; 5838 z-index: 99; 5839 } 5840 5841 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_22, 5842 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_22 .nav_list_trd{ 5843 width: 250px; 5844 } 5845 5846 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_22 .nav_list_trd{ 5847 width: 250px; 5848 } 5849 </style> 5850 </li> 5851
5851 </ul> 5852 </nav> 5853 <style> 5854 5855 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu .horizontal_menu { 5856 display: flex; 5857 list-style: none; 5858 margin: 0; 5859 padding: 0; 5860 } 5861 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu .horizontal_menu li a.hor_menu_links { 5862 padding: 5px 0; 5863 display:flex; 5864 align-items:center; 5865 text-transform:none; } 5866 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu .horizontal_menu li button.hor_menu_links { 5867 background: none; 5868 border: none; 5869 cursor: pointer; 5870 } 5871 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu .horizontal_menu > li + li { 5872 margin-left:16px; } 5873 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu .horizontal_menu li a.hor_menu_links img, 5874 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu .horizontal_menu li button.hor_menu_links img { 5875 margin-right:4px; 5876 } 5877 5878 .horizontal_menu .menu_container { 5879 position: absolute; 5880 z-index: 9999999; 5881 visibility: hidden; 5882 opacity: 0; 5883 transition: opacity 300ms; 5884 } 5885 .horizontal_menu li:hover>.menu_container, .show_sub_menu>.menu_container { 5886 visibility: visible; 5887 opacity: 1; 5888 } 5889 5890 /* Focus styling for menubar */ 5891 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu .horizontal_menu.focus { 5892 padding: 0; 5893 border: #034575 solid 1.5px; 5894 } 5895 </style> 5896
5896<script> 5897 // Character navigation tracking 5898 let lastCharTime = 0; 5899 let lastChar = ''; 5900 const CHAR_NAV_TIMEOUT = 500; // milliseconds 5901 5902 // Function to update content and move focus to page title 5903 function updateContent(linkURL, linkName, moveFocus) { 5904 if (typeof moveFocus !== 'boolean') { 5905 moveFocus = true; 5906 } 5907 5908 // Update page title if exists 5909 var h1Node = document.querySelector('h1.page_title, h1[id*="page-title"], .main h1, h1[id*="id-page-title"]'); 5910 if (h1Node) { 5911 h1Node.textContent = linkName; 5912 h1Node.tabIndex = -1; 5913 if (moveFocus) { 5914 setTimeout(function() { 5915 h1Node.focus(); 5916 }, 0); 5917 } 5918 } 5919 5920 // Close all submenus 5921 $('.show_sub_menu').removeClass('show_sub_menu'); 5922 $('.horizontal_menu').attr('data-menubar-item-expanded', 'false'); 5923 $('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false'); 5924 } 5925 5926 // Function to set focus to menuitem with roving tabindex 5927 function setFocusToMenuitem(menuItems, newMenuitem) { 5928 menuItems.each(function() { 5929 if (this === newMenuitem[0]) { 5930 $(this).attr('tabindex', '0'); 5931 newMenuitem.focus(); 5932 } else { 5933 $(this).attr('tabindex', '-1'); 5934 } 5935 }); 5936 } 5937 5938 // Menu containers are now initialized in PHP templates with proper attributes 5939 5940 // Helper function to get all submenu items 5941 function getSubmenuItems(menuContainer) { 5942 // Support both standard menu structure (.nav_a_trd) and custom build menu structure (.nav_list li a) 5943 // Find all menu items within the menu_container, excluding the top-level hor_menu_links 5944 // IMPORTANT: Only find items with role="menuitem", exclude buttons (role="button") 5945 return menuContainer.find('.nav_list li a[role="menuitem"], .nav_a_trd[role="menuitem"]').filter(function() { 5946 let $item = $(this); 5947 // Exclude items that are hor_menu_links (top-level menu items) 5948 if ($item.hasClass('hor_menu_links')) { 5949 return false; 5950 } 5951 // Exclude items with role="button" (section headers) 5952 if ($item.attr('role') === 'button') { 5953 return false; 5954 } 5955 // Must have role="menuitem" 5956 if ($item.attr('role') !== 'menuitem') { 5957 return false; 5958 } 5959 // Must be visible and not disabled 5960 if (!$item.is(':visible') || $item.attr('disabled')) { 5961 return false; 5962 } 5963 // Must be within a menu_container_li (to exclude other links) 5964 return $item.closest('.menu_container_li').length > 0; 5965 }); 5966 } 5967 5968 // Helper function to get all menubar items 5969 function getMenubarItems() { 5970 return $('.horizontal_menu>li .hor_menu_links').filter(function() { 5971 return $(this).is(':visible') && !$(this).attr('disabled'); 5972 }); 5973 } 5974 5975 // Helper function to find next item starting with character 5976 function findItemByCharacter(items, char, startIndex) { 5977 char = char.toLowerCase(); 5978 // Search from startIndex to end 5979 for (let i = startIndex + 1; i < items.length; i++) { 5980 let text = $(items[i]).text().trim().toLowerCase(); 5981 if (text.charAt(0) === char) { 5982 return i; 5983 } 5984 } 5985 // Wrap around: search from beginning to startIndex 5986 for (let i = 0; i <= startIndex; i++) { 5987 let text = $(items[i]).text().trim().toLowerCase(); 5988 if (text.charAt(0) === char) { 5989 return i; 5990 } 5991 } 5992 return -1; 5993 } 5994 5995 let lastInputWasKeyboard = false;
5996 5997 document.addEventListener('keydown', (e) => { 5998 if (['Tab', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'].includes(e.key)) { 5999 lastInputWasKeyboard = true; 6000 } 6001 }); 6002 6003 document.addEventListener('mousedown', () => { 6004 lastInputWasKeyboard = false; 6005 }); 6006 6007 $('.horizontal_menu').on('focusin', function(e) { 6008 if (lastInputWasKeyboard) { 6009 $(this).addClass('focus'); 6010 } 6011 }); 6012 6013 $('.horizontal_menu').on('focusout', function(e) { 6014 if (!$(e.relatedTarget).closest('.horizontal_menu').length) { 6015 $(this).removeClass('focus'); 6016 } 6017 }); 6018 6019 $('.menu_container_li').on('mouseenter', function () { 6020 $('.show_sub_menu').removeClass('show_sub_menu'); 6021 $('.nav_list_trd.open').removeClass('open'); 6022 $(this).find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true'); 6023 }); 6024 6025 $('.menu_container_li').on('mouseleave', function () { 6026 $('.show_sub_menu').removeClass('show_sub_menu'); 6027 $('.nav_list_trd.open').removeClass('open'); 6028 $(this).find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false'); 6029 }); 6030 6031 $('.horizontal_menu>li .hor_menu_links[aria-haspopup=true]').on('focus', function () { 6032 $('.show_sub_menu').removeClass('show_sub_menu'); 6033 $('.nav_list_trd.open').removeClass('open'); 6034 $('.horizontal_menu').attr('data-menubar-item-expanded', 'false'); 6035 $(this).attr('aria-expanded', 'false'); 6036 }); 6037 6038 $('.horizontal_menu>li .hor_menu_links').on('keydown', function (event) { 6039 let $currentItem = $(this); 6040 let menu_list = $currentItem.closest('.menu_container_li'); 6041 let menubarItems = getMenubarItems(); 6042 let currentIndex = menubarItems.index($currentItem); 6043 let hasSubmenu = menu_list.find('.menu_container').length > 0; 6044 6045 if (event.which === 13 || event.which === 32) { 6046 if(event.which === 32) { 6047 event.preventDefault(); 6048 } 6049 6050 if (hasSubmenu) { 6051 // If has submenu, toggle it 6052 let wasOpen = menu_list.hasClass('show_sub_menu'); 6053 menu_list.toggleClass('show_sub_menu'); 6054 menu_list.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', menu_list.hasClass('show_sub_menu') ? 'true' : 'false'); 6055 $('.horizontal_menu').attr('data-menubar-item-expanded', menu_list.hasClass('show_sub_menu') ? 'true' : 'false'); 6056 $currentItem.attr('aria-expanded', menu_list.hasClass('show_sub_menu') ? 'true' : 'false'); 6057 6058 if (event.which === 13 && !wasOpen && menu_list.hasClass('show_sub_menu')) { 6059 let menu_container = menu_list.find('.menu_container'); 6060 if (menu_container.length > 0) { 6061 let submenuItems = getSubmenuItems(menu_container); 6062 if (submenuItems.length > 0) { 6063 setTimeout(function() { 6064 submenuItems.first().focus(); 6065 }, 0); 6066 } 6067 } 6068 } 6069 } else { 6070 // If no submenu, activate the link 6071 event.preventDefault(); 6072 let linkUrl = $currentItem.attr('href'); 6073 let linkName = $currentItem.text().trim(); 6074 6075 // Close all menus 6076 $('.show_sub_menu').removeClass('show_sub_menu'); 6077 $('.horizontal_menu').attr('data-menubar-item-expanded', 'false'); 6078 $('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false'); 6079 6080 // Navigate to the link if it's a valid URL 6081 if (linkUrl && linkUrl !== '#' && linkUrl !== '#!') { 6082 // Navigate to the page 6083 window.location.href = linkUrl; 6084 } 6085 } 6086 } else if (event.which === 27) { 6087 // Escape: close submenu if open 6088 if (menu_list.hasClass('show_sub_menu')) { 6089 menu_list.removeClass('show_sub_menu'); 6090 menu_list.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false'); 6091 $('.horizontal_menu').attr('data-menubar-item-expanded', 'false'); 6092 $currentItem.attr('aria-expanded', 'false'); 6093 menu_list.find('.nav_list_trd').removeClass('open'); 6094 } 6095 } else if (event.which === 37) { 6096 // Left Arrow: move to previous item (circular) 6097 event.preventDefault(); 6098 let prevItem = currentIndex >
6098 0 ? menubarItems.eq(currentIndex - 1) : menubarItems.last(); 6099 setFocusToMenuitem(menubarItems, prevItem); 6100 // Open submenu if any popup is open 6101 if ($('.horizontal_menu').attr('data-menubar-item-expanded') === 'true') { 6102 let prevMenuList = prevItem.closest('.menu_container_li'); 6103 if (prevMenuList.find('.menu_container').length > 0) { 6104 prevMenuList.addClass('show_sub_menu'); 6105 prevMenuList.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true'); 6106 $('.horizontal_menu').attr('data-menubar-item-expanded', 'true'); 6107 } 6108 } 6109 } else if (event.which === 39) { 6110 // Right Arrow: move to next item in menubar (circular) 6111 // 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." 6112 event.preventDefault(); 6113 let nextItem = currentIndex < menubarItems.length - 1 ? menubarItems.eq(currentIndex + 1) : menubarItems.first(); 6114 setFocusToMenuitem(menubarItems, nextItem); 6115 // Open submenu if any popup is open 6116 if ($('.horizontal_menu').attr('data-menubar-item-expanded') === 'true') { 6117 let nextMenuList = nextItem.closest('.menu_container_li'); 6118 if (nextMenuList.find('.menu_container').length > 0) { 6119 nextMenuList.addClass('show_sub_menu'); 6120 nextMenuList.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true'); 6121 $('.horizontal_menu').attr('data-menubar-item-expanded', 'true'); 6122 } 6123 } 6124 } else if (event.which === 40) { 6125 // Down Arrow: open submenu and focus first item 6126 event.preventDefault(); 6127 if (menu_list.find('.menu_container').length > 0) { 6128 menu_list.addClass('show_sub_menu'); 6129 menu_list.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true'); 6130 $('.horizontal_menu').attr('data-menubar-item-expanded', 'true'); 6131 $currentItem.attr('aria-expanded', 'true'); 6132 6133 let menu_container = menu_list.find('.menu_container'); 6134 let submenuItems = getSubmenuItems(menu_container); 6135 if (submenuItems.length > 0) { 6136 setTimeout(function() { 6137 let firstItem = submenuItems.first(); 6138 setFocusToMenuitem(submenuItems, firstItem); 6139 }, 0); 6140 } 6141 } 6142 } else if (event.which === 38) { 6143 // Up Arrow: open submenu and focus last item 6144 event.preventDefault(); 6145 if (menu_list.find('.menu_container').length > 0) { 6146 menu_list.addClass('show_sub_menu'); 6147 menu_list.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true'); 6148 $('.horizontal_menu').attr('data-menubar-item-expanded', 'true'); 6149 $currentItem.attr('aria-expanded', 'true'); 6150 6151 let menu_container = menu_list.find('.menu_container'); 6152 let submenuItems = getSubmenuItems(menu_container); 6153 if (submenuItems.length > 0) { 6154 setTimeout(function() { 6155 let lastItem = submenuItems.last(); 6156 // Initialize tabindex for submenu items if not already set 6157 submenuItems.attr('tabindex', '-1'); 6158 setFocusToMenuitem(submenuItems, lastItem); 6159 }, 0); 6160 } 6161 } 6162 } else if (event.which === 36 || event.which === 33) { 6163 // Home or PageUp: move to first item in menubar 6164 event.preventDefault(); 6165 let firstItem = menubarItems.first(); 6166 setFocusToMenuitem(menubarItems, firstItem); 6167 } else if (event.which === 35 || event.which === 34) { 6168 // End or PageDown: move to last item in menubar 6169 event.preventDefault();
6170 let lastItem = menubarItems.last(); 6171 setFocusToMenuitem(menubarItems, lastItem); 6172 } else if ((event.which >= 65 && event.which <= 90) || (event.which >= 48 && event.which <= 57)) { 6173 // Character navigation (A-Z, 0-9) 6174 event.preventDefault(); 6175 let char = String.fromCharCode(event.which).toLowerCase(); 6176 let now = Date.now(); 6177 6178 // Reset if timeout passed or different character 6179 if (now - lastCharTime > CHAR_NAV_TIMEOUT || lastChar !== char) { 6180 lastChar = char; 6181 lastCharTime = now; 6182 } 6183 6184 let nextIndex = findItemByCharacter(menubarItems, char, currentIndex); 6185 if (nextIndex >= 0) { 6186 let nextItem = menubarItems.eq(nextIndex); 6187 setFocusToMenuitem(menubarItems, nextItem); 6188 } 6189 } 6190 }); 6191 6192 6193 // Handle keyboard navigation for section headers (role="button" in .vfit) 6194 // Note: tabindex="0" should be added in PHP template, not here 6195 $(document).on('keydown', '.menu_container .vfit a[role="button"]', function (event) { 6196 if (event.which === 40) { 6197 // Down Arrow: move focus to first submenu item in this section 6198 event.preventDefault(); 6199 let $currentNavDiv = $(this).closest('[class^="nav_div"]'); 6200 if ($currentNavDiv.length > 0) { 6201 let firstItem = $currentNavDiv.find('.nav_list li a[role="menuitem"]').first(); 6202 if (firstItem.length > 0) { 6203 let submenuItems = $currentNavDiv.find('.nav_list li a[role="menuitem"]'); 6204 setFocusToMenuitem(submenuItems, firstItem); 6205 } 6206 } 6207 } else if (event.which === 38) { 6208 // Up Arrow: move focus to last submenu item in this section 6209 event.preventDefault(); 6210 let $currentNavDiv = $(this).closest('[class^="nav_div"]'); 6211 if ($currentNavDiv.length > 0) { 6212 let lastItem = $currentNavDiv.find('.nav_list li a[role="menuitem"]').last(); 6213 if (lastItem.length > 0) { 6214 let submenuItems = $currentNavDiv.find('.nav_list li a[role="menuitem"]'); 6215 setFocusToMenuitem(submenuItems, lastItem); 6216 } 6217 } 6218 } else if (event.which === 13 || event.which === 32) { 6219 // Enter/Space: move focus to first submenu item (same as Down Arrow) 6220 event.preventDefault(); 6221 if (event.which === 32) { 6222 event.preventDefault(); 6223 } 6224 let $currentNavDiv = $(this).closest('[class^="nav_div"]'); 6225 if ($currentNavDiv.length > 0) { 6226 let firstItem = $currentNavDiv.find('.nav_list li a[role="menuitem"]').first(); 6227 if (firstItem.length > 0) { 6228 let submenuItems = $currentNavDiv.find('.nav_list li a[role="menuitem"]'); 6229 setFocusToMenuitem(submenuItems, firstItem); 6230 } 6231 } 6232 } 6233 }); 6234 6235 $(document).on('keydown', '.horizontal_menu .nav_a_trd, .menu_container .nav_list li a[role="menuitem"]', function (event) { 6236 let $currentElement = $(this); 6237 let $currentLi = $currentElement.closest('li'); 6238 6239 // Find the menu_container - could be parent or ancestor 6240 let $menuContainer = $currentElement.closest('.menu_container'); 6241 if ($menuContainer.length === 0) { 6242 // If not found, look for parent menu_container_li and then its menu_container 6243 let $parentMenuContainerLi = $currentElement.closest('.menu_container_li'); 6244 if ($parentMenuContainerLi.length > 0) { 6245 $menuContainer = $parentMenuContainerLi.closest('.menu_container'); 6246 if ($menuContainer.length === 0) { 6247 // Try finding menu_container that c
6247ontains this menu_container_li 6248 $menuContainer = $parentMenuContainerLi.parents('.menu_container').first(); 6249 } 6250 } 6251 } 6252 6253 // Find parent menu_container_li (the one with hor_menu_links) - must be direct child of .horizontal_menu 6254 let $parentMenuContainerLi = $currentElement.closest('.horizontal_menu').find('> li.menu_container_li').has($menuContainer).first(); 6255 if ($parentMenuContainerLi.length === 0) { 6256 // Fallback: find menu_container_li that is direct child of horizontal_menu and contains the menu_container 6257 $parentMenuContainerLi = $currentElement.closest('.horizontal_menu').children('li.menu_container_li').filter(function() { 6258 return $(this).find('.menu_container').length > 0 && $(this).find($menuContainer).length > 0; 6259 }).first(); 6260 } 6261 if ($parentMenuContainerLi.length === 0) { 6262 // Last fallback: find any menu_container_li that contains hor_menu_links and the menu_container 6263 $parentMenuContainerLi = $currentElement.closest('.horizontal_menu').find('.menu_container_li').filter(function() { 6264 return $(this).find('.hor_menu_links[aria-haspopup=true]').length > 0 && $(this).find($menuContainer).length > 0; 6265 }).first(); 6266 } 6267 6268 // Get all submenu items in current submenu 6269 // For custom_build_menu, ALL items across all columns should be treated as equal submenu items 6270 let submenuItems = $(); 6271 if ($menuContainer.length > 0) { 6272 // Check if this is custom_build_menu structure 6273 let isCustomBuildMenu = $menuContainer.hasClass('custom_build_menu'); 6274 6275 if (isCustomBuildMenu) { 6276 // For custom_build_menu: get ALL items from ALL nav_div sections within the menu_container 6277 // All items are equal submenu items regardless of which column they're in 6278 submenuItems = $menuContainer.find('.nav_list li a[role="menuitem"]').filter(function() { 6279 let $item = $(this); 6280 // Exclude items that are in .vfit (section headers) or are hor_menu_links 6281 // Also exclude items with role="button" (section headers) 6282 return $item.is(':visible') && 6283 !$item.attr('disabled') && 6284 !$item.hasClass('hor_menu_links') && 6285 !$item.closest('.vfit').length && 6286 $item.attr('role') === 'menuitem'; 6287 }); 6288 } else { 6289 // Standard menu structure (default_build_menu) - get all items within menu_container 6290 submenuItems = getSubmenuItems($menuContainer); 6291 } 6292 } 6293 6294 // Find current element index - try multiple methods 6295 let currentSubmenuIndex = -1; 6296 if (submenuItems.length > 0) { 6297 currentSubmenuIndex = submenuItems.index($currentElement); 6298 // If not found by index, try to find by comparing elements 6299 if (currentSubmenuIndex === -1) { 6300 submenuItems.each(function(index) { 6301 if ($(this)[0] === $currentElement[0]) { 6302 currentSubmenuIndex = index; 6303 return false; // break 6304 } 6305 }); 6306 } 6307 } 6308 6309 // Get parent menubar items 6310 let menubarItems = getMenubarItems(); 6311 let parentMenubarIndex = -1; 6312 if ($parentMenuContainerLi.length > 0) { 6313 let $parentHorMenuLink = $parentMenuContainerLi.find('.hor_menu_links'); 6314 if ($parentHorMenuLink.length > 0) { 6315 parentMenubarIndex = menubarItems.index($parentHorMenuLink); 6316 } 6317 } 6318 6319 if (event.which === 13 || event.which === 32) { 6320 // Enter/Space: toggle nested submenu if exists, otherwise activate item 6321 if(event.which === 32) { 6322 event.preventDefault(); 6323 } 6324 6325 let $nestedSubmenu = $currentLi.find('.nav_list_trd'); 6326 if ($nestedSubmenu.length > 0) { 6327 $nestedSubmenu.toggleClass('open'); 6328 // If opening nested submenu, focus first item 6329 if ($nestedSubmenu.hasClass('open')) { 6330 let nestedItems = $nestedSubmenu.find('.nav_a_trd, a[href]').filter(function() { 6331 return $(this).is(':visible') && !$(this).attr('disabled'); 6332 }); 6333 if (nestedItems.length > 0) { 6334 setTimeout(function() { 6335 let firstItem = nestedItems.first(); 6336 setFocusToMenuitem(nestedItems, firstItem); 6337 }, 0); 6338 } 6339 } 6340 } else { 6341 // If no nested submenu, activate the link 6342 let linkUrl = $currentElement.attr('href'); 6343 let linkName = $currentElement.text().trim(); 6344 6345 if (linkUrl && linkUrl !== '#' && linkUrl !== '#!') { 6346 // Close all menus 6347 $('.show_sub_menu').removeClass('show_sub_menu'); 6348 $('.horizontal_menu').attr('data-menubar-item-expanded', 'false'); 6349 $('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false'); 6350 6351 // Update content and move focus 6352 updateContent(linkUrl, linkName, true); 6353 } 6354 } 6355 } else if (event.which === 27) { 6356 // Escape: close submenu and return focus to parent menu item 6357 event.preventDefault(); 6358 6359 // Close any open nested submenu 6360 $currentLi.find('.nav_list_trd').removeClass('open'); 6361 6362 // Find the parent menu container 6363 if ($parentMenuContainerLi.length === 0) { 6364 let current = $currentElement.parent(); 6365 while (current.length > 0 && !current.hasClass('menu_container_li') && !current.hasClass('horizontal_menu')) { 6366 current = current.parent(); 6367 } 6368 if (current.hasClass('menu_container_li')) { 6369 $parentMenuContainerLi = current; 6370 } else { 6371 $parentMenuContainerLi = $currentElement.closest('.horizontal_menu').find('.menu_container_li').filter(function() { 6372 return $(this).find($currentElement).length > 0; 6373 }).first(); 6374 } 6375 } 6376 6377 if ($parentMenuContainerLi.length > 0 && $parentMenuContainerLi.hasClass('show_sub_menu')) { 6378 $parentMenuContainerLi.removeClass('show_sub_menu'); 6379 $parentMenuContainerLi.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false'); 6380 $('.horizontal_menu').attr('data-menubar-item-expanded', 'false'); 6381 6382 // Return focus to the parent menu item 6383 let parent_menu_link = $parentMenuContainerLi.find('.hor_menu_links'); 6384 if (parent_menu_link.length > 0) { 6385 let menubarItems = getMenubarItems(); 6386 setFocusToMenuitem(menubarItems, parent_menu_link); 6387 } 6388 } 6389 } else if (event.which === 37) { 6390 // Left Arrow: close submenu and move to parent. If parent is in menubar, move to previous menubar item 6391 event.preventDefault(); 6392 6393 // Close current submenu 6394 if ($parentMenuContainerLi.length > 0 && $parentMenuContainerLi.hasClass('show_sub_menu')) { 6395 $parentMenuContainerLi.removeClass('show_sub_menu'); 6396 $parentMenuContainerLi.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false'); 6397 $('.horizontal_menu').attr('data-menubar-item-expanded', 'false'); 6398 6399 // Move to previous menubar item and open its submenu 6400 if (parentMenubarIndex >= 0) { 6401 let prevMenubarIndex = parentMenubarIndex > 0 ? parentMenubarIndex - 1 : menubarItems.length - 1; 6402 let prevMenubarItem = menubarItems.eq(prevMenubarIndex); 6403 let prevMenuContainerLi = prevMenubarItem.closest('.menu_container_li'); 6404 6405 if (prevMenuContainerLi.find('.menu_container').length > 0) { 6406 prevMenuContainerLi.addClass('show_sub_menu'); 6407 prevMenuContainerLi.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true'); 6408 $('.horizontal_menu').attr('data-menubar-item-expanded', 'true'); 6409 } 6410 setFocusToMenuitem(menubarItems, prevMenubarItem); 6411 } else { 6412 // Just focus parent if not in menubar 6413 let parent_menu_link = $parentMenuContainerLi.find('.hor_menu_links'); 6414 if (parent_menu_link.length > 0) { 6415 let menubarItems = getMenubarItems(); 6416 setFocusToMenuitem(menubarItems, parent_menu_link); 6417 } 6418 } 6419 } 6420 } else if (event.which === 39) { 6421 // Right Arrow: if item has submenu, open it and focus first item. Otherwise close submenu, move to next menubar item 6422 event.preventDefault(); 6423 6424 let $nestedSubmenu = $currentLi.find('.nav_list_trd'); 6425 if ($nestedSubmenu.length > 0 && !$nestedSubmenu.hasClass('open')) { 6426 // Open nested submenu and focus first item 6427 $nestedSubmenu.addClass('open'); 6428 let nestedItems = $nestedSubmenu.find('.nav_a_trd, a[href]').filter(function() { 6429 return $(this).is(':visible') && !$(this).attr('disabled'); 6430 }); 6431 if (nestedItems.length > 0) { 6432 setTimeout(function() { 6433 let firstItem = nestedItems.first(); 6434 setFocusToMenuitem(nestedItems, firstItem); 6435 }, 0); 6436 } 6437 } else { 6438 // Close current submenu and move to next menubar item 6439 if ($parentMenuContainerLi.length > 0 && $parentMenuContainerLi.hasClass('show_sub_menu')) { 6440 $parentMenuContainerLi.removeClass('show_sub_menu'); 6441 $parentMenuContainerLi.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false'); 6442 $('.horizontal_menu').attr('data-menubar-item-expanded', 'false'); 6443 6444 // Move to next menubar item and open its submenu 6445 if (parentMenubarIndex >= 0) { 6446 let nextMenubarIndex = parentMenubarIndex < menubarItems.length - 1 ? parentMenubarIndex + 1 : 0; 6447 let nextMenubarItem = menubarItems.eq(nextMenubarIndex); 6448 let nextMenuContainerLi = nextMenubarItem.closest('.menu_container_li'); 6449 6450 if (nextMenuContainerLi.find('.menu_container').length > 0) { 6451 nextMenuContainerLi.addClass('show_sub_menu'); 6452 nextMenuContainerLi.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true'); 6453 $('.horizontal_menu').attr('data-menubar-item-expanded', 'true'); 6454 } 6455 setFocusToMenuitem(menubarItems, nextMenubarItem); 6456 } 6457 } 6458 } 6459 } else if (event.which === 40) { 6460 // Down Arrow: move to next item in submenu (circular) 6461 event.preventDefault(); 6462 if (submenuItems.length > 0) { 6463 let nextIndex = currentSubmenuIndex < submenuItems.length - 1 ? currentSubmenuIndex + 1 : 0; 6464 let nextItem = submenuItems.eq(nextIndex); 6465 if (nextItem.length > 0) { 6466 setFocusToMenuitem(submenuItems, nextItem); 6467 } 6468 } 6469 } else if (event.which === 38) { 6470 // Up Arrow: move to previous item in submenu (circular) 6471 event.preventDefault(); 6472 if (submenuItems.length > 0) { 6473 let prevIndex = currentSubmenuIndex > 0 ? currentSubmenuIndex - 1 : submenuItems.length - 1; 6474 let prevItem = submenuItems.eq(prevIndex); 6475 if (prevItem.length > 0) { 6476 setFocusToMenuitem(submenuItems, prevItem); 6477 } 6478 } 6479 } else if (event.which === 36 || event.which === 33) { 6480 // Home or PageUp: move to first item in submenu 6481 event.preventDefault(); 6482 if (submenuItems.length > 0) { 6483 let firstItem = submenuItems.first(); 6484 setFocusToMenuitem(submenuItems, firstItem); 6485 } 6486 } else if (event.which === 35 || event.which === 34) { 6487 // End or PageDown: move to last item in submenu 6488 event.preventDefault(); 6489 if (submenuItems.length > 0) {
6490 let lastItem = submenuItems.last(); 6491 setFocusToMenuitem(submenuItems, lastItem); 6492 } 6493 } else if ((event.which >= 65 && event.which <= 90) || (event.which >= 48 && event.which <= 57)) { 6494 // Character navigation (A-Z, 0-9) 6495 event.preventDefault(); 6496 let char = String.fromCharCode(event.which).toLowerCase(); 6497 let now = Date.now(); 6498 6499 // Reset if timeout passed or different character 6500 if (now - lastCharTime > CHAR_NAV_TIMEOUT || lastChar !== char) { 6501 lastChar = char; 6502 lastCharTime = now; 6503 } 6504 6505 if (submenuItems.length > 0 && currentSubmenuIndex >= 0) { 6506 let nextIndex = findItemByCharacter(submenuItems, char, currentSubmenuIndex); 6507 if (nextIndex >= 0) { 6508 let nextItem = submenuItems.eq(nextIndex); 6509 setFocusToMenuitem(submenuItems, nextItem); 6510 } 6511 } 6512 } 6513 }); 6514 </script>
6514 6515 </div> 6516</div> 6517 6518<style> 6519 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu { 6520 width:100%; justify-content: center; 6521 align-items:center; -webkit-align-items:center; } 6522 6523 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu { 6524 } 6525 6526 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu>.flex_cell_content { 6527 display: flex; 6528 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 6529 6530 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a, 6531 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>button { 6532 color:#4d4d4d; display: flex; 6533 font-style:normal; font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 6534 6535 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a:hover { 6536 color:#000000; } 6537</style> 6538 </div> 6539 6540 <style> 6541 .header_container_1>.flex_row_3>.flex_col_1 { 6542 width:100%; } 6543 </style> 6544 6545 6546 6547 </div> 6548 6549 6550 <style> 6551 .header_container_1>.flex_row_3 { 6552 background-color: #ffffff; 6553 6554 color:#000000; height:auto; 6555 6556 } 6557 6558 </style> 6559 6560 6561 6562 6563 6564 6565 <div class="flex_row"> 6566 6567 6568 <div class="flex_col"> 6569 6570 6571 </div> 6572 6573 <div class="flex_col"> 6574 6575 6576 </div> 6577 6578 <div class="flex_col"> 6579 6580 6581 </div> 6582 6583 <div class="flex_col"> 6584 6585 6586 </div> 6587 6588 <div class="flex_col"> 6589 6590 6591 </div> 6592 6593 </div> 6594 6595 6596 6597 <div class="flex_row"> 6598 6599 6600 <div class="flex_col"> 6601 6602 6603 </div> 6604 6605 <div class="flex_col"> 6606 6607 6608 </div> 6609 6610 <div class="flex_col"> 6611 6612 6613 </div> 6614 6615 </div> 6616 6617 6618 6619 <div class="flex_row"> 6620 6621 6622 <div class="flex_col"> 6623 6624 <div class="flex_cell flex_cell_1 menu"> 6625 <style> 6626 #desktop_hamburger_menu_template { 6627 position: fixed; 6628 top: 0; 6629 left: 0; 6630 width: 325px; 6631 overflow-y: auto; 6632 transform: translateX(-325px); 6633 z-index: 1000000001; 6634 height: 100vh; 6635 background-color: #ffffff; 6636 transition: all 0.3s ease; 6637 } 6638 #desktop_hamburger_menu_template_overlay.open { 6639 position: fixed; 6640 top: 0; 6641 left: 0; 6642 width: 100vw; 6643 z-index: 1000000001; 6644 transition: all 0.3s ease; 6645 height: 100vh; 6646 background: rgba(1, 1, 1, 0.5); 6647 cursor: pointer; 6648 transform: translateX(325px); 6649 }
6650 #desktop_hamburger_menu_template .hamburger-menu-template-inner { 6651 padding: 10px; 6652 padding-right:25px; 6653 } 6654 #desktop_hamburger_menu_template .hamburger-menu-close-button { 6655 font-size: 14px !important; 6656 display: flex; 6657 align-items: center; 6658 margin-bottom: 20px; 6659 } 6660 #desktop_hamburger_menu_template .hamburger-menu-close-button svg, 6661 #desktop_hamburger_menu_template button.hamburger-menu-close-button svg { 6662 height: 15px; 6663 margin-right: 5px; 6664 } 6665 #desktop_hamburger_menu_template .hamburger-menu-nav-section { 6666 display: flex; 6667 justify-content: space-between; 6668 align-items: center; 6669 } 6670 #desktop_hamburger_menu_template .hamburger-menu-nav-section svg, 6671 #desktop_hamburger_menu_template button.hamburger-menu-nav-section svg, 6672 #desktop_hamburger_menu_template a.hamburger-menu-nav-section svg { 6673 height: 10px; 6674 float: right; 6675 } 6676 #desktop_hamburger_menu_template .hamburger-menu-nav-section.parent_men span,
6677 #desktop_hamburger_menu_template a.hamburger-menu-nav-section.parent_men span, 6678 #desktop_hamburger_menu_template button.hamburger-menu-nav-section.parent_men span { 6679 text-decoration: underline; 6680 } 6681 #desktop_hamburger_menu_template .hamburger-menu-nav-section.parent_men_arrow, 6682 #desktop_hamburger_menu_template a.hamburger-menu-nav-section.parent_men_arrow, 6683 #desktop_hamburger_menu_template button.hamburger-menu-nav-section.parent_men_arrow { 6684 min-width:30px; 6685 justify-content: end; 6686 } 6687 #desktop_hamburger_menu_template .ham_menu_container { 6688 display:flex; 6689 justify-content: space-between; 6690 } 6691 #desktop_hamburger_menu_template.open { 6692 transform: translateX(0); 6693 } 6694 #desktop_hamburger_menu_template .sub-menu-panel { 6695 display: none; 6696 } 6697 #desktop_hamburger_menu_template .sub-menu-panel[aria-hidden="true"] { 6698 display: none; 6699 } 6700 #desktop_hamburger_menu_template .sub-menu-panel[aria-hidden="false"] { 6701 display: block; 6702 } 6703 #desktop_hamburger_menu_template .icon_and_name { 6704 display:flex; 6705 align-items:center; 6706 gap:10px; 6707 } 6708 #desktop_hamburger_menu_template .hum-line { 6709 border-bottom: 1px solid #ddd; 6710 } 6711 #desktop_hamburger_menu_template .sub-menu-panel.open,
6712 #desktop_hamburger_menu_template .sub-menu-panel[aria-hidden="false"] { 6713 display: block; 6714 } 6715 #desktop_hamburger_menu_template a.hamburger-menu-nav-section, 6716 #desktop_hamburger_menu_template button.hamburger-menu-nav-section, 6717 #desktop_hamburger_menu_template button.hamburger-menu-close-button, 6718 #desktop_hamburger_menu_template a.hamburger-menu-close-button{ 6719 color:#4d4d4d; display: flex; 6720 text-align: left; 6721 width: 100%; 6722 position: relative; 6723 font-style:normal; font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 6724 #desktop_hamburger_menu_template.hamburger-menu-template .nav_list_trd { 6725 display: none; 6726 padding: 15px 0px; 6727 background: #fff; 6728 } 6729 #desktop_hamburger_menu_template.hamburger-menu-template .nav_list_trd.open { 6730 display: block; 6731 padding-top:2px; 6732 } 6733 /* Reset button styles to look like links */ 6734 #desktop_hamburger_menu_template button.hamburger-menu-nav-section,
6735 #desktop_hamburger_menu_template button.hamburger-menu-close-button, 6736 #desktop_hamburger_menu_template button.parent_men_arrow { 6737 background: none; 6738 border: none; 6739 padding: 0; 6740 cursor: pointer; 6741 -webkit-appearance: none; 6742 -moz-appearance: none; 6743 appearance: none; 6744 } 6745 6746 /* Hover and active states for buttons - inherit from link styles */ 6747 #desktop_hamburger_menu_template button.hamburger-menu-nav-section:hover, 6748 #desktop_hamburger_menu_template button.hamburger-menu-nav-section.active, 6749 #desktop_hamburger_menu_template button.hamburger-menu-nav-section[aria-expanded="true"], 6750 #desktop_hamburger_menu_template button.hamburger-menu-close-button:hover { 6751 /* Styles inherited from parent selectors above */ 6752 } 6753 6754 /* Additional button styles are inherited from parent selectors above */ 6755 6756 /* Image styles inside buttons */ 6757 #desktop_hamburger_menu_template button.hamburger-menu-nav-section .icon_and_name img,
6758 #desktop_hamburger_menu_template a.hamburger-menu-nav-section .icon_and_name img { 6759 height:20px; 6760 } 6761 </style> 6762 6763 <nav id="desktop_hamburger_menu_template" class="hamburger-menu-template" inert="inert"> 6764 <div class="hamburger-menu-template-inner"> 6765 <button type="button" class="hamburger-menu-close-button mr-4" id="desktop_hamburger_close_button" aria-label="Close menu"> 6766 <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> 6767 6768 <div class="script_before_menu"> 6769 </div> 6770 <div style="clear: both"></div> 6771 6772 6773 <div class="ham_menu_container"> 6774 <a class="hamburger-menu-nav-section parent_men " title="Rolex" href="/rolex" > 6775 6776 <span class="icon_and_name"> 6777 6778 Rolex </span> 6779 6780 </a> 6781 <button type="button" class="hamburger-menu-nav-section parent_men_arrow" aria-expanded="false" aria-controls="desktop-submenu-127" aria-label="Expand Rolex section"> 6782 6783 <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> 6784 6785 </button> 6786 6787 6788 6789 </div> 6790 6791 <div class="sub-menu-panel" id="desktop-submenu-127" aria-hidden="true"> 6792 6793 6794 6795 6796 6797<div class="menu_container default_build_menu menu_container_1_navigation_127"> 6798 <div class="nav_div_127"> 6799 <ul class="nav_list" role="menu" aria-label="Rolex" tabindex="-1"> 6800 6801 <li style="" 6802 class="" 6803 role="none"> 6804 6805 6806 6807 <a class="nav_a_trd " title="Discover Rolex" href="/rolex" data-full_image="" role="menuitem" tabindex="0" > 6808 Discover Rolex </a> 6809 6810 6811 6812 6813 6814 6815 6816 </li> 6817 6818 6819 6820 <li style="" 6821 class="" 6822 role="none"> 6823 6824 6825 6826 <a class="nav_a_trd " title="Rolex watches" href="/rolex/watches" data-full_image="" role="menuitem" tabindex="-1" > 6827 Rolex
6827watches </a> 6828 6829 6830 6831 6832 6833 6834 6835 </li> 6836 6837 6838 6839 <li style="" 6840 class="" 6841 role="none"> 6842 6843 6844 6845 <a class="nav_a_trd " title="New watches 2026" href="/rolex/new-watches" data-full_image="" role="menuitem" tabindex="-1" > 6846 New watches 2026 </a> 6847 6848 6849 6850 6851 6852 6853 6854 </li> 6855 6856 6857 6858 <li style="" 6859 class="" 6860 role="none"> 6861 6862 6863 6864 <a class="nav_a_trd " title="Rolex Accessories " href="/rolex/accessories" data-full_image="" role="menuitem" tabindex="-1" > 6865 Rolex Accessories </a> 6866 6867 6868 6869 6870 6871 6872 6873 </li> 6874 6875 6876 6877 <li style="" 6878 class="" 6879 role="none"> 6880 6881 6882 6883 <a class="nav_a_trd " title="Watchmaking" href="/rolex/watchmaking" data-full_image="" role="menuitem" tabindex="-1" > 6884 Watchmaking </a> 6885 6886 6887 6888 6889 6890 6891 6892 </li> 6893 6894 6895 6896 <li style="" 6897 class="" 6898 role="none"> 6899 6900 6901 6902 <a class="nav_a_trd " title="Servicing" href="/rolex/servicing" data-full_image="" role="menuitem" tabindex="-1" > 6903 Servicing </a> 6904 6905 6906 6907 6908 6909 6910 6911 </li> 6912 6913 6914 6915 <li style="" 6916 class="" 6917 role="none"> 6918 6919 6920 6921 <a class="nav_a_trd " title="Oyster Story" href="/rolex/oyster-story" data-full_image="" role="menuitem" tabindex="-1" > 6922 Oyster Story </a> 6923 6924 6925 6926 6927 6928 6929 6930 </li> 6931 6932 6933 6934 <li style="" 6935 class="" 6936 role="none"> 6937 6938 6939 6940 <a class="nav_a_trd " title="Rolex at Heller Jewelers" href="/rolex/heller-jewelers" data-full_image="" role="menuitem" tabindex="-1" > 6941 Rolex at Heller Jewelers </a> 6942 6943 6944 6945 6946 6947 6948 6949 </li> 6950 6951 6952 6953 <li style="" 6954 class="" 6955 role="none"> 6956 6957 6958 6959 <a class="nav_a_trd " title="Contact us" href="/rolex/contact" data-full_image="" role="menuitem" tabindex="-1" > 6960 Contact us </a> 6961 6962 6963 6964 6965 6966 6967 6968 </li> 6969 6970 6971 </ul> 6972 </div> 6973</div> 6974<style> 6975 .menu_container_1_navigation_127 { 6976 background: #fff; 6977 } 6978 .horizontal_menu .nav_div_127 { 6979 padding: 15px 0px; 6980 box-shadow: 0px 0px 5px #00000078; display: flex; 6981 flex-wrap: wrap; 6982 } 6983 .horizontal_menu .nav_img_127 { 6984 height: 200px; 6985 width: 250px; 6986 margin-left: 50px; 6987 margin-right: 20px; 6988 flex-shrink: 0; 6989 order: 1; 6990 } 6991 .horizontal_menu .nav_img_127 img { 6992 max-width: 100%; 6993 max-height: 100%; 6994 } 6995 .horizontal_menu .nav_div_127 .vfit { 6996 text-align: left; 6997 border-bottom: 1px solid #ececec; 6998 text-transform: uppercase; 6999 } 7000 .nav_div_127 .vfit a { 7001 text-decoration: none; 7002 color: #222; 7003 } 7004 .nav_div_127 .nav_list { 7005 list-style: none; 7006 margin: 0; 7007 padding: 0; 7008 order: 1; 7009 } 7010 .nav_div_127 ul { 7011 list-style: none; 7012 } 7013 #desktop_hamburger_menu_template .nav_div_127 li { 7014 width: 100%; 7015 margin: 0; 7016 padding: 0px 20px; 7017 position: relative; 7018 } 7019 .horizontal_menu .nav_div_127 li { 7020 width: 100%; 7021 margin: 0; 7022 padding: 0px 20px; 7023 position: relative; 7024 } 7025 7026 #desktop_hamburger_menu_template .nav_div_127 li svg { 7027 position: absolute; 7028 right: 15px; 7029 height: 10px; 7030 top: 10px; 7031 } 7032 .horizontal_menu .nav_div_127 li svg { 7033 position: absolute; 7034 right: 15px; 7035 height: 10px; 7036 top: 10px; 7037 } 7038 7039 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_127 .nav_div_127 .nav_list li .nav_a_trd { 7040 display: flex; 7041 align-items: center; 7042 padding: 0; 7043 line-height: 30px; 7044 font-size: 14px; 7045 text-transform: uppercase; 7046 text-decoration: none; 7047 color: #222; 7048 white-space: normal; 7049 7050 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; 7051 } 7052 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_127 .nav_div_127 .nav_list li button { 7053 background: none; 7054 border: none; 7055 cursor: pointer; 7056 } 7057 7058 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_127 .nav_div_127 .nav_list li .nav_a_trd.parent_men { 7059 text-decoration: underline; 7060 } 7061 7062 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_127 .nav_div_127 .nav_list li .nav_a_trd:hover { 7063 color:#000000; cursor: pointer; 7064 } 7065 7066 7067 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_127 .nav_div_127 .nav_list li .nav_list_trd li a { 7068 display: flex; 7069 align-items: center; 7070 padding: 0; 7071 line-height: 30px; 7072 font-size: 14px; 7073 text-transform: uppercase; 7074 text-decoration: none; 7075 color: #222; 7076 white-space: normal; 7077 7078 color:#4d4d4d; font-style:normal; font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 7079 7080 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_127 .nav_div_127 .nav_list li .nav_list_trd li a:hover { 7081 color:#000000; } 7082 7083 .nav_div_127 .nav_list li a .nav_icons { 7084 height: 30px; 7085 margin-right: 5px; 7086 } 7087 7088 .nav_div_127 .nav_list .nav_list_trd li a .nav_icons { 7089 height: 25px; 7090 } 7091 7092 7093 .nav_div_127 .nav_list li a:hover { 7094 color: #3172ab; 7095 } 7096 .horizontal_menu .nav_div_127 .nav_list_trd { 7097 display: none; 7098 position: absolute; 7099 left: 100%; 7100 top: -15px; 7101 padding: 15px 0px; 7102 box-shadow: 0px 0px 5px #00000078; background: #fff; 7103 } 7104 .horizontal_menu .nav_div_127 .nav_list>li .nav_list_trd.open, 7105 .horizontal_menu .nav_div_127 .nav_list>li:hover .nav_list_trd { 7106 display: block; 7107 z-index: 99; 7108 } 7109 7110 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_127, 7111 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_127 .nav_list_trd{ 7112 width: 250px; 7113 } 7114 7115 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_127 .nav_list_trd{ 7116 width: 250px; 7117 } 7118 </style> 7119 </div> 7120 <div class="hum-line"></div> 7121 7122 7123 <a class="hamburger-menu
7123-nav-section " title="Rolex Certified Pre-Owned" href="/rolex-certified-pre-owned-watches" > 7124 <span class="icon_and_name"> 7125 7126 Rolex Certified Pre-Owned </span> 7127 7128 </a> 7129 7130 7131 7132 <div class="sub-menu-panel" id="desktop-submenu-192" aria-hidden="true"> 7133 7134 7135 7136 7137 7138<div class="menu_container default_build_menu menu_container_1_navigation_192"> 7139 <div class="nav_div_192"> 7140 </div> 7141</div> 7142<style> 7143 .menu_container_1_navigation_192 { 7144 background: #fff; 7145 } 7146 .horizontal_menu .nav_div_192 { 7147 padding: 15px 0px; 7148 box-shadow: 0px 0px 5px #00000078; display: flex; 7149 flex-wrap: wrap; 7150 } 7151 .horizontal_menu .nav_img_192 { 7152 height: 200px; 7153 width: 250px; 7154 margin-left: 50px; 7155 margin-right: 20px; 7156 flex-shrink: 0; 7157 order: 1; 7158 } 7159 .horizontal_menu .nav_img_192 img { 7160 max-width: 100%; 7161 max-height: 100%; 7162 } 7163 .horizontal_menu .nav_div_192 .vfit { 7164 text-align: left; 7165 border-bottom: 1px solid #ececec; 7166 text-transform: uppercase; 7167 } 7168 .nav_div_192 .vfit a { 7169 text-decoration: none; 7170 color: #222; 7171 } 7172 .nav_div_192 .nav_list { 7173 list-style: none; 7174 margin: 0; 7175 padding: 0; 7176 order: 1; 7177 } 7178 .nav_div_192 ul { 7179 list-style: none; 7180 } 7181 #desktop_hamburger_menu_template .nav_div_192 li { 7182 width: 100%; 7183 margin: 0; 7184 padding: 0px 20px; 7185 position: relative; 7186 } 7187 .horizontal_menu .nav_div_192 li { 7188 width: 100%; 7189 margin: 0; 7190 padding: 0px 20px; 7191 position: relative; 7192 } 7193 7194 #desktop_hamburger_menu_template .nav_div_192 li svg { 7195 position: absolute; 7196 right: 15px; 7197 height: 10px; 7198 top: 10px; 7199 } 7200 .horizontal_menu .nav_div_192 li svg { 7201 position: absolute; 7202 right: 15px; 7203 height: 10px; 7204 top: 10px; 7205 } 7206 7207 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_192 .nav_div_192 .nav_list li .nav_a_trd { 7208 display: flex; 7209 align-items: center; 7210 padding: 0; 7211 line-height: 30px; 7212 font-size: 14px; 7213 text-transform: uppercase; 7214 text-decoration: none; 7215 color: #222; 7216 white-space: normal; 7217 7218 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; 7219 } 7220 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_192 .nav_div_192 .nav_list li button { 7221 background: none; 7222 border: none; 7223 cursor: pointer; 7224 } 7225 7226 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_192 .nav_div_192 .nav_list li .nav_a_trd.parent_men { 7227 text-decoration: underline; 7228 } 7229 7230 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_192 .nav_div_192 .nav_list li .nav_a_trd:hover { 7231 color:#000000; cursor: pointer; 7232 } 7233 7234 7235 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_192 .nav_div_192 .nav_list li .nav_list_trd li a { 7236 display: flex; 7237 align-items: center; 7238 padding: 0; 7239 line-height: 30px; 7240 font-size: 14px; 7241 text-transform: uppercase; 7242 text-decoration: none; 7243 color: #222; 7244 white-space: normal; 7245 7246 color:#4d4d4d; font-style:normal; font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 7247 7248 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_192 .nav_div_192 .nav_list li .nav_list_trd li a:hover { 7249 color:#000000; } 7250 7251 .nav_div_192 .nav_list li a .nav_icons { 7252 height: 30px; 7253 margin-right: 5px; 7254 } 7255 7256 .nav_div_192 .nav_list .nav_list_trd li a .nav_icons { 7257 height: 25px; 7258 } 7259 7260 7261 .nav_div_192 .nav_list li a:hover { 7262 color: #3172ab; 7263 } 7264 .horizontal_menu .nav_div_192 .nav_list_trd { 7265 display: none; 7266 position: absolute; 7267 left: 100%; 7268 top: -15px; 7269 padding: 15px 0px; 7270 box-shadow: 0px 0px 5px #00000078; background: #fff; 7271 } 7272 .horizontal_menu .nav_div_192 .nav_list>li .nav_list_trd.open, 7273 .horizontal_menu .nav_div_192 .nav_list>li:hover .nav_list_trd { 7274 display: block; 7275 z-index: 99; 7276 } 7277 7278 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_192, 7279 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_192 .nav_list_trd{ 7280 width: 250px; 7281 } 7282 7283 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_192 .nav_list_trd{ 7284 width: 250px; 7285 } 7286 </style> 7287 </div> 7288 <div class="hum-line"></div> 7289 7290 7291 <button type="button" class="hamburger-menu
7291-nav-section " aria-expanded="false" aria-controls="desktop-submenu-6" aria-label="Expand Engagement Rings section"> 7292 <span class="icon_and_name"> 7293 7294 Engagement Rings </span> 7295 <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> 7296 7297 </button> 7298 7299 7300 7301 <div class="sub-menu-panel" id="desktop-submenu-6" aria-hidden="true"> 7302 7303 7304 7305 7306 <div class="menu_container custom_build_menu menu_container_1_6 custom_bm_fw" role="menu"> 7307 7308 7309 7310 <div class="flex_row flex_row_1"> 7311 7312 7313 <div class="flex_col flex_col_1"> 7314 7315 7316 </div> 7317 7318 <style> 7319 .menu_container_1_6 .flex_row_1 .flex_col_1 { 7320 width:100%; } 7321 </style> 7322 7323 7324 7325 <div class="flex_col flex_col_2"> 7326 7327 7328 <div class="flex_cell flex_cell_1 third_level"> 7329 <div class="flex_cell_content"> 7330 <div class="nav_div_7 menu_container_li"> 7331 <div class="vfit"> 7332 <a class=" " title="Shop By Style" href="#!" data-full_image="" role="button" tabindex="0"> 7333 Shop By Style </a> 7334 </div> 7335 <div class="nav_list_container"> 7336 <ul class="nav_list" role="menu" aria-label="Shop By Style" tabindex="-1"> 7337 <li class="" role="none"> 7338 <a class="" 7339 role="menuitem" 7340 tabindex="0" 7341 href="https://www.hellerjewelers.com/halo-rings" 7342 title="Halo Rings" 7343 style="" 7344 data-full_image="" 7345 > 7346 <img class="nav_
7346ct_icons menu_icon_halorings" 7347 src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/halo.svg" 7348 alt="Halo Rings" 7349 title="Halo Rings" 7350 height="25" 7351 width="25" 7352 loading="lazy"/> 7353 Halo Rings</a> 7354 </li> 7355 <li class="" role="none"> 7356 <a class="" 7357 role="menuitem" 7358 tabindex="-1" 7359 href="https://www.hellerjewelers.com/side-stone-rings" 7360 title="Side Stone Rings" 7361 style="" 7362 data-full_image="" 7363 > 7364 <img class="nav_ct_icons menu_icon_sidestonerings" 7365 src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/sidestones.svg" 7366 alt="Side Stone Rings" 7367 title="Side Stone Rings" 7368 height="25" 7369 width="25" 7370 loading="lazy"/> 7371 Side Stone Rings</a> 7372 </li> 7373 <li class="" role="none"> 7374 <a class="" 7375 role="menuitem" 7376 tabindex="-1" 7377 href="https://www.hellerjewelers.com/solitaire-rings" 7378 title="Solitaire Rings" 7379 style="" 7380 data-full_image="" 7381 > 7382 <img class="nav_ct_icons menu_icon_solitairerings" 7383 src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/solitaire.svg" 7384 alt="Solitaire Rings" 7385 title="Solitaire Rings" 7386 height="25" 7387 width="25" 7388 loading="lazy"/> 7389 Solitaire Rings</a> 7390 </li> 7391 <li class="" role="none"> 7392 <a class="" 7393 role="menuitem" 7394 tabindex="-1" 7395 href="https://www.hellerjewelers.com/three-stones-rings" 7396 title="Three Stones Rings" 7397 style="" 7398 data-full_image="" 7399 > 7400 <img class="nav_
7400ct_icons menu_icon_threestonesrings" 7401 src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/3stones.svg" 7402 alt="Three Stones Rings" 7403 title="Three Stones Rings" 7404 height="25" 7405 width="25" 7406 loading="lazy"/> 7407 Three Stones Rings</a> 7408 </li> 7409 </ul> 7410 </div> 7411 </div> 7412 </div> 7413 <style> 7414 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 { 7415 width: 100%; 7416 } 7417 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 .vfit { 7418 text-align: left; 7419 7420 border-bottom: 1px solid #ececec; 7421 padding-bottom: 8px; 7422 } 7423 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 .nav_list { 7424 list-style: none; 7425 margin: 0; 7426 padding: 0; 7427 } 7428 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 .nav_list + li { 7429 margin-top: 10px; 7430 } 7431 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 li { 7432 width: 100%; 7433 margin: 0; 7434 padding: 0; 7435 } 7436 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 li:hover { 7437 opacity: 0.8; 7438 } 7439 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 .nav_list li a { 7440 padding: 0; 7441 } 7442 </style> 7443 </div> 7444<style> 7445 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level { 7446 width:100%; align-items:start; -webkit-align-items:start; } 7447 7448 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level { 7449 height:100%; } 7450 7451 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level>.flex_cell_content { 7452 display: flex; 7453 width: 100%; 7454 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 7455 7456 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a { 7457 color:#4d4d4d; font-style:italic; display: flex; 7458 font-size:14px; font-family:Arial; text-transform:uppercase; } 7459 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a:hover { 7460 color:#000000; } 7461 7462 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a .nav_ct_icons { 7463 height: 20px; 7464 margin-right: 5px; 7465 } 7466 7467 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a { 7468 color:#4d4d4d; font-style:normal; line-height:25px; display: flex; 7469 align-items:center; 7470 font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 7471 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a:hover { 7472 color:#000000; } 7473 7474 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 7475 height: 25px; 7476 margin-right: 5px; 7477 } 7478 7479</style> 7480 </div> 7481 7482 <style> 7483 .menu_container_1_6 .flex_row_1 .flex_col_2 { 7484 width:100%; } 7485 </style> 7486 7487 7488 7489 <div class="flex_col flex_col_3"> 7490 7491 7492 <div class="flex_cell flex_cell_1 third_level"> 7493 <div class="flex_cell_content"> 7494 <div class="nav_div_8 menu_container_li"> 7495 <div class="vfit"> 7496 <a class=" " title="Shop By Shape" href="#!" data-full_image="" role="button" tabindex="0"> 7497 Shop By Shape </a> 7498 </div> 7499 <div class="nav_list_container"> 7500 <ul class="nav_list" role="menu" aria-label="Shop By Shape" tabindex="-1"> 7501 <li class="" role="none"> 7502 <a class="" 7503 role="menuitem" 7504 tabindex="0" 7505 href="https://www.hellerjewelers.com/princess-cut-rings" 7506 title="Princess Cut Rings" 7507 style="" 7508 data-full_image="" 7509 > 7510 <img class="nav_
7510ct_icons menu_icon_princesscutrings" 7511 src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/princess.svg" 7512 alt="Princess Cut Rings" 7513 title="Princess Cut Rings" 7514 height="25" 7515 width="25" 7516 loading="lazy"/> 7517 Princess Cut Rings</a> 7518 </li> 7519 <li class="" role="none"> 7520 <a class="" 7521 role="menuitem" 7522 tabindex="-1" 7523 href="https://www.hellerjewelers.com/round-cut-rings" 7524 title="Round Cut Rings" 7525 style="" 7526 data-full_image="" 7527 > 7528 <img class="nav_ct_icons menu_icon_roundcutrings" 7529 src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/round.svg" 7530 alt="Round Cut Rings" 7531 title="Round Cut Rings" 7532 height="25" 7533 width="25" 7534 loading="lazy"/> 7535 Round Cut Rings</a> 7536 </li> 7537 <li class="" role="none"> 7538 <a class="" 7539 role="menuitem" 7540 tabindex="-1" 7541 href="https://www.hellerjewelers.com/cushion-cut-rings" 7542 title="Cushion Cut Rings" 7543 style="" 7544 data-full_image="" 7545 > 7546 <img class="nav_ct_icons menu_icon_cushioncutrings" 7547 src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/cushion.svg" 7548 alt="Cushion Cut Rings" 7549 title="Cushion Cut Rings" 7550 height="25" 7551 width="25" 7552 loading="lazy"/> 7553 Cushion Cut Rings</a> 7554 </li> 7555 <li class="" role="none"> 7556 <a class="" 7557 role="menuitem" 7558 tabindex="-1" 7559 href="https://www.hellerjewelers.com/radiant-cut-rings" 7560 title="Radiant Cut Rings" 7561 style="" 7562 data-full_image="" 7563 > 7564 <img class="nav_
7564ct_icons menu_icon_radiantcutrings" 7565 src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/radiant.svg" 7566 alt="Radiant Cut Rings" 7567 title="Radiant Cut Rings" 7568 height="25" 7569 width="25" 7570 loading="lazy"/> 7571 Radiant Cut Rings</a> 7572 </li> 7573 <li class="" role="none"> 7574 <a class="" 7575 role="menuitem" 7576 tabindex="-1" 7577 href="https://www.hellerjewelers.com/oval-cut-rings" 7578 title="Oval Cut Rings" 7579 style="" 7580 data-full_image="" 7581 > 7582 <img class="nav_ct_icons menu_icon_ovalcutrings" 7583 src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/oval.svg" 7584 alt="Oval Cut Rings" 7585 title="Oval Cut Rings" 7586 height="25" 7587 width="25" 7588 loading="lazy"/> 7589 Oval Cut Rings</a> 7590 </li> 7591 <li class="" role="none"> 7592 <a class="" 7593 role="menuitem" 7594 tabindex="-1" 7595 href="https://www.hellerjewelers.com/emerald-cut-rings" 7596 title="Emerald Cut Rings" 7597 style="" 7598 data-full_image="" 7599 > 7600 <img class="nav_ct_icons menu_icon_emeraldcutrings" 7601 src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/emerald.svg" 7602 alt="Emerald Cut Rings" 7603 title="Emerald Cut Rings" 7604 height="25" 7605 width="25" 7606 loading="lazy"/> 7607 Emerald Cut Rings</a> 7608 </li> 7609 <li class="" role="none"> 7610 <a class="" 7611 role="menuitem" 7612 tabindex="-1" 7613 href="https://www.hellerjewelers.com/marquise-cut-rings" 7614 title="Marquise Cut Rings" 7615 style="" 7616 data-full_image="" 7617 > 7618 <img class="nav_
7618ct_icons menu_icon_marquisecutrings" 7619 src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/marquise.svg" 7620 alt="Marquise Cut Rings" 7621 title="Marquise Cut Rings" 7622 height="25" 7623 width="25" 7624 loading="lazy"/> 7625 Marquise Cut Rings</a> 7626 </li> 7627 <li class="" role="none"> 7628 <a class="" 7629 role="menuitem" 7630 tabindex="-1" 7631 href="https://www.hellerjewelers.com/pear-shape-rings" 7632 title="Pear Shape Ring" 7633 style="" 7634 data-full_image="" 7635 > 7636 <img class="nav_ct_icons menu_icon_pearshapering" 7637 src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/pear.svg" 7638 alt="Pear Shape Ring" 7639 title="Pear Shape Ring" 7640 height="25" 7641 width="25" 7642 loading="lazy"/> 7643 Pear Shape Ring</a> 7644 </li> 7645 </ul> 7646 </div> 7647 </div> 7648 </div> 7649 <style> 7650 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 { 7651 width: 100%; 7652 } 7653 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 .vfit { 7654 text-align: left; 7655 7656 border-bottom: 1px solid #ececec; 7657 padding-bottom: 8px; 7658 } 7659 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 .nav_list { 7660 list-style: none; 7661 margin: 0; 7662 padding: 0; 7663 } 7664 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 .nav_list + li { 7665 margin-top: 10px; 7666 } 7667 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 li { 7668 width: 100%; 7669 margin: 0; 7670 padding: 0; 7671 } 7672 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 li:hover { 7673 opacity: 0.8; 7674 } 7675 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 .nav_list li a { 7676 padding: 0; 7677 } 7678 </style> 7679 </div> 7680<style> 7681 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level { 7682 width:100%; align-items:start; -webkit-align-items:start; } 7683 7684 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level { 7685 height:100%; } 7686 7687 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level>.flex_cell_content { 7688 display: flex; 7689 width: 100%; 7690 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 7691 7692 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a { 7693 color:#4d4d4d; font-style:italic; display: flex; 7694 font-size:14px; font-family:Arial; text-transform:uppercase; } 7695 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a:hover { 7696 color:#000000; } 7697 7698 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a .nav_ct_icons { 7699 height: 20px; 7700 margin-right: 5px; 7701 } 7702 7703 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a { 7704 color:#4d4d4d; font-style:normal; line-height:25px; display: flex; 7705 align-items:center; 7706 font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 7707 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a:hover { 7708 color:#000000; } 7709 7710 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 7711 height: 25px; 7712 margin-right: 5px; 7713 } 7714 7715</style> 7716 </div> 7717 7718 <style> 7719 .menu_container_1_6 .flex_row_1 .flex_col_3 { 7720 width:100%; } 7721 </style> 7722 7723 7724 7725 <div class="flex_col flex_col_4"> 7726 7727 7728 <div class="flex_cell flex_cell_1 third_level"> 7729 <div class="flex_cell_content"> 7730 <div class="nav_div_10 menu_container_li"> 7731 <div class="vfit"> 7732 <a class=" " title="Shop By Price" href="#!" data-full_image="" role="button" tabindex="0"> 7733 Shop By Price </a> 7734 </div> 7735 <div class="nav_list_container"> 7736 <ul class="nav_list" role="menu" aria-label="Shop By Price" tabindex="-1"> 7737 <li class="" role="none"> 7738 <a class="" 7739 role="menuitem" 7740 tabindex="0" 7741 href="https://www.hellerjewelers.com/engagement-rings-1000-to-2000" 7742 title="$1000 - $2000" 7743 style="" 7744 data-full_image="" 7745 > 7746 $1000 - $2000</a> 7747 </li> 7748 <li class="" role="none"> 7749 <a class="" 7750 role="menuitem" 7751 tabindex="-1" 7752 href="https://www.hellerjewelers.com/engagement-rings-2000-to-5000" 7753 title="$2000 - $5000" 7754 style="" 7755 data-full_image="" 7756 > 7757 $2000 - $5000</a> 7758 </li> 7759 <li class="" role="none"> 7760 <a class="" 7761 role="menuitem" 7762 tabindex="-1" 7763 href="https://www.hellerjewelers.com/engagement-rings-5000-up" 7764 title="$5000 & Up" 7765 style="" 7766 data-full_image="" 7767 > 7768 $5000 & Up</a> 7769 </li> 7770
7770 </ul> 7771 </div> 7772 </div> 7773 </div> 7774 <style> 7775 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 { 7776 width: 100%; 7777 } 7778 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 .vfit { 7779 text-align: left; 7780 7781 border-bottom: 1px solid #ececec; 7782 padding-bottom: 8px; 7783 } 7784 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 .nav_list { 7785 list-style: none; 7786 margin: 0; 7787 padding: 0; 7788 } 7789 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 .nav_list + li { 7790 margin-top: 10px; 7791 } 7792 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 li { 7793 width: 100%; 7794 margin: 0; 7795 padding: 0; 7796 } 7797 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 li:hover { 7798 opacity: 0.8; 7799 } 7800 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 .nav_list li a { 7801 padding: 0; 7802 } 7803 </style> 7804 </div> 7805<style> 7806 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level { 7807 width:100%; align-items:start; -webkit-align-items:start; } 7808 7809 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level { 7810 height:100%; } 7811 7812 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level>.flex_cell_content { 7813 display: flex; 7814 width: 100%; 7815 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 7816 7817 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a { 7818 color:#4d4d4d; font-style:italic; display: flex; 7819 font-size:14px; font-family:Arial; text-transform:uppercase; } 7820 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a:hover { 7821 color:#000000; } 7822 7823 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a .nav_ct_icons { 7824 height: 20px; 7825 margin-right: 5px; 7826 } 7827 7828 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a { 7829 color:#4d4d4d; font-style:normal; line-height:25px; display: flex; 7830 align-items:center; 7831 font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 7832 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a:hover { 7833 color:#000000; } 7834 7835 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 7836 height: 25px; 7837 margin-right: 5px; 7838 } 7839 7840</style> 7841 </div> 7842 7843 <style> 7844 .menu_container_1_6 .flex_row_1 .flex_col_4 { 7845 width:100%; } 7846 </style> 7847 7848 7849 7850 <div class="flex_col flex_col_5"> 7851 7852 7853 <div class="flex_cell flex_cell_1 third_level"> 7854 <div class="flex_cell_content"> 7855 <div class="nav_div_71 menu_container_li"> 7856 <div class="vfit"> 7857 <a class=" " title="Start Your Research" href="#!" data-full_image="" role="button" tabindex="0"> 7858 Start Your Research </a> 7859 </div> 7860 <div class="nav_list_container"> 7861 <ul class="nav_list" role="menu" aria-label="Start Your Research" tabindex="-1"> 7862 <li class="" role="none"> 7863 <a class="" 7864 role="menuitem" 7865 tabindex="0" 7866 href="https://www.hellerjewelers.com/engagement-rings" 7867 title="View All Engagement Rings >>" 7868 style="" 7869 data-full_image="" 7870 > 7871 View All Engagement Rings >></a> 7872 </li> 7873 <li class="" role="none"> 7874 <a class="" 7875 role="menuitem" 7876 tabindex="-1" 7877 href="https://www.hellerjewelers.com/create-your-ring" 7878 title="Customize Your Ring >>" 7879 style="" 7880 data-full_image="" 7881 > 7882 Customize Your Ring >></a> 7883 </li> 7884 </ul> 7885 </div> 7886 </div> 7887 </div> 7888 <style> 7889 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 { 7890 width: 100%; 7891 } 7892 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 .vfit { 7893 text-align: left; 7894 7895 border-bottom: 1px solid #ececec; 7896 padding-bottom: 8px; 7897 } 7898 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 .nav_list { 7899 list-style: none; 7900 margin: 0; 7901 padding: 0; 7902 } 7903 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 .nav_list + li { 7904 margin-top: 10px; 7905 } 7906 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 li { 7907 width: 100%; 7908 margin: 0; 7909 padding: 0; 7910 } 7911 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 li:hover { 7912 opacity: 0.8; 7913 } 7914 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 .nav_list li a { 7915 padding: 0; 7916 } 7917 </style> 7918 </div> 7919<style> 7920 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level { 7921 width:100%; align-items:start; -webkit-align-items:start; } 7922 7923 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level { 7924 height:100%; } 7925 7926 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level>.flex_cell_content { 7927 display: flex; 7928 width: 100%; 7929 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 7930 7931 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level .vfit a { 7932 color:#4d4d4d; font-style:italic; display: flex; 7933 font-size:14px; font-family:Arial; text-transform:uppercase;
7933 } 7934 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level .vfit a:hover { 7935 color:#000000; } 7936 7937 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level .vfit a .nav_ct_icons { 7938 height: 20px; 7939 margin-right: 5px; 7940 } 7941 7942 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level .nav_list li a { 7943 color:#4d4d4d; font-style:normal; line-height:25px; display: flex; 7944 align-items:center; 7945 font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 7946 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level .nav_list li a:hover { 7947 color:#000000; } 7948 7949 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 7950 height: 25px; 7951 margin-right: 5px; 7952 } 7953 7954</style> 7955 </div> 7956 7957 <style> 7958 .menu_container_1_6 .flex_row_1 .flex_col_5 { 7959 width:100%; } 7960 </style> 7961 7962 7963 7964 <div class="flex_col flex_col_6"> 7965 7966 7967 </div> 7968 7969 <style> 7970 .menu_container_1_6 .flex_row_1 .flex_col_6 { 7971 width:100%; } 7972 </style> 7973 7974 7975 7976 </div> 7977 7978 <style> 7979 .menu_container_1_6 .flex_row_1 { 7980 background-color: #ffffff; 7981 color:#000000; height:250 } 7982 </style> 7983 7984 7985 7986 7987 <div class="flex_row flex_row_2"> 7988 7989 7990 <div class="flex_col flex_col_1"> 7991 7992 <div class="flex_cell flex_cell_1 line"> 7993 <div class="s_line"></div> 7994 </div> 7995 7996<style> 7997 .menu_container_1_6>.flex_row_2>.flex_col_1>.flex_cell_1 { 7998 width: 100%; 7999 justify-content:center; -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; } 8000 8001 8002 .menu_container_1_6>.flex_row_2>.flex_col_1>.flex_cell_1 .s_line { 8003 background-color:#878787; border-style: solid; 8004 height:1px; width:100%; border-radius:0px; border-width:0px; border-color:#000000; } 8005 8006</style> 8007 </div> 8008 8009 <style> 8010 .menu_container_1_6 .flex_row_2 .flex_col_1 { 8011 width:100%; } 8012 </style> 8013 8014 8015 8016 </div> 8017 8018 <style> 8019 .menu_container_1_6 .flex_row_2 { 8020 background-color: #ffffff; 8021 color:#000000; height:auto } 8022 </style> 8023 8024 8025 8026 </div> 8027 <style> 8028 .menu_container .flex_row { 8029 display: flex; 8030 } 8031 .menu_container_1_6 { 8032 width:100%; 8033 max-width:100%; 8034 left:0; 8035 } 8036 .menu_container .flex_row .flex_col{ 8037 display: flex; 8038 flex-wrap: wrap; 8039 box-sizing: border-box; 8040 align-content: baseline; 8041 } 8042 .menu_container .flex_row .flex_col .flex_cell{ 8043 height: fit-content; 8044 display: flex; 8045 } 8046 .menu_container .flex_row .flex_col .flex_cell a{ 8047 text-decoration: none; 8048 } 8049 .menu_container img { 8050 max-width: 100%; 8051 } 8052 </style> 8053 8054 8055 </div> 8056 <div class="hum-line"></div> 8057 8058 8059 <a class="hamburger-menu
8059-nav-section " title="Diamonds" href="https://www.hellerjewelers.com/diamonds" > 8060 <span class="icon_and_name"> 8061 8062 Diamonds </span> 8063 8064 </a> 8065 8066 8067 8068 <div class="sub-menu-panel" id="desktop-submenu-11" aria-hidden="true"> 8069 8070 8071 8072 8073 8074<div class="menu_container default_build_menu menu_container_1_navigation_11"> 8075 <div class="nav_div_11"> 8076 </div> 8077</div> 8078<style> 8079 .menu_container_1_navigation_11 { 8080 background: #fff; 8081 } 8082 .horizontal_menu .nav_div_11 { 8083 padding: 15px 0px; 8084 box-shadow: 0px 0px 5px #00000078; display: flex; 8085 flex-wrap: wrap; 8086 } 8087 .horizontal_menu .nav_img_11 { 8088 height: 200px; 8089 width: 250px; 8090 margin-left: 50px; 8091 margin-right: 20px; 8092 flex-shrink: 0; 8093 order: 1; 8094 } 8095 .horizontal_menu .nav_img_11 img { 8096 max-width: 100%; 8097 max-height: 100%; 8098 } 8099 .horizontal_menu .nav_div_11 .vfit { 8100 text-align: left; 8101 border-bottom: 1px solid #ececec; 8102 text-transform: uppercase; 8103 } 8104 .nav_div_11 .vfit a { 8105 text-decoration: none; 8106 color: #222; 8107 } 8108 .nav_div_11 .nav_list { 8109 list-style: none; 8110 margin: 0; 8111 padding: 0; 8112 order: 1; 8113 } 8114 .nav_div_11 ul { 8115 list-style: none; 8116 } 8117 #desktop_hamburger_menu_template .nav_div_11 li { 8118 width: 100%; 8119 margin: 0; 8120 padding: 0px 20px; 8121 position: relative; 8122 } 8123 .horizontal_menu .nav_div_11 li { 8124 width: 100%; 8125 margin: 0; 8126 padding: 0px 20px; 8127 position: relative; 8128 } 8129 8130 #desktop_hamburger_menu_template .nav_div_11 li svg { 8131 position: absolute; 8132 right: 15px; 8133 height: 10px; 8134 top: 10px; 8135 } 8136 .horizontal_menu .nav_div_11 li svg { 8137 position: absolute; 8138 right: 15px; 8139 height: 10px; 8140 top: 10px; 8141 } 8142 8143 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_11 .nav_div_11 .nav_list li .nav_a_trd { 8144 display: flex; 8145 align-items: center; 8146 padding: 0; 8147 line-height: 30px; 8148 font-size: 14px; 8149 text-transform: uppercase; 8150 text-decoration: none; 8151 color: #222; 8152 white-space: normal; 8153 8154 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; 8155 } 8156 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_11 .nav_div_11 .nav_list li button { 8157 background: none; 8158 border: none; 8159 cursor: pointer; 8160 } 8161 8162 .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 { 8163 text-decoration: underline; 8164 } 8165 8166 .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 { 8167 color:#000000; cursor: pointer; 8168 } 8169 8170 8171 .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 { 8172 display: flex; 8173 align-items: center; 8174 padding: 0; 8175 line-height: 30px; 8176 font-size: 14px; 8177 text-transform: uppercase; 8178 text-decoration: none; 8179 color: #222; 8180 white-space: normal; 8181 8182 color:#4d4d4d; font-style:normal; font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 8183 8184 .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 { 8185 color:#000000; } 8186 8187 .nav_div_11 .nav_list li a .nav_icons { 8188 height: 30px; 8189 margin-right: 5px; 8190 } 8191 8192 .nav_div_11 .nav_list .nav_list_trd li a .nav_icons { 8193 height: 25px; 8194 } 8195 8196 8197 .nav_div_11 .nav_list li a:hover { 8198 color: #3172ab; 8199 } 8200 .horizontal_menu .nav_div_11 .nav_list_trd { 8201 display: none; 8202 position: absolute; 8203 left: 100%; 8204 top: -15px; 8205 padding: 15px 0px; 8206 box-shadow: 0px 0px 5px #00000078; background: #fff; 8207 } 8208 .horizontal_menu .nav_div_11 .nav_list>li .nav_list_trd.open, 8209 .horizontal_menu .nav_div_11 .nav_list>li:hover .nav_list_trd { 8210 display: block; 8211 z-index: 99; 8212 } 8213 8214 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_11, 8215 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_11 .nav_list_trd{ 8216 width: 250px; 8217 } 8218 8219 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_11 .nav_list_trd{ 8220 width: 250px; 8221 } 8222 </style> 8223 </div> 8224 <div class="hum-line"></div> 8225 8226 8227 <button type="button" class="hamburger-menu
8227-nav-section " aria-expanded="false" aria-controls="desktop-submenu-12" aria-label="Expand Wedding Bands section"> 8228 <span class="icon_and_name"> 8229 8230 Wedding Bands </span> 8231 <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> 8232 8233 </button> 8234 8235 8236 8237 <div class="sub-menu-panel" id="desktop-submenu-12" aria-hidden="true"> 8238 8239 8240 8241 8242 <div class="menu_container custom_build_menu menu_container_1_3 custom_bm_fw" role="menu"> 8243 8244 8245 8246 <div class="flex_row flex_row_1"> 8247 8248 8249 <div class="flex_col flex_col_1"> 8250 8251 8252 </div> 8253 8254 <style> 8255 .menu_container_1_3 .flex_row_1 .flex_col_1 { 8256 width:100%; } 8257 </style> 8258 8259 8260 8261 <div class="flex_col flex_col_2"> 8262 8263 8264 <div class="flex_cell flex_cell_1 third_level"> 8265 <div class="flex_cell_content"> 8266 <div class="nav_div_13 menu_container_li"> 8267 <div class="vfit"> 8268 <a class=" " title="Shop By Gender" href="#!" data-full_image="" role="button" tabindex="0"> 8269 Shop By Gender </a> 8270 </div> 8271 <div class="nav_list_container"> 8272 <ul class="nav_list" role="menu" aria-label="Shop By Gender" tabindex="-1"> 8273 <li class="" role="none"> 8274 <a class="" 8275 role="menuitem" 8276 tabindex="0" 8277 href="https://www.hellerjewelers.com/mens-wedding-bands" 8278 title="Men Wedding Bands" 8279 style="" 8280 data-full_image="" 8281 > 8282 <img class="nav_
8282ct_icons menu_icon_menweddingbands" 8283 src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bands/mens-01.svg" 8284 alt="Men Wedding Bands" 8285 title="Men Wedding Bands" 8286 height="25" 8287 width="25" 8288 loading="lazy"/> 8289 Men Wedding Bands</a> 8290 </li> 8291 <li class="" role="none"> 8292 <a class="" 8293 role="menuitem" 8294 tabindex="-1" 8295 href="https://www.hellerjewelers.com/ladies-wedding-bands" 8296 title="Ladies Wedding Bands" 8297 style="" 8298 data-full_image="" 8299 > 8300 <img class="nav_ct_icons menu_icon_ladiesweddingbands" 8301 src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bands/bezel.svg" 8302 alt="Ladies Wedding Bands" 8303 title="Ladies Wedding Bands" 8304 height="25" 8305 width="25" 8306 loading="lazy"/> 8307 Ladies Wedding Bands</a> 8308 </li> 8309 </ul> 8310 </div> 8311 </div> 8312 </div> 8313 <style> 8314 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_13 { 8315 width: 100%; 8316 } 8317 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_13 .vfit { 8318 text-align: left; 8319 8320 border-bottom: 1px solid #ececec; 8321 padding-bottom: 8px; 8322 } 8323 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_13 .nav_list { 8324 list-style: none; 8325 margin: 0; 8326 padding: 0; 8327 } 8328 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_13 .nav_list + li { 8329 margin-top: 10px; 8330 } 8331 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_13 li { 8332 width: 100%; 8333 margin: 0; 8334 padding: 0; 8335 } 8336 .menu_container_1_3>.flex_row_1>.flex_col_2>
8336.flex_cell_1 .nav_div_13 li:hover { 8337 opacity: 0.8; 8338 } 8339 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_13 .nav_list li a { 8340 padding: 0; 8341 } 8342 </style> 8343 </div> 8344<style> 8345 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level { 8346 width:100%; align-items:start; -webkit-align-items:start; } 8347 8348 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level { 8349 height:100%; } 8350 8351 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level>.flex_cell_content { 8352 display: flex; 8353 width: 100%; 8354 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 8355 8356 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a { 8357 color:#4d4d4d; font-style:italic; display: flex; 8358 font-size:14px; font-family:Arial; text-transform:uppercase; } 8359 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a:hover { 8360 color:#000000; } 8361 8362 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a .nav_ct_icons { 8363 height: 20px; 8364 margin-right: 5px; 8365 } 8366 8367 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a { 8368 color:#4d4d4d; font-style:normal; line-height:25px; display: flex; 8369 align-items:center; 8370 font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 8371 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a:hover { 8372 color:#000000; } 8373 8374 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 8375 height: 25px; 8376 margin-right: 5px; 8377 } 8378 8379</style> 8380 </div> 8381 8382 <style> 8383 .menu_container_1_3 .flex_row_1 .flex_col_2 { 8384 width:100%; } 8385 </style> 8386 8387 8388 8389 <div class="flex_col flex_col_3"> 8390 8391 8392 <div class="flex_cell flex_cell_1 third_level"> 8393 <div class="flex_cell_content"> 8394 <div class="nav_div_15 menu_container_li"> 8395 <div class="vfit"> 8396 <a class=" " title="Shop By Price" href="#!" data-full_image="" role="button" tabindex="0"> 8397 Shop By Price </a> 8398 </div> 8399 <div class="nav_list_container"> 8400 <ul class="nav_list" role="menu" aria-label="Shop By Price" tabindex="-1"> 8401 <li class="" role="none"> 8402 <a class="" 8403 role="menuitem" 8404 tabindex="0" 8405 href="https://www.hellerjewelers.com/wedding-bands-up-to-500" 8406 title="Up to $500" 8407 style="" 8408 data-full_image="" 8409 > 8410 Up to $500</a> 8411 </li> 8412 <li class="" role="none"> 8413 <a class="" 8414 role="menuitem" 8415 tabindex="-1" 8416 href="https://www.hellerjewelers.com/wedding-bands-500-to-1000" 8417 title="$500 - $1000" 8418 style="" 8419 data-full_image="" 8420 > 8421 $500 - $1000</a> 8422 </li> 8423 <li class="" role="none"> 8424 <a class="" 8425 role="menuitem" 8426 tabindex="-1" 8427 href="https://www.hellerjewelers.com/engagement-rings-1000-to-2000" 8428 title="$1000 - $2000" 8429 style="" 8430 data-full_image="" 8431 > 8432 $1000 - $2000</a> 8433 </li> 8434 <li class="" role="none"> 8435 <a class="" 8436 role="menuitem" 8437 tabindex="-1" 8438 href="https://www.hellerjewelers.com/wedding-bands-2000-to-5000" 8439 title="$2000 - $5000" 8440 style="" 8441 data-full_image="" 8442 > 8443 $2000 - $5000</a> 8444 </li> 8445 <li class="" role="none"> 8446 <a class="" 8447 role="menuitem" 8448 tabindex="-1" 8449 href="https://www.hellerjewelers.com/wedding-bands-5000-up" 8450 title="$5000 & Up" 8451 style="" 8452 data-full_image="" 8453 > 8454 $5000 & Up</a> 8455 </li> 8456 </ul> 8457 </div> 8458 </div> 8459 </div> 8460 <style> 8461 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 { 8462 width: 100%; 8463 } 8464 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 .vfit { 8465 text-align: left; 8466 8467 border-bottom: 1px solid #ececec; 8468 padding-bottom: 8px; 8469 } 8470 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 .nav_list { 8471 list-style: none; 8472 margin: 0; 8473 padding: 0; 8474 } 8475 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 .nav_list + li { 8476 margin-top: 10px; 8477 } 8478 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 li { 8479 width: 100%; 8480 margin: 0; 8481 padding: 0; 8482 } 8483 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 li:hover { 8484 opacity: 0.8; 8485 } 8486 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 .nav_list li a { 8487 padding: 0; 8488 } 8489 </style> 8490 </div> 8491<style> 8492 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level { 8493 width:100%; align-items:start; -webkit-align-items:start; } 8494 8495 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level { 8496 height:100%; } 8497 8498 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level>.flex_cell_content { 8499 display: flex; 8500 width: 100%; 8501 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 8502 8503 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a { 8504 color:#4d4d4d; font-style:italic; display: flex; 8505 font-size:14px; font-family:Arial; text-transform:uppercase; } 8506 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a:hover { 8507 color:#000000; } 8508 8509 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a .nav_ct_icons { 8510 height: 20px; 8511 margin-right: 5px; 8512 } 8513 8514 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a { 8515 color:#4d4d4d; font-style:normal; line-height:25px; display: flex; 8516 align-items:center; 8517 font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 8518 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a:hover { 8519 color:#000000; } 8520 8521 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_le
8521vel .nav_list li a .nav_ct_icons { 8522 height: 25px; 8523 margin-right: 5px; 8524 } 8525 8526</style> 8527 </div> 8528 8529 <style> 8530 .menu_container_1_3 .flex_row_1 .flex_col_3 { 8531 width:100%; } 8532 </style> 8533 8534 8535 8536 <div class="flex_col flex_col_4"> 8537 8538 8539 <div class="flex_cell flex_cell_1 third_level"> 8540 <div class="flex_cell_content"> 8541 <div class="nav_div_79 menu_container_li"> 8542 <div class="vfit"> 8543 <a class=" " title="Start Your Research" href="#!" data-full_image="" role="button" tabindex="0"> 8544 Start Your Research </a> 8545 </div> 8546 <div class="nav_list_container"> 8547 <ul class="nav_list" role="menu" aria-label="Start Your Research" tabindex="-1"> 8548 <li class="" role="none"> 8549 <a class="" 8550 role="menuitem" 8551 tabindex="0" 8552 href="https://www.hellerjewelers.com/wedding-bands" 8553 title="View All Wedding Bands >>" 8554 style="" 8555 data-full_image="" 8556 > 8557 View All Wedding Bands >></a> 8558 </li> 8559 </ul> 8560 </div> 8561 </div> 8562 </div> 8563 <style> 8564 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_79 { 8565 width: 100%; 8566 } 8567 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_79 .vfit { 8568 text-align: left; 8569 8570 border-bottom: 1px solid #ececec; 8571 padding-bottom: 8px; 8572 } 8573 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_79 .nav_list { 8574 list-style: none; 8575 margin: 0; 8576 padding: 0; 8577 } 8578 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_79 .nav_list + li { 8579 margin-top: 10px; 8580 } 8581 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_79 li { 8582 width: 100%; 8583 margin: 0; 8584 padding: 0; 8585 } 8586 .menu_container_1_3>.flex_row_1>.flex_col_4>
8586.flex_cell_1 .nav_div_79 li:hover { 8587 opacity: 0.8; 8588 } 8589 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_79 .nav_list li a { 8590 padding: 0; 8591 } 8592 </style> 8593 </div> 8594<style> 8595 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level { 8596 width:100%; align-items:start; -webkit-align-items:start; } 8597 8598 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level { 8599 height:100%; } 8600 8601 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level>.flex_cell_content { 8602 display: flex; 8603 width: 100%; 8604 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 8605 8606 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a { 8607 color:#4d4d4d; font-style:italic; display: flex; 8608 font-size:14px; font-family:Arial; text-transform:uppercase; } 8609 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a:hover { 8610 color:#000000; } 8611 8612 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a .nav_ct_icons { 8613 height: 20px; 8614 margin-right: 5px; 8615 } 8616 8617 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a { 8618 color:#4d4d4d; font-style:normal; line-height:25px; display: flex; 8619 align-items:center; 8620 font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 8621 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a:hover { 8622 color:#000000; } 8623 8624 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 8625 height: 25px; 8626 margin-right: 5px; 8627 } 8628 8629</style> 8630 </div> 8631 8632 <style> 8633 .menu_container_1_3 .flex_row_1 .flex_col_4 { 8634 width:100%; } 8635 </style> 8636 8637 8638 8639 <div class="flex_col flex_col_5"> 8640 8641 8642 </div> 8643 8644 <style> 8645 .menu_container_1_3 .flex_row_1 .flex_col_5 { 8646 width:100%; } 8647 </style> 8648 8649 8650 8651 </div> 8652 8653 <style> 8654 .menu_container_1_3 .flex_row_1 { 8655 background-color: #ffffff; 8656 color:#000000; height:250 } 8657 </style> 8658 8659 8660 8661 8662 <div class="flex_row flex_row_2"> 8663 8664 8665 <div class="flex_col flex_col_1"> 8666 8667 <div class="flex_cell flex_cell_1 line"> 8668 <div class="s_line"></div> 8669 </div> 8670 8671<style> 8672 .menu_container_1_3>.flex_row_2>.flex_col_1>.flex_cell_1 { 8673 width: 100%; 8674 margin-top:25px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 8675 8676 8677 .menu_container_1_3>.flex_row_2>.flex_col_1>.flex_cell_1 .s_line { 8678 background-color:#878787; border-style: solid; 8679 height:1px; width:100%; border-radius:0px; border-width:0px; border-color:#000000; } 8680 8681</style> 8682 </div> 8683 8684 <style> 8685 .menu_container_1_3 .flex_row_2 .flex_col_1 { 8686 width:100%; } 8687 </style> 8688 8689 8690 8691 </div> 8692 8693 <style> 8694 .menu_container_1_3 .flex_row_2 { 8695 background-color: #ffffff; 8696 color:#000000; height:auto } 8697 </style> 8698 8699 8700 8701 </div> 8702 <style> 8703 .menu_container .flex_row { 8704 display: flex; 8705 } 8706 .menu_container_1_3 { 8707 width:100%; 8708 max-width:100%; 8709 left:0; 8710 } 8711 .menu_container .flex_row .flex_col{ 8712 display: flex; 8713 flex-wrap: wrap; 8714 box-sizing: border-box; 8715 align-content: baseline; 8716 } 8717 .menu_container .flex_row .flex_col .flex_cell{ 8718 height: fit-content; 8719 display: flex; 8720 } 8721 .menu_container .flex_row .flex_col .flex_cell a{ 8722 text-decoration: none; 8723 } 8724 .menu_container img { 8725 max-width: 100%; 8726 } 8727 </style> 8728 8729 8730 </div> 8731 <div class="hum-line"></div> 8732 8733 8734 <button type="button" class="hamburger-menu
8734-nav-section " aria-expanded="false" aria-controls="desktop-submenu-16" aria-label="Expand Fine Jewelry section"> 8735 <span class="icon_and_name"> 8736 8737 Fine Jewelry </span> 8738 <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> 8739 8740 </button> 8741 8742 8743 8744 <div class="sub-menu-panel" id="desktop-submenu-16" aria-hidden="true"> 8745 8746 8747 8748 8749 <div class="menu_container custom_build_menu menu_container_1_8 custom_bm_fw" role="menu"> 8750 8751 8752 8753 <div class="flex_row flex_row_1"> 8754 8755 8756 <div class="flex_col flex_col_1"> 8757 8758 8759 </div> 8760 8761 <style> 8762 .menu_container_1_8 .flex_row_1 .flex_col_1 { 8763 width:100%; } 8764 </style> 8765 8766 8767 8768 <div class="flex_col flex_col_2"> 8769 8770 8771 <div class="flex_cell flex_cell_1 third_level"> 8772 <div class="flex_cell_content"> 8773 <div class="nav_div_17 menu_container_li"> 8774 <div class="vfit"> 8775 <a class=" " title="Shop By Type" href="#!" data-full_image="" role="button" tabindex="0"> 8776 Shop By Type </a> 8777 </div> 8778 <div class="nav_list_container"> 8779 <ul class="nav_list" role="menu" aria-label="Shop By Type" tabindex="-1"> 8780 <li class="" role="none"> 8781 <a class="" 8782 role="menuitem" 8783 tabindex="0" 8784 href="https://www.hellerjewelers.com/necklaces" 8785 title="Necklaces" 8786 style="" 8787 data-full_image="" 8788 > 8789 <img class="nav_
8789ct_icons menu_icon_necklaces" 8790 src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/necklaces/heart.svg" 8791 alt="Necklaces" 8792 title="Necklaces" 8793 height="25" 8794 width="25" 8795 loading="lazy"/> 8796 Necklaces</a> 8797 </li> 8798 <li class="" role="none"> 8799 <a class="" 8800 role="menuitem" 8801 tabindex="-1" 8802 href="https://www.hellerjewelers.com/earrings" 8803 title="Earrings" 8804 style="" 8805 data-full_image="" 8806 > 8807 <img class="nav_ct_icons menu_icon_earrings" 8808 src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/earrings/stud.svg" 8809 alt="Earrings" 8810 title="Earrings" 8811 height="25" 8812 width="25" 8813 loading="lazy"/> 8814 Earrings</a> 8815 </li> 8816 <li class="" role="none"> 8817 <a class="" 8818 role="menuitem" 8819 tabindex="-1" 8820 href="https://www.hellerjewelers.com/bracelets" 8821 title="Bracelets" 8822 style="" 8823 data-full_image="" 8824 > 8825 <img class="nav_ct_icons menu_icon_bracelets" 8826 src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bracelets/mens.svg" 8827 alt="Bracelets" 8828 title="Bracelets" 8829 height="25" 8830 width="25" 8831 loading="lazy"/> 8832 Bracelets</a> 8833 </li> 8834 <li class="" role="none"> 8835 <a class="" 8836 role="menuitem" 8837 tabindex="-1" 8838 href="https://www.hellerjewelers.com/fashion-rings" 8839 title="Rings" 8840 style="" 8841 data-full_image="" 8842 > 8843 <img class="nav_
8843ct_icons menu_icon_rings" 8844 src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bands/diamond.svg" 8845 alt="Rings" 8846 title="Rings" 8847 height="25" 8848 width="25" 8849 loading="lazy"/> 8850 Rings</a> 8851 </li> 8852 <li class="" role="none"> 8853 <a class="" 8854 role="menuitem" 8855 tabindex="-1" 8856 href="https://www.hellerjewelers.com/charms" 8857 title="Charms " 8858 style="" 8859 data-full_image="" 8860 > 8861 <img class="nav_ct_icons menu_icon_charms" 8862 src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/necklaces/religious.svg" 8863 alt="Charms " 8864 title="Charms " 8865 height="25" 8866 width="25" 8867 loading="lazy"/> 8868 Charms </a> 8869 </li> 8870 </ul> 8871 </div> 8872 </div> 8873 </div> 8874 <style> 8875 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 { 8876 width: 100%; 8877 } 8878 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 .vfit { 8879 text-align: left; 8880 8881 border-bottom: 1px solid #ececec; 8882 padding-bottom: 8px; 8883 } 8884 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 .nav_list { 8885 list-style: none; 8886 margin: 0; 8887 padding: 0; 8888 } 8889 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 .nav_list + li { 8890 margin-top: 10px; 8891 } 8892 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 li { 8893 width: 100%; 8894 margin: 0; 8895 padding: 0; 8896 } 8897 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 li:hover { 8898 opacity: 0.8; 8899 } 8900 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 .nav_list li a { 8901 padding: 0; 8902 } 8903 </style> 8904 </div> 8905<style> 8906 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level { 8907 width:100%; align-items:start; -webkit-align-items:start; } 8908 8909 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level { 8910 height:100%; } 8911 8912 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level>.flex_cell_content { 8913 display: flex; 8914 width: 100%; 8915 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 8916 8917 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a { 8918 color:#4d4d4d; font-style:italic; display: flex; 8919 font-size:14px; font-family:Arial; text-transform:uppercase; } 8920 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a:hover { 8921 color:#000000; } 8922 8923 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a .nav_ct_icons { 8924 height: 20px; 8925 margin-right: 5px; 8926 } 8927 8928 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a { 8929 color:#4d4d4d; font-style:normal; line-height:25px; display: flex; 8930 align-items:center; 8931 font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 8932 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a:hover { 8933 color:#000000; } 8934 8935 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 8936 height: 25px; 8937 margin-right: 5px; 8938 } 8939 8940</style> 8941 </div> 8942 8943 <style> 8944 .menu_container_1_8 .flex_row_1 .flex_col_2 { 8945 width:100%; } 8946 </style> 8947 8948 8949 8950 <div class="flex_col flex_col_3"> 8951 8952 8953 <div class="flex_cell flex_cell_1 third_level"> 8954 <div class="flex_cell_content"> 8955 <div class="nav_div_19 menu_container_li"> 8956 <div class="vfit"> 8957 <a class=" " title="Shop By Price" href="#!" data-full_image="" role="button" tabindex="0"> 8958 Shop By Price </a> 8959 </div> 8960 <div class="nav_list_container"> 8961 <ul class="nav_list" role="menu" aria-label="Shop By Price" tabindex="-1"> 8962 <li class="" role="none"> 8963 <a class="" 8964 role="menuitem" 8965 tabindex="0" 8966 href="https://www.hellerjewelers.com/fine-jewelry-0-to-500" 8967 title="Up to $500" 8968 style="" 8969 data-full_image="" 8970 > 8971 Up to $500</a> 8972 </li> 8973 <li class="" role="none"> 8974 <a class="" 8975 role="menuitem" 8976 tabindex="-1" 8977 href="https://www.hellerjewelers.com/fine-jewelry-500-to-1000" 8978 title="$500 - $1000" 8979 style="" 8980 data-full_image="" 8981 > 8982 $500 - $1000</a> 8983 </li> 8984 <li class="" role="none"> 8985 <a class="" 8986 role="menuitem" 8987 tabindex="-1" 8988 href="https://www.hellerjewelers.com/fine-jewelry-1000-to-2000" 8989 title="$1000 - $2000" 8990 style="" 8991 data-full_image="" 8992 > 8993 $1000 - $2000</a> 8994 </li> 8995 <li class="" role="none"> 8996 <a class="" 8997 role="menuitem" 8998 tabindex="-1" 8999 href="https://www.hellerjewelers.com/fine-jewelry-2000-to-5000" 9000 title="$2000 - $5000" 9001 style="" 9002 data-full_image="" 9003 > 9004 $2000 - $5000</a> 9005 </li> 9006 <li class="" role="none"> 9007 <a class="" 9008 role="menuitem" 9009
9009 tabindex="-1" 9010 href="https://www.hellerjewelers.com/fine-jewelry-5000-up" 9011 title="$5000 & Up" 9012 style="" 9013 data-full_image="" 9014 > 9015 $5000 & Up</a> 9016 </li> 9017 </ul> 9018 </div> 9019 </div> 9020 </div> 9021 <style> 9022 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 { 9023 width: 100%; 9024 } 9025 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 .vfit { 9026 text-align: left; 9027 9028 border-bottom: 1px solid #ececec; 9029 padding-bottom: 8px; 9030 } 9031 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 .nav_list { 9032 list-style: none; 9033 margin: 0; 9034 padding: 0; 9035 } 9036 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 .nav_list + li { 9037 margin-top: 10px; 9038 } 9039 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 li { 9040 width: 100%; 9041 margin: 0; 9042 padding: 0; 9043 } 9044 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 li:hover { 9045 opacity: 0.8; 9046 } 9047 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 .nav_list li a { 9048 padding: 0; 9049 } 9050 </style> 9051 </div> 9052<style> 9053 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level { 9054 width:100%; align-items:start; -webkit-align-items:start; } 9055 9056 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level { 9057 height:100%; } 9058 9059 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level>.flex_cell_content { 9060 display: flex; 9061 width: 100%; 9062 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 9063 9064 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a { 9065 color:#4d4d4d; font-style:italic; display: flex; 9066 font-size:14px; font-family:Arial; text-transform:uppercase; } 9067 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a:hover { 9068 color:#000000; } 9069 9070 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a .nav_ct_icons { 9071 height: 20px; 9072 margin-right: 5px; 9073 } 9074 9075 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a { 9076 color:#4d4d4d; font-style:normal; line-height:25px; display: flex; 9077 align-items:center; 9078 font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 9079 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a:hover { 9080 color:#000000; } 9081 9082 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 9083 height: 25px; 9084 margin-right: 5px; 9085 } 9086 9087</style> 9088 </div> 9089 9090 <style> 9091 .menu_container_1_8 .flex_row_1 .flex_col_3 { 9092 width:100%; } 9093 </style> 9094 9095 9096 9097 <div class="flex_col flex_col_4"> 9098 9099 9100 <div class="flex_cell flex_cell_1 third_level"> 9101 <div class="flex_cell_content"> 9102 <div class="nav_div_81 menu_container_li"> 9103 <div class="vfit"> 9104 <a class=" " title="Start Your Research" href="#!" data-full_image="" role="button" tabindex="0"> 9105 Start Your Research </a> 9106 </div> 9107 <div class="nav_list_container"> 9108 <ul class="nav_list" role="menu" aria-label="Start Your Research" tabindex="-1"> 9109 <li class="" role="none"> 9110 <a class="" 9111 role="menuitem" 9112 tabindex="0" 9113 href="https://www.hellerjewelers.com/jewelry-designers" 9114 title="View All Fine Jewelry >>" 9115 style="" 9116 data-full_image="" 9117 > 9118 View All Fine Jewelry >></a> 9119 </li> 9120 <li class="" role="none"> 9121 <a class="" 9122 role="menuitem" 9123 tabindex="-1" 9124 href="https://www.hellerjewelers.com/hearts-on-fire" 9125 title="Hearts on Fire" 9126 style="" 9127 data-full_image="" 9128 > 9129 Hearts on Fire</a> 9130 </li> 9131 </ul> 9132 </div> 9133 </div> 9134 </div> 9135 <style> 9136 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 { 9137 width: 100%; 9138 } 9139 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 .vfit { 9140 text-align: left; 9141 9142 border-bottom: 1px solid #ececec; 9143 padding-bottom: 8px; 9144 } 9145 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 .nav_list { 9146 list-style: none; 9147 margin: 0; 9148 padding: 0; 9149 } 9150 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 .nav_list + li { 9151 margin-top: 10px; 9152 } 9153 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 li { 9154 width: 100%; 9155 margin: 0; 9156 padding: 0; 9157 } 9158 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 li:hover { 9159 opacity: 0.8; 9160 } 9161 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 .nav_list li a { 9162 padding: 0; 9163 } 9164 </style> 9165 </div> 9166<style> 9167 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level { 9168 width:100%; align-items:start; -webkit-align-items:start; } 9169 9170
9170.menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level { 9171 height:100%; } 9172 9173 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level>.flex_cell_content { 9174 display: flex; 9175 width: 100%; 9176 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 9177 9178 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a { 9179 color:#4d4d4d; font-style:italic; display: flex; 9180 font-size:14px; font-family:Arial; text-transform:uppercase; } 9181 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a:hover { 9182 color:#000000; } 9183 9184 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a .nav_ct_icons { 9185 height: 20px; 9186 margin-right: 5px; 9187 } 9188 9189 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a { 9190 color:#4d4d4d; font-style:normal; line-height:25px; display: flex; 9191 align-items:center; 9192 font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 9193 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a:hover { 9194 color:#000000; } 9195 9196 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 9197 height: 25px; 9198 margin-right: 5px; 9199 } 9200 9201</style> 9202 </div> 9203 9204 <style> 9205 .menu_container_1_8 .flex_row_1 .flex_col_4 { 9206 width:100%; } 9207 </style> 9208 9209 9210 9211 <div class="flex_col flex_col_5"> 9212 9213 9214 </div> 9215 9216 <style> 9217 .menu_container_1_8 .flex_row_1 .flex_col_5 { 9218 width:100%; } 9219 </style> 9220 9221 9222 9223 </div> 9224 9225 <style> 9226 .menu_container_1_8 .flex_row_1 { 9227 background-color: #ffffff; 9228 color:#000000; height:250 } 9229 </style> 9230 9231 9232 9233 9234 <div class="flex_row flex_row_2"> 9235 9236 9237 <div class="flex_col flex_col_1"> 9238 9239 <div class="flex_cell flex_cell_1 line"> 9240 <div class="s_line"></div> 9241 </div> 9242 9243<style> 9244 .menu_container_1_8>.flex_row_2>.flex_col_1>.flex_cell_1 { 9245 width: 100%; 9246 margin-top:25px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 9247 9248 9249 .menu_container_1_8>.flex_row_2>.flex_col_1>.flex_cell_1 .s_line { 9250 background-color:#878787; border-style: solid; 9251 height:1px; width:100%; border-radius:0px; border-width:0px; border-color:#000000; } 9252 9253</style> 9254 </div> 9255 9256 <style> 9257 .menu_container_1_8 .flex_row_2 .flex_col_1 { 9258 width:100%; } 9259 </style> 9260 9261 9262 9263 </div> 9264 9265 <style> 9266 .menu_container_1_8 .flex_row_2 { 9267 background-color: #ffffff; 9268 color:#000000; height:auto } 9269 </style> 9270 9271 9272 9273 </div> 9274 <style> 9275 .menu_container .flex_row { 9276 display: flex; 9277 } 9278 .menu_container_1_8 { 9279 width:100%; 9280 max-width:100%; 9281 left:0; 9282 } 9283 .menu_container .flex_row .flex_col{ 9284 display: flex; 9285 flex-wrap: wrap; 9286 box-sizing: border-box; 9287 align-content: baseline; 9288 } 9289 .menu_container .flex_row .flex_col .flex_cell{ 9290 height: fit-content; 9291 display: flex; 9292 } 9293 .menu_container .flex_row .flex_col .flex_cell a{ 9294 text-decoration: none; 9295 } 9296 .menu_container img { 9297 max-width: 100%; 9298 } 9299 </style> 9300 9301 9302 </div> 9303 <div class="hum-line"></div> 9304 9305 9306 <button type="button" class="hamburger-menu
9306-nav-section " aria-expanded="false" aria-controls="desktop-submenu-72" aria-label="Expand Designers section"> 9307 <span class="icon_and_name"> 9308 9309 Designers </span> 9310 <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> 9311 9312 </button> 9313 9314 9315 9316 <div class="sub-menu-panel" id="desktop-submenu-72" aria-hidden="true"> 9317 9318 9319 9320 9321 9322<div class="menu_container default_build_menu menu_container_1_navigation_72"> 9323 <div class="nav_div_72"> 9324 <ul class="nav_list" role="menu" aria-label="Designers " tabindex="-1"> 9325 9326 <li style="" 9327 class="" 9328 role="none"> 9329 9330 9331 9332 <a class="nav_a_trd " title="Baccarat" href="https://www.hellerjewelers.com/baccarat" data-full_image="/public/1.0/uploads/source/brands/untitled_design_32.png" role="menuitem" tabindex="0" > 9333 Baccarat </a> 9334 9335 9336 9337 9338 9339 9340 9341 </li> 9342 9343 9344 9345 <li style="" 9346 class="" 9347 role="none"> 9348 9349 9350 9351 <a class="nav_a_trd " title="Baraka" href="https://www.hellerjewelers.com/baraka" data-full_image="" role="menuitem" tabindex="-1" > 9352 Baraka </a> 9353 9354 9355 9356 9357 9358 9359 9360 </li> 9361 9362 9363 9364 <li style="" 9365 class="" 9366 role="none"> 9367 9368 9369 9370 <a class="nav_a_trd " title="Fope" href="https://www.hellerjewelers.com/fope" data-full_image="" role="menuitem" tabindex="-1" > 9371 Fope </a> 9372 9373 9374 9375 9376 9377 9378 9379 </li> 9380 9381 9382 9383 <li style="" 9384 class="" 9385 role="none"> 9386 9387 9388 9389 <a class="nav_a_trd " title="Gabriel & Co. Bridal" href="https://www.hellerjewelers.com/gabriel-co-bridal" data-full_image="" role="menuitem" tabindex="-1" > 9390 Gabriel & Co. Bridal </a> 9391 9392 9393 9394 9395 9396 9397 9398 </li> 9399 9400 9401 9402 <li style="" 9403 class="" 9404 role="none"> 9405 9406 9407 9408 <a class="nav_a_trd " title="Gumuchian" href="https://www.hellerjewelers.com/gumuchian" data-full_image="" role="menuitem" tabindex="-1" > 9409 Gumuchian </a> 9410 9411 9412 9413 9414 9415 9416 9417 </li> 9418 9419 9420 9421 <li style="" 9422 class="" 9423 role="none"> 9424 9425 9426 9427 <a class="nav_a_trd " title="Harry
9427Kotlar " href="https://www.hellerjewelers.com/harry-kotlar" data-full_image="" role="menuitem" tabindex="-1" > 9428 Harry Kotlar </a> 9429 9430 9431 9432 9433 9434 9435 9436 </li> 9437 9438 9439 9440 <li style="" 9441 class="" 9442 role="none"> 9443 9444 9445 9446 <a class="nav_a_trd " title="Hearts on Fire" href="https://www.hellerjewelers.com/hearts-on-fire-products" data-full_image="" role="menuitem" tabindex="-1" > 9447 Hearts on Fire </a> 9448 9449 9450 9451 9452 9453 9454 9455 </li> 9456 9457 9458 9459 <li style="" 9460 class="" 9461 role="none"> 9462 9463 9464 9465 <a class="nav_a_trd " title="HJ Collection" href="https://www.hellerjewelers.com/heller-jewelers" data-full_image="" role="menuitem" tabindex="-1" > 9466 HJ Collection </a> 9467 9468 9469 9470 9471 9472 9473 9474 </li> 9475 9476 9477 9478 <li style="" 9479 class="" 9480 role="none"> 9481 9482 9483 9484 <a class="nav_a_trd " title="Hulchi Belluni " href="https://www.hellerjewelers.com/hulchi-belluni" data-full_image="" role="menuitem" tabindex="-1" > 9485 Hulchi Belluni </a> 9486 9487 9488 9489 9490 9491 9492 9493 </li> 9494 9495 9496 9497 <li style="" 9498 class="" 9499 role="none"> 9500 9501 9502 9503 <a class="nav_a_trd " title="Jonathan Adler" href="https://www.hellerjewelers.com/jonathan-adler" target="_blank" data-full_image="/public/1.0/uploads/source/brands/jonathan_adler/fde8f9fcd8ac70f38355a47645c76fd8-w1000-h1000-1-e1634061725761.png" role="menuitem" tabindex="-1" > 9504 Jonathan Adler </a> 9505 9506 9507 9508 9509 9510 9511 9512 </li> 9513 9514 9515 9516 <li style="" 9517 class="" 9518 role="none"> 9519 9520 9521 9522 <a class="nav_a_trd " title="Luigi Tavanti" href="https://www.hellerjewelers.com/luigi-tavanti" data-full_image="" role="menuitem" tabindex="-1" > 9523 Luigi Tavanti </a> 9524 9525 9526 9527 9528 9529 9530 9531 </li> 9532 9533 9534 9535 <li style="" 9536 class="" 9537 role="none"> 9538 9539 9540 9541 <a class="nav_a_trd " title="Michael Aram " href="https://www.hellerjewelers.com/michael-aram" data-full_image="" role="menuitem" tabindex="-1" > 9542 Michael Aram </a> 9543 9544 9545 9546 9547 9548 9549 9550 </li> 9551 9552 </ul> 9553 <ul class="nav_list" role="menu" aria-label="Designers " tabindex="-1"> 9554 9555 9556 <li style="" 9557 class="" 9558 role="none"> 9559 9560 9561 9562 <a class="nav_a_trd " title="Oscar Heyman" href="https://www.hellerjewelers.com/oscar-heyman" target="_blank" data-full_image="" role="menuitem" tabindex="0" > 9563 Oscar Heyman </a> 9564 9565 9566 9567 9568 9569 9570 9571 </li> 9572 9573 9574 9575 <li style="" 9576 class="" 9577 role="none"> 9578 9579 9580 9581 <a class="nav_a_trd " title="Pasquale Bruni " href="https://www.hellerjewelers.com/pasquale-bruni" data-full_image="" role="menuitem" tabindex="-1" > 9582 Pasquale Bruni </a> 9583 9584 9585 9586 9587 9588 9589 9590 </li> 9591 9592 9593 9594 <li style="" 9595 class="" 9596 role="none"> 9597 9598 9599 9600 <a class="nav_a_trd " title="Pomellato" href="https://www.hellerjewelers.com/pomellato" data-full_image="" role="menuitem" tabindex="-1" > 9601 Pomellato </a> 9602 9603 9604 9605 9606 9607 9608 9609 </li> 9610 9611 9612 9613 <li style="" 9614 class="" 9615 role="none"> 9616 9617 9618 9619 <a class="nav_a_trd " title="Roberto Coin" href="https://www.hellerjewelers.com/roberto-coin" data-full_image="" role="menuitem" tabindex="-1" > 9620 Roberto Coin </a> 9621 9622 9623 9624 9625 9626 9627 9628 </li> 9629 9630 9631 9632 <li style="" 9633 class="" 9634 role="none"> 9635 9636 9637 9638 <a class="nav_a_trd " title="Verragio" href="https://www.hellerjewelers.com/verragio" data-full_image="" role="menuitem" tabindex="-1" > 9639 Verragio </a> 9640 9641 9642 9643 9644 9645 9646 9647 </li> 9648 9649 9650 9651 <li style="" 9652 class="" 9653 role="none"> 9654 9655 9656 9657 <a class="nav_a_trd " title="William Henry " href="https://www.hellerjewelers.com/william-henry" data-full_image="" role="menuitem" tabindex="-1" > 9658 William Henry </a> 9659 9660 9661 9662 9663 9664 9665 9666 </li> 9667 9668 9669 9670 <li style="" 9671 class="" 9672 role="none"> 9673 9674 9675 9676 <a class="nav_a_trd " title="Wolf " href="https://www.hellerjewelers.com/wolf-designs-inc" data-full_image="" role="menuitem" tabindex="-1" > 9677 Wolf </a> 9678 9679 9680 9681 9682 9683 9684 9685 </li> 9686 9687 9688 9689 <li style="" 9690 class="" 9691 role="none"> 9692 9693 9694 9695 <a class="nav_a_trd " title="Zydo Italy" href="https://www.hellerjewelers.com/zydo-italy" data-full_image="" role="menuitem" tabindex="-1" > 9696 Zydo Italy </a> 9697 9698 9699 9700 9701 9702 9703 9704 </li> 9705 9706 9707 9708 <li style="" 9709 class="" 9710 role="none"> 9711 9712 9713 9714 <a class="nav_a_trd " title="Always Dream Collection" href="https://www.hellerjewelers.com/always-dream-collection" data-full_image="/public/1.0/uploads/source/always_dream/hj_always_dream_icons_logo.png" role="menuitem" tabindex="-1" > 9715 Always Dream Collection </a> 9716 9717 9718 9719 9720 9721 9722 9723 </li> 9724 9725 9726 </ul> 9727 </div> 9728</div> 9729<style> 9730 .menu_container_1_navigation_72 { 9731 background: #fff; 9732 } 9733 .horizontal_menu .nav_div_72 { 9734 padding: 15px 0px; 9735 box-shadow: 0px 0px 5px #00000078; display: flex; 9736 flex-wrap: wrap; 9737 } 9738 .horizontal_menu .nav_img_72 { 9739 height: 200px; 9740 width: 250px; 9741 margin-left: 50px; 9742 margin-right: 20px; 9743 flex-shrink: 0; 9744 order: 1; 9745 } 9746 .horizontal_menu .nav_img_72 img { 9747 max-width: 100%; 9748 max-height: 100%; 9749 } 9750 .horizontal_menu .nav_div_72 .vfit { 9751 text-align: left; 9752 border-bottom: 1px solid #ececec; 9753 text-transform: uppercase; 9754 } 9755 .nav_div_72 .vfit a { 9756 text-decoration: none; 9757 color: #222; 9758 } 9759 .nav_div_72 .nav_list { 9760 list-style: none; 9761 margin: 0; 9762 padding: 0; 9763 order: 1; 9764 } 9765 .nav_div_72 ul { 9766 list-style: none; 9767 } 9768 #desktop_hamburger_menu_template .nav_div_72 li { 9769 width: 100%; 9770 margin: 0; 9771 padding: 0px 20px; 9772 position: relative; 9773 } 9774 .horizontal_menu .nav_div_72 li { 9775 width: 100%; 9776 margin: 0; 9777 padding: 0px 20px; 9778 position: relative; 9779 } 9780 9781 #desktop_hamburger_menu_template .nav_div_72 li svg { 9782 position: absolute; 9783 right: 15px; 9784 height: 10px; 9785 top: 10px; 9786 } 9787 .horizontal_menu .nav_div_72 li svg { 9788 position: absolute; 9789 right: 15px; 9790 height: 10px; 9791 top: 10px; 9792 } 9793 9794 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_72 .nav_div_72 .nav_list li .nav_a_trd { 9795 display: flex; 9796 align-items: center; 9797 padding: 0; 9798 line-height: 30px; 9799 font-size: 14px; 9800 text-transform: uppercase; 9801 text-decoration: none; 9802 color: #222; 9803 white-space: normal; 9804 9805 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; 9806 } 9807 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_72 .nav_div_72 .nav_list li button { 9808 background: none; 9809 border: none; 9810 cursor: pointer; 9811 } 9812 9813 .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 { 9814 text-decoration: underline; 9815 } 9816 9817 .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 { 9818 color:#000000; cursor: pointer; 9819 } 9820 9821 9822 .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 { 9823 display: flex; 9824 align-items: center; 9825 padding: 0; 9826 line-height: 30px; 9827 font-size: 14px; 9828 text-transform: uppercase; 9829 text-decoration: none; 9830 color: #222; 9831 white-space: normal; 9832 9833 color:#4d4d4d; font-style:normal; font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 9834 9835 .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 { 9836 color:#000000; } 9837 9838 .nav_div_72 .nav_list li a .nav_icons { 9839 height: 30px; 9840 margin-right: 5px; 9841 } 9842 9843 .nav_div_72 .nav_list .nav_list_trd li a .nav_icons { 9844 height: 25px; 9845 } 9846 9847 9848 .nav_div_72 .nav_list li a:hover { 9849 color: #3172ab; 9850 } 9851 .horizontal_menu .nav_div_72 .nav_list_trd { 9852 display: none; 9853 position: absolute; 9854 left: 100%; 9855 top: -15px; 9856 padding: 15px 0px; 9857 box-shadow: 0px 0px 5px #00000078; background: #fff; 9858 } 9859 .horizontal_menu .nav_div_72 .nav_list>li .nav_list_trd.open, 9860 .horizontal_menu .nav_div_72 .nav_list>li:hover .nav_list_trd { 9861 display: block; 9862 z-index: 99; 9863 } 9864 9865 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_72, 9866 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_72 .nav_list_trd{ 9867 } 9868 9869 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_72 .nav_list_trd{ 9870 width: 250px; 9871 } 9872 </style> 9873 </div> 9874 <div class="hum-
9874line"></div> 9875 9876 9877 <div class="ham_menu_container"> 9878 <a class="hamburger-menu-nav-section parent_men " title="Timepieces" href="/timepieces" > 9879 9880 <span class="icon_and_name"> 9881 9882 Timepieces </span> 9883 9884 </a> 9885 <button type="button" class="hamburger-menu-nav-section parent_men_arrow" aria-expanded="false" aria-controls="desktop-submenu-20" aria-label="Expand Timepieces section"> 9886 9887 <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> 9888 9889 </button> 9890 9891 9892 9893 </div> 9894 9895 <div class="sub-menu-panel" id="desktop-submenu-20" aria-hidden="true"> 9896 9897 9898 9899 9900 9901<div class="menu_container default_build_menu menu_container_1_navigation_20"> 9902 <div class="nav_div_20"> 9903 <ul class="nav_list" role="menu" aria-label="Timepieces" tabindex="-1"> 9904 9905 <li style="" 9906 class="" 9907 role="none"> 9908 9909 9910 9911 <a class="nav_a_trd " title="ROLEX" href="/rolex" data-full_image="" role="menuitem" tabindex="0" > 9912 ROLEX </a> 9913 9914 9915 9916 9917 9918 9919 9920 </li> 9921 9922 9923 9924 <li style="" 9925 class="" 9926 role="none"> 9927 9928 9929 <div class="ham_menu_container"> 9930 9931 <a class="nav_a_trd parent_men " title="TUDOR" href="/tudor-at-heller-jewelers" data-full_image="" role="menuitem" tabindex="-1" > 9932 TUDOR 9933 </a> 9934 9935 <a class="nav_a_trd parent_men_arrow" href="#!"> 9936 9937 9938 <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> 9939 </a> 9940 9941 9942 9943 9944 </div> 9945 9946 9947 9948 9949 <ul class="nav_list_trd" role="menu" aria-label="TUDOR" tabindex="-1"> 9950 <li style="" 9951 class="" 9952 role="none"> 9953 9954 <a class="" href="https://www.hellerjewelers.com/tudor-ranger" title="Ranger" role="menuitem" tabindex="0" > 9955 Ranger </a> 9956 </li> 9957 <li style="" 9958 class="" 9959 role="none"> 9960 9961 <a class="" href="https://www.hellerjewelers.com/tudor-black-bay" title="Black Bay" role="menuitem" tabindex="-1" > 9962 Black Bay </a> 9963 </li> 9964 <li style="" 9965 class="" 9966 role="none"> 9967 9968 <a class="" href="https://www.hellerjewelers.com/tudor-pelagos" title="Pelagos" role="menuitem" tabindex="-1" > 9969 Pelagos </a> 9970 </li> 9971 <li style="" 9972 class="" 9973 role="none"> 9974 9975 <a class="" href="https://www.hellerjewelers.com/tudor-1926" title="1926" role="menuitem" tabindex="-1" > 9976 1926 </a> 9977 </li> 9978 <li style="" 9979 class="" 9980 role="none"> 9981 9982 <a class="" href="https://www.hellerjewelers.com/tudor-royal" title="Royal" role="menuitem" tabindex="-1" > 9983 Royal </a> 9984 </li> 9985 <li style="" 9986 class="" 9987 role="none"> 9988 9989 <a class="" href="https://www.hellerjewelers.com/tudor-black-bay-68" title="Black Bay 68" role="menuitem" tabindex="-1" > 9990 Black Bay 68 </a> 9991 </li> 9992 <li style="" 9993 class="" 9994 role="none"> 9995 9996 <a class="" href="https://www.hellerjewelers.com/tudor-black-bay-one" title="Black Bay One" role="menuitem" tabindex="-1" > 9997 Black Bay One </a> 9998 </li> 9999 <li style="" 10000 class="" 10001 role="none"> 10002 10003 <a class="" href="https://www.hellerjewelers.com/tudor-daring-watches" title="Daring Watches" role="menuitem" tabindex="-1" > 10004 Daring Watches </a> 10005 </li> 10006 <li style="" 10007 class="" 10008 role="none"> 10009 10010 <a class="" href="https://www.hellerjewelers.com/tudor-collections" title="Shop the TUDOR Collection" role="menuitem" tabindex="-1" > 10011 Shop the TUDOR Collection </a> 10012 </li> 10013 </ul> 10014 </li> 10015 10016 10017 10018 <li style="" 10019 class="" 10020 role="none"> 10021 10022 10023 10024 <a class="nav_a_trd " title="Cartier" href="https://www.hellerjewelers.com/cartier" data-full_image="" role="menuitem" tabindex="-1" > 10025 Cartier </a> 10026 10027 10028 10029 10030 10031 10032 10033 </li> 10034 10035 10036 10037 <li style="" 10038 class="" 10039 role="none"> 10040 10041 10042 10043 <a class="nav_a_trd " title="Jaeger LeCoultre" href="https://www.hellerjewelers.com/jaeger-lecoultre" data-full_image="" role="menuitem" tabindex="-1" > 10044 Jaeger LeCoultre </a> 10045 10046 10047 10048 10049 10050 10051 10052 </li> 10053 10054 10055 10056 <li style="" 10057 class="" 10058 role="none"> 10059 10060 10061 10062 <a class="nav_a_trd " title="Grand Seiko" href="https://www.hellerjewelers.com/grand-seiko" data-full_image="" role="menuitem" tabindex="-1" > 10063 Grand Seiko </a> 10064 10065 10066 10067 10068 10069 10070 10071 </li> 10072 10073 10074 10075 <li style="" 10076 class="" 10077 role="none"> 10078 10079 10080 10081 <a class="nav_a_trd " title="TAG Heuer" href="https://www.hellerjewelers.com/tag-heuer" data-full_image="" role="menuitem" tabindex="-1" > 10082 TAG Heuer </a> 10083 10084 10085 10086 10087 10088 10089 10090
10090 </li> 10091 10092 10093 10094 <li style="" 10095 class="" 10096 role="none"> 10097 10098 10099 10100 <a class="nav_a_trd " title="Pre-Owned" href="https://www.hellerjewelers.com/shop-preowned" data-full_image="" role="menuitem" tabindex="-1" > 10101 Pre-Owned </a> 10102 10103 10104 10105 10106 10107 10108 10109 </li> 10110 10111 10112 </ul> 10113 </div> 10114</div> 10115<style> 10116 .menu_container_1_navigation_20 { 10117 background: #fff; 10118 } 10119 .horizontal_menu .nav_div_20 { 10120 padding: 15px 0px; 10121 box-shadow: 0px 0px 5px #00000078; display: flex; 10122 flex-wrap: wrap; 10123 } 10124 .horizontal_menu .nav_img_20 { 10125 height: 200px; 10126 width: 250px; 10127 margin-left: 50px; 10128 margin-right: 20px; 10129 flex-shrink: 0; 10130 order: 1; 10131 } 10132 .horizontal_menu .nav_img_20 img { 10133 max-width: 100%; 10134 max-height: 100%; 10135 } 10136 .horizontal_menu .nav_div_20 .vfit { 10137 text-align: left; 10138 border-bottom: 1px solid #ececec; 10139 text-transform: uppercase; 10140 } 10141 .nav_div_20 .vfit a { 10142 text-decoration: none; 10143 color: #222; 10144 } 10145 .nav_div_20 .nav_list { 10146 list-style: none; 10147 margin: 0; 10148 padding: 0; 10149 order: 1; 10150 } 10151 .nav_div_20 ul { 10152 list-style: none; 10153 } 10154 #desktop_hamburger_menu_template .nav_div_20 li { 10155 width: 100%; 10156 margin: 0; 10157 padding: 0px 20px; 10158 position: relative; 10159 } 10160 .horizontal_menu .nav_div_20 li { 10161 width: 100%; 10162 margin: 0; 10163 padding: 0px 20px; 10164 position: relative; 10165 } 10166 10167 #desktop_hamburger_menu_template .nav_div_20 li svg { 10168 position: absolute; 10169 right: 15px; 10170 height: 10px; 10171 top: 10px; 10172 } 10173 .horizontal_menu .nav_div_20 li svg { 10174 position: absolute; 10175 right: 15px; 10176 height: 10px; 10177 top: 10px; 10178 } 10179 10180 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_20 .nav_div_20 .nav_list li .nav_a_trd { 10181 display: flex; 10182 align-items: center; 10183 padding: 0; 10184 line-height: 30px; 10185 font-size: 14px; 10186 text-transform: uppercase; 10187 text-decoration: none; 10188 color: #222; 10189 white-space: normal; 10190 10191 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; 10192 } 10193 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_20 .nav_div_20 .nav_list li button { 10194 background: none; 10195 border: none; 10196 cursor: pointer; 10197 } 10198 10199 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_20 .nav_div_20 .n
10199av_list li .nav_a_trd.parent_men { 10200 text-decoration: underline; 10201 } 10202 10203 .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 { 10204 color:#000000; cursor: pointer; 10205 } 10206 10207 10208 .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 { 10209 display: flex; 10210 align-items: center; 10211 padding: 0; 10212 line-height: 30px; 10213 font-size: 14px; 10214 text-transform: uppercase; 10215 text-decoration: none; 10216 color: #222; 10217 white-space: normal; 10218 10219 color:#4d4d4d; font-style:normal; font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 10220 10221 .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 { 10222 color:#000000; } 10223 10224 .nav_div_20 .nav_list li a .nav_icons { 10225 height: 30px; 10226 margin-right: 5px; 10227 } 10228 10229 .nav_div_20 .nav_list .nav_list_trd li a .nav_icons { 10230 height: 25px; 10231 } 10232 10233 10234 .nav_div_20 .nav_list li a:hover { 10235 color: #3172ab; 10236 } 10237 .horizontal_menu .nav_div_20 .nav_list_trd { 10238 display: none; 10239 position: absolute; 10240 left: 100%; 10241 top: -15px; 10242 padding: 15px 0px; 10243 box-shadow: 0px 0px 5px #00000078; background: #fff; 10244 } 10245 .horizontal_menu .nav_div_20 .nav_list>li .nav_list_trd.open, 10246 .horizontal_menu .nav_div_20 .nav_list>li:hover .nav_list_trd { 10247 display: block; 10248 z-index: 99; 10249 } 10250 10251 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_20, 10252 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_20 .nav_list_trd{ 10253 width: 250px; 10254 } 10255 10256 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_20 .nav_list_trd{ 10257 width: 250px; 10258 } 10259 </style> 10260 </div> 10261 <div class="hum-line"></div> 10262 10263 10264 <button type="button" class="hamburger-menu-nav-section " aria-expanded="false" aria-controls="desktop-submenu-21" aria-label="Expand Our Company section"> 10265 <span class="icon_and_name"> 10266 10267 Our Company </span> 10268 <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> 10269 10270 </button> 10271 10272 10273 10274 <div class="sub-menu-panel" id="desktop-submenu-21" aria-hidden="true"> 10275 10276 10277 10278 10279 10280<div class="menu_container default_build_menu menu_container_1_navigation_21"> 10281 <div class="nav_div_21"> 10282 <ul class="nav_list" role="menu" aria-label="Our Company" tabindex="-1"> 10283 10284 <li style="" 10285 class="" 10286 role="none"> 10287 10288 10289 10290 <a class="nav_a_trd " title="Blog" href="https://www.hellerjewelers.com/blog" data-full_image="" role="menuitem" tabindex="0" > 10291 Blog </a> 10292 10293 10294 10295 10296 10297 10298 10299 </li> 10300 10301 10302 10303 <li style="" 10304 class="" 10305 role="none"> 10306 10307 10308 10309 <a class="nav_a_trd " title="Come Visit Us" href="https://www.hellerjewelers.com/come-visit-us" data-full_image="" role="menuitem" tabindex="-1" > 10310 Come Visit Us </a> 10311 10312 10313 10314 10315 10316 10317 10318 </li> 10319 10320 10321 10322 <li style="" 10323 class="" 10324 role="none"> 10325 10326 10327 10328 <a class="nav_a_trd " title="Zillion - Insurance" href="https://www.hellerjewelers.com/zillion" data-full_image="" role="menuitem" tabindex="-1" > 10329 Zillion - Insurance </a> 10330 10331 10332 10333 10334 10335 10336 10337 </li> 10338 10339 10340 10341 <li style="" 10342 class="" 10343 role="none"> 10344 10345 10346 10347 <a class="nav_a_trd " title="Natural Diamond Council" href="https://www.hellerjewelers.com/ndc-diamonds" data-full_image="" role="menuitem" tabindex="-1" > 10348 Natural Diamond Council </a> 10349 10350 10351 10352 10353 10354 10355 10356 </li> 10357 10358 10359 10360 <li style="" 10361 class="" 10362 role="none"> 10363 10364 10365 10366 <a class="nav_a_trd " title="Always Dream by HJ" href="https://www.hellerjewelers.com/always-dream" target="_blank" data-full_image="/public/1.0/uploads/source/always_dream/hj_always_dream_icons_logo.png" role="menuitem" tabindex="-1" > 10367 Always Dream by HJ </a> 10368 10369 10370 10371 10372 10373 10374 10375 </li> 10376 10377 10378 10379 <li style="" 10380 class="" 10381 role="none"> 10382 10383 10384 10385 <a class="nav_a_trd " title="2025 Magazine" href="https://www.hellerjewelers.com/2025-magazine" target="_blank" data-full_image="/public/1.0/uploads/source/static-pages/2025-magazine/page0001.jpg" role="menuitem" tabindex="-1" > 10386 2025 Magazine </a> 10387 10388 10389 10390 10391 10392 10393 10394 </li> 10395 10396 10397 10398 <li style="" 10399 class="" 10400 role="none"> 10401 10402 10403 10404 <a class="nav_a_trd " title="Holiday Gift Guide 2026" href="https://www.hellerjewelers.com/holiday-gift-guide" target="_blank" data-full_image="/public/1.0/uploads/source/gift_guides/holiday-2026/Holiday-Gift-Guide---Thumbnail.jpg" role="menuitem" tabindex="-1" > 10405 Holiday Gift Guide 2026 </a> 10406 10407 10408 10409 10410 10411 10412 10413 </li> 10414 10415 10416 </ul> 10417 </div> 10418</div> 10419<style> 10420 .menu_container_1_navigation_21 { 10421 background: #fff; 10422 } 10423 .horizontal_menu .nav_div_21 { 10424 padding: 15px 0px; 10425 box-shadow: 0px 0px 5px #00000078; display: flex; 10426 flex-wrap: wrap; 10427 } 10428 .horizontal_menu .nav_img_21 { 10429 height: 200px; 10430 width: 250px; 10431 margin-left: 50px; 10432 margin-right: 20px; 10433 flex-shrink: 0; 10434 order: 1; 10435 } 10436 .horizontal_menu .nav_img_21 img { 10437 max-width: 100%; 10438 max-height: 100%; 10439 } 10440 .horizontal_menu .nav_div_21 .vfit { 10441 text-align: left; 10442 border-bottom: 1px solid #ececec; 10443 text-transform: uppercase; 10444 } 10445 .nav_div_21 .vfit a { 10446 text-decoration: none; 10447 color: #222; 10448 } 10449 .nav_div_21 .nav_list { 10450 list-style: none; 10451 margin: 0; 10452 padding: 0; 10453 order: 1; 10454 } 10455 .nav_div_21 ul { 10456 list-style: none; 10457 } 10458 #desktop_hamburger_menu_template .nav_div_21 li { 10459 width: 100%; 10460 margin: 0; 10461 padding: 0px 20px; 10462 position: relative; 10463 } 10464 .horizontal_menu .nav_div_21 li { 10465 width: 100%; 10466 margin: 0; 10467 padding: 0px 20px; 10468 position: relative; 10469 } 10470 10471 #desktop_hamburger_menu_template .nav_div_21 li svg { 10472 position: absolute; 10473 right: 15px; 10474 height: 10px; 10475 top: 10px; 10476 } 10477 .horizontal_menu .nav_div_21 li svg { 10478 position: absolute; 10479 right: 15px; 10480 height: 10px; 10481 top: 10px; 10482 } 10483 10484 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_21 .nav_div_21 .nav_list li .nav_a_trd { 10485 display: flex; 10486 align-items: center; 10487 padding: 0; 10488 line-height: 30px; 10489 font-size: 14px; 10490 text-transform: uppercase; 10491 text-decoration: none; 10492 color: #222; 10493 white-space: normal; 10494 10495 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; 10496 } 10497 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_21 .nav_div_21 .nav_list li button { 10498 background: none; 10499 border: none; 10500 cursor: pointer; 10501 } 10502 10503 .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 { 10504 text-decoration: underline; 10505 } 10506 10507 .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 { 10508 color:#000000; cursor: pointer; 10509 } 10510 10511 10512 .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 { 10513 display: flex; 10514 align-items: center; 10515 padding: 0; 10516 line-height: 30px; 10517 font-size: 14px; 10518 text-transform: uppercase; 10519 text-decoration: none; 10520 color: #222; 10521 white-space: normal; 10522 10523 color:#4d4d4d; font-style:normal; font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 10524 10525 .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 { 10526 color:#000000; } 10527 10528 .nav_div_21 .nav_list li a .nav_icons { 10529 height: 30px; 10530 margin-right: 5px; 10531 } 10532 10533 .nav_div_21 .nav_list .nav_list_trd li a .nav_icons { 10534 height: 25px; 10535 } 10536 10537 10538 .nav_div_21 .nav_list li a:hover { 10539 color: #3172ab; 10540 } 10541 .horizontal_menu .nav_div_21 .nav_list_trd { 10542 display: none; 10543 position: absolute; 10544 left: 100%; 10545 top: -15px; 10546 padding: 15px 0px; 10547 box-shadow: 0px 0px 5px #00000078; background: #fff; 10548 } 10549 .horizontal_menu .nav_div_21 .nav_list>li .nav_list_trd.open, 10550 .horizontal_menu .nav_div_21 .nav_list>li:hover .nav_list_trd { 10551 display: block; 10552 z-index: 99; 10553 } 10554 10555 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_21, 10556 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_21 .nav_list_trd{ 10557 width: 250px; 10558 } 10559 10560 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_21 .nav_list_trd{ 10561 width: 250px; 10562 } 10563 </style> 10564 </div> 10565 <div class="hum-line"></div> 10566 10567 10568 <div class="ham_menu_container">
10569 <a class="hamburger-menu-nav-section parent_men " title="Services" href="https://www.hellerjewelers.com/our-services" > 10570 10571 <span class="icon_and_name"> 10572 10573 Services </span> 10574 10575 </a> 10576 <button type="button" class="hamburger-menu-nav-section parent_men_arrow" aria-expanded="false" aria-controls="desktop-submenu-118" aria-label="Expand Services section"> 10577 10578 <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> 10579 10580 </button> 10581 10582 10583 10584 </div> 10585 10586 <div class="sub-menu-panel" id="desktop-submenu-118" aria-hidden="true"> 10587 10588 10589 10590 10591 10592<div class="menu_container default_build_menu menu_container_1_navigation_118"> 10593 <div class="nav_div_118"> 10594 <ul class="nav_list" role="menu" aria-label="Services" tabindex="-1"> 10595 10596 <li style="" 10597 class="" 10598 role="none"> 10599 10600 10601 10602 <a class="nav_a_trd " title="Our Services" href="https://www.hellerjewelers.com/our-services" target="_blank" data-full_image="" role="menuitem" tabindex="0" > 10603 Our Services </a> 10604 10605 10606 10607 10608 10609 10610 10611 </li> 10612 10613 10614 10615 <li style="" 10616 class="" 10617 role="none"> 10618 10619 10620 10621 <a class="nav_a_trd " title="Permanent Jewelry" href="https://www.hellerjewelers.com/permanent-jewelry" data-full_image="" role="menuitem" tabindex="-1" > 10622 Permanent Jewelry </a> 10623 10624 10625 10626 10627 10628 10629 10630 </li> 10631 10632 10633 10634 <li style="" 10635 class="" 10636 role="none"> 10637 10638 10639 10640 <a class="nav_a_trd " title="Financing" href="https://www.hellerjewelers.com/financing" target="_blank" data-full_image="" role="menuitem" tabindex="-1" > 10641 Financing </a> 10642 10643 10644 10645 10646 10647 10648 10649 </li> 10650 10651 10652 10653 <li style="" 10654 class="" 10655 role="none"> 10656 10657 10658 10659 <a class="nav_a_trd " title="Cash In Or Trade Up" href="https://www.hellerjewelers.com/cash-in-or-trade-up" data-full_image="" role="menuitem" tabindex="-1" > 10660 Cash In Or Trade Up </a> 10661 10662 10663 10664 10665 10666 10667 10668 </li> 10669 10670 10671 </ul> 10672 </div> 10673</div> 10674<style> 10675 .menu_container_1_navigation_118 { 10676 background: #fff; 10677 } 10678 .horizontal_menu .nav_div_118 { 10679 padding: 15px 0px; 10680 box-shadow: 0px 0px 5px #00000078; display: flex; 10681 flex-wrap: wrap; 10682 } 10683 .horizontal_menu .nav_img_118 { 10684 height: 200px; 10685 width: 250px; 10686 margin-left: 50px; 10687 margin-right: 20px; 10688 flex-shrink: 0; 10689 order: 1; 10690 } 10691 .horizontal_menu .nav_img_118 img { 10692 max-width: 100%; 10693 max-height: 100%; 10694 } 10695 .horizontal_menu .nav_div_118 .vfit { 10696 text-align: left; 10697 border-bottom: 1px solid #ececec; 10698 text-transform: uppercase; 10699 } 10700 .nav_div_118 .vfit a { 10701 text-decoration: none; 10702 color: #222; 10703 } 10704 .nav_div_118 .nav_list { 10705 list-style: none; 10706 margin: 0; 10707 padding: 0; 10708 order: 1; 10709 } 10710 .nav_div_118 ul { 10711 list-style: none; 10712 } 10713 #desktop_hamburger_menu_template .nav_div_118 li { 10714 width: 100%; 10715 margin: 0; 10716 padding: 0px 20px; 10717 position: relative; 10718 } 10719 .horizontal_menu .nav_div_118 li { 10720 width: 100%; 10721 margin: 0; 10722 padding: 0px 20px; 10723 position: relative; 10724 } 10725 10726 #desktop_hamburger_menu_template .nav_div_118 li svg { 10727 position: absolute; 10728 right: 15px; 10729 height: 10px; 10730 top: 10px; 10731 } 10732 .horizontal_menu .nav_div_118 li svg { 10733 position: absolute; 10734 right: 15px; 10735 height: 10px; 10736 top: 10px; 10737 } 10738 10739 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_118 .nav_div_118 .nav_list li .nav_a_trd { 10740 display: flex; 10741 align-items: center; 10742 padding: 0; 10743 line-height: 30px; 10744 font-size: 14px; 10745 text-transform: uppercase; 10746 text-decoration: none; 10747 color: #222; 10748 white-space: normal; 10749 10750 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; 10751 } 10752 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_118 .nav_div_118 .nav_list li button { 10753 background: none; 10754 border: none; 10755 cursor: pointer; 10756 } 10757 10758 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_118 .nav_div_118 .nav_list li .nav_a_trd.parent_men { 10759 text-decoration: underline; 10760 } 10761 10762 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_118 .nav_div_118 .nav_list li .nav_a_trd:hover { 10763 color:#000000; cursor: pointer; 10764 } 10765 10766 10767 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_118 .nav_div_118 .nav_list li .nav_list_trd li a { 10768 display: flex; 10769 align-items: center; 10770 padding: 0; 10771 line-height: 30px; 10772 font-size: 14px; 10773 text-transform: uppercase; 10774 text-decoration: none; 10775 color: #222; 10776 white-space: normal; 10777 10778 color:#4d4d4d; font-style:normal; font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 10779 10780 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_118 .nav_div_118 .nav_list li .nav_list_trd li a:hover { 10781 color:#000000; } 10782 10783 .nav_div_118 .nav_list li a .nav_icons { 10784 height: 30px; 10785 margin-right: 5px; 10786 } 10787 10788 .nav_div_118 .nav_list .nav_list_trd li a .nav_icons { 10789 height: 25px; 10790 } 10791 10792 10793 .nav_div_118 .nav_list li a:hover { 10794 color: #3172ab; 10795 } 10796 .horizontal_menu .nav_div_118 .nav_list_trd { 10797 display: none; 10798 position: absolute; 10799 left: 100%; 10800 top: -15px; 10801 padding: 15px 0px; 10802 box-shadow: 0px 0px 5px #00000078; background: #fff; 10803 } 10804 .horizontal_menu .nav_div_118 .nav_list>li .nav_list_trd.open, 10805 .horizontal_menu .nav_div_118 .nav_list>li:hover .nav_list_trd { 10806 display: block; 10807 z-index: 99; 10808 } 10809 10810 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_118, 10811 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_118 .nav_list_trd{ 10812 width: 250px; 10813 } 10814 10815 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_118 .nav_list_trd{ 10816 width: 250px; 10817 } 10818 </style> 10819 </div> 10820 <div class="hum-line"></div> 10821 10822 10823 <div class="ham_menu_container">
10824 <a class="hamburger-menu-nav-section parent_men " title="Contact Us" href="https://www.hellerjewelers.com/contact-us" > 10825 10826 <span class="icon_and_name"> 10827 10828 Contact Us </span> 10829 10830 </a> 10831 <button type="button" class="hamburger-menu-nav-section parent_men_arrow" aria-expanded="false" aria-controls="desktop-submenu-22" aria-label="Expand Contact Us section"> 10832 10833 <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> 10834 10835 </button> 10836 10837 10838 10839 </div> 10840 10841 <div class="sub-menu-panel" id="desktop-submenu-22" aria-hidden="true"> 10842 10843 10844 10845 10846 10847<div class="menu_container default_build_menu menu_container_1_navigation_22"> 10848 <div class="nav_div_22"> 10849 <ul class="nav_list" role="menu" aria-label="Contact Us" tabindex="-1"> 10850 10851 <li style="" 10852 class="" 10853 role="none"> 10854 10855 10856 10857 <a class="nav_a_trd " title="Book An Appointment" href="https://www.hellerjewelers.com/book-an-appointment" data-full_image="" role="menuitem" tabindex="0" > 10858 Book An Appointment </a> 10859 10860 10861 10862 10863 10864 10865 10866 </li> 10867 10868 10869 10870 <li style="" 10871 class="" 10872 role="none"> 10873 10874 10875 10876 <a class="nav_a_trd " title="Contact Us" href="https://www.hellerjewelers.com/contact-us" data-full_image="" role="menuitem" tabindex="-1" > 10877 Contact Us </a> 10878 10879 10880 10881 10882 10883 10884 10885 </li> 10886 10887 10888 </ul> 10889 </div> 10890</div> 10891<style> 10892 .menu_container_1_navigation_22 { 10893 background: #fff; 10894 } 10895 .horizontal_menu .nav_div_22 { 10896 padding: 15px 0px; 10897 box-shadow: 0px 0px 5px #00000078; display: flex; 10898 flex-wrap: wrap; 10899 } 10900 .horizontal_menu .nav_img_22 { 10901 height: 200px; 10902 width: 250px; 10903 margin-left: 50px; 10904 margin-right: 20px; 10905 flex-shrink: 0; 10906 order: 1; 10907 } 10908 .horizontal_menu .nav_img_22 img { 10909 max-width: 100%; 10910 max-height: 100%; 10911 } 10912 .horizontal_menu .nav_div_22 .vfit { 10913 text-align: left; 10914 border-bottom: 1px solid #ececec; 10915 text-transform: uppercase; 10916 } 10917 .nav_div_22 .vfit a { 10918 text-decoration: none; 10919 color: #222; 10920 } 10921 .nav_div_22 .nav_list { 10922 list-style: none; 10923 margin: 0; 10924 padding: 0; 10925 order: 1; 10926 } 10927 .nav_div_22 ul { 10928 list-style: none; 10929 } 10930 #desktop_hamburger_menu_template .nav_div_22 li { 10931 width: 100%; 10932 margin: 0; 10933 padding: 0px 20px; 10934 position: relative; 10935 } 10936 .horizontal_menu .nav_div_22 li { 10937 width: 100%; 10938 margin: 0; 10939 padding: 0px 20px; 10940 position: relative; 10941 } 10942 10943 #desktop_hamburger_menu_template .nav_div_22 li svg { 10944 position: absolute; 10945 right: 15px; 10946 height: 10px; 10947 top: 10px; 10948 } 10949 .horizontal_menu .nav_div_22 li svg { 10950 position: absolute; 10951 right: 15px; 10952 height: 10px; 10953 top: 10px; 10954 } 10955 10956 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_22 .nav_div_22 .nav_list li .nav_a_trd { 10957 display: flex; 10958 align-items: center; 10959 padding: 0; 10960 line-height: 30px; 10961 font-size: 14px; 10962 text-transform: uppercase; 10963 text-decoration: none; 10964 color: #222; 10965 white-space: normal; 10966 10967 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; 10968 } 10969 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_22 .nav_div_22 .nav_list li button { 10970 background: none; 10971 border: none; 10972 cursor: pointer; 10973 } 10974 10975 .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 { 10976 text-decoration: underline; 10977 } 10978 10979 .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 { 10980 color:#000000; cursor: pointer; 10981 } 10982 10983 10984 .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 { 10985 display: flex; 10986 align-items: center; 10987 padding: 0; 10988 line-height: 30px; 10989 font-size: 14px; 10990 text-transform: uppercase; 10991 text-decoration: none; 10992 color: #222; 10993 white-space: normal; 10994 10995 color:#4d4d4d; font-style:normal; font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 10996 10997 .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 { 10998 color:#000000; } 10999 11000 .nav_div_22 .nav_list li a .nav_icons { 11001 height: 30px; 11002 margin-right: 5px; 11003 } 11004 11005 .nav_div_22 .nav_list .nav_list_trd li a .nav_icons { 11006 height: 25px; 11007 } 11008 11009 11010 .nav_div_22 .nav_list li a:hover { 11011 color: #3172ab; 11012 } 11013 .horizontal_menu .nav_div_22 .nav_list_trd { 11014 display: none; 11015 position: absolute; 11016 left: 100%; 11017 top: -15px; 11018 padding: 15px 0px; 11019 box-shadow: 0px 0px 5px #00000078; background: #fff; 11020 } 11021 .horizontal_menu .nav_div_22 .nav_list>li .nav_list_trd.open, 11022 .horizontal_menu .nav_div_22 .nav_list>li:hover .nav_list_trd { 11023 display: block; 11024 z-index: 99; 11025 } 11026 11027 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_22, 11028 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_22 .nav_list_trd{ 11029 width: 250px; 11030 } 11031 11032 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_22 .nav_list_trd{ 11033 width: 250px; 11034 } 11035 </style> 11036 </div> 11037 <div class="hum-line"></div> 11038 <div class="script_after_menu"> 11039 </div> 11040 </div> 11041 </nav>
11042 <div class="hamburger-menu-template-overlay" id="desktop_hamburger_menu_template_overlay"></div> 11043 11044
11044<script> 11045 $(function () { 11046 11047 const $menuRoot = $('#desktop_hamburger_menu_template'); 11048 const $menuWrap = $('.header_container_1'); 11049 const $button = $('#desktop_hamburger_button'); 11050 const $overlay = $('#desktop_hamburger_menu_template_overlay'); 11051 const $closeBtn = $('#desktop_hamburger_close_button'); 11052 11053 const trap = focusTrap.createFocusTrap($menuRoot[0], { 11054 onActivate: () => $menuRoot.addClass('is-active'), 11055 onDeactivate: () => $menuRoot.removeClass('is-active'), 11056 clickOutsideDeactivates: true 11057 }); 11058 11059 $button.on('click keypress', function (event) { 11060 if (event.which === 13 || event.which === 32 || event.type === 'click') { 11061 if (event.which === 32) event.preventDefault(); 11062 11063 const isOpen = $menuRoot.hasClass('open'); 11064 11065 $menuRoot.toggleClass('open'); 11066 $overlay.toggleClass('open'); 11067 $menuRoot.removeAttr('inert'); 11068 $button.attr('aria-expanded', String(!isOpen)); 11069 11070 if (!isOpen) { 11071 trap.activate(); 11072 $closeBtn.focus(); 11073 } else { 11074 closeHamburgerMenu(); 11075 } 11076 } 11077 }); 11078 11079 $closeBtn.add($overlay).on('click keypress', function (event) { 11080 if (event.which === 13 || event.which === 32 || event.type === 'click') { 11081 if (event.which === 32) event.preventDefault(); 11082 closeHamburgerMenu(); 11083 } 11084 }); 11085 11086 function closeHamburgerMenu() { 11087 $menuRoot.removeClass('open').attr('inert', 'inert'); 11088 $overlay.removeClass('open'); 11089 $button.attr('aria-expanded', 'false'); 11090 11091 $menuRoot.find('.sub-menu-panel').each(function () { 11092 const $submenu = $(this); 11093 $submenu.removeClass('open').attr('aria-hidden', 'true'); 11094 updateSubmenuTabindex($submenu, true); 11095 }); 11096 11097 $menuRoot.find('.hamburger-menu-nav-section[aria-expanded="true"]') 11098 .attr('aria-expanded', 'false'); 11099 11100 trap.deactivate(); 11101 } 11102 11103 function updateSubmenuTabindex($submenu, isHidden) { 11104 const $items = $submenu.find('a'); 11105 11106 if (isHidden) { 11107 $items.each(function () { 11108 $(this).attr('tabindex', '-1'); 11109 }); 11110 } else { 11111 $items.each(function () { 11112 $(this).attr('tabindex', '0'); 11113 }); 11114 } 11115 } 11116 11117 $menuRoot.on('keypress', '.nav_a_trd', function (e) { 11118 11119 e.preventDefault(); 11120 e.stopPropagation(); 11121 11122 const $trigger = $(this); 11123 const $submenu = $trigger.next('.nav_list_trd'); 11124 11125 if (!$submenu.length) return; 11126 11127 const isOpen = $submenu.hasClass('open'); 11128 11129 $menuRoot.find('.nav_list_trd.open').not($submenu).each(function () { 11130 $(this) 11131 .removeClass('open') 11132 .attr('aria-hidden', 'true'); 11133 updateSubmenuTabindex($(this), true); 11134 }); 11135 11136 if (isOpen) { 11137 $submenu 11138 .removeClass('open') 11139 .attr('aria-hidden', 'true'); 11140 updateSubmenuTabindex($submenu, true); 11141 } else { 11142 $submenu 11143 .addClass('open') 11144 .attr('aria-hidden', 'false'); 11145 updateSubmenuTabindex($submenu, false); 11146 } 11147 }); 11148
11149 $menuWrap.on('click keypress', '.hamburger-menu-nav-section[aria-controls]', function (e) { 11150 11151 e.preventDefault(); 11152 e.stopPropagation(); 11153 11154 const $btn = $(this); 11155 const submenuId = $btn.attr('aria-controls'); 11156 const $submenu = $menuRoot.find('.sub-menu-panel#' + submenuId); 11157 11158 if (!$submenu.length) return; 11159 11160 const isExpanded = $btn.attr('aria-expanded') === 'true'; 11161 11162 $menuRoot.find('.sub-menu-panel').not($submenu).each(function () { 11163 $(this).removeClass('open').attr('aria-hidden', 'true'); 11164 updateSubmenuTabindex($(this), true); 11165 }); 11166 11167 $menuRoot.find('[aria-controls]') 11168 .not($btn) 11169 .attr('aria-expanded', 'false'); 11170 11171 if (isExpanded) { 11172 console.log($submenu) 11173 $btn.attr('aria-expanded', 'false'); 11174 $submenu.removeClass('open').attr('aria-hidden', 'true'); 11175 updateSubmenuTabindex($submenu, true); 11176 } else { 11177 $btn.attr('aria-expanded', 'true'); 11178 $submenu.addClass('open').attr('aria-hidden', 'false'); 11179 updateSubmenuTabindex($submenu, false); 11180 } 11181 }); 11182 11183 $menuRoot.on('keydown', function (e) { 11184 if (e.key !== 'Escape') return; 11185 11186 const $open = $menuRoot.find('.nav_list_trd.open').last(); 11187 if (!$open.length) return; 11188 11189 $open 11190 .removeClass('open') 11191 .attr('aria-hidden', 'true'); 11192 11193 updateSubmenuTabindex($open, true); 11194 11195 $open.prev('.nav_a_trd').focus(); 11196 11197 e.preventDefault(); 11198 e.stopPropagation(); 11199 }); 11200 11201 $menuRoot.find('.sub-menu-panel').each(function () { 11202 const $submenu = $(this); 11203 const isOpen = $submenu.hasClass('open') && $submenu.attr('aria-hidden') !== 'true'; 11204 updateSubmenuTabindex($submenu, !isOpen); 11205 }); 11206 11207 }); 11208 11209 </script>
11209 11210</div> 11211 11212<style> 11213 #desktop_hamburger_menu_template>ul>li>a, 11214 #desktop_hamburger_menu_template>ul>li>button { 11215 color:#4d4d4d; display: flex; 11216 font-style:normal; font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 11217 11218 #desktop_hamburger_menu_template>ul>li>a:hover, 11219 #desktop_hamburger_menu_template>ul>li>button:hover { 11220 color:#000000; } 11221</style> 11222 </div> 11223 11224 </div> 11225 11226 11227 </div> 11228 11229 11230 11231</header> 11232<header class="appearance-tablet-view-template"> 11233 11234 11235 11236 <style> 11237 .header_container>.flex_row { 11238 display: flex; 11239 } 11240 11241 .header_container_2 { 11242 width: 100%; 11243 max-width: 100%; 11244 margin: 0 auto; 11245 position: relative !important; 11246 transform: inherit !important; 11247 } 11248 .header_container>.flex_row>.flex_col { 11249 display: flex; 11250 flex-wrap: wrap; 11251 box-sizing: border-box; 11252 align-content: baseline; 11253 } 11254 .header_container>.flex_row>.flex_col>.flex_cell { 11255 height: fit-content; 11256 display: flex; 11257 } 11258 .header_container>.flex_row>.flex_col>.flex_cell a { 11259 text-decoration: none; 11260 } 11261 .header_container img { 11262 max-width: 100%; 11263 } 11264 .row_spacer_cs { 11265 display: none; 11266 } 11267 .sticky_row { 11268 position: fixed; 11269 } 11270 .sticky_row + .row_spacer_cs { 11271 display: block; 11272 } 11273 </style> 11274 11275 <div class="header_container header_container_2" data-device-type="2"> 11276 11277 11278 11279 <div class="flex_row flex_row_1 "> 11280 11281 11282 <div class="flex_col flex_col_1"> 11283 11284 11285<div class="flex_cell flex_cell_1 call_us"> 11286 <div class="flex_cell_content"><a class="phone_number_click " href="tel:925-904-0200" title="Call us 925-904-0200"><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> 11287<style> 11288 .header_container_2>.flex_row_1>.flex_col_1>.flex_cell_1.call_us { 11289 width:100%; justify-content:left; -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 11290 11291 .header_container_2>.flex_row_1>.flex_col_1>.flex_cell_1.call_us { 11292 height:100%; } 11293 11294 .header_container_2>.flex_row_1>.flex_col_1>.flex_cell_1.call_us>.flex_cell_content { 11295 display: flex; 11296 margin-top:10px; margin-bottom:10px; margin-left:35px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 11297 11298 .header_container_2>.flex_row_1>.flex_col_1>.flex_cell_1 a { 11299 color:#4d4d4d; font-style:normal; font-size:15px; font-family:Arial; display: flex; 11300 align-items: center; 11301 text-transform:none; } 11302 11303 .header_container_2>.flex_row_1>.flex_col_1>.flex_cell_1.call_us a svg, 11304 .header_container_2>.flex_row_1>.flex_col_1>.flex_cell_1.call_us a img { 11305 margin-right: 5px; 11306 height:14px; } 11307 11308 .header_container_2>.flex_row_1>.flex_col_1>.flex_cell_1 a .path_class { 11309 fill: currentColor; 11310 } 11311 11312 11313 .header_container_2>.flex_row_1>.flex_col_1>.flex_cell_1 a:hover { 11314 color:#000000; } 11315</style> 11316 </div> 11317 11318 <style> 11319 .header_container_2>.flex_row_1>.flex_col_1 { 11320 width:35%; } 11321 </style> 11322 11323 11324 11325 <div class="flex_col flex_col_2"> 11326 11327 11328<div class="flex_cell flex_cell_1 button_link"> 11329 11330 11331 <div class="flex_cell_content">
11332 <a class="btn_link_ig" href="https://www.hellerjewelers.com/holiday-gift-guide" target="_blank" title=""> 11333 Holiday Gift Guide </a> 11334 </div> 11335 11336 </div> 11337<style> 11338 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.button_link { 11339 width:100%; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; } 11340 11341 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.button_link { 11342 height:100%; } 11343 11344 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.button_link>.flex_cell_content { 11345 display: flex; 11346 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; } 11347 11348 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.button_link a { 11349 color:#000000; font-style:normal; 11350 background-color:#e0e0e0; 11351 font-size:px;font-family:Arial; text-decoration: none; 11352 display: inline-flex; 11353 align-items: center; 11354 padding: 10px 26px; 11355 border-style: solid; 11356 text-transform:none; border-radius:0px; border-width:0px; border-color:#fafafa; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 11357 11358 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.button_link a>i{ 11359 margin-right: 5px; 11360 } 11361 11362 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.button_link a:hover { 11363 color:#000000; background-color:#e0e0e0; border-color:#fcfcfc; } 11364 11365 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1 a>img { 11366 margin-right:5px; } 11367</style> 11368 11369 </div> 11370 11371 <style> 11372 .header_container_2>.flex_row_1>.flex_col_2 { 11373 width:30%; } 11374 </style> 11375 11376 11377 11378 <div class="flex_col flex_col_3"> 11379 11380 11381<div class="flex_cell flex_cell_1 account_icons"> 11382 <div class="flex_cell_content"> 11383 11384 <a class="" href="/wishlist" title="Wishlist" rel="nofollow" style="order: 2"> 11385 <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> 11386 </a> 11387 11388 <a class=" build-shopping-cart-icon" href="/shopping-cart" title="Shopping Cart" style="order: 3"> 11389 <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>
11389 <span class="item-count-badge build-shopping-cart-item-counter d-none"></span> 11390 </a> 11391 11392 <a class=" search_click_toggle" href="/keyword-search" title="Search" style="order: 4"> 11393 <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> 11394 11395 <a class="" href="/login" title="My Account" style="order: 5"> 11396 <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> 11397 </div> 11398</div> 11399 11400<style> 11401 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.account_icons { 11402 width:100%; justify-content: flex-end; 11403 align-items:center; -webkit-align-items:center; } 11404 11405 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.account_icons { 11406 height:100%; } 11407 11408 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.account_icons>.flex_cell_content { 11409 display: flex; 11410 margin-top:10px; margin-bottom:10px; margin-left:px; margin-right:35px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 11411 11412 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.account_icons .wishlist-count-badge.d-none { 11413 display: none !important; 11414 } 11415 11416 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.account_icons a { 11417 display: flex; 11418 align-items: center; 11419 color:#4d4d4d; font-style:normal; font-size:15px; font-family:Arial; margin-left: 12px; 11420 text-transform:none; } 11421 11422 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.account_icons a svg, 11423 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.account_icons a img { 11424 flex-shrink: 0; 11425 margin-right: 5px; 11426 width:14px; height:14px; } 11427 11428 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.account_icons a .path_class { 11429 fill: currentColor; 11430 } 11431 11432 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.account_icons a:hover { 11433 color:#000000; } 11434 11435 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.account_icons a .item-count-badge { 11436 padding: 0 5px; 11437 height: 16px; 11438 min-width: 16px; 11439 text-align: center; 11440 border-radius: 7px; 11441 line-height: 16px; 11442 border: 1px solid #fff; 11443 font-style: normal; 11444 font-weight: 700; 11445 font-size: 10px; 11446 background-color:#00b252; color:#ffffff; margin-left: -10px; 11447 margin-top: -15px; 11448 } 11449</style> 11450 </div> 11451 11452 <style> 11453 .header_container_2>.flex_row_1>.flex_col_3 { 11454 width:35%; } 11455 </style> 11456 11457 11458 11459 </div> 11460 11461 11462 <style> 11463 .header_container_2>.flex_row_1 {
11464 background-color: #e0e0e0; 11465 11466 color:#000000; height:auto; 11467 11468 } 11469 11470 </style> 11471 11472 11473 11474 11475 11476 <div class="flex_row flex_row_2 "> 11477 11478 11479 <div class="flex_col flex_col_1"> 11480 11481 <div class="flex_cell flex_cell_1 menu"> 11482 <div class="flex_cell_content"> 11483 <style> 11484 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner, 11485 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-parent { 11486 width: 30px; 11487 height: 24px; 11488 position: relative; 11489 cursor: pointer; 11490 } 11491 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner .hamburger-icon rect { 11492 fill: #000000; } 11493 11494 11495 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu a.hamburger-menu-nav-section, 11496 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu a.hamburger-menu-close-button{ 11497 color:#000000; display: flex; 11498 font-style:normal; font-size:14px; font-family:Arial; text-transform:none; line-height:40px; } 11499 </style> 11500 11501 <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"> 11502 <div class="hamburger-button-parent"> 11503 <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"> 11504 <rect y="1" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 11505 <rect y="10" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 11506 <rect y="19" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 11507 </svg> 11508 11509 11510 </div> 11511 </div> 11512 </div> 11513</div> 11514 11515<style> 11516 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu { 11517 width:100%; justify-content: flex-start; 11518 align-items:center; -webkit-align-items:center; } 11519 11520 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu { 11521 height:100%; } 11522 11523 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content { 11524 display: flex; 11525 margin-top:px; margin-bottom:px; margin-left:35px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 11526 11527 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a, 11528 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>button { 11529 color:#000000; display: flex; 11530 font-style:normal; font-size:14px; font-family:Arial; text-transform:none; line-height:40px; } 11531 11532 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a:hover { 11533 color:#000000; } 11534</style> 11535 </div> 11536 11537 <style> 11538 .header_container_2>.flex_row_2>.flex_col_1 { 11539 width:100%; } 11540 </style> 11541 11542 11543 11544 <div class="flex_col flex_col_2"> 11545 11546 11547 11548<div class="flex_cell flex_cell_1 image"> 11549 <div class="flex_cell_content"> 11550 11551 <a href="https://www.hellerjewelers.com/" 11552 > 11553 11554 11555 <img 11556 height="80px" width="161px" 11557 11558 src="https://www.hellerjewelers.com/public/1.0/uploads/source/untitled-design---2026-04-07t151746-802.png" 11559 11560 alt="Heller Jewelers Logo"> 11561 11562 11563 </a> 11564 11565 </div> 11566</div> 11567 <style> 11568 .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image { 11569 width:100%; justify-content:center;
11569 -webkit-justify-content:center; align-items:center; -webkit-align-items:center; } 11570 .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image>.flex_cell_content { 11571 display: flex; 11572 margin-top:10px; margin-bottom:10px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 11573 .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image img { 11574 max-width:161px; } 11575 11576 .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image { 11577 height:100%; } 11578 </style> 11579 11580 11581 </div> 11582 11583 <style> 11584 .header_container_2>.flex_row_2>.flex_col_2 { 11585 width:100%; } 11586 </style> 11587 11588 11589 11590 <div class="flex_col flex_col_3"> 11591 11592 11593 </div> 11594 11595 <style> 11596 .header_container_2>.flex_row_2>.flex_col_3 { 11597 width:100%; } 11598 </style> 11599 11600 11601 11602 </div> 11603 11604 11605 <style> 11606 .header_container_2>.flex_row_2 { 11607 background-color: #ffffff; 11608 11609 color:#000000; height:auto; 11610 11611 } 11612 11613 </style> 11614 11615 11616 11617 11618 11619 11620 <div class="flex_row"> 11621 11622 11623 <div class="flex_col"> 11624 11625 11626 </div> 11627 11628 <div class="flex_col"> 11629 11630 11631 </div> 11632 11633 <div class="flex_col"> 11634 11635 11636 </div> 11637 11638 </div> 11639 11640 11641 11642 <div class="flex_row"> 11643 11644 11645 <div class="flex_col"> 11646 11647 <div class="flex_cell flex_cell_1 menu"> 11648 <style> 11649 #tablet_hamburger_menu_template { 11650 position: fixed; 11651 top: 0; 11652 left: 0; 11653 width: 325px; 11654 overflow-y: auto; 11655 transform: translateX(-325px); 11656 z-index: 1000000001; 11657 height: 100vh; 11658 background-color: #ffffff; 11659 transition: all 0.3s ease; 11660 } 11661 #tablet_hamburger_menu_template_overlay.open { 11662 position: fixed; 11663 top: 0; 11664 left: 0; 11665 width: 100vw; 11666 z-index: 1000000001; 11667 transition: all 0.3s ease; 11668 height: 100vh; 11669 background: rgba(1, 1, 1, 0.5); 11670 cursor: pointer; 11671 transform: translateX(325px); 11672 } 11673 #tablet_hamburger_menu_template .hamburger-menu-template-inner { 11674 padding: 10px; 11675 padding-right:25px; 11676 } 11677 #tablet_hamburger_menu_template .hamburger-menu-close-button { 11678 font-size: 14px !important; 11679 display: flex; 11680 align-items: center; 11681 margin-bottom: 20px; 11682 } 11683 #tablet_hamburger_menu_template .hamburger-menu-close-button svg, 11684 #tablet_hamburger_menu_template button.hamburger-menu-close-button svg { 11685 height: 15px; 11686 margin-right: 5px; 11687 } 11688 #tablet_hamburger_menu_template .hamburger-menu-nav-section { 11689 display: flex; 11690 justify-content: space-between; 11691 align-items: center; 11692 } 11693 #tablet_hamburger_menu_template .hamburger-menu-nav-section svg,
11694 #tablet_hamburger_menu_template button.hamburger-menu-nav-section svg, 11695 #tablet_hamburger_menu_template a.hamburger-menu-nav-section svg { 11696 height: 10px; 11697 float: right; 11698 } 11699 #tablet_hamburger_menu_template .hamburger-menu-nav-section.parent_men span, 11700 #tablet_hamburger_menu_template a.hamburger-menu-nav-section.parent_men span, 11701 #tablet_hamburger_menu_template button.hamburger-menu-nav-section.parent_men span { 11702 text-decoration: underline; 11703 } 11704 #tablet_hamburger_menu_template .hamburger-menu-nav-section.parent_men_arrow, 11705 #tablet_hamburger_menu_template a.hamburger-menu-nav-section.parent_men_arrow, 11706 #tablet_hamburger_menu_template button.hamburger-menu-nav-section.parent_men_arrow { 11707 min-width:30px; 11708 justify-content: end; 11709 } 11710 #tablet_hamburger_menu_template .ham_menu_container { 11711 display:flex; 11712 justify-content: space-between; 11713 } 11714 #tablet_hamburger_menu_template.open { 11715 transform: translateX(0); 11716 } 11717 #tablet_hamburger_menu_template .sub-menu-panel { 11718 display: none; 11719 } 11720 #tablet_hamburger_menu_template .sub-menu-panel[aria-hidden="true"] { 11721 display: none; 11722 } 11723 #tablet_hamburger_menu_template .sub-menu-panel[aria-hidden="false"] { 11724 display: block; 11725 } 11726 #tablet_hamburger_menu_template .icon_and_name { 11727 display:flex; 11728 align-items:center; 11729 gap:10px; 11730 } 11731 #tablet_hamburger_menu_template .hum-line { 11732 border-bottom: 1px solid #ddd; 11733 } 11734 #tablet_hamburger_menu_template .sub-menu-panel.open, 11735 #tablet_hamburger_menu_template .sub-menu-panel[aria-hidden="false"] { 11736 display: block; 11737 } 11738 #tablet_hamburger_menu_template a.hamburger-menu-nav-section, 11739 #tablet_hamburger_menu_template button.hamburger-menu-nav-section, 11740 #tablet_hamburger_menu_template button.hamburger-menu-close-button, 11741 #tablet_hamburger_menu_template a.hamburger-menu-close-button{ 11742 color:#000000; display: flex; 11743 text-align: left; 11744 width: 100%; 11745 position: relative; 11746 font-style:normal; font-size:14px; font-family:Arial; text-transform:none; line-height:40px; } 11747 #tablet_hamburger_menu_template.hamburger-menu-template .nav_list_trd { 11748 display: none; 11749 padding: 15px 0px; 11750 background: #fff; 11751 } 11752 #tablet_hamburger_menu_template.hamburger-menu-template .nav_list_trd.open { 11753 display: block; 11754 padding-top:2px; 11755 } 11756 /* Reset button styles to look like links */ 11757 #tablet_hamburger_menu_template button.hamburger-menu-nav-section, 11758 #tablet_hamburger_menu_template button.hamburger-menu-close-button, 11759 #tablet_hamburger_menu_template button.parent_men_arrow { 11760 background: none; 11761 border: none; 11762 padding: 0; 11763 cursor: pointer; 11764 -webkit-appearance: none; 11765 -moz-appearance: none; 11766 appearance: none; 11767 } 11768 11769 /* Hover and active states for buttons - inherit from link styles */ 11770 #tablet_hamburger_menu_template button.hamburger-menu-nav-section:hover, 11771 #tablet_hamburger_menu_template button.hamburger-menu-nav-section.active, 11772 #tablet_hamburger_menu_template button.hamburger-menu-nav-section[aria-expanded="true"], 11773 #tablet_hamburger_menu_template button.hamburger-menu-close-button:hover { 11774 /* Styles inherited from parent selectors above */ 11775 } 11776 11777 /* Additional button styles are inherited from parent selectors above */ 11778 11779 /* Image styles inside buttons */ 11780 #tablet_hamburger_menu_template button.hamburger-menu-nav-section .icon_and_name img, 11781 #tablet_hamburger_menu_template a.hamburger-menu-nav-section .icon_and_name img { 11782 height:20px; 11783 } 11784 </style> 11785 11786 <nav id="tablet_hamburger_menu_template" class="hamburger-menu
11786-template" inert="inert"> 11787 <div class="hamburger-menu-template-inner"> 11788 <button type="button" class="hamburger-menu-close-button mr-4" id="tablet_hamburger_close_button" aria-label="Close menu"> 11789 <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> 11790 11791 <div class="script_before_menu"> 11792 11793 11794<div class="flex_cell flex_cell_1 rolex_plaque"> 11795 <div class="flex_cell_content"> 11796 <a href="/rolex" title="Rolex" class="rolex_plaque_href" style="display:inline-block;height:70px;"> 11797 <iframe 11798 title="Rolex" 11799 style="width: 150px; height: 70px; border: 0; margin: 0; padding: 0; overflow: hidden; position: relative; z-index: 1; scroll: none;pointer-events: none" 11800 id="rolex_retailer" 11801 data-type="lazy" 11802 data-src="https://static.rolex.com/retailers/clock/?colour=gold&apiKey=07f0f3af1a26bcee463f3c879d000e09&lang=en_us" 11803 scrolling="NO" 11804 frameborder="NO" 11805 title="Rolex"> 11806 </iframe> 11807 </a> 11808 </div> 11809</div> 11810<style> 11811 .header_container_2>.flex_row>.flex_col .script_before_menu .rolex_plaque { 11812 width:100%; justify-content: flex-start; 11813 align-items:center; -webkit-align-items:center; } 11814 11815 .header_container_2>.flex_row>.flex_col .script_before_menu .rolex_plaque>.flex_cell_content { 11816 display: flex; 11817 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 11818 11819 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.rolex_plaque { 11820 } 11821 </style> 11822 11823 11824 11825 11826 11827 </div> 11828 <div style="clear: both"></div> 11829 11830 11831 <div class="ham_menu_container"> 11832 <a class="hamburger-menu-nav-section parent_men " title="Rolex" href="/rolex" > 11833 11834 <span class="icon_and_name"> 11835 11836 Rolex </span> 11837 11838 </a> 11839 <button type="button" class="hamburger-menu-nav-section parent_men_arrow" aria-expanded="false" aria-controls="tablet-submenu-127" aria-label="Expand Rolex section"> 11840 11841 <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> 11842 11843 </button> 11844 11845 11846 11847 </div> 11848 11849 <div class="sub-menu-panel" id="tablet-submenu-127" aria-hidden="true"> 11850 11851 11852 11853 11854 11855<div class="menu_container default_build_menu menu_container_2_navigation_127"> 11856 <div class="nav_div_127"> 11857 <ul class="nav_list" role="menu" aria-label="Rolex" tabindex="-1"> 11858 11859 <li style="" 11860 class="" 11861 role="none"> 11862 11863 11864 11865 <a class="nav_a_trd " title="Discover Rolex" href="/rolex" data-full_image="" role="menuitem" tabindex="0" > 11866 Discover Rolex </a> 11867 11868 11869 11870 11871 11872 11873 11874 </li> 11875 11876 11877 11878 <li style="" 11879 class="" 11880 role="none"> 11881 11882 11883 11884 <a class="nav_a_trd " title="Rolex watches" href="/rolex/watches" data-full_image="" role="menuitem" tabindex="-1" > 11885 Rolex
11885watches </a> 11886 11887 11888 11889 11890 11891 11892 11893 </li> 11894 11895 11896 11897 <li style="" 11898 class="" 11899 role="none"> 11900 11901 11902 11903 <a class="nav_a_trd " title="New watches 2026" href="/rolex/new-watches" data-full_image="" role="menuitem" tabindex="-1" > 11904 New watches 2026 </a> 11905 11906 11907 11908 11909 11910 11911 11912 </li> 11913 11914 11915 11916 <li style="" 11917 class="" 11918 role="none"> 11919 11920 11921 11922 <a class="nav_a_trd " title="Rolex Accessories " href="/rolex/accessories" data-full_image="" role="menuitem" tabindex="-1" > 11923 Rolex Accessories </a> 11924 11925 11926 11927 11928 11929 11930 11931 </li> 11932 11933 11934 11935 <li style="" 11936 class="" 11937 role="none"> 11938 11939 11940 11941 <a class="nav_a_trd " title="Watchmaking" href="/rolex/watchmaking" data-full_image="" role="menuitem" tabindex="-1" > 11942 Watchmaking </a> 11943 11944 11945 11946 11947 11948 11949 11950 </li> 11951 11952 11953 11954 <li style="" 11955 class="" 11956 role="none"> 11957 11958 11959 11960 <a class="nav_a_trd " title="Servicing" href="/rolex/servicing" data-full_image="" role="menuitem" tabindex="-1" > 11961 Servicing </a> 11962 11963 11964 11965 11966 11967 11968 11969 </li> 11970 11971 11972 11973 <li style="" 11974 class="" 11975 role="none"> 11976 11977 11978 11979 <a class="nav_a_trd " title="Oyster Story" href="/rolex/oyster-story" data-full_image="" role="menuitem" tabindex="-1" > 11980 Oyster Story </a> 11981 11982 11983 11984 11985 11986 11987 11988 </li> 11989 11990 11991 11992 <li style="" 11993 class="" 11994 role="none"> 11995 11996 11997 11998 <a class="nav_a_trd " title="Rolex at Heller Jewelers" href="/rolex/heller-jewelers" data-full_image="" role="menuitem" tabindex="-1" > 11999 Rolex at Heller Jewelers </a> 12000 12001 12002 12003 12004 12005 12006 12007 </li> 12008 12009 12010 12011 <li style="" 12012 class="" 12013 role="none"> 12014 12015 12016 12017 <a class="nav_a_trd " title="Contact us" href="/rolex/contact" data-full_image="" role="menuitem" tabindex="-1" > 12018 Contact us </a> 12019 12020 12021 12022 12023 12024 12025 12026 </li> 12027 12028 12029 </ul> 12030 </div> 12031</div> 12032<style> 12033 .menu_container_2_navigation_127 { 12034 background: #fff; 12035 } 12036 .horizontal_menu .nav_div_127 { 12037 padding: 15px 0px; 12038 box-shadow: 0px 0px 5px #00000078; display: flex; 12039 flex-wrap: wrap; 12040 } 12041 .horizontal_menu .nav_img_127 { 12042 height: 200px; 12043 width: 250px; 12044 margin-left: 50px; 12045 margin-right: 20px; 12046 flex-shrink: 0; 12047 order: 1; 12048 } 12049 .horizontal_menu .nav_img_127 img { 12050 max-width: 100%; 12051 max-height: 100%; 12052 } 12053 .horizontal_menu .nav_div_127 .vfit { 12054 text-align: left; 12055 border-bottom: 1px solid #ececec; 12056 text-transform: uppercase; 12057 } 12058 .nav_div_127 .vfit a { 12059 text-decoration: none; 12060 color: #222; 12061 } 12062 .nav_div_127 .nav_list { 12063 list-style: none; 12064 margin: 0; 12065 padding: 0; 12066 order: 1; 12067 } 12068 .nav_div_127 ul { 12069 list-style: none; 12070 } 12071 #tablet_hamburger_menu_template .nav_div_127 li { 12072 width: 100%; 12073 margin: 0; 12074 padding: 0px 20px; 12075 position: relative; 12076 } 12077 .horizontal_menu .nav_div_127 li { 12078 width: 100%; 12079 margin: 0; 12080 padding: 0px 20px; 12081 position: relative; 12082 } 12083 12084 #tablet_hamburger_menu_template .nav_div_127 li svg { 12085 position: absolute; 12086 right: 15px; 12087 height: 10px; 12088 top: 10px; 12089 } 12090 .horizontal_menu .nav_div_127 li svg { 12091 position: absolute; 12092 right: 15px; 12093 height: 10px; 12094 top: 10px; 12095 } 12096 12097 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_127 .nav_div_127 .nav_list li .nav_a_trd { 12098 display: flex; 12099 align-items: center; 12100 padding: 0; 12101 line-height: 30px; 12102 font-size: 14px; 12103 text-transform: uppercase; 12104 text-decoration: none; 12105 color: #222; 12106 white-space: normal; 12107 12108 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:35px; 12109 } 12110 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_127 .nav_div_127 .nav_list li button { 12111 background: none; 12112 border: none; 12113 cursor: pointer; 12114 } 12115 12116 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_127 .nav_div_127 .nav_list li .nav_a_trd.parent_men { 12117 text-decoration: underline; 12118 } 12119 12120 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_127 .nav_div_127 .nav_list li .nav_a_trd:hover { 12121 color:#000000; cursor: pointer; 12122 } 12123 12124 12125 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_127 .nav_div_127 .nav_list li .nav_list_trd li a { 12126 display: flex; 12127 align-items: center; 12128 padding: 0; 12129 line-height: 30px; 12130 font-size: 14px; 12131 text-transform: uppercase; 12132 text-decoration: none; 12133 color: #222; 12134 white-space: normal; 12135 12136 color:#4d4d4d; font-style:normal; font-size:px; font-family:Arial; text-transform:none; line-height:35px; } 12137 12138 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_127 .nav_div_127 .nav_list li .nav_list_trd li a:hover { 12139 color:#000000; } 12140 12141 .nav_div_127 .nav_list li a .nav_icons { 12142 height: 30px; 12143 margin-right: 5px; 12144 } 12145 12146 12147 12148 .nav_div_127 .nav_list li a:hover { 12149 color: #3172ab; 12150 } 12151 .horizontal_menu .nav_div_127 .nav_list_trd { 12152 display: none; 12153 position: absolute; 12154 left: 100%; 12155 top: -15px; 12156 padding: 15px 0px; 12157 box-shadow: 0px 0px 5px #00000078; background: #fff; 12158 } 12159 .horizontal_menu .nav_div_127 .nav_list>li .nav_list_trd.open, 12160 .horizontal_menu .nav_div_127 .nav_list>li:hover .nav_list_trd { 12161 display: block; 12162 z-index: 99; 12163 } 12164 12165 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_127, 12166 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_127 .nav_list_trd{ 12167 width: 250px; 12168 } 12169 12170 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_127 .nav_list_trd{ 12171 width: 250px; 12172 } 12173 </style> 12174 </div> 12175 <div class="hum-line"></div> 12176 12177 12178 <a class="hamburger-menu
12178-nav-section " title="Rolex Certified Pre-Owned" href="/rolex-certified-pre-owned-watches" > 12179 <span class="icon_and_name"> 12180 12181 Rolex Certified Pre-Owned </span> 12182 12183 </a> 12184 12185 12186 12187 <div class="sub-menu-panel" id="tablet-submenu-192" aria-hidden="true"> 12188 12189 12190 12191 12192 12193<div class="menu_container default_build_menu menu_container_2_navigation_192"> 12194 <div class="nav_div_192"> 12195 </div> 12196</div> 12197<style> 12198 .menu_container_2_navigation_192 { 12199 background: #fff; 12200 } 12201 .horizontal_menu .nav_div_192 { 12202 padding: 15px 0px; 12203 box-shadow: 0px 0px 5px #00000078; display: flex; 12204 flex-wrap: wrap; 12205 } 12206 .horizontal_menu .nav_img_192 { 12207 height: 200px; 12208 width: 250px; 12209 margin-left: 50px; 12210 margin-right: 20px; 12211 flex-shrink: 0; 12212 order: 1; 12213 } 12214 .horizontal_menu .nav_img_192 img { 12215 max-width: 100%; 12216 max-height: 100%; 12217 } 12218 .horizontal_menu .nav_div_192 .vfit { 12219 text-align: left; 12220 border-bottom: 1px solid #ececec; 12221 text-transform: uppercase; 12222 } 12223 .nav_div_192 .vfit a { 12224 text-decoration: none; 12225 color: #222; 12226 } 12227 .nav_div_192 .nav_list { 12228 list-style: none; 12229 margin: 0; 12230 padding: 0; 12231 order: 1; 12232 } 12233 .nav_div_192 ul { 12234 list-style: none; 12235 } 12236 #tablet_hamburger_menu_template .nav_div_192 li { 12237 width: 100%; 12238 margin: 0; 12239 padding: 0px 20px; 12240 position: relative; 12241 } 12242 .horizontal_menu .nav_div_192 li { 12243 width: 100%; 12244 margin: 0; 12245 padding: 0px 20px; 12246 position: relative; 12247 } 12248 12249 #tablet_hamburger_menu_template .nav_div_192 li svg { 12250 position: absolute; 12251 right: 15px; 12252 height: 10px; 12253 top: 10px; 12254 } 12255 .horizontal_menu .nav_div_192 li svg { 12256 position: absolute; 12257 right: 15px; 12258 height: 10px; 12259 top: 10px; 12260 } 12261 12262 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_192 .nav_div_192 .nav_list li .nav_a_trd { 12263 display: flex; 12264 align-items: center; 12265 padding: 0; 12266 line-height: 30px; 12267 font-size: 14px; 12268 text-transform: uppercase; 12269 text-decoration: none; 12270 color: #222; 12271 white-space: normal; 12272 12273 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:35px; 12274 } 12275 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_192 .nav_div_192 .nav_list li button { 12276 background: none; 12277 border: none; 12278 cursor: pointer; 12279 } 12280 12281 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_192 .nav_div_192 .nav_list li .nav_a_trd.parent_men { 12282 text-decoration: underline; 12283 } 12284 12285 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_192 .nav_div_192 .nav_list li .nav_a_trd:hover { 12286 color:#000000; cursor: pointer; 12287 } 12288 12289 12290 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_192 .nav_div_192 .nav_list li .nav_list_trd li a { 12291 display: flex; 12292 align-items: center; 12293 padding: 0; 12294 line-height: 30px; 12295 font-size: 14px; 12296 text-transform: uppercase; 12297 text-decoration: none; 12298 color: #222; 12299 white-space: normal; 12300 12301 color:#4d4d4d; font-style:normal; font-size:px; font-family:Arial; text-transform:none; line-height:35px; } 12302 12303 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_192 .nav_div_192 .nav_list li .nav_list_trd li a:hover { 12304 color:#000000; } 12305 12306 .nav_div_192 .nav_list li a .nav_icons { 12307 height: 30px; 12308 margin-right: 5px; 12309 } 12310 12311 12312 12313 .nav_div_192 .nav_list li a:hover { 12314 color: #3172ab; 12315 } 12316 .horizontal_menu .nav_div_192 .nav_list_trd { 12317 display: none; 12318 position: absolute; 12319 left: 100%; 12320 top: -15px; 12321 padding: 15px 0px; 12322 box-shadow: 0px 0px 5px #00000078; background: #fff; 12323 } 12324 .horizontal_menu .nav_div_192 .nav_list>li .nav_list_trd.open, 12325 .horizontal_menu .nav_div_192 .nav_list>li:hover .nav_list_trd { 12326 display: block; 12327 z-index: 99; 12328 } 12329 12330 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_192, 12331 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_192 .nav_list_trd{ 12332 width: 250px; 12333 } 12334 12335 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_192 .nav_list_trd{ 12336 width: 250px; 12337 } 12338 </style> 12339 </div> 12340 <div class="hum-line"></div> 12341 12342 12343 <button type="button" class="hamburger-menu
12343-nav-section " aria-expanded="false" aria-controls="tablet-submenu-6" aria-label="Expand Engagement Rings section"> 12344 <span class="icon_and_name"> 12345 12346 Engagement Rings </span> 12347 <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> 12348 12349 </button> 12350 12351 12352 12353 <div class="sub-menu-panel" id="tablet-submenu-6" aria-hidden="true"> 12354 12355 12356 12357 12358 12359<div class="menu_container default_build_menu menu_container_2_navigation_6"> 12360 <div class="nav_div_6"> 12361 <ul class="nav_list" role="menu" aria-label="Engagement Rings" tabindex="-1"> 12362 12363 <li style="" 12364 class="" 12365 role="none"> 12366 12367 12368 12369 <a class="nav_a_trd " title="Shop By Style" href="#!" data-full_image="" role="menuitem" tabindex="0" > 12370 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> 12371 </a> 12372 12373 12374 12375 12376 12377 12378 12379 <ul class="nav_list_trd" role="menu" aria-label="Shop By Style" tabindex="-1"> 12380 <li style="" 12381 class="" 12382 role="none"> 12383 12384 <a class="" href="https://www.hellerjewelers.com/halo-rings" title="Halo Rings" role="menuitem" tabindex="0" > 12385 <img class="nav_icons menu_icon_halorings" src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/halo.svg" alt="Halo Rings" title="Halo Rings" loading="lazy"/> 12386 Halo Rings </a> 12387 </li> 12388 <li style="" 12389 class="" 12390 role="none"> 12391 12392 <a class="" href="https://www.hellerjewelers.com/side-stone-rings" title="Side Stone Rings" role="menuitem" tabindex="-1" > 12393 <img class="nav_icons menu_icon_sidestonerings" src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/sidestones.svg" alt="Side Stone Rings" title="Side Stone Rings" loading="lazy"/> 12394 Side Stone Rings </a> 12395 </li> 12396 <li style="" 12397 class="" 12398 role="none"> 12399 12400 <a class="" href="https://www.hellerjewelers.com/solitaire-rings" title="Solitaire Rings" role="menuitem" tabindex="-1" > 12401 <img class="nav_icons menu_icon_solitairerings" src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/solitaire.svg" alt="Solitaire Rings" title="Solitaire Rings" loading="lazy"/> 12402 Solitaire Rings </a> 12403 </li> 12404 <li style="" 12405 class="" 12406 role="none"> 12407 12408 <a class="" href="https://www.hellerjewelers.com/three-stones-rings" title="Three Stones Rings" role="menuitem" tabindex="-1" > 12409 <img class="nav_icons menu_icon_threestonesrings" src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/3stones.svg" alt="Three Stones Rings" title="Three Stones Rings" loading="lazy"/> 12410 Three Stones Rings </a> 12411 </li> 12412 </ul> 12413 </li> 12414 12415 12416 12417 <li style="" 12418 class="" 12419 role="none"> 12420 12421 12422 12423 <a class="nav_a_trd " title="Shop By Shape" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 12424 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> 12425 </a> 12426 12427 12428 12429 12430 12431 12432 12433 <ul class="nav_list_trd" role="menu" aria-label="Shop By Shape" tabindex="-1"> 12434 <li style="" 12435 class="" 12436 role="none"> 12437 12438 <a class="" href="https://www.hellerjewelers.com/princess-cut-rings" title="Princess Cut Rings" role="menuitem" tabindex="0" > 12439 <img class="nav_icons menu_icon_princesscutrings" src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/princess.svg" alt="Princess Cut Rings" title="Princess Cut Rings" loading="lazy"/> 12440 Princess Cut Rings </a> 12441 </li> 12442 <li style="" 12443 class="" 12444 role="none"> 12445 12446 <a class="" href="https://www.hellerjewelers.com/round-cut-rings" title="Round Cut Rings" role="menuitem" tabindex="-1" > 12447 <img class="nav_icons menu_icon_roundcutrings" src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/rou
12447nd.svg" alt="Round Cut Rings" title="Round Cut Rings" loading="lazy"/> 12448 Round Cut Rings </a> 12449 </li> 12450 <li style="" 12451 class="" 12452 role="none"> 12453 12454 <a class="" href="https://www.hellerjewelers.com/cushion-cut-rings" title="Cushion Cut Rings" role="menuitem" tabindex="-1" > 12455 <img class="nav_icons menu_icon_cushioncutrings" src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/cushion.svg" alt="Cushion Cut Rings" title="Cushion Cut Rings" loading="lazy"/> 12456 Cushion Cut Rings </a> 12457 </li> 12458 <li style="" 12459 class="" 12460 role="none"> 12461 12462 <a class="" href="https://www.hellerjewelers.com/radiant-cut-rings" title="Radiant Cut Rings" role="menuitem" tabindex="-1" > 12463 <img class="nav_icons menu_icon_radiantcutrings" src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/radiant.svg" alt="Radiant Cut Rings" title="Radiant Cut Rings" loading="lazy"/> 12464 Radiant Cut Rings </a> 12465 </li> 12466 <li style="" 12467 class="" 12468 role="none"> 12469 12470 <a class="" href="https://www.hellerjewelers.com/oval-cut-rings" title="Oval Cut Rings" role="menuitem" tabindex="-1" > 12471 <img class="nav_icons menu_icon_ovalcutrings" src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/oval.svg" alt="Oval Cut Rings" title="Oval Cut Rings" loading="lazy"/> 12472 Oval Cut Rings </a> 12473 </li> 12474 <li style="" 12475 class="" 12476 role="none"> 12477 12478 <a class="" href="https://www.hellerjewelers.com/emerald-cut-rings" title="Emerald Cut Rings" role="menuitem" tabindex="-1" > 12479 <img class="nav_icons menu_icon_emeraldcutrings" src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/emerald.svg" alt="Emerald Cut Rings" title="Emerald Cut Rings" loading="lazy"/> 12480 Emerald Cut Rings </a> 12481 </li> 12482 <li style="" 12483 class="" 12484 role="none"> 12485 12486 <a class="" href="https://www.hellerjewelers.com/marquise-cut-rings" title="Marquise Cut Rings" role="menuitem" tabindex="-1" > 12487 <img class="nav_icons menu_icon_marquisecutrings" src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/marquise.svg" alt="Marquise Cut Rings" title="Marquise Cut Rings" loading="lazy"/> 12488 Marquise Cut Rings </a> 12489 </li> 12490 <li style="" 12491 class="" 12492 role="none"> 12493 12494 <a class="" href="https://www.hellerjewelers.com/pear-shape-rings" title="Pear Shape Ring" role="menuitem" tabindex="-1" > 12495 <img class="nav_icons menu_icon_pearshapering" src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/pear.svg" alt="Pear Shape Ring" title="Pear Shape Ring" loading="lazy"/> 12496 Pear Shape Ring </a> 12497 </li> 12498 </ul> 12499 </li> 12500 12501 12502 12503 <li style="" 12504 class="" 12505 role="none"> 12506 12507 12508 12509 <a class="nav_a_trd " title="Shop By Price" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 12510 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> 12511 </a> 12512 12513 12514 12515 12516 12517 12518 12519 <ul class="nav_list_trd" role="menu" aria-label="Shop By Price" tabindex="-1"> 12520 <li style="" 12521 class="" 12522 role="none"> 12523 12524 <a class="" href="https://www.hellerjewelers.com/engagement-rings-1000-to-2000" title="$1000 - $2000" role="menuitem" tabindex="0" > 12525 $1000 - $2000 </a> 12526 </li> 12527 <li style="" 12528 class="" 12529 role="none"> 12530 12531 <a class="" href="https://www.hellerjewelers.com/engagement-rings-2000-to-5000" title="$2000 - $5000" role="menuitem" tabindex="-1" > 12532 $2000 - $5000 </a> 12533 </li> 12534 <li style="" 12535 class="" 12536 role="none"> 12537 12538 <a class="" href="https://www.hellerjewelers.com/engagement-rings-5000-up" title="$5000 & Up" role="menuitem" tabindex="-1" > 12539 $5000 & Up </a> 12540 </li> 12541
12541 </ul> 12542 </li> 12543 12544 12545 12546 <li style="" 12547 class="" 12548 role="none"> 12549 12550 12551 12552 <a class="nav_a_trd " title="Start Your Research" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 12553 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> 12554 </a> 12555 12556 12557 12558 12559 12560 12561 12562 <ul class="nav_list_trd" role="menu" aria-label="Start Your Research" tabindex="-1"> 12563 <li style="" 12564 class="" 12565 role="none"> 12566 12567 <a class="" href="https://www.hellerjewelers.com/engagement-rings" title="View All Engagement Rings >>" role="menuitem" tabindex="0" > 12568 View All Engagement Rings >> </a> 12569 </li> 12570 <li style="" 12571 class="" 12572 role="none"> 12573 12574 <a class="" href="https://www.hellerjewelers.com/create-your-ring" title="Customize Your Ring >>" role="menuitem" tabindex="-1" > 12575 Customize Your Ring >> </a> 12576 </li> 12577 </ul> 12578 </li> 12579 12580 12581 </ul> 12582 </div> 12583</div> 12584<style> 12585 .menu_container_2_navigation_6 { 12586 background: #fff; 12587 } 12588 .horizontal_menu .nav_div_6 { 12589 padding: 15px 0px; 12590 box-shadow: 0px 0px 5px #00000078; display: flex; 12591 flex-wrap: wrap; 12592 } 12593 .horizontal_menu .nav_img_6 { 12594 height: 200px; 12595 width: 250px; 12596 margin-left: 50px; 12597 margin-right: 20px; 12598 flex-shrink: 0; 12599 order: 1; 12600 } 12601 .horizontal_menu .nav_img_6 img { 12602 max-width: 100%; 12603 max-height: 100%; 12604 } 12605 .horizontal_menu .nav_div_6 .vfit { 12606 text-align: left; 12607 border-bottom: 1px solid #ececec; 12608 text-transform: uppercase; 12609 } 12610 .nav_div_6 .vfit a { 12611 text-decoration: none; 12612 color: #222; 12613 } 12614 .nav_div_6 .nav_list { 12615 list-style: none; 12616 margin: 0; 12617 padding: 0; 12618 order: 1; 12619 } 12620 .nav_div_6 ul { 12621 list-style: none; 12622 } 12623 #tablet_hamburger_menu_template .nav_div_6 li { 12624 width: 100%; 12625 margin: 0; 12626 padding: 0px 20px; 12627 position: relative; 12628 } 12629 .horizontal_menu .nav_div_6 li { 12630 width: 100%; 12631 margin: 0; 12632 padding: 0px 20px; 12633 position: relative; 12634 } 12635 12636 #tablet_hamburger_menu_template .nav_div_6 li svg { 12637 position: absolute; 12638 right: 15px; 12639 height: 10px; 12640 top: 10px; 12641 } 12642 .horizontal_menu .nav_div_6 li svg { 12643 position: absolute; 12644 right: 15px; 12645 height: 10px; 12646 top: 10px; 12647 } 12648 12649 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_6 .nav_div_6 .nav_list li .nav_a_trd { 12650 display: flex; 12651 align-items: center; 12652 padding: 0; 12653 line-height: 30px; 12654 font-size: 14px; 12655 text-transform: uppercase; 12656 text-decoration: none; 12657 color: #222; 12658 white-space: normal; 12659 12660 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:35px; 12661 } 12662 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_6 .nav_div_6 .nav_list li button { 12663 background: none; 12664 border: none; 12665 cursor: pointer; 12666 } 12667 12668 .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 { 12669 text-decoration: underline; 12670 } 12671 12672 .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 { 12673 color:#000000; cursor: pointer; 12674 } 12675 12676 12677 .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 { 12678 display: flex; 12679 align-items: center; 12680 padding: 0; 12681 line-height: 30px; 12682 font-size: 14px; 12683 text-transform: uppercase; 12684 text-decoration: none; 12685 color: #222; 12686 white-space: normal; 12687 12688 color:#4d4d4d; font-style:normal; font-size:px; font-family:Arial; text-transform:none; line-height:35px; } 12689 12690 .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 { 12691 color:#000000; } 12692 12693 .nav_div_6 .nav_list li a .nav_icons { 12694 height: 30px; 12695 margin-right: 5px; 12696 } 12697 12698 12699 12700 .nav_div_6 .nav_list li a:hover { 12701 color: #3172ab; 12702 } 12703 .horizontal_menu .nav_div_6 .nav_list_trd { 12704 display: none; 12705 position: absolute; 12706 left: 100%; 12707 top: -15px; 12708 padding: 15px 0px; 12709 box-shadow: 0px 0px 5px #00000078; background: #fff; 12710 } 12711 .horizontal_menu .nav_div_6 .nav_list>li .nav_list_trd.open, 12712 .horizontal_menu .nav_div_6 .nav_list>li:hover .nav_list_trd { 12713 display: block; 12714 z-index: 99; 12715 } 12716 12717 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_6, 12718 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_6 .nav_list_trd{ 12719 width: 250px; 12720 } 12721 12722 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_6 .nav_list_trd{ 12723 width: 250px; 12724 } 12725 </style> 12726 </div> 12727 <div class="hum-line"></div> 12728 12729 12730 <a class="hamburger-menu
12730-nav-section " title="Diamonds" href="https://www.hellerjewelers.com/diamonds" > 12731 <span class="icon_and_name"> 12732 12733 Diamonds </span> 12734 12735 </a> 12736 12737 12738 12739 <div class="sub-menu-panel" id="tablet-submenu-11" aria-hidden="true"> 12740 12741 12742 12743 12744 12745<div class="menu_container default_build_menu menu_container_2_navigation_11"> 12746 <div class="nav_div_11"> 12747 </div> 12748</div> 12749<style> 12750 .menu_container_2_navigation_11 { 12751 background: #fff; 12752 } 12753 .horizontal_menu .nav_div_11 { 12754 padding: 15px 0px; 12755 box-shadow: 0px 0px 5px #00000078; display: flex; 12756 flex-wrap: wrap; 12757 } 12758 .horizontal_menu .nav_img_11 { 12759 height: 200px; 12760 width: 250px; 12761 margin-left: 50px; 12762 margin-right: 20px; 12763 flex-shrink: 0; 12764 order: 1; 12765 } 12766 .horizontal_menu .nav_img_11 img { 12767 max-width: 100%; 12768 max-height: 100%; 12769 } 12770 .horizontal_menu .nav_div_11 .vfit { 12771 text-align: left; 12772 border-bottom: 1px solid #ececec; 12773 text-transform: uppercase; 12774 } 12775 .nav_div_11 .vfit a { 12776 text-decoration: none; 12777 color: #222; 12778 } 12779 .nav_div_11 .nav_list { 12780 list-style: none; 12781 margin: 0; 12782 padding: 0; 12783 order: 1; 12784 } 12785 .nav_div_11 ul { 12786 list-style: none; 12787 } 12788 #tablet_hamburger_menu_template .nav_div_11 li { 12789 width: 100%; 12790 margin: 0; 12791 padding: 0px 20px; 12792 position: relative; 12793 } 12794 .horizontal_menu .nav_div_11 li { 12795 width: 100%; 12796 margin: 0; 12797 padding: 0px 20px; 12798 position: relative; 12799 } 12800 12801 #tablet_hamburger_menu_template .nav_div_11 li svg { 12802 position: absolute; 12803 right: 15px; 12804 height: 10px; 12805 top: 10px; 12806 } 12807 .horizontal_menu .nav_div_11 li svg { 12808 position: absolute; 12809 right: 15px; 12810 height: 10px; 12811 top: 10px; 12812 } 12813 12814 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_11 .nav_div_11 .nav_list li .nav_a_trd { 12815 display: flex; 12816 align-items: center; 12817 padding: 0; 12818 line-height: 30px; 12819 font-size: 14px; 12820 text-transform: uppercase; 12821 text-decoration: none; 12822 color: #222; 12823 white-space: normal; 12824 12825 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:35px; 12826 } 12827 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_11 .nav_div_11 .nav_list li button { 12828 background: none; 12829 border: none; 12830 cursor: pointer; 12831 } 12832 12833 .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 { 12834 text-decoration: underline; 12835 } 12836 12837 .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 { 12838 color:#000000; cursor: pointer; 12839 } 12840 12841 12842 .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 { 12843 display: flex; 12844 align-items: center; 12845 padding: 0; 12846 line-height: 30px; 12847 font-size: 14px; 12848 text-transform: uppercase; 12849 text-decoration: none; 12850 color: #222; 12851 white-space: normal; 12852 12853 color:#4d4d4d; font-style:normal; font-size:px; font-family:Arial; text-transform:none; line-height:35px; } 12854 12855 .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 { 12856 color:#000000; } 12857 12858 .nav_div_11 .nav_list li a .nav_icons { 12859 height: 30px; 12860 margin-right: 5px; 12861 } 12862 12863 12864 12865 .nav_div_11 .nav_list li a:hover { 12866 color: #3172ab; 12867 } 12868 .horizontal_menu .nav_div_11 .nav_list_trd { 12869 display: none; 12870 position: absolute; 12871 left: 100%; 12872 top: -15px; 12873 padding: 15px 0px; 12874 box-shadow: 0px 0px 5px #00000078; background: #fff; 12875 } 12876 .horizontal_menu .nav_div_11 .nav_list>li .nav_list_trd.open, 12877 .horizontal_menu .nav_div_11 .nav_list>li:hover .nav_list_trd { 12878 display: block; 12879 z-index: 99; 12880 } 12881 12882 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_11, 12883 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_11 .nav_list_trd{ 12884 width: 250px; 12885 } 12886 12887 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_11 .nav_list_trd{ 12888 width: 250px; 12889 } 12890 </style> 12891 </div> 12892 <div class="hum-line"></div> 12893 12894 12895 <button type="button" class="hamburger-menu
12895-nav-section " aria-expanded="false" aria-controls="tablet-submenu-12" aria-label="Expand Wedding Bands section"> 12896 <span class="icon_and_name"> 12897 12898 Wedding Bands </span> 12899 <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> 12900 12901 </button> 12902 12903 12904 12905 <div class="sub-menu-panel" id="tablet-submenu-12" aria-hidden="true"> 12906 12907 12908 12909 12910 12911<div class="menu_container default_build_menu menu_container_2_navigation_12"> 12912 <div class="nav_div_12"> 12913 <ul class="nav_list" role="menu" aria-label="Wedding Bands" tabindex="-1"> 12914 12915 <li style="" 12916 class="" 12917 role="none"> 12918 12919 12920 12921 <a class="nav_a_trd " title="Shop By Gender" href="#!" data-full_image="" role="menuitem" tabindex="0" > 12922 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> 12923 </a> 12924 12925 12926 12927 12928 12929 12930 12931 <ul class="nav_list_trd" role="menu" aria-label="Shop By Gender" tabindex="-1"> 12932 <li style="" 12933 class="" 12934 role="none"> 12935 12936 <a class="" href="https://www.hellerjewelers.com/mens-wedding-bands" title="Men Wedding Bands" role="menuitem" tabindex="0" > 12937 <img class="nav_icons menu_icon_menweddingbands" src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bands/mens-01.svg" alt="Men Wedding Bands" title="Men Wedding Bands" loading="lazy"/> 12938 Men Wedding Bands </a> 12939 </li> 12940 <li style="" 12941 class="" 12942 role="none"> 12943 12944 <a class="" href="https://www.hellerjewelers.com/ladies-wedding-bands" title="Ladies Wedding Bands" role="menuitem" tabindex="-1" > 12945 <img class="nav_icons menu_icon_ladiesweddingbands" src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bands/bezel.svg" alt="Ladies Wedding Bands" title="Ladies Wedding Bands" loading="lazy"/> 12946 Ladies Wedding Bands </a> 12947 </li> 12948 </ul> 12949 </li> 12950 12951 12952 12953 <li style="" 12954 class="" 12955 role="none"> 12956 12957 12958 12959 <a class="nav_a_trd " title="Shop By Price" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 12960 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> 12961 </a> 12962 12963 12964 12965 12966 12967 12968 12969 <ul class="nav_list_trd" role="menu" aria-label="Shop By Price" tabindex="-1"> 12970 <li style="" 12971 class="" 12972 role="none"> 12973 12974 <a class="" href="https://www.hellerjewelers.com/wedding-bands-up-to-500" title="Up to $500" role="menuitem" tabindex="0" > 12975 Up to $500 </a> 12976 </li> 12977 <li style="" 12978 class="" 12979 role="none"> 12980 12981 <a class="" href="https://www.hellerjewelers.com/wedding-bands-500-to-1000" title="$500 - $1000" role="menuitem" tabindex="-1" > 12982 $500 - $1000 </a> 12983 </li> 12984 <li style="" 12985 class="" 12986 role="none"> 12987 12988 <a class="" href="https://www.hellerjewelers.com/engagement-rings-1000-to-2000" title="$1000 - $2000" role="menuitem" tabindex="-1" > 12989 $1000 - $2000 </a> 12990 </li> 12991 <li style="" 12992 class="" 12993 role="none"> 12994 12995 <a class="" href="https://www.hellerjewelers.com/wedding-bands-2000-to-5000" title="$2000 - $5000" role="menuitem" tabindex="-1" > 12996 $2000 - $5000 </a> 12997 </li> 12998 <li style="" 12999 class="" 13000 role="none"> 13001 13002 <a class="" href="https://www.hellerjewelers.com/wedding-bands-5000-up" title="$5000 & Up" role="menuitem" tabindex="-1" > 13003 $5000 & Up </a> 13004 </li> 13005
13005 </ul> 13006 </li> 13007 13008 13009 13010 <li style="" 13011 class="" 13012 role="none"> 13013 13014 13015 13016 <a class="nav_a_trd " title="Start Your Research" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 13017 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> 13018 </a> 13019 13020 13021 13022 13023 13024 13025 13026 <ul class="nav_list_trd" role="menu" aria-label="Start Your Research" tabindex="-1"> 13027 <li style="" 13028 class="" 13029 role="none"> 13030 13031 <a class="" href="https://www.hellerjewelers.com/wedding-bands" title="View All Wedding Bands >>" role="menuitem" tabindex="0" > 13032 View All Wedding Bands >> </a> 13033 </li> 13034 </ul> 13035 </li> 13036 13037 13038 </ul> 13039 </div> 13040</div> 13041<style> 13042 .menu_container_2_navigation_12 { 13043 background: #fff; 13044 } 13045 .horizontal_menu .nav_div_12 { 13046 padding: 15px 0px; 13047 box-shadow: 0px 0px 5px #00000078; display: flex; 13048 flex-wrap: wrap; 13049 } 13050 .horizontal_menu .nav_img_12 { 13051 height: 200px; 13052 width: 250px; 13053 margin-left: 50px; 13054 margin-right: 20px; 13055 flex-shrink: 0; 13056 order: 1; 13057 } 13058 .horizontal_menu .nav_img_12 img { 13059 max-width: 100%; 13060 max-height: 100%; 13061 } 13062 .horizontal_menu .nav_div_12 .vfit { 13063 text-align: left; 13064 border-bottom: 1px solid #ececec; 13065 text-transform: uppercase; 13066 } 13067 .nav_div_12 .vfit a { 13068 text-decoration: none; 13069 color: #222; 13070 } 13071 .nav_div_12 .nav_list { 13072 list-style: none; 13073 margin: 0; 13074 padding: 0; 13075 order: 1; 13076 } 13077 .nav_div_12 ul { 13078 list-style: none; 13079 } 13080 #tablet_hamburger_menu_template .nav_div_12 li { 13081 width: 100%; 13082 margin: 0; 13083 padding: 0px 20px; 13084 position: relative; 13085 } 13086 .horizontal_menu .nav_div_12 li { 13087 width: 100%; 13088 margin: 0; 13089 padding: 0px 20px; 13090 position: relative; 13091 } 13092 13093 #tablet_hamburger_menu_template .nav_div_12 li svg { 13094 position: absolute; 13095 right: 15px; 13096 height: 10px; 13097 top: 10px; 13098 } 13099 .horizontal_menu .nav_div_12 li svg { 13100 position: absolute; 13101 right: 15px; 13102 height: 10px; 13103 top: 10px; 13104 } 13105 13106 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_12 .nav_div_12 .nav_list li .nav_a_trd { 13107 display: flex; 13108 align-items: center; 13109 padding: 0; 13110 line-height: 30px; 13111 font-size: 14px; 13112 text-transform: uppercase; 13113 text-decoration: none; 13114 color: #222; 13115 white-space: normal; 13116 13117 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:35px; 13118 } 13119 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_12 .nav_div_12 .nav_list li button { 13120 background: none; 13121 border: none; 13122 cursor: pointer; 13123 } 13124 13125 .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 { 13126 text-decoration: underline; 13127 } 13128 13129 .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 { 13130 color:#000000; cursor: pointer; 13131 } 13132 13133 13134 .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 { 13135 display: flex; 13136 align-items: center; 13137 padding: 0; 13138 line-height: 30px; 13139 font-size: 14px; 13140 text-transform: uppercase; 13141 text-decoration: none; 13142 color: #222; 13143 white-space: normal; 13144 13145 color:#4d4d4d; font-style:normal; font-size:px; font-family:Arial; text-transform:none; line-height:35px; } 13146 13147 .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 { 13148 color:#000000; } 13149 13150 .nav_div_12 .nav_list li a .nav_icons { 13151 height: 30px; 13152 margin-right: 5px; 13153 } 13154 13155 13156 13157 .nav_div_12 .nav_list li a:hover { 13158 color: #3172ab; 13159 } 13160 .horizontal_menu .nav_div_12 .nav_list_trd { 13161 display: none; 13162 position: absolute; 13163 left: 100%; 13164 top: -15px; 13165 padding: 15px 0px; 13166 box-shadow: 0px 0px 5px #00000078; background: #fff; 13167 } 13168 .horizontal_menu .nav_div_12 .nav_list>li .nav_list_trd.open, 13169 .horizontal_menu .nav_div_12 .nav_list>li:hover .nav_list_trd { 13170 display: block; 13171 z-index: 99; 13172 } 13173 13174 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_12, 13175 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_12 .nav_list_trd{ 13176 width: 250px; 13177 } 13178 13179 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_12 .nav_list_trd{ 13180 width: 250px; 13181 } 13182 </style> 13183 </div> 13184 <div class="hum-line"></div> 13185 13186 13187 <button type="button" class="hamburger-menu
13187-nav-section " aria-expanded="false" aria-controls="tablet-submenu-16" aria-label="Expand Fine Jewelry section"> 13188 <span class="icon_and_name"> 13189 13190 Fine Jewelry </span> 13191 <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> 13192 13193 </button> 13194 13195 13196 13197 <div class="sub-menu-panel" id="tablet-submenu-16" aria-hidden="true"> 13198 13199 13200 13201 13202 13203<div class="menu_container default_build_menu menu_container_2_navigation_16"> 13204 <div class="nav_div_16"> 13205 <ul class="nav_list" role="menu" aria-label="Fine Jewelry" tabindex="-1"> 13206 13207 <li style="" 13208 class="" 13209 role="none"> 13210 13211 13212 13213 <a class="nav_a_trd " title="Shop By Type" href="#!" data-full_image="" role="menuitem" tabindex="0" > 13214 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> 13215 </a> 13216 13217 13218 13219 13220 13221 13222 13223 <ul class="nav_list_trd" role="menu" aria-label="Shop By Type" tabindex="-1"> 13224 <li style="" 13225 class="" 13226 role="none"> 13227 13228 <a class="" href="https://www.hellerjewelers.com/necklaces" title="Necklaces" role="menuitem" tabindex="0" > 13229 <img class="nav_icons menu_icon_necklaces" src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/necklaces/heart.svg" alt="Necklaces" title="Necklaces" loading="lazy"/> 13230 Necklaces </a> 13231 </li> 13232 <li style="" 13233 class="" 13234 role="none"> 13235 13236 <a class="" href="https://www.hellerjewelers.com/earrings" title="Earrings" role="menuitem" tabindex="-1" > 13237 <img class="nav_icons menu_icon_earrings" src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/earr
13237ings/stud.svg" alt="Earrings" title="Earrings" loading="lazy"/> 13238 Earrings </a> 13239 </li> 13240 <li style="" 13241 class="" 13242 role="none"> 13243 13244 <a class="" href="https://www.hellerjewelers.com/bracelets" title="Bracelets" role="menuitem" tabindex="-1" > 13245 <img class="nav_icons menu_icon_bracelets" src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bracelets/mens.svg" alt="Bracelets" title="Bracelets" loading="lazy"/> 13246 Bracelets </a> 13247 </li> 13248 <li style="" 13249 class="" 13250 role="none"> 13251 13252 <a class="" href="https://www.hellerjewelers.com/fashion-rings" title="Rings" role="menuitem" tabindex="-1" > 13253 <img class="nav_icons menu_icon_rings" src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bands/diamond.svg" alt="Rings" title="Rings" loading="lazy"/> 13254 Rings </a> 13255 </li> 13256 <li style="" 13257 class="" 13258 role="none"> 13259 13260 <a class="" href="https://www.hellerjewelers.com/charms" title="Charms " role="menuitem" tabindex="-1" > 13261 <img class="nav_icons menu_icon_charms" src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/necklaces/religious.svg" alt="Charms " title="Charms " loading="lazy"/> 13262 Charms </a> 13263 </li> 13264 </ul> 13265 </li> 13266 13267 13268 13269 <li style="" 13270 class="" 13271 role="none"> 13272 13273 13274 13275 <a class="nav_a_trd " title="Shop By Price" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 13276 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> 13277 </a> 13278 13279 13280 13281 13282 13283 13284 13285 <ul class="nav_list_trd" role="menu" aria-label="Shop By Price" tabindex="-1"> 13286 <li style="" 13287 class="" 13288 role="none"> 13289 13290 <a class="" href="https://www.hellerjewelers.com/fine-jewelry-0-to-500" title="Up to $500" role="menuitem" tabindex="0" > 13291 Up to $500 </a> 13292 </li> 13293 <li style="" 13294 class="" 13295 role="none"> 13296 13297 <a class="" href="https://www.hellerjewelers.com/fine-jewelry-500-to-1000" title="$500 - $1000" role="menuitem" tabindex="-1" > 13298 $500 - $1000 </a> 13299 </li> 13300 <li style="" 13301 class="" 13302 role="none"> 13303 13304 <a class="" href="https://www.hellerjewelers.com/fine-jewelry-1000-to-2000" title="$1000 - $2000" role="menuitem" tabindex="-1" > 13305 $1000 - $2000 </a> 13306 </li> 13307 <li style="" 13308 class="" 13309 role="none"> 13310 13311 <a class="" href="https://www.hellerjewelers.com/fine-jewelry-2000-to-5000" title="$2000 - $5000" role="menuitem" tabindex="-1" > 13312 $2000 - $5000 </a> 13313 </li> 13314 <li style="" 13315 class="" 13316 role="none"> 13317 13318 <a class="" href="https://www.hellerjewelers.com/fine-jewelry-5000-up" title="$5000 & Up" role="menuitem" tabindex="-1" > 13319 $5000 & Up </a> 13320 </li> 13321 </ul> 13322 </li> 13323 13324 13325 13326 <li style="" 13327 class="" 13328 role="none"> 13329 13330 13331 13332 <a class="nav_a_trd " title="Start Your Research" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 13333 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> 13334 </a> 13335 13336 13337 13338 13339 13340 13341 13342 <ul class="nav_list_trd" role="menu" aria-label="Start Your Research" tabindex="-1"> 13343
13343 <li style="" 13344 class="" 13345 role="none"> 13346 13347 <a class="" href="https://www.hellerjewelers.com/jewelry-designers" title="View All Fine Jewelry >>" role="menuitem" tabindex="0" > 13348 View All Fine Jewelry >> </a> 13349 </li> 13350 <li style="" 13351 class="" 13352 role="none"> 13353 13354 <a class="" href="https://www.hellerjewelers.com/hearts-on-fire" title="Hearts on Fire" role="menuitem" tabindex="-1" > 13355 Hearts on Fire </a> 13356 </li> 13357 </ul> 13358 </li> 13359 13360 13361 </ul> 13362 </div> 13363</div> 13364<style> 13365 .menu_container_2_navigation_16 { 13366 background: #fff; 13367 } 13368 .horizontal_menu .nav_div_16 { 13369 padding: 15px 0px; 13370 box-shadow: 0px 0px 5px #00000078; display: flex; 13371 flex-wrap: wrap; 13372 } 13373 .horizontal_menu .nav_img_16 { 13374 height: 200px; 13375 width: 250px; 13376 margin-left: 50px; 13377 margin-right: 20px; 13378 flex-shrink: 0; 13379 order: 1; 13380 } 13381 .horizontal_menu .nav_img_16 img { 13382 max-width: 100%; 13383 max-height: 100%; 13384 } 13385 .horizontal_menu .nav_div_16 .vfit { 13386 text-align: left; 13387 border-bottom: 1px solid #ececec; 13388 text-transform: uppercase; 13389 } 13390 .nav_div_16 .vfit a { 13391 text-decoration: none; 13392 color: #222; 13393 } 13394 .nav_div_16 .nav_list { 13395 list-style: none; 13396 margin: 0; 13397 padding: 0; 13398 order: 1; 13399 } 13400 .nav_div_16 ul { 13401 list-style: none; 13402 } 13403 #tablet_hamburger_menu_template .nav_div_16 li { 13404 width: 100%; 13405 margin: 0; 13406 padding: 0px 20px; 13407 position: relative; 13408 } 13409 .horizontal_menu .nav_div_16 li { 13410 width: 100%; 13411 margin: 0; 13412 padding: 0px 20px; 13413 position: relative; 13414 } 13415 13416 #tablet_hamburger_menu_template .nav_div_16 li svg { 13417 position: absolute; 13418 right: 15px; 13419 height: 10px; 13420 top: 10px; 13421 } 13422 .horizontal_menu .nav_div_16 li svg { 13423 position: absolute; 13424 right: 15px; 13425 height: 10px; 13426 top: 10px; 13427 } 13428 13429 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_16 .nav_div_16 .nav_list li .nav_a_trd { 13430 display: flex; 13431 align-items: center; 13432 padding: 0; 13433 line-height: 30px; 13434 font-size: 14px; 13435 text-transform: uppercase; 13436 text-decoration: none; 13437 color: #222; 13438 white-space: normal; 13439 13440 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:35px; 13441 } 13442 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_16 .nav_div_16 .nav_list li button { 13443 background: none; 13444 border: none; 13445 cursor: pointer; 13446 } 13447 13448 .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 { 13449 text-decoration: underline; 13450 } 13451 13452 .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 { 13453 color:#000000; cursor: pointer; 13454 } 13455 13456 13457 .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 { 13458 display: flex; 13459 align-items: center; 13460 padding: 0; 13461 line-height: 30px; 13462 font-size: 14px; 13463 text-transform: uppercase; 13464 text-decoration: none; 13465 color: #222; 13466 white-space: normal; 13467 13468 color:#4d4d4d; font-style:normal; font-size:px; font-family:Arial; text-transform:none; line-height:35px; } 13469 13470 .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 { 13471 color:#000000; } 13472 13473 .nav_div_16 .nav_list li a .nav_icons { 13474 height: 30px; 13475 margin-right: 5px; 13476 } 13477 13478 13479 13480 .nav_div_16 .nav_list li a:hover { 13481 color: #3172ab; 13482 } 13483 .horizontal_menu .nav_div_16 .nav_list_trd { 13484 display: none; 13485 position: absolute; 13486 left: 100%; 13487 top: -15px; 13488 padding: 15px 0px; 13489 box-shadow: 0px 0px 5px #00000078; background: #fff; 13490 } 13491 .horizontal_menu .nav_div_16 .nav_list>li .nav_list_trd.open, 13492 .horizontal_menu .nav_div_16 .nav_list>li:hover .nav_list_trd { 13493 display: block; 13494 z-index: 99; 13495 } 13496 13497 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_16, 13498 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_16 .nav_list_trd{ 13499 width: 250px; 13500 } 13501 13502 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_16 .nav_list_trd{ 13503 width: 250px; 13504 } 13505 </style> 13506 </div> 13507 <div class="hum-line"></div> 13508 13509 13510 <button type="button" class="hamburger-menu
13510-nav-section " aria-expanded="false" aria-controls="tablet-submenu-72" aria-label="Expand Designers section"> 13511 <span class="icon_and_name"> 13512 13513 Designers </span> 13514 <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> 13515 13516 </button> 13517 13518 13519 13520 <div class="sub-menu-panel" id="tablet-submenu-72" aria-hidden="true"> 13521 13522 13523 13524 13525 13526<div class="menu_container default_build_menu menu_container_2_navigation_72"> 13527 <div class="nav_div_72"> 13528 <ul class="nav_list" role="menu" aria-label="Designers " tabindex="-1"> 13529 13530 <li style="" 13531 class="" 13532 role="none"> 13533 13534 13535 13536 <a class="nav_a_trd " title="Baccarat" href="https://www.hellerjewelers.com/baccarat" data-full_image="/public/1.0/uploads/source/brands/untitled_design_32.png" role="menuitem" tabindex="0" > 13537 Baccarat </a> 13538 13539 13540 13541 13542 13543 13544 13545 </li> 13546 13547 13548 13549 <li style="" 13550 class="" 13551 role="none"> 13552 13553 13554 13555 <a class="nav_a_trd " title="Baraka" href="https://www.hellerjewelers.com/baraka" data-full_image="" role="menuitem" tabindex="-1" > 13556 Baraka </a> 13557 13558 13559 13560 13561 13562 13563 13564 </li> 13565 13566 13567 13568 <li style="" 13569 class="" 13570 role="none"> 13571 13572 13573 13574 <a class="nav_a_trd " title="Fope" href="https://www.hellerjewelers.com/fope" data-full_image="" role="menuitem" tabindex="-1" > 13575 Fope </a> 13576 13577 13578 13579 13580 13581 13582 13583 </li> 13584 13585 13586 13587 <li style="" 13588 class="" 13589 role="none"> 13590 13591 13592 13593 <a class="nav_a_trd " title="Gabriel & Co. Bridal" href="https://www.hellerjewelers.com/gabriel-co-bridal" data-full_image="" role="menuitem" tabindex="-1" > 13594 Gabriel & Co. Bridal </a> 13595 13596 13597 13598 13599 13600 13601 13602 </li> 13603 13604 13605 13606 <li style="" 13607 class="" 13608 role="none"> 13609 13610 13611 13612 <a class="nav_a_trd " title="Gumuchian" href="https://www.hellerjewelers.com/gumuchian" data-full_image="" role="menuitem" tabindex="-1" > 13613 Gumuchian </a> 13614 13615 13616 13617 13618 13619 13620 13621 </li> 13622 13623 13624 13625 <li style="" 13626 class="" 13627 role="none"> 13628 13629 13630 13631 <a class="nav_a_trd " title="Harry
13631Kotlar " href="https://www.hellerjewelers.com/harry-kotlar" data-full_image="" role="menuitem" tabindex="-1" > 13632 Harry Kotlar </a> 13633 13634 13635 13636 13637 13638 13639 13640 </li> 13641 13642 13643 13644 <li style="" 13645 class="" 13646 role="none"> 13647 13648 13649 13650 <a class="nav_a_trd " title="Hearts on Fire" href="https://www.hellerjewelers.com/hearts-on-fire-products" data-full_image="" role="menuitem" tabindex="-1" > 13651 Hearts on Fire </a> 13652 13653 13654 13655 13656 13657 13658 13659 </li> 13660 13661 13662 13663 <li style="" 13664 class="" 13665 role="none"> 13666 13667 13668 13669 <a class="nav_a_trd " title="HJ Collection" href="https://www.hellerjewelers.com/heller-jewelers" data-full_image="" role="menuitem" tabindex="-1" > 13670 HJ Collection </a> 13671 13672 13673 13674 13675 13676 13677 13678 </li> 13679 13680 13681 13682 <li style="" 13683 class="" 13684 role="none"> 13685 13686 13687 13688 <a class="nav_a_trd " title="Hulchi Belluni " href="https://www.hellerjewelers.com/hulchi-belluni" data-full_image="" role="menuitem" tabindex="-1" > 13689 Hulchi Belluni </a> 13690 13691 13692 13693 13694 13695 13696 13697 </li> 13698 13699 13700 13701 <li style="" 13702 class="" 13703 role="none"> 13704 13705 13706 13707 <a class="nav_a_trd " title="Jonathan Adler" href="https://www.hellerjewelers.com/jonathan-adler" target="_blank" data-full_image="/public/1.0/uploads/source/brands/jonathan_adler/fde8f9fcd8ac70f38355a47645c76fd8-w1000-h1000-1-e1634061725761.png" role="menuitem" tabindex="-1" > 13708 Jonathan Adler </a> 13709 13710 13711 13712 13713 13714 13715 13716 </li> 13717 13718 13719 13720 <li style="" 13721 class="" 13722 role="none"> 13723 13724 13725 13726 <a class="nav_a_trd " title="Luigi Tavanti" href="https://www.hellerjewelers.com/luigi-tavanti" data-full_image="" role="menuitem" tabindex="-1" > 13727 Luigi Tavanti </a> 13728 13729 13730 13731 13732 13733 13734 13735 </li> 13736 13737 13738 13739 <li style="" 13740 class="" 13741 role="none"> 13742 13743 13744 13745 <a class="nav_a_trd " title="Michael Aram " href="https://www.hellerjewelers.com/michael-aram" data-full_image="" role="menuitem" tabindex="-1" > 13746 Michael Aram </a> 13747 13748 13749 13750 13751 13752 13753 13754 </li> 13755 13756 </ul> 13757 <ul class="nav_list" role="menu" aria-label="Designers " tabindex="-1"> 13758 13759 13760 <li style="" 13761 class="" 13762 role="none"> 13763 13764 13765 13766 <a class="nav_a_trd " title="Oscar Heyman" href="https://www.hellerjewelers.com/oscar-heyman" target="_blank" data-full_image="" role="menuitem" tabindex="0" > 13767 Oscar Heyman </a> 13768 13769 13770 13771 13772 13773 13774 13775 </li> 13776 13777 13778 13779 <li style="" 13780 class="" 13781 role="none"> 13782 13783 13784 13785 <a class="nav_a_trd " title="Pasquale Bruni " href="https://www.hellerjewelers.com/pasquale-bruni" data-full_image="" role="menuitem" tabindex="-1" > 13786 Pasquale Bruni </a> 13787 13788 13789 13790 13791 13792 13793 13794 </li> 13795 13796 13797 13798 <li style="" 13799 class="" 13800 role="none"> 13801 13802 13803 13804 <a class="nav_a_trd " title="Pomellato" href="https://www.hellerjewelers.com/pomellato" data-full_image="" role="menuitem" tabindex="-1" > 13805 Pomellato </a> 13806 13807 13808 13809 13810 13811 13812 13813 </li> 13814 13815 13816 13817 <li style="" 13818 class="" 13819 role="none"> 13820 13821 13822 13823 <a class="nav_a_trd " title="Roberto Coin" href="https://www.hellerjewelers.com/roberto-coin" data-full_image="" role="menuitem" tabindex="-1" > 13824 Roberto Coin </a> 13825 13826 13827 13828 13829 13830 13831 13832 </li> 13833 13834 13835 13836 <li style="" 13837 class="" 13838 role="none"> 13839 13840 13841 13842 <a class="nav_a_trd " title="Verragio" href="https://www.hellerjewelers.com/verragio" data-full_image="" role="menuitem" tabindex="-1" > 13843 Verragio </a> 13844 13845 13846 13847 13848 13849 13850 13851 </li> 13852 13853 13854 13855 <li style="" 13856 class="" 13857 role="none"> 13858 13859 13860 13861 <a class="nav_a_trd " title="William Henry " href="https://www.hellerjewelers.com/william-henry" data-full_image="" role="menuitem" tabindex="-1" > 13862 William Henry </a> 13863 13864 13865 13866 13867 13868 13869 13870 </li> 13871 13872 13873 13874 <li style="" 13875 class="" 13876 role="none"> 13877 13878 13879 13880 <a class="nav_a_trd " title="Wolf " href="https://www.hellerjewelers.com/wolf-designs-inc" data-full_image="" role="menuitem" tabindex="-1" > 13881 Wolf </a> 13882 13883 13884 13885 13886 13887 13888 13889 </li> 13890 13891 13892 13893 <li style="" 13894 class="" 13895 role="none"> 13896 13897 13898 13899 <a class="nav_a_trd " title="Zydo Italy" href="https://www.hellerjewelers.com/zydo-italy" data-full_image="" role="menuitem" tabindex="-1" > 13900 Zydo Italy </a> 13901 13902 13903 13904 13905 13906 13907 13908 </li> 13909 13910 13911 13912 <li style="" 13913 class="" 13914 role="none"> 13915 13916 13917 13918 <a class="nav_a_trd " title="Always Dream Collection" href="https://www.hellerjewelers.com/always-dream-collection" data-full_image="/public/1.0/uploads/source/always_dream/hj_always_dream_icons_logo.png" role="menuitem" tabindex="-1" > 13919 Always Dream Collection </a> 13920 13921 13922 13923 13924 13925 13926 13927 </li> 13928 13929 13930 </ul> 13931 </div> 13932</div> 13933<style> 13934 .menu_container_2_navigation_72 { 13935 background: #fff; 13936 } 13937 .horizontal_menu .nav_div_72 { 13938 padding: 15px 0px; 13939 box-shadow: 0px 0px 5px #00000078; display: flex; 13940 flex-wrap: wrap; 13941 } 13942 .horizontal_menu .nav_img_72 { 13943 height: 200px; 13944 width: 250px; 13945 margin-left: 50px; 13946 margin-right: 20px; 13947 flex-shrink: 0; 13948 order: 1; 13949 } 13950 .horizontal_menu .nav_img_72 img { 13951 max-width: 100%; 13952 max-height: 100%; 13953 } 13954 .horizontal_menu .nav_div_72 .vfit { 13955 text-align: left; 13956 border-bottom: 1px solid #ececec; 13957 text-transform: uppercase; 13958 } 13959 .nav_div_72 .vfit a { 13960 text-decoration: none; 13961 color: #222; 13962 } 13963 .nav_div_72 .nav_list { 13964 list-style: none; 13965 margin: 0; 13966 padding: 0; 13967 order: 1; 13968 } 13969 .nav_div_72 ul { 13970 list-style: none; 13971 } 13972 #tablet_hamburger_menu_template .nav_div_72 li { 13973 width: 100%; 13974 margin: 0; 13975 padding: 0px 20px; 13976 position: relative; 13977 } 13978 .horizontal_menu .nav_div_72 li { 13979 width: 100%; 13980 margin: 0; 13981 padding: 0px 20px; 13982 position: relative; 13983 } 13984 13985 #tablet_hamburger_menu_template .nav_div_72 li svg { 13986 position: absolute; 13987 right: 15px; 13988 height: 10px; 13989 top: 10px; 13990 } 13991 .horizontal_menu .nav_div_72 li svg { 13992 position: absolute; 13993 right: 15px; 13994 height: 10px; 13995 top: 10px; 13996 } 13997 13998 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_72 .nav_div_72 .nav_list li .nav_a_trd { 13999 display: flex; 14000 align-items: center; 14001 padding: 0; 14002 line-height: 30px; 14003 font-size: 14px; 14004 text-transform: uppercase; 14005 text-decoration: none; 14006 color: #222; 14007 white-space: normal; 14008 14009 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:35px; 14010 } 14011 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_72 .nav_div_72 .nav_list li button { 14012 background: none; 14013 border: none; 14014 cursor: pointer; 14015 } 14016 14017 .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 { 14018 text-decoration: underline; 14019 } 14020 14021 .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 { 14022 color:#000000; cursor: pointer; 14023 } 14024 14025 14026 .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 { 14027 display: flex; 14028 align-items: center; 14029 padding: 0; 14030 line-height: 30px; 14031 font-size: 14px; 14032 text-transform: uppercase; 14033 text-decoration: none; 14034 color: #222; 14035 white-space: normal; 14036 14037 color:#4d4d4d; font-style:normal; font-size:px; font-family:Arial; text-transform:none; line-height:35px; } 14038 14039 .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 { 14040 color:#000000; } 14041 14042 .nav_div_72 .nav_list li a .nav_icons { 14043 height: 30px; 14044 margin-right: 5px; 14045 } 14046 14047 14048 14049 .nav_div_72 .nav_list li a:hover { 14050 color: #3172ab; 14051 } 14052 .horizontal_menu .nav_div_72 .nav_list_trd { 14053 display: none; 14054 position: absolute; 14055 left: 100%; 14056 top: -15px; 14057 padding: 15px 0px; 14058 box-shadow: 0px 0px 5px #00000078; background: #fff; 14059 } 14060 .horizontal_menu .nav_div_72 .nav_list>li .nav_list_trd.open, 14061 .horizontal_menu .nav_div_72 .nav_list>li:hover .nav_list_trd { 14062 display: block; 14063 z-index: 99; 14064 } 14065 14066 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_72, 14067 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_72 .nav_list_trd{ 14068 } 14069 14070 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_72 .nav_list_trd{ 14071 width: 250px; 14072 } 14073 </style> 14074 </div> 14075 <div class="hum-line"></div> 14076 14077 14078 <div
14078class="ham_menu_container"> 14079 <a class="hamburger-menu-nav-section parent_men " title="Timepieces" href="/timepieces" > 14080 14081 <span class="icon_and_name"> 14082 14083 Timepieces </span> 14084 14085 </a> 14086 <button type="button" class="hamburger-menu-nav-section parent_men_arrow" aria-expanded="false" aria-controls="tablet-submenu-20" aria-label="Expand Timepieces section"> 14087 14088 <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> 14089 14090 </button> 14091 14092 14093 14094 </div> 14095 14096 <div class="sub-menu-panel" id="tablet-submenu-20" aria-hidden="true"> 14097 14098 14099 14100 14101 14102<div class="menu_container default_build_menu menu_container_2_navigation_20"> 14103 <div class="nav_div_20"> 14104 <ul class="nav_list" role="menu" aria-label="Timepieces" tabindex="-1"> 14105 14106 <li style="" 14107 class="" 14108 role="none"> 14109 14110 14111 14112 <a class="nav_a_trd " title="ROLEX" href="/rolex" data-full_image="" role="menuitem" tabindex="0" > 14113 ROLEX </a> 14114 14115 14116 14117 14118 14119 14120 14121 </li> 14122 14123 14124 14125 <li style="" 14126 class="" 14127 role="none"> 14128 14129 14130 <div class="ham_menu_container"> 14131 14132 <a class="nav_a_trd parent_men " title="TUDOR" href="/tudor-at-heller-jewelers" data-full_image="" role="menuitem" tabindex="-1" > 14133 TUDOR 14134 </a> 14135 14136 <a class="nav_a_trd parent_men_arrow" href="#!"> 14137 14138 14139 <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> 14140 </a> 14141 14142 14143 14144 14145 </div> 14146 14147 14148 14149 14150 <ul class="nav_list_trd" role="menu" aria-label="TUDOR" tabindex="-1"> 14151 <li style="" 14152 class="" 14153 role="none"> 14154 14155 <a class="" href="https://www.hellerjewelers.com/tudor-ranger" title="Ranger" role="menuitem" tabindex="0" > 14156 Ranger </a> 14157 </li> 14158 <li style="" 14159 class="" 14160 role="none"> 14161 14162 <a class="" href="https://www.hellerjewelers.com/tudor-black-bay" title="Black Bay" role="menuitem" tabindex="-1" > 14163 Black Bay </a> 14164 </li> 14165 <li style="" 14166 class="" 14167 role="none"> 14168 14169 <a class="" href="https://www.hellerjewelers.com/tudor-pelagos" title="Pelagos" role="menuitem" tabindex="-1" > 14170 Pelagos </a> 14171 </li> 14172 <li style="" 14173 class="" 14174 role="none"> 14175 14176 <a class="" href="https://www.hellerjewelers.com/tudor-1926" title="1926" role="menuitem" tabindex="-1" > 14177 1926 </a> 14178 </li> 14179 <li style="" 14180 class="" 14181 role="none"> 14182 14183 <a class="" href="https://www.hellerjewelers.com/tudor-royal" title="Royal" role="menuitem" tabindex="-1" > 14184 Royal </a> 14185 </li> 14186 <li style="" 14187 class="" 14188 role="none"> 14189 14190 <a class="" href="https://www.hellerjewelers.com/tudor-black-bay-68" title="Black Bay 68" role="menuitem" tabindex="-1" > 14191 Black Bay 68 </a> 14192 </li> 14193 <li style="" 14194 class="" 14195 role="none"> 14196 14197 <a class="" href="https://www.hellerjewelers.com/tudor-black-bay-one" title="Black Bay One" role="menuitem" tabindex="-1" > 14198 Black Bay One </a> 14199 </li> 14200 <li style="" 14201 class="" 14202 role="none"> 14203 14204 <a class="" href="https://www.hellerjewelers.com/tudor-daring-watches" title="Daring Watches" role="menuitem" tabindex="-1" > 14205 Daring Watches </a> 14206 </li> 14207 <li style="" 14208 class="" 14209 role="none"> 14210 14211 <a class="" href="https://www.hellerjewelers.com/tudor-collections" title="Shop the TUDOR Collection" role="menuitem" tabindex="-1" > 14212 Shop the TUDOR Collection </a> 14213 </li> 14214 </ul> 14215 </li> 14216 14217 14218 14219 <li style="" 14220 class="" 14221 role="none"> 14222 14223 14224 14225 <a class="nav_a_trd " title="Cartier" href="https://www.hellerjewelers.com/cartier" data-full_image="" role="menuitem" tabindex="-1" > 14226 Cartier </a> 14227 14228 14229 14230 14231 14232 14233 14234 </li> 14235 14236 14237 14238 <li style="" 14239 class="" 14240 role="none"> 14241 14242 14243 14244 <a class="nav_a_trd " title="Jaeger LeCoultre" href="https://www.hellerjewelers.com/jaeger-lecoultre" data-full_image="" role="menuitem" tabindex="-1" > 14245 Jaeger LeCoultre </a> 14246 14247 14248 14249 14250 14251 14252 14253 </li> 14254 14255 14256 14257 <li style="" 14258 class="" 14259 role="none"> 14260 14261 14262 14263 <a class="nav_a_trd " title="Grand Seiko" href="https://www.hellerjewelers.com/grand-seiko" data-full_image="" role="menuitem" tabindex="-1" > 14264 Grand Seiko </a> 14265 14266 14267 14268 14269 14270 14271 14272 </li> 14273 14274 14275 14276 <li style="" 14277 class="" 14278 role="none"> 14279 14280 14281 14282 <a class="nav_a_trd " title="TAG Heuer" href="https://www.hellerjewelers.com/tag-heuer" data-full_image="" role="menuitem" tabindex="-1" > 14283 TAG Heuer </a> 14284 14285 14286 14287 14288 14289 14290 14291 </li> 14292 14293 14294 14295
14295 <li style="" 14296 class="" 14297 role="none"> 14298 14299 14300 14301 <a class="nav_a_trd " title="Pre-Owned" href="https://www.hellerjewelers.com/shop-preowned" data-full_image="" role="menuitem" tabindex="-1" > 14302 Pre-Owned </a> 14303 14304 14305 14306 14307 14308 14309 14310 </li> 14311 14312 14313 </ul> 14314 </div> 14315</div> 14316<style> 14317 .menu_container_2_navigation_20 { 14318 background: #fff; 14319 } 14320 .horizontal_menu .nav_div_20 { 14321 padding: 15px 0px; 14322 box-shadow: 0px 0px 5px #00000078; display: flex; 14323 flex-wrap: wrap; 14324 } 14325 .horizontal_menu .nav_img_20 { 14326 height: 200px; 14327 width: 250px; 14328 margin-left: 50px; 14329 margin-right: 20px; 14330 flex-shrink: 0; 14331 order: 1; 14332 } 14333 .horizontal_menu .nav_img_20 img { 14334 max-width: 100%; 14335 max-height: 100%; 14336 } 14337 .horizontal_menu .nav_div_20 .vfit { 14338 text-align: left; 14339 border-bottom: 1px solid #ececec; 14340 text-transform: uppercase; 14341 } 14342 .nav_div_20 .vfit a { 14343 text-decoration: none; 14344 color: #222; 14345 } 14346 .nav_div_20 .nav_list { 14347 list-style: none; 14348 margin: 0; 14349 padding: 0; 14350 order: 1; 14351 } 14352 .nav_div_20 ul { 14353 list-style: none; 14354 } 14355 #tablet_hamburger_menu_template .nav_div_20 li { 14356 width: 100%; 14357 margin: 0; 14358 padding: 0px 20px; 14359 position: relative; 14360 } 14361 .horizontal_menu .nav_div_20 li { 14362 width: 100%; 14363 margin: 0; 14364 padding: 0px 20px; 14365 position: relative; 14366 } 14367 14368 #tablet_hamburger_menu_template .nav_div_20 li svg { 14369 position: absolute; 14370 right: 15px; 14371 height: 10px; 14372 top: 10px; 14373 } 14374 .horizontal_menu .nav_div_20 li svg { 14375 position: absolute; 14376 right: 15px; 14377 height: 10px; 14378 top: 10px; 14379 } 14380 14381 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_20 .nav_div_20 .nav_list li .nav_a_trd { 14382 display: flex; 14383 align-items: center; 14384 padding: 0; 14385 line-height: 30px; 14386 font-size: 14px; 14387 text-transform: uppercase; 14388 text-decoration: none; 14389 color: #222; 14390 white-space: normal; 14391 14392 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:35px; 14393 } 14394 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_20 .nav_div_20 .nav_list li button { 14395 background: none; 14396 border: none; 14397 cursor: pointer; 14398 } 14399 14400 .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 { 14401 text-decoration: underline; 14402 } 14403 14404 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_20 .nav_div_20 .n
14404av_list li .nav_a_trd:hover { 14405 color:#000000; cursor: pointer; 14406 } 14407 14408 14409 .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 { 14410 display: flex; 14411 align-items: center; 14412 padding: 0; 14413 line-height: 30px; 14414 font-size: 14px; 14415 text-transform: uppercase; 14416 text-decoration: none; 14417 color: #222; 14418 white-space: normal; 14419 14420 color:#4d4d4d; font-style:normal; font-size:px; font-family:Arial; text-transform:none; line-height:35px; } 14421 14422 .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 { 14423 color:#000000; } 14424 14425 .nav_div_20 .nav_list li a .nav_icons { 14426 height: 30px; 14427 margin-right: 5px; 14428 } 14429 14430 14431 14432 .nav_div_20 .nav_list li a:hover { 14433 color: #3172ab; 14434 } 14435 .horizontal_menu .nav_div_20 .nav_list_trd { 14436 display: none; 14437 position: absolute; 14438 left: 100%; 14439 top: -15px; 14440 padding: 15px 0px; 14441 box-shadow: 0px 0px 5px #00000078; background: #fff; 14442 } 14443 .horizontal_menu .nav_div_20 .nav_list>li .nav_list_trd.open, 14444 .horizontal_menu .nav_div_20 .nav_list>li:hover .nav_list_trd { 14445 display: block; 14446 z-index: 99; 14447 } 14448 14449 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_20, 14450 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_20 .nav_list_trd{ 14451 width: 250px; 14452 } 14453 14454 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_20 .nav_list_trd{ 14455 width: 250px; 14456 } 14457 </style> 14458 </div> 14459 <div class="hum-line"></div> 14460 14461 14462 <button type="button" class="hamburger-menu-nav-section " aria-expanded="false" aria-controls="tablet-submenu-21" aria-label="Expand Our Company section"> 14463 <span class="icon_and_name"> 14464 14465 Our Company </span> 14466 <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> 14467 14468 </button> 14469 14470 14471 14472 <div class="sub-menu-panel" id="tablet-submenu-21" aria-hidden="true"> 14473 14474 14475 14476 14477 14478<div class="menu_container default_build_menu menu_container_2_navigation_21"> 14479 <div class="nav_div_21"> 14480 <ul class="nav_list" role="menu" aria-label="Our Company" tabindex="-1"> 14481 14482 <li style="" 14483 class="" 14484 role="none"> 14485 14486 14487 14488 <a class="nav_a_trd " title="Blog" href="https://www.hellerjewelers.com/blog" data-full_image="" role="menuitem" tabindex="0" > 14489 Blog </a> 14490 14491 14492 14493 14494 14495 14496 14497 </li> 14498 14499 14500 14501 <li style="" 14502 class="" 14503 role="none"> 14504 14505 14506 14507 <a class="nav_a_trd " title="Come Visit Us" href="https://www.hellerjewelers.com/come-visit-us" data-full_image="" role="menuitem" tabindex="-1" > 14508 Come Visit Us </a> 14509 14510 14511 14512 14513 14514 14515 14516 </li> 14517 14518 14519 14520 <li style="" 14521 class="" 14522 role="none"> 14523 14524 14525 14526 <a class="nav_a_trd " title="Zillion - Insurance" href="https://www.hellerjewelers.com/zillion" data-full_image="" role="menuitem" tabindex="-1" > 14527 Zillion - Insurance </a> 14528 14529 14530 14531 14532 14533 14534 14535 </li> 14536 14537 14538 14539 <li style="" 14540 class="" 14541 role="none"> 14542 14543 14544 14545 <a class="nav_a_trd " title="Natural Diamond Council" href="https://www.hellerjewelers.com/ndc-diamonds" data-full_image="" role="menuitem" tabindex="-1" > 14546 Natural Diamond Council </a> 14547 14548 14549 14550 14551 14552 14553 14554 </li> 14555 14556 14557 14558 <li style="" 14559 class="" 14560 role="none"> 14561 14562 14563 14564 <a class="nav_a_trd " title="Always Dream by HJ" href="https://www.hellerjewelers.com/always-dream" target="_blank" data-full_image="/public/1.0/uploads/source/always_dream/hj_always_dream_icons_logo.png" role="menuitem" tabindex="-1" > 14565 Always Dream by HJ </a> 14566 14567 14568 14569 14570 14571 14572 14573 </li> 14574 14575 14576 14577 <li style="" 14578 class="" 14579 role="none"> 14580 14581 14582 14583 <a class="nav_a_trd " title="2025 Magazine" href="https://www.hellerjewelers.com/2025-magazine" target="_blank" data-full_image="/public/1.0/uploads/source/static-pages/2025-magazine/page0001.jpg" role="menuitem" tabindex="-1" > 14584 2025 Magazine </a> 14585 14586 14587 14588 14589 14590 14591 14592 </li> 14593 14594 14595 14596 <li style="" 14597 class="" 14598 role="none"> 14599 14600 14601 14602 <a class="nav_a_trd " title="Holiday Gift Guide 2026" href="https://www.hellerjewelers.com/holiday-gift-guide" target="_blank" data-full_image="/public/1.0/uploads/source/gift_guides/holiday-2026/Holiday-Gift-Guide---Thumbnail.jpg" role="menuitem" tabindex="-1" > 14603 Holiday Gift Guide 2026 </a> 14604 14605 14606 14607 14608 14609 14610 14611 </li> 14612 14613 14614 </ul> 14615 </div> 14616</div> 14617<style> 14618 .menu_container_2_navigation_21 { 14619 background: #fff; 14620 } 14621 .horizontal_menu .nav_div_21 { 14622 padding: 15px 0px; 14623 box-shadow: 0px 0px 5px #00000078; display: flex; 14624 flex-wrap: wrap; 14625 } 14626 .horizontal_menu .nav_img_21 { 14627 height: 200px; 14628 width: 250px; 14629 margin-left: 50px; 14630 margin-right: 20px; 14631 flex-shrink: 0; 14632 order: 1; 14633 } 14634 .horizontal_menu .nav_img_21 img { 14635 max-width: 100%; 14636 max-height: 100%; 14637 } 14638 .horizontal_menu .nav_div_21 .vfit { 14639 text-align: left; 14640 border-bottom: 1px solid #ececec; 14641 text-transform: uppercase; 14642 } 14643 .nav_div_21 .vfit a { 14644 text-decoration: none; 14645 color: #222; 14646 } 14647 .nav_div_21 .nav_list { 14648 list-style: none; 14649 margin: 0; 14650 padding: 0; 14651 order: 1; 14652 } 14653 .nav_div_21 ul { 14654 list-style: none; 14655 } 14656 #tablet_hamburger_menu_template .nav_div_21 li { 14657 width: 100%; 14658 margin: 0; 14659 padding: 0px 20px; 14660 position: relative; 14661 } 14662 .horizontal_menu .nav_div_21 li { 14663 width: 100%; 14664 margin: 0; 14665 padding: 0px 20px; 14666 position: relative; 14667 } 14668 14669 #tablet_hamburger_menu_template .nav_div_21 li svg { 14670 position: absolute; 14671 right: 15px; 14672 height: 10px; 14673 top: 10px; 14674 } 14675 .horizontal_menu .nav_div_21 li svg { 14676 position: absolute; 14677 right: 15px; 14678 height: 10px; 14679 top: 10px; 14680 } 14681 14682 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_21 .nav_div_21 .nav_list li .nav_a_trd { 14683 display: flex; 14684 align-items: center; 14685 padding: 0; 14686 line-height: 30px; 14687 font-size: 14px; 14688 text-transform: uppercase; 14689 text-decoration: none; 14690 color: #222; 14691 white-space: normal; 14692 14693 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:35px; 14694 } 14695 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_21 .nav_div_21 .nav_list li button { 14696 background: none; 14697 border: none; 14698 cursor: pointer; 14699 } 14700 14701 .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 { 14702 text-decoration: underline; 14703 } 14704 14705 .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 { 14706 color:#000000; cursor: pointer; 14707 } 14708 14709 14710 .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 { 14711 display: flex; 14712 align-items: center; 14713 padding: 0; 14714 line-height: 30px; 14715 font-size: 14px; 14716 text-transform: uppercase; 14717 text-decoration: none; 14718 color: #222; 14719 white-space: normal; 14720 14721 color:#4d4d4d; font-style:normal; font-size:px; font-family:Arial; text-transform:none; line-height:35px; } 14722 14723 .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 { 14724 color:#000000; } 14725 14726 .nav_div_21 .nav_list li a .nav_icons { 14727 height: 30px; 14728 margin-right: 5px; 14729 } 14730 14731 14732 14733 .nav_div_21 .nav_list li a:hover { 14734 color: #3172ab; 14735 } 14736 .horizontal_menu .nav_div_21 .nav_list_trd { 14737 display: none; 14738 position: absolute; 14739 left: 100%; 14740 top: -15px; 14741 padding: 15px 0px; 14742 box-shadow: 0px 0px 5px #00000078; background: #fff; 14743 } 14744 .horizontal_menu .nav_div_21 .nav_list>li .nav_list_trd.open, 14745 .horizontal_menu .nav_div_21 .nav_list>li:hover .nav_list_trd { 14746 display: block; 14747 z-index: 99; 14748 } 14749 14750 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_21, 14751 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_21 .nav_list_trd{ 14752 width: 250px; 14753 } 14754 14755 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_21 .nav_list_trd{ 14756 width: 250px; 14757 } 14758 </style> 14759 </div> 14760 <div class="hum-line"></div> 14761 14762 14763 <div class="ham_menu_container">
14764 <a class="hamburger-menu-nav-section parent_men " title="Services" href="https://www.hellerjewelers.com/our-services" > 14765 14766 <span class="icon_and_name"> 14767 14768 Services </span> 14769 14770 </a> 14771 <button type="button" class="hamburger-menu-nav-section parent_men_arrow" aria-expanded="false" aria-controls="tablet-submenu-118" aria-label="Expand Services section"> 14772 14773 <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> 14774 14775 </button> 14776 14777 14778 14779 </div> 14780 14781 <div class="sub-menu-panel" id="tablet-submenu-118" aria-hidden="true"> 14782 14783 14784 14785 14786 14787<div class="menu_container default_build_menu menu_container_2_navigation_118"> 14788 <div class="nav_div_118"> 14789 <ul class="nav_list" role="menu" aria-label="Services" tabindex="-1"> 14790 14791 <li style="" 14792 class="" 14793 role="none"> 14794 14795 14796 14797 <a class="nav_a_trd " title="Our Services" href="https://www.hellerjewelers.com/our-services" target="_blank" data-full_image="" role="menuitem" tabindex="0" > 14798 Our Services </a> 14799 14800 14801 14802 14803 14804 14805 14806 </li> 14807 14808 14809 14810 <li style="" 14811 class="" 14812 role="none"> 14813 14814 14815 14816 <a class="nav_a_trd " title="Permanent Jewelry" href="https://www.hellerjewelers.com/permanent-jewelry" data-full_image="" role="menuitem" tabindex="-1" > 14817 Permanent Jewelry </a> 14818 14819 14820 14821 14822 14823 14824 14825 </li> 14826 14827 14828 14829 <li style="" 14830 class="" 14831 role="none"> 14832 14833 14834 14835 <a class="nav_a_trd " title="Financing" href="https://www.hellerjewelers.com/financing" target="_blank" data-full_image="" role="menuitem" tabindex="-1" > 14836 Financing </a> 14837 14838 14839 14840 14841 14842 14843 14844 </li> 14845 14846 14847 14848 <li style="" 14849 class="" 14850 role="none"> 14851 14852 14853 14854 <a class="nav_a_trd " title="Cash In Or Trade Up" href="https://www.hellerjewelers.com/cash-in-or-trade-up" data-full_image="" role="menuitem" tabindex="-1" > 14855 Cash In Or Trade Up </a> 14856 14857 14858 14859 14860 14861 14862 14863 </li> 14864 14865 14866 </ul> 14867 </div> 14868</div> 14869<style> 14870 .menu_container_2_navigation_118 { 14871 background: #fff; 14872 } 14873 .horizontal_menu .nav_div_118 { 14874 padding: 15px 0px; 14875 box-shadow: 0px 0px 5px #00000078; display: flex; 14876 flex-wrap: wrap; 14877 } 14878 .horizontal_menu .nav_img_118 { 14879 height: 200px; 14880 width: 250px; 14881 margin-left: 50px; 14882 margin-right: 20px; 14883 flex-shrink: 0; 14884 order: 1; 14885 } 14886 .horizontal_menu .nav_img_118 img { 14887 max-width: 100%; 14888 max-height: 100%; 14889 } 14890 .horizontal_menu .nav_div_118 .vfit { 14891 text-align: left; 14892 border-bottom: 1px solid #ececec; 14893 text-transform: uppercase; 14894 } 14895 .nav_div_118 .vfit a { 14896 text-decoration: none; 14897 color: #222; 14898 } 14899 .nav_div_118 .nav_list { 14900 list-style: none; 14901 margin: 0; 14902 padding: 0; 14903 order: 1; 14904 } 14905 .nav_div_118 ul { 14906 list-style: none; 14907 } 14908 #tablet_hamburger_menu_template .nav_div_118 li { 14909 width: 100%; 14910 margin: 0; 14911 padding: 0px 20px; 14912 position: relative; 14913 } 14914 .horizontal_menu .nav_div_118 li { 14915 width: 100%; 14916 margin: 0; 14917 padding: 0px 20px; 14918 position: relative; 14919 } 14920 14921 #tablet_hamburger_menu_template .nav_div_118 li svg { 14922 position: absolute; 14923 right: 15px; 14924 height: 10px; 14925 top: 10px; 14926 } 14927 .horizontal_menu .nav_div_118 li svg { 14928 position: absolute; 14929 right: 15px; 14930 height: 10px; 14931 top: 10px; 14932 } 14933 14934 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_118 .nav_div_118 .nav_list li .nav_a_trd { 14935 display: flex; 14936 align-items: center; 14937 padding: 0; 14938 line-height: 30px; 14939 font-size: 14px; 14940 text-transform: uppercase; 14941 text-decoration: none; 14942 color: #222; 14943 white-space: normal; 14944 14945 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:35px; 14946 } 14947 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_118 .nav_div_118 .nav_list li button { 14948 background: none; 14949 border: none; 14950 cursor: pointer; 14951 } 14952 14953 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_118 .nav_div_118 .nav_list li .nav_a_trd.parent_men { 14954 text-decoration: underline; 14955 } 14956 14957 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_118 .nav_div_118 .nav_list li .nav_a_trd:hover { 14958 color:#000000; cursor: pointer; 14959 } 14960 14961 14962 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_118 .nav_div_118 .nav_list li .nav_list_trd li a { 14963 display: flex; 14964 align-items: center; 14965 padding: 0; 14966 line-height: 30px; 14967 font-size: 14px; 14968 text-transform: uppercase; 14969 text-decoration: none; 14970 color: #222; 14971 white-space: normal; 14972 14973 color:#4d4d4d; font-style:normal; font-size:px; font-family:Arial; text-transform:none; line-height:35px; } 14974 14975 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_118 .nav_div_118 .nav_list li .nav_list_trd li a:hover { 14976 color:#000000; } 14977 14978 .nav_div_118 .nav_list li a .nav_icons { 14979 height: 30px; 14980 margin-right: 5px; 14981 } 14982 14983 14984 14985 .nav_div_118 .nav_list li a:hover { 14986 color: #3172ab; 14987 } 14988 .horizontal_menu .nav_div_118 .nav_list_trd { 14989 display: none; 14990 position: absolute; 14991 left: 100%; 14992 top: -15px; 14993 padding: 15px 0px; 14994 box-shadow: 0px 0px 5px #00000078; background: #fff; 14995 } 14996 .horizontal_menu .nav_div_118 .nav_list>li .nav_list_trd.open, 14997 .horizontal_menu .nav_div_118 .nav_list>li:hover .nav_list_trd { 14998 display: block; 14999 z-index: 99; 15000 } 15001 15002 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_118, 15003 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_118 .nav_list_trd{ 15004 width: 250px; 15005 } 15006 15007 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_118 .nav_list_trd{ 15008 width: 250px; 15009 } 15010 </style> 15011 </div> 15012 <div class="hum-line"></div> 15013 15014 15015 <div class="ham_menu_container">
15016 <a class="hamburger-menu-nav-section parent_men " title="Contact Us" href="https://www.hellerjewelers.com/contact-us" > 15017 15018 <span class="icon_and_name"> 15019 15020 Contact Us </span> 15021 15022 </a> 15023 <button type="button" class="hamburger-menu-nav-section parent_men_arrow" aria-expanded="false" aria-controls="tablet-submenu-22" aria-label="Expand Contact Us section"> 15024 15025 <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> 15026 15027 </button> 15028 15029 15030 15031 </div> 15032 15033 <div class="sub-menu-panel" id="tablet-submenu-22" aria-hidden="true"> 15034 15035 15036 15037 15038 15039<div class="menu_container default_build_menu menu_container_2_navigation_22"> 15040 <div class="nav_div_22"> 15041 <ul class="nav_list" role="menu" aria-label="Contact Us" tabindex="-1"> 15042 15043 <li style="" 15044 class="" 15045 role="none"> 15046 15047 15048 15049 <a class="nav_a_trd " title="Book An Appointment" href="https://www.hellerjewelers.com/book-an-appointment" data-full_image="" role="menuitem" tabindex="0" > 15050 Book An Appointment </a> 15051 15052 15053 15054 15055 15056 15057 15058 </li> 15059 15060 15061 15062 <li style="" 15063 class="" 15064 role="none"> 15065 15066 15067 15068 <a class="nav_a_trd " title="Contact Us" href="https://www.hellerjewelers.com/contact-us" data-full_image="" role="menuitem" tabindex="-1" > 15069 Contact Us </a> 15070 15071 15072 15073 15074 15075 15076 15077 </li> 15078 15079 15080 </ul> 15081 </div> 15082</div> 15083<style> 15084 .menu_container_2_navigation_22 { 15085 background: #fff; 15086 } 15087 .horizontal_menu .nav_div_22 { 15088 padding: 15px 0px; 15089 box-shadow: 0px 0px 5px #00000078; display: flex; 15090 flex-wrap: wrap; 15091 } 15092 .horizontal_menu .nav_img_22 { 15093 height: 200px; 15094 width: 250px; 15095 margin-left: 50px; 15096 margin-right: 20px; 15097 flex-shrink: 0; 15098 order: 1; 15099 } 15100 .horizontal_menu .nav_img_22 img { 15101 max-width: 100%; 15102 max-height: 100%; 15103 } 15104 .horizontal_menu .nav_div_22 .vfit { 15105 text-align: left; 15106 border-bottom: 1px solid #ececec; 15107 text-transform: uppercase; 15108 } 15109 .nav_div_22 .vfit a { 15110 text-decoration: none; 15111 color: #222; 15112 } 15113 .nav_div_22 .nav_list { 15114 list-style: none; 15115 margin: 0; 15116 padding: 0; 15117 order: 1; 15118 } 15119 .nav_div_22 ul { 15120 list-style: none; 15121 } 15122 #tablet_hamburger_menu_template .nav_div_22 li { 15123 width: 100%; 15124 margin: 0; 15125 padding: 0px 20px; 15126 position: relative; 15127 } 15128 .horizontal_menu .nav_div_22 li { 15129 width: 100%; 15130 margin: 0; 15131 padding: 0px 20px; 15132 position: relative; 15133 } 15134 15135 #tablet_hamburger_menu_template .nav_div_22 li svg { 15136 position: absolute; 15137 right: 15px; 15138 height: 10px; 15139 top: 10px; 15140 } 15141 .horizontal_menu .nav_div_22 li svg { 15142 position: absolute; 15143 right: 15px; 15144 height: 10px; 15145 top: 10px; 15146 } 15147 15148 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_22 .nav_div_22 .nav_list li .nav_a_trd { 15149 display: flex; 15150 align-items: center; 15151 padding: 0; 15152 line-height: 30px; 15153 font-size: 14px; 15154 text-transform: uppercase; 15155 text-decoration: none; 15156 color: #222; 15157 white-space: normal; 15158 15159 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:35px; 15160 } 15161 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_22 .nav_div_22 .nav_list li button { 15162 background: none; 15163 border: none; 15164 cursor: pointer; 15165 } 15166 15167 .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 { 15168 text-decoration: underline; 15169 } 15170 15171 .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 { 15172 color:#000000; cursor: pointer; 15173 } 15174 15175 15176 .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 { 15177 display: flex; 15178 align-items: center; 15179 padding: 0; 15180 line-height: 30px; 15181 font-size: 14px; 15182 text-transform: uppercase; 15183 text-decoration: none; 15184 color: #222; 15185 white-space: normal; 15186 15187 color:#4d4d4d; font-style:normal; font-size:px; font-family:Arial; text-transform:none; line-height:35px; } 15188 15189 .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 { 15190 color:#000000; } 15191 15192 .nav_div_22 .nav_list li a .nav_icons { 15193 height: 30px; 15194 margin-right: 5px; 15195 } 15196 15197 15198 15199 .nav_div_22 .nav_list li a:hover { 15200 color: #3172ab; 15201 } 15202 .horizontal_menu .nav_div_22 .nav_list_trd { 15203 display: none; 15204 position: absolute; 15205 left: 100%; 15206 top: -15px; 15207 padding: 15px 0px; 15208 box-shadow: 0px 0px 5px #00000078; background: #fff; 15209 } 15210 .horizontal_menu .nav_div_22 .nav_list>li .nav_list_trd.open, 15211 .horizontal_menu .nav_div_22 .nav_list>li:hover .nav_list_trd { 15212 display: block; 15213 z-index: 99; 15214 } 15215 15216 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_22, 15217 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_22 .nav_list_trd{ 15218 width: 250px; 15219 } 15220 15221 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_22 .nav_list_trd{ 15222 width: 250px; 15223 } 15224 </style> 15225 </div> 15226 <div class="hum-line"></div> 15227 <div class="script_after_menu"> 15228 15229 15230<div class="flex_cell flex_cell_1 image"> 15231 <div class="flex_cell_content"> 15232 15233 <a href="https://www.hellerjewelers.com/tudor-at-heller-jewelers" 15234 > 15235 15236 15237 <img 15238 height="70px" width="140px" 15239 loading="lazy" 15240 15241 src="https://www.hellerjewelers.com/public/1.0/uploads/source/tudor-plaque-240x120_us_jeweler.jpg" 15242 15243 alt="Tudor Watches"> 15244 15245 15246 </a> 15247 15248 </div> 15249</div> 15250 <style> 15251 .header_container_2 .flex_row .flex_col .script_after_menu .image { 15252 width:100%; justify-content:left !important; align-items:center !important; } 15253 .header_container_2 .flex_row .flex_col .script_after_menu .image>.flex_cell_content { 15254 display: flex; 15255 margin-top:20px !important; margin-bottom:px !important; margin-left:px !important; margin-right:px !important; padding-top:px !important; padding-bottom:px !important; padding-left:px !important; padding-right:px !important; } 15256 .header_container_2 .flex_row .flex_col .script_after_menu .image img { 15257 max-width:140px; } 15258 15259 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.image { 15260 } 15261 </style> 15262 15263 </div> 15264 </div> 15265 </nav>
15266 <div class="hamburger-menu-template-overlay" id="tablet_hamburger_menu_template_overlay"></div> 15267 15268
15268<script> 15269 $(function () { 15270 15271 const $menuRoot = $('#tablet_hamburger_menu_template'); 15272 const $menuWrap = $('.header_container_2'); 15273 const $button = $('#tablet_hamburger_button'); 15274 const $overlay = $('#tablet_hamburger_menu_template_overlay'); 15275 const $closeBtn = $('#tablet_hamburger_close_button'); 15276 15277 const trap = focusTrap.createFocusTrap($menuRoot[0], { 15278 onActivate: () => $menuRoot.addClass('is-active'), 15279 onDeactivate: () => $menuRoot.removeClass('is-active'), 15280 clickOutsideDeactivates: true 15281 }); 15282 15283 $button.on('click keypress', function (event) { 15284 if (event.which === 13 || event.which === 32 || event.type === 'click') { 15285 if (event.which === 32) event.preventDefault(); 15286 15287 const isOpen = $menuRoot.hasClass('open'); 15288 15289 $menuRoot.toggleClass('open'); 15290 $overlay.toggleClass('open'); 15291 $menuRoot.removeAttr('inert'); 15292 $button.attr('aria-expanded', String(!isOpen)); 15293 15294 if (!isOpen) { 15295 trap.activate(); 15296 $closeBtn.focus(); 15297 } else { 15298 closeHamburgerMenu(); 15299 } 15300 } 15301 }); 15302 15303 $closeBtn.add($overlay).on('click keypress', function (event) { 15304 if (event.which === 13 || event.which === 32 || event.type === 'click') { 15305 if (event.which === 32) event.preventDefault(); 15306 closeHamburgerMenu(); 15307 } 15308 }); 15309 15310 function closeHamburgerMenu() { 15311 $menuRoot.removeClass('open').attr('inert', 'inert'); 15312 $overlay.removeClass('open'); 15313 $button.attr('aria-expanded', 'false'); 15314 15315 $menuRoot.find('.sub-menu-panel').each(function () { 15316 const $submenu = $(this); 15317 $submenu.removeClass('open').attr('aria-hidden', 'true'); 15318 updateSubmenuTabindex($submenu, true); 15319 }); 15320 15321 $menuRoot.find('.hamburger-menu-nav-section[aria-expanded="true"]') 15322 .attr('aria-expanded', 'false'); 15323 15324 trap.deactivate(); 15325 } 15326 15327 function updateSubmenuTabindex($submenu, isHidden) { 15328 const $items = $submenu.find('a'); 15329 15330 if (isHidden) { 15331 $items.each(function () { 15332 $(this).attr('tabindex', '-1'); 15333 }); 15334 } else { 15335 $items.each(function () { 15336 $(this).attr('tabindex', '0'); 15337 }); 15338 } 15339 } 15340 15341 $menuRoot.on('keypress', '.nav_a_trd', function (e) { 15342 15343 e.preventDefault(); 15344 e.stopPropagation(); 15345 15346 const $trigger = $(this); 15347 const $submenu = $trigger.next('.nav_list_trd'); 15348 15349 if (!$submenu.length) return; 15350 15351 const isOpen = $submenu.hasClass('open'); 15352 15353 $menuRoot.find('.nav_list_trd.open').not($submenu).each(function () { 15354 $(this) 15355 .removeClass('open') 15356 .attr('aria-hidden', 'true'); 15357 updateSubmenuTabindex($(this), true); 15358 }); 15359 15360 if (isOpen) { 15361 $submenu 15362 .removeClass('open') 15363 .attr('aria-hidden', 'true'); 15364 updateSubmenuTabindex($submenu, true); 15365 } else { 15366 $submenu 15367 .addClass('open') 15368 .attr('aria-hidden', 'false'); 15369 updateSubmenuTabindex($submenu, false); 15370 } 15371 }); 15372
15373 $menuWrap.on('click keypress', '.hamburger-menu-nav-section[aria-controls]', function (e) { 15374 15375 e.preventDefault(); 15376 e.stopPropagation(); 15377 15378 const $btn = $(this); 15379 const submenuId = $btn.attr('aria-controls'); 15380 const $submenu = $menuRoot.find('.sub-menu-panel#' + submenuId); 15381 15382 if (!$submenu.length) return; 15383 15384 const isExpanded = $btn.attr('aria-expanded') === 'true'; 15385 15386 $menuRoot.find('.sub-menu-panel').not($submenu).each(function () { 15387 $(this).removeClass('open').attr('aria-hidden', 'true'); 15388 updateSubmenuTabindex($(this), true); 15389 }); 15390 15391 $menuRoot.find('[aria-controls]') 15392 .not($btn) 15393 .attr('aria-expanded', 'false'); 15394 15395 if (isExpanded) { 15396 console.log($submenu) 15397 $btn.attr('aria-expanded', 'false'); 15398 $submenu.removeClass('open').attr('aria-hidden', 'true'); 15399 updateSubmenuTabindex($submenu, true); 15400 } else { 15401 $btn.attr('aria-expanded', 'true'); 15402 $submenu.addClass('open').attr('aria-hidden', 'false'); 15403 updateSubmenuTabindex($submenu, false); 15404 } 15405 }); 15406 15407 $menuRoot.on('keydown', function (e) { 15408 if (e.key !== 'Escape') return; 15409 15410 const $open = $menuRoot.find('.nav_list_trd.open').last(); 15411 if (!$open.length) return; 15412 15413 $open 15414 .removeClass('open') 15415 .attr('aria-hidden', 'true'); 15416 15417 updateSubmenuTabindex($open, true); 15418 15419 $open.prev('.nav_a_trd').focus(); 15420 15421 e.preventDefault(); 15422 e.stopPropagation(); 15423 }); 15424 15425 $menuRoot.find('.sub-menu-panel').each(function () { 15426 const $submenu = $(this); 15427 const isOpen = $submenu.hasClass('open') && $submenu.attr('aria-hidden') !== 'true'; 15428 updateSubmenuTabindex($submenu, !isOpen); 15429 }); 15430 15431 }); 15432 15433 </script>
15433 15434</div> 15435 15436<style> 15437 #tablet_hamburger_menu_template>ul>li>a, 15438 #tablet_hamburger_menu_template>ul>li>button { 15439 color:#000000; display: flex; 15440 font-style:normal; font-size:14px; font-family:Arial; text-transform:none; line-height:40px; } 15441 15442 #tablet_hamburger_menu_template>ul>li>a:hover, 15443 #tablet_hamburger_menu_template>ul>li>button:hover { 15444 color:#000000; } 15445</style> 15446 </div> 15447 15448 <div class="flex_col"> 15449 15450 15451 </div> 15452 15453 <div class="flex_col"> 15454 15455 15456 </div> 15457 15458 </div> 15459 15460 15461 </div> 15462 15463 15464 15465</header> 15466<header class="appearance-mobile-view-template"> 15467 15468 15469 15470 <style> 15471 .header_container>.flex_row { 15472 display: flex; 15473 } 15474 15475 .header_container_3 { 15476 width: 100%; 15477 max-width: 100%; 15478 margin: 0 auto; 15479 position: relative !important; 15480 transform: inherit !important; 15481 } 15482 .header_container>.flex_row>.flex_col { 15483 display: flex; 15484 flex-wrap: wrap; 15485 box-sizing: border-box; 15486 align-content: baseline; 15487 } 15488 .header_container>.flex_row>.flex_col>.flex_cell { 15489 height: fit-content; 15490 display: flex; 15491 } 15492 .header_container>.flex_row>.flex_col>.flex_cell a { 15493 text-decoration: none; 15494 } 15495 .header_container img { 15496 max-width: 100%; 15497 } 15498 .row_spacer_cs { 15499 display: none; 15500 } 15501 .sticky_row { 15502 position: fixed; 15503 } 15504 .sticky_row + .row_spacer_cs { 15505 display: block; 15506 } 15507 </style> 15508 15509 <div class="header_container header_container_3" data-device-type="3"> 15510 15511 15512 15513 <div class="flex_row flex_row_1 "> 15514 15515 15516 <div class="flex_col flex_col_1"> 15517 15518 15519<div class="flex_cell flex_cell_1 call_us"> 15520 <div class="flex_cell_content"><a class="phone_number_click " href="tel:925-904-0200" title="Call us 925-904-0200"><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> 15521<style> 15522 .header_container_3>.flex_row_1>.flex_col_1>.flex_cell_1.call_us { 15523 width:100%; justify-content:left; -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 15524 15525 .header_container_3>.flex_row_1>.flex_col_1>.flex_cell_1.call_us { 15526 height:100%; } 15527 15528 .header_container_3>.flex_row_1>.flex_col_1>.flex_cell_1.call_us>.flex_cell_content { 15529 display: flex; 15530 margin-top:10px; margin-bottom:10px; margin-left:25px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 15531 15532 .header_container_3>.flex_row_1>.flex_col_1>.flex_cell_1 a { 15533 color:#4d4d4d; font-style:normal; font-size:15px; font-family:Arial; display: flex; 15534 align-items: center; 15535 text-transform:none; } 15536 15537 .header_container_3>.flex_row_1>.flex_col_1>.flex_cell_1.call_us a svg, 15538 .header_container_3>.flex_row_1>.flex_col_1>.flex_cell_1.call_us a img { 15539 margin-right: 5px; 15540 height:14px; } 15541 15542 .header_container_3>.flex_row_1>.flex_col_1>.flex_cell_1 a .path_class { 15543 fill: currentColor; 15544 } 15545 15546 15547 .header_container_3>.flex_row_1>.flex_col_1>.flex_cell_1 a:hover { 15548 color:#000000; } 15549</style> 15550 </div> 15551 15552 <style> 15553 .header_container_3>.flex_row_1>.flex_col_1 { 15554 width:35%; } 15555 </style> 15556 15557 15558 15559 <div class="flex_col flex_col_2"> 15560 15561 15562<div class="flex_cell flex_cell_1 button_link"> 15563 15564 15565 <div class="flex_cell_content">
15566 <a class="btn_link_ig" href="https://www.hellerjewelers.com/holiday-gift-guide" target="_blank" title=""> 15567 Holiday Gift Guide </a> 15568 </div> 15569 15570 </div> 15571<style> 15572 .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.button_link { 15573 width:100%; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; } 15574 15575 .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.button_link { 15576 height:100%; } 15577 15578 .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.button_link>.flex_cell_content { 15579 display: flex; 15580 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; } 15581 15582 .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.button_link a { 15583 color:#000000; font-style:normal; 15584 background-color:#e0e0e0; 15585 font-size:px;font-family:Arial; text-decoration: none; 15586 display: inline-flex; 15587 align-items: center; 15588 padding: 10px 26px; 15589 border-style: solid; 15590 text-transform:none; border-radius:0px; border-width:0px; border-color:#fafafa; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 15591 15592 .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.button_link a>i{ 15593 margin-right: 5px; 15594 } 15595 15596 .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.button_link a:hover { 15597 color:#000000; background-color:#e0e0e0; border-color:#fcfcfc; } 15598 15599 .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1 a>img { 15600 margin-right:5px; } 15601</style> 15602 15603 </div> 15604 15605 <style> 15606 .header_container_3>.flex_row_1>.flex_col_2 { 15607 width:30%; } 15608 </style> 15609 15610 15611 15612 <div class="flex_col flex_col_3"> 15613 15614 15615<div class="flex_cell flex_cell_1 account_icons"> 15616 <div class="flex_cell_content"> 15617 15618 <a class="" href="/wishlist" title="Wishlist" rel="nofollow" style="order: 2"> 15619 <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> 15620 </a> 15621 15622 <a class=" build-shopping-cart-icon" href="/shopping-cart" title="Shopping Cart" style="order: 3"> 15623 <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>
15623 <span class="item-count-badge build-shopping-cart-item-counter d-none"></span> 15624 </a> 15625 15626 <a class=" search_click_toggle" href="/keyword-search" title="Search" style="order: 4"> 15627 <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> 15628 15629 <a class="" href="/login" title="My Account" style="order: 5"> 15630 <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> 15631 </div> 15632</div> 15633 15634<style> 15635 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.account_icons { 15636 width:100%; justify-content: flex-end; 15637 align-items:center; -webkit-align-items:center; } 15638 15639 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.account_icons { 15640 height:100%; } 15641 15642 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.account_icons>.flex_cell_content { 15643 display: flex; 15644 margin-top:10px; margin-bottom:10px; margin-left:px; margin-right:25px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 15645 15646 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.account_icons .wishlist-count-badge.d-none { 15647 display: none !important; 15648 } 15649 15650 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.account_icons a { 15651 display: flex; 15652 align-items: center; 15653 color:#4d4d4d; font-style:normal; font-size:15px; font-family:Arial; margin-left: 12px; 15654 text-transform:none; } 15655 15656 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.account_icons a svg, 15657 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.account_icons a img { 15658 flex-shrink: 0; 15659 margin-right: 5px; 15660 width:14px; height:14px; } 15661 15662 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.account_icons a .path_class { 15663 fill: currentColor; 15664 } 15665 15666 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.account_icons a:hover { 15667 color:#000000; } 15668 15669 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.account_icons a .item-count-badge { 15670 padding: 0 5px; 15671 height: 16px; 15672 min-width: 16px; 15673 text-align: center; 15674 border-radius: 7px; 15675 line-height: 16px; 15676 border: 1px solid #fff; 15677 font-style: normal; 15678 font-weight: 700; 15679 font-size: 10px; 15680 background-color:#00b252; color:#ffffff; margin-left: -10px; 15681 margin-top: -15px; 15682 } 15683</style> 15684 </div> 15685 15686 <style> 15687 .header_container_3>.flex_row_1>.flex_col_3 { 15688 width:35%; } 15689 </style> 15690 15691 15692 15693 </div> 15694 15695 15696 <style> 15697 .header_container_3>.flex_row_1 {
15698 background-color: #e0e0e0; 15699 15700 color:#000000; height:auto; 15701 15702 } 15703 15704 </style> 15705 15706 15707 15708 15709 15710 <div class="flex_row flex_row_2 "> 15711 15712 15713 <div class="flex_col flex_col_1"> 15714 15715 <div class="flex_cell flex_cell_1 menu"> 15716 <div class="flex_cell_content"> 15717 <style> 15718 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner, 15719 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-parent { 15720 width: 30px; 15721 height: 24px; 15722 position: relative; 15723 cursor: pointer; 15724 } 15725 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner .hamburger-icon rect { 15726 fill: #000000; } 15727 15728 15729 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu a.hamburger-menu-nav-section, 15730 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu a.hamburger-menu-close-button{ 15731 color:#000000; display: flex; 15732 font-style:normal; font-size:14px; font-family:Arial; text-transform:none; line-height:40px; } 15733 </style> 15734 15735 <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"> 15736 <div class="hamburger-button-parent"> 15737 <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"> 15738 <rect y="1" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 15739 <rect y="10" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 15740 <rect y="19" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 15741 </svg> 15742 15743 15744 </div> 15745 </div> 15746 </div> 15747</div> 15748 15749<style> 15750 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu { 15751 width:100%; justify-content: flex-start; 15752 align-items:center; -webkit-align-items:center; } 15753 15754 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu { 15755 height:100%; } 15756 15757 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content { 15758 display: flex; 15759 margin-top:px; margin-bottom:px; margin-left:25px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 15760 15761 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a, 15762 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>button { 15763 color:#000000; display: flex; 15764 font-style:normal; font-size:14px; font-family:Arial; text-transform:none; line-height:40px; } 15765 15766 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a:hover { 15767 color:#000000; } 15768</style> 15769 </div> 15770 15771 <style> 15772 .header_container_3>.flex_row_2>.flex_col_1 { 15773 width:100%; } 15774 </style> 15775 15776 15777 15778 <div class="flex_col flex_col_2"> 15779 15780 15781 15782<div class="flex_cell flex_cell_1 image"> 15783 <div class="flex_cell_content"> 15784 15785 <a href="https://www.hellerjewelers.com/" 15786 > 15787 15788 15789 <img 15790 height="80px" width="161px" 15791 15792 src="https://www.hellerjewelers.com/public/1.0/uploads/source/untitled-design---2026-04-07t151746-802.png" 15793 15794 alt="Heller Jewelers Logo"> 15795 15796 15797 </a> 15798 15799 </div> 15800</div> 15801 <style> 15802 .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.image { 15803 width:100%; justify-content:center;
15803 -webkit-justify-content:center; align-items:center; -webkit-align-items:center; } 15804 .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.image>.flex_cell_content { 15805 display: flex; 15806 margin-top:10px; margin-bottom:10px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 15807 .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.image img { 15808 max-width:161px; } 15809 15810 .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.image { 15811 height:100%; } 15812 </style> 15813 15814 15815 </div> 15816 15817 <style> 15818 .header_container_3>.flex_row_2>.flex_col_2 { 15819 width:100%; } 15820 </style> 15821 15822 15823 15824 <div class="flex_col flex_col_3"> 15825 15826 15827 </div> 15828 15829 <style> 15830 .header_container_3>.flex_row_2>.flex_col_3 { 15831 width:100%; } 15832 </style> 15833 15834 15835 15836 </div> 15837 15838 15839 <style> 15840 .header_container_3>.flex_row_2 { 15841 background-color: #ffffff; 15842 15843 color:#000000; height:auto; 15844 15845 } 15846 15847 </style> 15848 15849 15850 15851 15852 15853 15854 <div class="flex_row"> 15855 15856 15857 <div class="flex_col"> 15858 15859 15860 </div> 15861 15862 <div class="flex_col"> 15863 15864 15865 </div> 15866 15867 <div class="flex_col"> 15868 15869 15870 </div> 15871 15872 </div> 15873 15874 15875 15876 <div class="flex_row"> 15877 15878 15879 <div class="flex_col"> 15880 15881 <div class="flex_cell flex_cell_1 menu"> 15882 <style> 15883 #mobile_hamburger_menu_template { 15884 position: fixed; 15885 top: 0; 15886 left: 0; 15887 width: 325px; 15888 overflow-y: auto; 15889 transform: translateX(-325px); 15890 z-index: 1000000001; 15891 height: 100vh; 15892 background-color: #ffffff; 15893 transition: all 0.3s ease; 15894 } 15895 #mobile_hamburger_menu_template_overlay.open { 15896 position: fixed; 15897 top: 0; 15898 left: 0; 15899 width: 100vw; 15900 z-index: 1000000001; 15901 transition: all 0.3s ease; 15902 height: 100vh; 15903 background: rgba(1, 1, 1, 0.5); 15904 cursor: pointer; 15905 transform: translateX(325px); 15906 } 15907 #mobile_hamburger_menu_template .hamburger-menu-template-inner { 15908 padding: 10px; 15909 padding-right:25px; 15910 } 15911 #mobile_hamburger_menu_template .hamburger-menu-close-button { 15912 font-size: 14px !important; 15913 display: flex; 15914 align-items: center; 15915 margin-bottom: 20px; 15916 } 15917 #mobile_hamburger_menu_template .hamburger-menu-close-button svg, 15918 #mobile_hamburger_menu_template button.hamburger-menu-close-button svg { 15919 height: 15px; 15920 margin-right: 5px; 15921 } 15922 #mobile_hamburger_menu_template .hamburger-menu-nav-section { 15923 display: flex; 15924 justify-content: space-between; 15925 align-items: center; 15926 } 15927 #mobile_hamburger_menu_template .hamburger-menu-nav-section svg,
15928 #mobile_hamburger_menu_template button.hamburger-menu-nav-section svg, 15929 #mobile_hamburger_menu_template a.hamburger-menu-nav-section svg { 15930 height: 10px; 15931 float: right; 15932 } 15933 #mobile_hamburger_menu_template .hamburger-menu-nav-section.parent_men span, 15934 #mobile_hamburger_menu_template a.hamburger-menu-nav-section.parent_men span, 15935 #mobile_hamburger_menu_template button.hamburger-menu-nav-section.parent_men span { 15936 text-decoration: underline; 15937 } 15938 #mobile_hamburger_menu_template .hamburger-menu-nav-section.parent_men_arrow, 15939 #mobile_hamburger_menu_template a.hamburger-menu-nav-section.parent_men_arrow, 15940 #mobile_hamburger_menu_template button.hamburger-menu-nav-section.parent_men_arrow { 15941 min-width:30px; 15942 justify-content: end; 15943 } 15944 #mobile_hamburger_menu_template .ham_menu_container { 15945 display:flex; 15946 justify-content: space-between; 15947 } 15948 #mobile_hamburger_menu_template.open { 15949 transform: translateX(0); 15950 } 15951 #mobile_hamburger_menu_template .sub-menu-panel { 15952 display: none; 15953 } 15954 #mobile_hamburger_menu_template .sub-menu-panel[aria-hidden="true"] { 15955 display: none; 15956 } 15957 #mobile_hamburger_menu_template .sub-menu-panel[aria-hidden="false"] { 15958 display: block; 15959 } 15960 #mobile_hamburger_menu_template .icon_and_name { 15961 display:flex; 15962 align-items:center; 15963 gap:10px; 15964 } 15965 #mobile_hamburger_menu_template .hum-line { 15966 border-bottom: 1px solid #ddd; 15967 } 15968 #mobile_hamburger_menu_template .sub-menu-panel.open, 15969 #mobile_hamburger_menu_template .sub-menu-panel[aria-hidden="false"] { 15970 display: block; 15971 } 15972 #mobile_hamburger_menu_template a.hamburger-menu-nav-section, 15973 #mobile_hamburger_menu_template button.hamburger-menu-nav-section, 15974 #mobile_hamburger_menu_template button.hamburger-menu-close-button, 15975 #mobile_hamburger_menu_template a.hamburger-menu-close-button{ 15976 color:#000000; display: flex; 15977 text-align: left; 15978 width: 100%; 15979 position: relative; 15980 font-style:normal; font-size:14px; font-family:Arial; text-transform:none; line-height:40px; } 15981 #mobile_hamburger_menu_template.hamburger-menu-template .nav_list_trd { 15982 display: none; 15983 padding: 15px 0px; 15984 background: #fff; 15985 } 15986 #mobile_hamburger_menu_template.hamburger-menu-template .nav_list_trd.open { 15987 display: block; 15988 padding-top:2px; 15989 } 15990 /* Reset button styles to look like links */ 15991 #mobile_hamburger_menu_template button.hamburger-menu-nav-section, 15992 #mobile_hamburger_menu_template button.hamburger-menu-close-button, 15993 #mobile_hamburger_menu_template button.parent_men_arrow { 15994 background: none; 15995 border: none; 15996 padding: 0; 15997 cursor: pointer; 15998 -webkit-appearance: none; 15999 -moz-appearance: none; 16000 appearance: none; 16001 } 16002 16003 /* Hover and active states for buttons - inherit from link styles */ 16004 #mobile_hamburger_menu_template button.hamburger-menu-nav-section:hover, 16005 #mobile_hamburger_menu_template button.hamburger-menu-nav-section.active, 16006 #mobile_hamburger_menu_template button.hamburger-menu-nav-section[aria-expanded="true"], 16007 #mobile_hamburger_menu_template button.hamburger-menu-close-button:hover { 16008 /* Styles inherited from parent selectors above */ 16009 } 16010 16011 /* Additional button styles are inherited from parent selectors above */ 16012 16013 /* Image styles inside buttons */ 16014 #mobile_hamburger_menu_template button.hamburger-menu-nav-section .icon_and_name img, 16015 #mobile_hamburger_menu_template a.hamburger-menu-nav-section .icon_and_name img { 16016 height:20px; 16017 } 16018 </style> 16019 16020 <nav id="mobile_hamburger_menu_template" class="hamburger-menu
16020-template" inert="inert"> 16021 <div class="hamburger-menu-template-inner"> 16022 <button type="button" class="hamburger-menu-close-button mr-4" id="mobile_hamburger_close_button" aria-label="Close menu"> 16023 <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> 16024 16025 <div class="script_before_menu"> 16026 16027 16028<div class="flex_cell flex_cell_1 rolex_plaque"> 16029 <div class="flex_cell_content"> 16030 <a href="/rolex" title="Rolex" class="rolex_plaque_href" style="display:inline-block;height:70px;"> 16031 <iframe 16032 title="Rolex" 16033 style="width: 150px; height: 70px; border: 0; margin: 0; padding: 0; overflow: hidden; position: relative; z-index: 1; scroll: none;pointer-events: none" 16034 id="rolex_retailer" 16035 data-type="lazy" 16036 data-src="https://static.rolex.com/retailers/clock/?colour=gold&apiKey=07f0f3af1a26bcee463f3c879d000e09&lang=en_us" 16037 scrolling="NO" 16038 frameborder="NO" 16039 title="Rolex"> 16040 </iframe> 16041 </a> 16042 </div> 16043</div> 16044<style> 16045 .header_container_3>.flex_row>.flex_col .script_before_menu .rolex_plaque { 16046 width:100%; justify-content: flex-start; 16047 align-items:center; -webkit-align-items:center; } 16048 16049 .header_container_3>.flex_row>.flex_col .script_before_menu .rolex_plaque>.flex_cell_content { 16050 display: flex; 16051 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 16052 16053 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.rolex_plaque { 16054 } 16055 </style> 16056 16057 16058 16059 16060 16061 </div> 16062 <div style="clear: both"></div> 16063 16064 16065 <div class="ham_menu_container"> 16066 <a class="hamburger-menu-nav-section parent_men " title="Rolex" href="/rolex" > 16067 16068 <span class="icon_and_name"> 16069 16070 Rolex </span> 16071 16072 </a> 16073 <button type="button" class="hamburger-menu-nav-section parent_men_arrow" aria-expanded="false" aria-controls="mobile-submenu-127" aria-label="Expand Rolex section"> 16074 16075 <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> 16076 16077 </button> 16078 16079 16080 16081 </div> 16082 16083 <div class="sub-menu-panel" id="mobile-submenu-127" aria-hidden="true"> 16084 16085 16086 16087 16088 16089<div class="menu_container default_build_menu menu_container_3_navigation_127"> 16090 <div class="nav_div_127"> 16091 <ul class="nav_list" role="menu" aria-label="Rolex" tabindex="-1"> 16092 16093 <li style="" 16094 class="" 16095 role="none"> 16096 16097 16098 16099 <a class="nav_a_trd " title="Discover Rolex" href="/rolex" data-full_image="" role="menuitem" tabindex="0" > 16100 Discover Rolex </a> 16101 16102 16103 16104 16105 16106 16107 16108 </li> 16109 16110 16111 16112 <li style="" 16113 class="" 16114 role="none"> 16115 16116 16117 16118 <a class="nav_a_trd " title="Rolex watches" href="/rolex/watches" data-full_image="" role="menuitem" tabindex="-1" > 16119 Rolex
16119watches </a> 16120 16121 16122 16123 16124 16125 16126 16127 </li> 16128 16129 16130 16131 <li style="" 16132 class="" 16133 role="none"> 16134 16135 16136 16137 <a class="nav_a_trd " title="New watches 2026" href="/rolex/new-watches" data-full_image="" role="menuitem" tabindex="-1" > 16138 New watches 2026 </a> 16139 16140 16141 16142 16143 16144 16145 16146 </li> 16147 16148 16149 16150 <li style="" 16151 class="" 16152 role="none"> 16153 16154 16155 16156 <a class="nav_a_trd " title="Rolex Accessories " href="/rolex/accessories" data-full_image="" role="menuitem" tabindex="-1" > 16157 Rolex Accessories </a> 16158 16159 16160 16161 16162 16163 16164 16165 </li> 16166 16167 16168 16169 <li style="" 16170 class="" 16171 role="none"> 16172 16173 16174 16175 <a class="nav_a_trd " title="Watchmaking" href="/rolex/watchmaking" data-full_image="" role="menuitem" tabindex="-1" > 16176 Watchmaking </a> 16177 16178 16179 16180 16181 16182 16183 16184 </li> 16185 16186 16187 16188 <li style="" 16189 class="" 16190 role="none"> 16191 16192 16193 16194 <a class="nav_a_trd " title="Servicing" href="/rolex/servicing" data-full_image="" role="menuitem" tabindex="-1" > 16195 Servicing </a> 16196 16197 16198 16199 16200 16201 16202 16203 </li> 16204 16205 16206 16207 <li style="" 16208 class="" 16209 role="none"> 16210 16211 16212 16213 <a class="nav_a_trd " title="Oyster Story" href="/rolex/oyster-story" data-full_image="" role="menuitem" tabindex="-1" > 16214 Oyster Story </a> 16215 16216 16217 16218 16219 16220 16221 16222 </li> 16223 16224 16225 16226 <li style="" 16227 class="" 16228 role="none"> 16229 16230 16231 16232 <a class="nav_a_trd " title="Rolex at Heller Jewelers" href="/rolex/heller-jewelers" data-full_image="" role="menuitem" tabindex="-1" > 16233 Rolex at Heller Jewelers </a> 16234 16235 16236 16237 16238 16239 16240 16241 </li> 16242 16243 16244 16245 <li style="" 16246 class="" 16247 role="none"> 16248 16249 16250 16251 <a class="nav_a_trd " title="Contact us" href="/rolex/contact" data-full_image="" role="menuitem" tabindex="-1" > 16252 Contact us </a> 16253 16254 16255 16256 16257 16258 16259 16260 </li> 16261 16262 16263 </ul> 16264 </div> 16265</div> 16266<style> 16267 .menu_container_3_navigation_127 { 16268 background: #fff; 16269 } 16270 .horizontal_menu .nav_div_127 { 16271 padding: 15px 0px; 16272 box-shadow: 0px 0px 5px #00000078; display: flex; 16273 flex-wrap: wrap; 16274 } 16275 .horizontal_menu .nav_img_127 { 16276 height: 200px; 16277 width: 250px; 16278 margin-left: 50px; 16279 margin-right: 20px; 16280 flex-shrink: 0; 16281 order: 1; 16282 } 16283 .horizontal_menu .nav_img_127 img { 16284 max-width: 100%; 16285 max-height: 100%; 16286 } 16287 .horizontal_menu .nav_div_127 .vfit { 16288 text-align: left; 16289 border-bottom: 1px solid #ececec; 16290 text-transform: uppercase; 16291 } 16292 .nav_div_127 .vfit a { 16293 text-decoration: none; 16294 color: #222; 16295 } 16296 .nav_div_127 .nav_list { 16297 list-style: none; 16298 margin: 0; 16299 padding: 0; 16300 order: 1; 16301 } 16302 .nav_div_127 ul { 16303 list-style: none; 16304 } 16305 #mobile_hamburger_menu_template .nav_div_127 li { 16306 width: 100%; 16307 margin: 0; 16308 padding: 0px 20px; 16309 position: relative; 16310 } 16311 .horizontal_menu .nav_div_127 li { 16312 width: 100%; 16313 margin: 0; 16314 padding: 0px 20px; 16315 position: relative; 16316 } 16317 16318 #mobile_hamburger_menu_template .nav_div_127 li svg { 16319 position: absolute; 16320 right: 15px; 16321 height: 10px; 16322 top: 10px; 16323 } 16324 .horizontal_menu .nav_div_127 li svg { 16325 position: absolute; 16326 right: 15px; 16327 height: 10px; 16328 top: 10px; 16329 } 16330 16331 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_127 .nav_div_127 .nav_list li .nav_a_trd { 16332 display: flex; 16333 align-items: center; 16334 padding: 0; 16335 line-height: 30px; 16336 font-size: 14px; 16337 text-transform: uppercase; 16338 text-decoration: none; 16339 color: #222; 16340 white-space: normal; 16341 16342 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:35px; 16343 } 16344 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_127 .nav_div_127 .nav_list li button { 16345 background: none; 16346 border: none; 16347 cursor: pointer; 16348 } 16349 16350 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_127 .nav_div_127 .nav_list li .nav_a_trd.parent_men { 16351 text-decoration: underline; 16352 } 16353 16354 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_127 .nav_div_127 .nav_list li .nav_a_trd:hover { 16355 color:#000000; cursor: pointer; 16356 } 16357 16358 16359 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_127 .nav_div_127 .nav_list li .nav_list_trd li a { 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:normal; font-size:px; font-family:Arial; text-transform:none; line-height:35px; } 16371 16372 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_127 .nav_div_127 .nav_list li .nav_list_trd li a:hover { 16373 color:#000000; } 16374 16375 .nav_div_127 .nav_list li a .nav_icons { 16376 height: 30px; 16377 margin-right: 5px; 16378 } 16379 16380 16381 16382 .nav_div_127 .nav_list li a:hover { 16383 color: #3172ab; 16384 } 16385 .horizontal_menu .nav_div_127 .nav_list_trd { 16386 display: none; 16387 position: absolute; 16388 left: 100%; 16389 top: -15px; 16390 padding: 15px 0px; 16391 box-shadow: 0px 0px 5px #00000078; background: #fff; 16392 } 16393 .horizontal_menu .nav_div_127 .nav_list>li .nav_list_trd.open, 16394 .horizontal_menu .nav_div_127 .nav_list>li:hover .nav_list_trd { 16395 display: block; 16396 z-index: 99; 16397 } 16398 16399 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_127, 16400 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_127 .nav_list_trd{ 16401 width: 250px; 16402 } 16403 16404 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_127 .nav_list_trd{ 16405 width: 250px; 16406 } 16407 </style> 16408 </div> 16409 <div class="hum-line"></div> 16410 16411 16412 <a class="hamburger-menu
16412-nav-section " title="Rolex Certified Pre-Owned" href="/rolex-certified-pre-owned-watches" > 16413 <span class="icon_and_name"> 16414 16415 Rolex Certified Pre-Owned </span> 16416 16417 </a> 16418 16419 16420 16421 <div class="sub-menu-panel" id="mobile-submenu-192" aria-hidden="true"> 16422 16423 16424 16425 16426 16427<div class="menu_container default_build_menu menu_container_3_navigation_192"> 16428 <div class="nav_div_192"> 16429 </div> 16430</div> 16431<style> 16432 .menu_container_3_navigation_192 { 16433 background: #fff; 16434 } 16435 .horizontal_menu .nav_div_192 { 16436 padding: 15px 0px; 16437 box-shadow: 0px 0px 5px #00000078; display: flex; 16438 flex-wrap: wrap; 16439 } 16440 .horizontal_menu .nav_img_192 { 16441 height: 200px; 16442 width: 250px; 16443 margin-left: 50px; 16444 margin-right: 20px; 16445 flex-shrink: 0; 16446 order: 1; 16447 } 16448 .horizontal_menu .nav_img_192 img { 16449 max-width: 100%; 16450 max-height: 100%; 16451 } 16452 .horizontal_menu .nav_div_192 .vfit { 16453 text-align: left; 16454 border-bottom: 1px solid #ececec; 16455 text-transform: uppercase; 16456 } 16457 .nav_div_192 .vfit a { 16458 text-decoration: none; 16459 color: #222; 16460 } 16461 .nav_div_192 .nav_list { 16462 list-style: none; 16463 margin: 0; 16464 padding: 0; 16465 order: 1; 16466 } 16467 .nav_div_192 ul { 16468 list-style: none; 16469 } 16470 #mobile_hamburger_menu_template .nav_div_192 li { 16471 width: 100%; 16472 margin: 0; 16473 padding: 0px 20px; 16474 position: relative; 16475 } 16476 .horizontal_menu .nav_div_192 li { 16477 width: 100%; 16478 margin: 0; 16479 padding: 0px 20px; 16480 position: relative; 16481 } 16482 16483 #mobile_hamburger_menu_template .nav_div_192 li svg { 16484 position: absolute; 16485 right: 15px; 16486 height: 10px; 16487 top: 10px; 16488 } 16489 .horizontal_menu .nav_div_192 li svg { 16490 position: absolute; 16491 right: 15px; 16492 height: 10px; 16493 top: 10px; 16494 } 16495 16496 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_192 .nav_div_192 .nav_list li .nav_a_trd { 16497 display: flex; 16498 align-items: center; 16499 padding: 0; 16500 line-height: 30px; 16501 font-size: 14px; 16502 text-transform: uppercase; 16503 text-decoration: none; 16504 color: #222; 16505 white-space: normal; 16506 16507 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:35px; 16508 } 16509 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_192 .nav_div_192 .nav_list li button { 16510 background: none; 16511 border: none; 16512 cursor: pointer; 16513 } 16514 16515 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_192 .nav_div_192 .nav_list li .nav_a_trd.parent_men { 16516 text-decoration: underline; 16517 } 16518 16519 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_192 .nav_div_192 .nav_list li .nav_a_trd:hover { 16520 color:#000000; cursor: pointer; 16521 } 16522 16523 16524 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_192 .nav_div_192 .nav_list li .nav_list_trd li a { 16525 display: flex; 16526 align-items: center; 16527 padding: 0; 16528 line-height: 30px; 16529 font-size: 14px; 16530 text-transform: uppercase; 16531 text-decoration: none; 16532 color: #222; 16533 white-space: normal; 16534 16535 color:#4d4d4d; font-style:normal; font-size:px; font-family:Arial; text-transform:none; line-height:35px; } 16536 16537 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_192 .nav_div_192 .nav_list li .nav_list_trd li a:hover { 16538 color:#000000; } 16539 16540 .nav_div_192 .nav_list li a .nav_icons { 16541 height: 30px; 16542 margin-right: 5px; 16543 } 16544 16545 16546 16547 .nav_div_192 .nav_list li a:hover { 16548 color: #3172ab; 16549 } 16550 .horizontal_menu .nav_div_192 .nav_list_trd { 16551 display: none; 16552 position: absolute; 16553 left: 100%; 16554 top: -15px; 16555 padding: 15px 0px; 16556 box-shadow: 0px 0px 5px #00000078; background: #fff; 16557 } 16558 .horizontal_menu .nav_div_192 .nav_list>li .nav_list_trd.open, 16559 .horizontal_menu .nav_div_192 .nav_list>li:hover .nav_list_trd { 16560 display: block; 16561 z-index: 99; 16562 } 16563 16564 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_192, 16565 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_192 .nav_list_trd{ 16566 width: 250px; 16567 } 16568 16569 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_192 .nav_list_trd{ 16570 width: 250px; 16571 } 16572 </style> 16573 </div> 16574 <div class="hum-line"></div> 16575 16576 16577 <button type="button" class="hamburger-menu
16577-nav-section " aria-expanded="false" aria-controls="mobile-submenu-6" aria-label="Expand Engagement Rings section"> 16578 <span class="icon_and_name"> 16579 16580 Engagement Rings </span> 16581 <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> 16582 16583 </button> 16584 16585 16586 16587 <div class="sub-menu-panel" id="mobile-submenu-6" aria-hidden="true"> 16588 16589 16590 16591 16592 16593<div class="menu_container default_build_menu menu_container_3_navigation_6"> 16594 <div class="nav_div_6"> 16595 <ul class="nav_list" role="menu" aria-label="Engagement Rings" tabindex="-1"> 16596 16597 <li style="" 16598 class="" 16599 role="none"> 16600 16601 16602 16603 <a class="nav_a_trd " title="Shop By Style" href="#!" data-full_image="" role="menuitem" tabindex="0" > 16604 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> 16605 </a> 16606 16607 16608 16609 16610 16611 16612 16613 <ul class="nav_list_trd" role="menu" aria-label="Shop By Style" tabindex="-1"> 16614 <li style="" 16615 class="" 16616 role="none"> 16617 16618 <a class="" href="https://www.hellerjewelers.com/halo-rings" title="Halo Rings" role="menuitem" tabindex="0" > 16619 <img class="nav_icons menu_icon_halorings" src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/halo.svg" alt="Halo Rings" title="Halo Rings" loading="lazy"/> 16620 Halo Rings </a> 16621 </li> 16622 <li style="" 16623 class="" 16624 role="none"> 16625 16626 <a class="" href="https://www.hellerjewelers.com/side-stone-rings" title="Side Stone Rings" role="menuitem" tabindex="-1" > 16627 <img class="nav_icons menu_icon_sidestonerings" src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/sidestones.svg" alt="Side Stone Rings" title="Side Stone Rings" loading="lazy"/> 16628 Side Stone Rings </a> 16629 </li> 16630 <li style="" 16631 class="" 16632 role="none"> 16633 16634 <a class="" href="https://www.hellerjewelers.com/solitaire-rings" title="Solitaire Rings" role="menuitem" tabindex="-1" > 16635 <img class="nav_icons menu_icon_solitairerings" src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/solitaire.svg" alt="Solitaire Rings" title="Solitaire Rings" loading="lazy"/> 16636 Solitaire Rings </a> 16637 </li> 16638 <li style="" 16639 class="" 16640 role="none"> 16641 16642 <a class="" href="https://www.hellerjewelers.com/three-stones-rings" title="Three Stones Rings" role="menuitem" tabindex="-1" > 16643 <img class="nav_icons menu_icon_threestonesrings" src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/3stones.svg" alt="Three Stones Rings" title="Three Stones Rings" loading="lazy"/> 16644 Three Stones Rings </a> 16645 </li> 16646 </ul> 16647 </li> 16648 16649 16650 16651 <li style="" 16652 class="" 16653 role="none"> 16654 16655 16656 16657 <a class="nav_a_trd " title="Shop By Shape" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 16658 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> 16659 </a> 16660 16661 16662 16663 16664 16665 16666 16667 <ul class="nav_list_trd" role="menu" aria-label="Shop By Shape" tabindex="-1"> 16668 <li style="" 16669 class="" 16670 role="none"> 16671 16672 <a class="" href="https://www.hellerjewelers.com/princess-cut-rings" title="Princess Cut Rings" role="menuitem" tabindex="0" > 16673 <img class="nav_icons menu_icon_princesscutrings" src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/princess.svg" alt="Princess Cut Rings" title="Princess Cut Rings" loading="lazy"/> 16674 Princess Cut Rings </a> 16675 </li> 16676 <li style="" 16677 class="" 16678 role="none"> 16679 16680 <a class="" href="https://www.hellerjewelers.com/round-cut-rings" title="Round Cut Rings" role="menuitem" tabindex="-1" > 16681 <img class="nav_icons menu_icon_roundcutrings" src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/rou
16681nd.svg" alt="Round Cut Rings" title="Round Cut Rings" loading="lazy"/> 16682 Round Cut Rings </a> 16683 </li> 16684 <li style="" 16685 class="" 16686 role="none"> 16687 16688 <a class="" href="https://www.hellerjewelers.com/cushion-cut-rings" title="Cushion Cut Rings" role="menuitem" tabindex="-1" > 16689 <img class="nav_icons menu_icon_cushioncutrings" src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/cushion.svg" alt="Cushion Cut Rings" title="Cushion Cut Rings" loading="lazy"/> 16690 Cushion Cut Rings </a> 16691 </li> 16692 <li style="" 16693 class="" 16694 role="none"> 16695 16696 <a class="" href="https://www.hellerjewelers.com/radiant-cut-rings" title="Radiant Cut Rings" role="menuitem" tabindex="-1" > 16697 <img class="nav_icons menu_icon_radiantcutrings" src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/radiant.svg" alt="Radiant Cut Rings" title="Radiant Cut Rings" loading="lazy"/> 16698 Radiant Cut Rings </a> 16699 </li> 16700 <li style="" 16701 class="" 16702 role="none"> 16703 16704 <a class="" href="https://www.hellerjewelers.com/oval-cut-rings" title="Oval Cut Rings" role="menuitem" tabindex="-1" > 16705 <img class="nav_icons menu_icon_ovalcutrings" src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/oval.svg" alt="Oval Cut Rings" title="Oval Cut Rings" loading="lazy"/> 16706 Oval Cut Rings </a> 16707 </li> 16708 <li style="" 16709 class="" 16710 role="none"> 16711 16712 <a class="" href="https://www.hellerjewelers.com/emerald-cut-rings" title="Emerald Cut Rings" role="menuitem" tabindex="-1" > 16713 <img class="nav_icons menu_icon_emeraldcutrings" src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/emerald.svg" alt="Emerald Cut Rings" title="Emerald Cut Rings" loading="lazy"/> 16714 Emerald Cut Rings </a> 16715 </li> 16716 <li style="" 16717 class="" 16718 role="none"> 16719 16720 <a class="" href="https://www.hellerjewelers.com/marquise-cut-rings" title="Marquise Cut Rings" role="menuitem" tabindex="-1" > 16721 <img class="nav_icons menu_icon_marquisecutrings" src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/marquise.svg" alt="Marquise Cut Rings" title="Marquise Cut Rings" loading="lazy"/> 16722 Marquise Cut Rings </a> 16723 </li> 16724 <li style="" 16725 class="" 16726 role="none"> 16727 16728 <a class="" href="https://www.hellerjewelers.com/pear-shape-rings" title="Pear Shape Ring" role="menuitem" tabindex="-1" > 16729 <img class="nav_icons menu_icon_pearshapering" src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/pear.svg" alt="Pear Shape Ring" title="Pear Shape Ring" loading="lazy"/> 16730 Pear Shape Ring </a> 16731 </li> 16732 </ul> 16733 </li> 16734 16735 16736 16737 <li style="" 16738 class="" 16739 role="none"> 16740 16741 16742 16743 <a class="nav_a_trd " title="Shop By Price" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 16744 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> 16745 </a> 16746 16747 16748 16749 16750 16751 16752 16753 <ul class="nav_list_trd" role="menu" aria-label="Shop By Price" tabindex="-1"> 16754 <li style="" 16755 class="" 16756 role="none"> 16757 16758 <a class="" href="https://www.hellerjewelers.com/engagement-rings-1000-to-2000" title="$1000 - $2000" role="menuitem" tabindex="0" > 16759 $1000 - $2000 </a> 16760 </li> 16761 <li style="" 16762 class="" 16763 role="none"> 16764 16765 <a class="" href="https://www.hellerjewelers.com/engagement-rings-2000-to-5000" title="$2000 - $5000" role="menuitem" tabindex="-1" > 16766 $2000 - $5000 </a> 16767 </li> 16768 <li style="" 16769 class="" 16770 role="none"> 16771 16772 <a class="" href="https://www.hellerjewelers.com/engagement-rings-5000-up" title="$5000 & Up" role="menuitem" tabindex="-1" > 16773 $5000 & Up </a> 16774 </li> 16775
16775 </ul> 16776 </li> 16777 16778 16779 16780 <li style="" 16781 class="" 16782 role="none"> 16783 16784 16785 16786 <a class="nav_a_trd " title="Start Your Research" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 16787 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> 16788 </a> 16789 16790 16791 16792 16793 16794 16795 16796 <ul class="nav_list_trd" role="menu" aria-label="Start Your Research" tabindex="-1"> 16797 <li style="" 16798 class="" 16799 role="none"> 16800 16801 <a class="" href="https://www.hellerjewelers.com/engagement-rings" title="View All Engagement Rings >>" role="menuitem" tabindex="0" > 16802 View All Engagement Rings >> </a> 16803 </li> 16804 <li style="" 16805 class="" 16806 role="none"> 16807 16808 <a class="" href="https://www.hellerjewelers.com/create-your-ring" title="Customize Your Ring >>" role="menuitem" tabindex="-1" > 16809 Customize Your Ring >> </a> 16810 </li> 16811 </ul> 16812 </li> 16813 16814 16815 </ul> 16816 </div> 16817</div> 16818<style> 16819 .menu_container_3_navigation_6 { 16820 background: #fff; 16821 } 16822 .horizontal_menu .nav_div_6 { 16823 padding: 15px 0px; 16824 box-shadow: 0px 0px 5px #00000078; display: flex; 16825 flex-wrap: wrap; 16826 } 16827 .horizontal_menu .nav_img_6 { 16828 height: 200px; 16829 width: 250px; 16830 margin-left: 50px; 16831 margin-right: 20px; 16832 flex-shrink: 0; 16833 order: 1; 16834 } 16835 .horizontal_menu .nav_img_6 img { 16836 max-width: 100%; 16837 max-height: 100%; 16838 } 16839 .horizontal_menu .nav_div_6 .vfit { 16840 text-align: left; 16841 border-bottom: 1px solid #ececec; 16842 text-transform: uppercase; 16843 } 16844 .nav_div_6 .vfit a { 16845 text-decoration: none; 16846 color: #222; 16847 } 16848 .nav_div_6 .nav_list { 16849 list-style: none; 16850 margin: 0; 16851 padding: 0; 16852 order: 1; 16853 } 16854 .nav_div_6 ul { 16855 list-style: none; 16856 } 16857 #mobile_hamburger_menu_template .nav_div_6 li { 16858 width: 100%; 16859 margin: 0; 16860 padding: 0px 20px; 16861 position: relative; 16862 } 16863 .horizontal_menu .nav_div_6 li { 16864 width: 100%; 16865 margin: 0; 16866 padding: 0px 20px; 16867 position: relative; 16868 } 16869 16870 #mobile_hamburger_menu_template .nav_div_6 li svg { 16871 position: absolute; 16872 right: 15px; 16873 height: 10px; 16874 top: 10px; 16875 } 16876 .horizontal_menu .nav_div_6 li svg { 16877 position: absolute; 16878 right: 15px; 16879 height: 10px; 16880 top: 10px; 16881 } 16882 16883 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_6 .nav_div_6 .nav_list li .nav_a_trd { 16884 display: flex; 16885 align-items: center; 16886 padding: 0; 16887 line-height: 30px; 16888 font-size: 14px; 16889 text-transform: uppercase; 16890 text-decoration: none; 16891 color: #222; 16892 white-space: normal; 16893 16894 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:35px; 16895 } 16896 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_6 .nav_div_6 .nav_list li button { 16897 background: none; 16898 border: none; 16899 cursor: pointer; 16900 } 16901 16902 .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 { 16903 text-decoration: underline; 16904 } 16905 16906 .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 { 16907 color:#000000; cursor: pointer; 16908 } 16909 16910 16911 .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 { 16912 display: flex; 16913 align-items: center; 16914 padding: 0; 16915 line-height: 30px; 16916 font-size: 14px; 16917 text-transform: uppercase; 16918 text-decoration: none; 16919 color: #222; 16920 white-space: normal; 16921 16922 color:#4d4d4d; font-style:normal; font-size:px; font-family:Arial; text-transform:none; line-height:35px; } 16923 16924 .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 { 16925 color:#000000; } 16926 16927 .nav_div_6 .nav_list li a .nav_icons { 16928 height: 30px; 16929 margin-right: 5px; 16930 } 16931 16932 16933 16934 .nav_div_6 .nav_list li a:hover { 16935 color: #3172ab; 16936 } 16937 .horizontal_menu .nav_div_6 .nav_list_trd { 16938 display: none; 16939 position: absolute; 16940 left: 100%; 16941 top: -15px; 16942 padding: 15px 0px; 16943 box-shadow: 0px 0px 5px #00000078; background: #fff; 16944 } 16945 .horizontal_menu .nav_div_6 .nav_list>li .nav_list_trd.open, 16946 .horizontal_menu .nav_div_6 .nav_list>li:hover .nav_list_trd { 16947 display: block; 16948 z-index: 99; 16949 } 16950 16951 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_6, 16952 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_6 .nav_list_trd{ 16953 width: 250px; 16954 } 16955 16956 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_6 .nav_list_trd{ 16957 width: 250px; 16958 } 16959 </style> 16960 </div> 16961 <div class="hum-line"></div> 16962 16963 16964 <a class="hamburger-menu
16964-nav-section " title="Diamonds" href="https://www.hellerjewelers.com/diamonds" > 16965 <span class="icon_and_name"> 16966 16967 Diamonds </span> 16968 16969 </a> 16970 16971 16972 16973 <div class="sub-menu-panel" id="mobile-submenu-11" aria-hidden="true"> 16974 16975 16976 16977 16978 16979<div class="menu_container default_build_menu menu_container_3_navigation_11"> 16980 <div class="nav_div_11"> 16981 </div> 16982</div> 16983<style> 16984 .menu_container_3_navigation_11 { 16985 background: #fff; 16986 } 16987 .horizontal_menu .nav_div_11 { 16988 padding: 15px 0px; 16989 box-shadow: 0px 0px 5px #00000078; display: flex; 16990 flex-wrap: wrap; 16991 } 16992 .horizontal_menu .nav_img_11 { 16993 height: 200px; 16994 width: 250px; 16995 margin-left: 50px; 16996 margin-right: 20px; 16997 flex-shrink: 0; 16998 order: 1; 16999 } 17000 .horizontal_menu .nav_img_11 img { 17001 max-width: 100%; 17002 max-height: 100%; 17003 } 17004 .horizontal_menu .nav_div_11 .vfit { 17005 text-align: left; 17006 border-bottom: 1px solid #ececec; 17007 text-transform: uppercase; 17008 } 17009 .nav_div_11 .vfit a { 17010 text-decoration: none; 17011 color: #222; 17012 } 17013 .nav_div_11 .nav_list { 17014 list-style: none; 17015 margin: 0; 17016 padding: 0; 17017 order: 1; 17018 } 17019 .nav_div_11 ul { 17020 list-style: none; 17021 } 17022 #mobile_hamburger_menu_template .nav_div_11 li { 17023 width: 100%; 17024 margin: 0; 17025 padding: 0px 20px; 17026 position: relative; 17027 } 17028 .horizontal_menu .nav_div_11 li { 17029 width: 100%; 17030 margin: 0; 17031 padding: 0px 20px; 17032 position: relative; 17033 } 17034 17035 #mobile_hamburger_menu_template .nav_div_11 li svg { 17036 position: absolute; 17037 right: 15px; 17038 height: 10px; 17039 top: 10px; 17040 } 17041 .horizontal_menu .nav_div_11 li svg { 17042 position: absolute; 17043 right: 15px; 17044 height: 10px; 17045 top: 10px; 17046 } 17047 17048 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_11 .nav_div_11 .nav_list li .nav_a_trd { 17049 display: flex; 17050 align-items: center; 17051 padding: 0; 17052 line-height: 30px; 17053 font-size: 14px; 17054 text-transform: uppercase; 17055 text-decoration: none; 17056 color: #222; 17057 white-space: normal; 17058 17059 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:35px; 17060 } 17061 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_11 .nav_div_11 .nav_list li button { 17062 background: none; 17063 border: none; 17064 cursor: pointer; 17065 } 17066 17067 .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 { 17068 text-decoration: underline; 17069 } 17070 17071 .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 { 17072 color:#000000; cursor: pointer; 17073 } 17074 17075 17076 .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 { 17077 display: flex; 17078 align-items: center; 17079 padding: 0; 17080 line-height: 30px; 17081 font-size: 14px; 17082 text-transform: uppercase; 17083 text-decoration: none; 17084 color: #222; 17085 white-space: normal; 17086 17087 color:#4d4d4d; font-style:normal; font-size:px; font-family:Arial; text-transform:none; line-height:35px; } 17088 17089 .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 { 17090 color:#000000; } 17091 17092 .nav_div_11 .nav_list li a .nav_icons { 17093 height: 30px; 17094 margin-right: 5px; 17095 } 17096 17097 17098 17099 .nav_div_11 .nav_list li a:hover { 17100 color: #3172ab; 17101 } 17102 .horizontal_menu .nav_div_11 .nav_list_trd { 17103 display: none; 17104 position: absolute; 17105 left: 100%; 17106 top: -15px; 17107 padding: 15px 0px; 17108 box-shadow: 0px 0px 5px #00000078; background: #fff; 17109 } 17110 .horizontal_menu .nav_div_11 .nav_list>li .nav_list_trd.open, 17111 .horizontal_menu .nav_div_11 .nav_list>li:hover .nav_list_trd { 17112 display: block; 17113 z-index: 99; 17114 } 17115 17116 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_11, 17117 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_11 .nav_list_trd{ 17118 width: 250px; 17119 } 17120 17121 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_11 .nav_list_trd{ 17122 width: 250px; 17123 } 17124 </style> 17125 </div> 17126 <div class="hum-line"></div> 17127 17128 17129 <button type="button" class="hamburger-menu
17129-nav-section " aria-expanded="false" aria-controls="mobile-submenu-12" aria-label="Expand Wedding Bands section"> 17130 <span class="icon_and_name"> 17131 17132 Wedding Bands </span> 17133 <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> 17134 17135 </button> 17136 17137 17138 17139 <div class="sub-menu-panel" id="mobile-submenu-12" aria-hidden="true"> 17140 17141 17142 17143 17144 17145<div class="menu_container default_build_menu menu_container_3_navigation_12"> 17146 <div class="nav_div_12"> 17147 <ul class="nav_list" role="menu" aria-label="Wedding Bands" tabindex="-1"> 17148 17149 <li style="" 17150 class="" 17151 role="none"> 17152 17153 17154 17155 <a class="nav_a_trd " title="Shop By Gender" href="#!" data-full_image="" role="menuitem" tabindex="0" > 17156 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> 17157 </a> 17158 17159 17160 17161 17162 17163 17164 17165 <ul class="nav_list_trd" role="menu" aria-label="Shop By Gender" tabindex="-1"> 17166 <li style="" 17167 class="" 17168 role="none"> 17169 17170 <a class="" href="https://www.hellerjewelers.com/mens-wedding-bands" title="Men Wedding Bands" role="menuitem" tabindex="0" > 17171 <img class="nav_icons menu_icon_menweddingbands" src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bands/mens-01.svg" alt="Men Wedding Bands" title="Men Wedding Bands" loading="lazy"/> 17172 Men Wedding Bands </a> 17173 </li> 17174 <li style="" 17175 class="" 17176 role="none"> 17177 17178 <a class="" href="https://www.hellerjewelers.com/ladies-wedding-bands" title="Ladies Wedding Bands" role="menuitem" tabindex="-1" > 17179 <img class="nav_icons menu_icon_ladiesweddingbands" src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bands/bezel.svg" alt="Ladies Wedding Bands" title="Ladies Wedding Bands" loading="lazy"/> 17180 Ladies Wedding Bands </a> 17181 </li> 17182 </ul> 17183 </li> 17184 17185 17186 17187 <li style="" 17188 class="" 17189 role="none"> 17190 17191 17192 17193 <a class="nav_a_trd " title="Shop By Price" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 17194 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> 17195 </a> 17196 17197 17198 17199 17200 17201 17202 17203 <ul class="nav_list_trd" role="menu" aria-label="Shop By Price" tabindex="-1"> 17204 <li style="" 17205 class="" 17206 role="none"> 17207 17208 <a class="" href="https://www.hellerjewelers.com/wedding-bands-up-to-500" title="Up to $500" role="menuitem" tabindex="0" > 17209 Up to $500 </a> 17210 </li> 17211 <li style="" 17212 class="" 17213 role="none"> 17214 17215 <a class="" href="https://www.hellerjewelers.com/wedding-bands-500-to-1000" title="$500 - $1000" role="menuitem" tabindex="-1" > 17216 $500 - $1000 </a> 17217 </li> 17218 <li style="" 17219 class="" 17220 role="none"> 17221 17222 <a class="" href="https://www.hellerjewelers.com/engagement-rings-1000-to-2000" title="$1000 - $2000" role="menuitem" tabindex="-1" > 17223 $1000 - $2000 </a> 17224 </li> 17225 <li style="" 17226 class="" 17227 role="none"> 17228 17229 <a class="" href="https://www.hellerjewelers.com/wedding-bands-2000-to-5000" title="$2000 - $5000" role="menuitem" tabindex="-1" > 17230 $2000 - $5000 </a> 17231 </li> 17232 <li style="" 17233 class="" 17234 role="none"> 17235 17236 <a class="" href="https://www.hellerjewelers.com/wedding-bands-5000-up" title="$5000 & Up" role="menuitem" tabindex="-1" > 17237 $5000 & Up </a> 17238 </li> 17239
17239 </ul> 17240 </li> 17241 17242 17243 17244 <li style="" 17245 class="" 17246 role="none"> 17247 17248 17249 17250 <a class="nav_a_trd " title="Start Your Research" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 17251 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> 17252 </a> 17253 17254 17255 17256 17257 17258 17259 17260 <ul class="nav_list_trd" role="menu" aria-label="Start Your Research" tabindex="-1"> 17261 <li style="" 17262 class="" 17263 role="none"> 17264 17265 <a class="" href="https://www.hellerjewelers.com/wedding-bands" title="View All Wedding Bands >>" role="menuitem" tabindex="0" > 17266 View All Wedding Bands >> </a> 17267 </li> 17268 </ul> 17269 </li> 17270 17271 17272 </ul> 17273 </div> 17274</div> 17275<style> 17276 .menu_container_3_navigation_12 { 17277 background: #fff; 17278 } 17279 .horizontal_menu .nav_div_12 { 17280 padding: 15px 0px; 17281 box-shadow: 0px 0px 5px #00000078; display: flex; 17282 flex-wrap: wrap; 17283 } 17284 .horizontal_menu .nav_img_12 { 17285 height: 200px; 17286 width: 250px; 17287 margin-left: 50px; 17288 margin-right: 20px; 17289 flex-shrink: 0; 17290 order: 1; 17291 } 17292 .horizontal_menu .nav_img_12 img { 17293 max-width: 100%; 17294 max-height: 100%; 17295 } 17296 .horizontal_menu .nav_div_12 .vfit { 17297 text-align: left; 17298 border-bottom: 1px solid #ececec; 17299 text-transform: uppercase; 17300 } 17301 .nav_div_12 .vfit a { 17302 text-decoration: none; 17303 color: #222; 17304 } 17305 .nav_div_12 .nav_list { 17306 list-style: none; 17307 margin: 0; 17308 padding: 0; 17309 order: 1; 17310 } 17311 .nav_div_12 ul { 17312 list-style: none; 17313 } 17314 #mobile_hamburger_menu_template .nav_div_12 li { 17315 width: 100%; 17316 margin: 0; 17317 padding: 0px 20px; 17318 position: relative; 17319 } 17320 .horizontal_menu .nav_div_12 li { 17321 width: 100%; 17322 margin: 0; 17323 padding: 0px 20px; 17324 position: relative; 17325 } 17326 17327 #mobile_hamburger_menu_template .nav_div_12 li svg { 17328 position: absolute; 17329 right: 15px; 17330 height: 10px; 17331 top: 10px; 17332 } 17333 .horizontal_menu .nav_div_12 li svg { 17334 position: absolute; 17335 right: 15px; 17336 height: 10px; 17337 top: 10px; 17338 } 17339 17340 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_12 .nav_div_12 .nav_list li .nav_a_trd { 17341 display: flex; 17342 align-items: center; 17343 padding: 0; 17344 line-height: 30px; 17345 font-size: 14px; 17346 text-transform: uppercase; 17347 text-decoration: none; 17348 color: #222; 17349 white-space: normal; 17350 17351 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:35px; 17352 } 17353 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_12 .nav_div_12 .nav_list li button { 17354 background: none; 17355 border: none; 17356 cursor: pointer; 17357 } 17358 17359 .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 { 17360 text-decoration: underline; 17361 } 17362 17363 .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 { 17364 color:#000000; cursor: pointer; 17365 } 17366 17367 17368 .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 { 17369 display: flex; 17370 align-items: center; 17371 padding: 0; 17372 line-height: 30px; 17373 font-size: 14px; 17374 text-transform: uppercase; 17375 text-decoration: none; 17376 color: #222; 17377 white-space: normal; 17378 17379 color:#4d4d4d; font-style:normal; font-size:px; font-family:Arial; text-transform:none; line-height:35px; } 17380 17381 .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 { 17382 color:#000000; } 17383 17384 .nav_div_12 .nav_list li a .nav_icons { 17385 height: 30px; 17386 margin-right: 5px; 17387 } 17388 17389 17390 17391 .nav_div_12 .nav_list li a:hover { 17392 color: #3172ab; 17393 } 17394 .horizontal_menu .nav_div_12 .nav_list_trd { 17395 display: none; 17396 position: absolute; 17397 left: 100%; 17398 top: -15px; 17399 padding: 15px 0px; 17400 box-shadow: 0px 0px 5px #00000078; background: #fff; 17401 } 17402 .horizontal_menu .nav_div_12 .nav_list>li .nav_list_trd.open, 17403 .horizontal_menu .nav_div_12 .nav_list>li:hover .nav_list_trd { 17404 display: block; 17405 z-index: 99; 17406 } 17407 17408 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_12, 17409 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_12 .nav_list_trd{ 17410 width: 250px; 17411 } 17412 17413 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_12 .nav_list_trd{ 17414 width: 250px; 17415 } 17416 </style> 17417 </div> 17418 <div class="hum-line"></div> 17419 17420 17421 <button type="button" class="hamburger-menu
17421-nav-section " aria-expanded="false" aria-controls="mobile-submenu-16" aria-label="Expand Fine Jewelry section"> 17422 <span class="icon_and_name"> 17423 17424 Fine Jewelry </span> 17425 <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> 17426 17427 </button> 17428 17429 17430 17431 <div class="sub-menu-panel" id="mobile-submenu-16" aria-hidden="true"> 17432 17433 17434 17435 17436 17437<div class="menu_container default_build_menu menu_container_3_navigation_16"> 17438 <div class="nav_div_16"> 17439 <ul class="nav_list" role="menu" aria-label="Fine Jewelry" tabindex="-1"> 17440 17441 <li style="" 17442 class="" 17443 role="none"> 17444 17445 17446 17447 <a class="nav_a_trd " title="Shop By Type" href="#!" data-full_image="" role="menuitem" tabindex="0" > 17448 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> 17449 </a> 17450 17451 17452 17453 17454 17455 17456 17457 <ul class="nav_list_trd" role="menu" aria-label="Shop By Type" tabindex="-1"> 17458 <li style="" 17459 class="" 17460 role="none"> 17461 17462 <a class="" href="https://www.hellerjewelers.com/necklaces" title="Necklaces" role="menuitem" tabindex="0" > 17463 <img class="nav_icons menu_icon_necklaces" src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/necklaces/heart.svg" alt="Necklaces" title="Necklaces" loading="lazy"/> 17464 Necklaces </a> 17465 </li> 17466 <li style="" 17467 class="" 17468 role="none"> 17469 17470 <a class="" href="https://www.hellerjewelers.com/earrings" title="Earrings" role="menuitem" tabindex="-1" > 17471 <img class="nav_icons menu_icon_earrings" src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/earr
17471ings/stud.svg" alt="Earrings" title="Earrings" loading="lazy"/> 17472 Earrings </a> 17473 </li> 17474 <li style="" 17475 class="" 17476 role="none"> 17477 17478 <a class="" href="https://www.hellerjewelers.com/bracelets" title="Bracelets" role="menuitem" tabindex="-1" > 17479 <img class="nav_icons menu_icon_bracelets" src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bracelets/mens.svg" alt="Bracelets" title="Bracelets" loading="lazy"/> 17480 Bracelets </a> 17481 </li> 17482 <li style="" 17483 class="" 17484 role="none"> 17485 17486 <a class="" href="https://www.hellerjewelers.com/fashion-rings" title="Rings" role="menuitem" tabindex="-1" > 17487 <img class="nav_icons menu_icon_rings" src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bands/diamond.svg" alt="Rings" title="Rings" loading="lazy"/> 17488 Rings </a> 17489 </li> 17490 <li style="" 17491 class="" 17492 role="none"> 17493 17494 <a class="" href="https://www.hellerjewelers.com/charms" title="Charms " role="menuitem" tabindex="-1" > 17495 <img class="nav_icons menu_icon_charms" src="https://www.hellerjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/necklaces/religious.svg" alt="Charms " title="Charms " loading="lazy"/> 17496 Charms </a> 17497 </li> 17498 </ul> 17499 </li> 17500 17501 17502 17503 <li style="" 17504 class="" 17505 role="none"> 17506 17507 17508 17509 <a class="nav_a_trd " title="Shop By Price" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 17510 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> 17511 </a> 17512 17513 17514 17515 17516 17517 17518 17519 <ul class="nav_list_trd" role="menu" aria-label="Shop By Price" tabindex="-1"> 17520 <li style="" 17521 class="" 17522 role="none"> 17523 17524 <a class="" href="https://www.hellerjewelers.com/fine-jewelry-0-to-500" title="Up to $500" role="menuitem" tabindex="0" > 17525 Up to $500 </a> 17526 </li> 17527 <li style="" 17528 class="" 17529 role="none"> 17530 17531 <a class="" href="https://www.hellerjewelers.com/fine-jewelry-500-to-1000" title="$500 - $1000" role="menuitem" tabindex="-1" > 17532 $500 - $1000 </a> 17533 </li> 17534 <li style="" 17535 class="" 17536 role="none"> 17537 17538 <a class="" href="https://www.hellerjewelers.com/fine-jewelry-1000-to-2000" title="$1000 - $2000" role="menuitem" tabindex="-1" > 17539 $1000 - $2000 </a> 17540 </li> 17541 <li style="" 17542 class="" 17543 role="none"> 17544 17545 <a class="" href="https://www.hellerjewelers.com/fine-jewelry-2000-to-5000" title="$2000 - $5000" role="menuitem" tabindex="-1" > 17546 $2000 - $5000 </a> 17547 </li> 17548 <li style="" 17549 class="" 17550 role="none"> 17551 17552 <a class="" href="https://www.hellerjewelers.com/fine-jewelry-5000-up" title="$5000 & Up" role="menuitem" tabindex="-1" > 17553 $5000 & Up </a> 17554 </li> 17555 </ul> 17556 </li> 17557 17558 17559 17560 <li style="" 17561 class="" 17562 role="none"> 17563 17564 17565 17566 <a class="nav_a_trd " title="Start Your Research" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 17567 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> 17568 </a> 17569 17570 17571 17572 17573 17574 17575 17576 <ul class="nav_list_trd" role="menu" aria-label="Start Your Research" tabindex="-1"> 17577
17577 <li style="" 17578 class="" 17579 role="none"> 17580 17581 <a class="" href="https://www.hellerjewelers.com/jewelry-designers" title="View All Fine Jewelry >>" role="menuitem" tabindex="0" > 17582 View All Fine Jewelry >> </a> 17583 </li> 17584 <li style="" 17585 class="" 17586 role="none"> 17587 17588 <a class="" href="https://www.hellerjewelers.com/hearts-on-fire" title="Hearts on Fire" role="menuitem" tabindex="-1" > 17589 Hearts on Fire </a> 17590 </li> 17591 </ul> 17592 </li> 17593 17594 17595 </ul> 17596 </div> 17597</div> 17598<style> 17599 .menu_container_3_navigation_16 { 17600 background: #fff; 17601 } 17602 .horizontal_menu .nav_div_16 { 17603 padding: 15px 0px; 17604 box-shadow: 0px 0px 5px #00000078; display: flex; 17605 flex-wrap: wrap; 17606 } 17607 .horizontal_menu .nav_img_16 { 17608 height: 200px; 17609 width: 250px; 17610 margin-left: 50px; 17611 margin-right: 20px; 17612 flex-shrink: 0; 17613 order: 1; 17614 } 17615 .horizontal_menu .nav_img_16 img { 17616 max-width: 100%; 17617 max-height: 100%; 17618 } 17619 .horizontal_menu .nav_div_16 .vfit { 17620 text-align: left; 17621 border-bottom: 1px solid #ececec; 17622 text-transform: uppercase; 17623 } 17624 .nav_div_16 .vfit a { 17625 text-decoration: none; 17626 color: #222; 17627 } 17628 .nav_div_16 .nav_list { 17629 list-style: none; 17630 margin: 0; 17631 padding: 0; 17632 order: 1; 17633 } 17634 .nav_div_16 ul { 17635 list-style: none; 17636 } 17637 #mobile_hamburger_menu_template .nav_div_16 li { 17638 width: 100%; 17639 margin: 0; 17640 padding: 0px 20px; 17641 position: relative; 17642 } 17643 .horizontal_menu .nav_div_16 li { 17644 width: 100%; 17645 margin: 0; 17646 padding: 0px 20px; 17647 position: relative; 17648 } 17649 17650 #mobile_hamburger_menu_template .nav_div_16 li svg { 17651 position: absolute; 17652 right: 15px; 17653 height: 10px; 17654 top: 10px; 17655 } 17656 .horizontal_menu .nav_div_16 li svg { 17657 position: absolute; 17658 right: 15px; 17659 height: 10px; 17660 top: 10px; 17661 } 17662 17663 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_16 .nav_div_16 .nav_list li .nav_a_trd { 17664 display: flex; 17665 align-items: center; 17666 padding: 0; 17667 line-height: 30px; 17668 font-size: 14px; 17669 text-transform: uppercase; 17670 text-decoration: none; 17671 color: #222; 17672 white-space: normal; 17673 17674 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:35px; 17675 } 17676 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_16 .nav_div_16 .nav_list li button { 17677 background: none; 17678 border: none; 17679 cursor: pointer; 17680 } 17681 17682 .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 { 17683 text-decoration: underline; 17684 } 17685 17686 .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 { 17687 color:#000000; cursor: pointer; 17688 } 17689 17690 17691 .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 { 17692 display: flex; 17693 align-items: center; 17694 padding: 0; 17695 line-height: 30px; 17696 font-size: 14px; 17697 text-transform: uppercase; 17698 text-decoration: none; 17699 color: #222; 17700 white-space: normal; 17701 17702 color:#4d4d4d; font-style:normal; font-size:px; font-family:Arial; text-transform:none; line-height:35px; } 17703 17704 .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 { 17705 color:#000000; } 17706 17707 .nav_div_16 .nav_list li a .nav_icons { 17708 height: 30px; 17709 margin-right: 5px; 17710 } 17711 17712 17713 17714 .nav_div_16 .nav_list li a:hover { 17715 color: #3172ab; 17716 } 17717 .horizontal_menu .nav_div_16 .nav_list_trd { 17718 display: none; 17719 position: absolute; 17720 left: 100%; 17721 top: -15px; 17722 padding: 15px 0px; 17723 box-shadow: 0px 0px 5px #00000078; background: #fff; 17724 } 17725 .horizontal_menu .nav_div_16 .nav_list>li .nav_list_trd.open, 17726 .horizontal_menu .nav_div_16 .nav_list>li:hover .nav_list_trd { 17727 display: block; 17728 z-index: 99; 17729 } 17730 17731 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_16, 17732 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_16 .nav_list_trd{ 17733 width: 250px; 17734 } 17735 17736 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_16 .nav_list_trd{ 17737 width: 250px; 17738 } 17739 </style> 17740 </div> 17741 <div class="hum-line"></div> 17742 17743 17744 <button type="button" class="hamburger-menu
17744-nav-section " aria-expanded="false" aria-controls="mobile-submenu-72" aria-label="Expand Designers section"> 17745 <span class="icon_and_name"> 17746 17747 Designers </span> 17748 <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> 17749 17750 </button> 17751 17752 17753 17754 <div class="sub-menu-panel" id="mobile-submenu-72" aria-hidden="true"> 17755 17756 17757 17758 17759 17760<div class="menu_container default_build_menu menu_container_3_navigation_72"> 17761 <div class="nav_div_72"> 17762 <ul class="nav_list" role="menu" aria-label="Designers " tabindex="-1"> 17763 17764 <li style="" 17765 class="" 17766 role="none"> 17767 17768 17769 17770 <a class="nav_a_trd " title="Baccarat" href="https://www.hellerjewelers.com/baccarat" data-full_image="/public/1.0/uploads/source/brands/untitled_design_32.png" role="menuitem" tabindex="0" > 17771 Baccarat </a> 17772 17773 17774 17775 17776 17777 17778 17779 </li> 17780 17781 17782 17783 <li style="" 17784 class="" 17785 role="none"> 17786 17787 17788 17789 <a class="nav_a_trd " title="Baraka" href="https://www.hellerjewelers.com/baraka" data-full_image="" role="menuitem" tabindex="-1" > 17790 Baraka </a> 17791 17792 17793 17794 17795 17796 17797 17798 </li> 17799 17800 17801 17802 <li style="" 17803 class="" 17804 role="none"> 17805 17806 17807 17808 <a class="nav_a_trd " title="Fope" href="https://www.hellerjewelers.com/fope" data-full_image="" role="menuitem" tabindex="-1" > 17809 Fope </a> 17810 17811 17812 17813 17814 17815 17816 17817 </li> 17818 17819 17820 17821 <li style="" 17822 class="" 17823 role="none"> 17824 17825 17826 17827 <a class="nav_a_trd " title="Gabriel & Co. Bridal" href="https://www.hellerjewelers.com/gabriel-co-bridal" data-full_image="" role="menuitem" tabindex="-1" > 17828 Gabriel & Co. Bridal </a> 17829 17830 17831 17832 17833 17834 17835 17836 </li> 17837 17838 17839 17840 <li style="" 17841 class="" 17842 role="none"> 17843 17844 17845 17846 <a class="nav_a_trd " title="Gumuchian" href="https://www.hellerjewelers.com/gumuchian" data-full_image="" role="menuitem" tabindex="-1" > 17847 Gumuchian </a> 17848 17849 17850 17851 17852 17853 17854 17855 </li> 17856 17857 17858 17859 <li style="" 17860 class="" 17861 role="none"> 17862 17863 17864 17865 <a class="nav_a_trd " title="Harry
17865Kotlar " href="https://www.hellerjewelers.com/harry-kotlar" data-full_image="" role="menuitem" tabindex="-1" > 17866 Harry Kotlar </a> 17867 17868 17869 17870 17871 17872 17873 17874 </li> 17875 17876 17877 17878 <li style="" 17879 class="" 17880 role="none"> 17881 17882 17883 17884 <a class="nav_a_trd " title="Hearts on Fire" href="https://www.hellerjewelers.com/hearts-on-fire-products" data-full_image="" role="menuitem" tabindex="-1" > 17885 Hearts on Fire </a> 17886 17887 17888 17889 17890 17891 17892 17893 </li> 17894 17895 17896 17897 <li style="" 17898 class="" 17899 role="none"> 17900 17901 17902 17903 <a class="nav_a_trd " title="HJ Collection" href="https://www.hellerjewelers.com/heller-jewelers" data-full_image="" role="menuitem" tabindex="-1" > 17904 HJ Collection </a> 17905 17906 17907 17908 17909 17910 17911 17912 </li> 17913 17914 17915 17916 <li style="" 17917 class="" 17918 role="none"> 17919 17920 17921 17922 <a class="nav_a_trd " title="Hulchi Belluni " href="https://www.hellerjewelers.com/hulchi-belluni" data-full_image="" role="menuitem" tabindex="-1" > 17923 Hulchi Belluni </a> 17924 17925 17926 17927 17928 17929 17930 17931 </li> 17932 17933 17934 17935 <li style="" 17936 class="" 17937 role="none"> 17938 17939 17940 17941 <a class="nav_a_trd " title="Jonathan Adler" href="https://www.hellerjewelers.com/jonathan-adler" target="_blank" data-full_image="/public/1.0/uploads/source/brands/jonathan_adler/fde8f9fcd8ac70f38355a47645c76fd8-w1000-h1000-1-e1634061725761.png" role="menuitem" tabindex="-1" > 17942 Jonathan Adler </a> 17943 17944 17945 17946 17947 17948 17949 17950 </li> 17951 17952 17953 17954 <li style="" 17955 class="" 17956 role="none"> 17957 17958 17959 17960 <a class="nav_a_trd " title="Luigi Tavanti" href="https://www.hellerjewelers.com/luigi-tavanti" data-full_image="" role="menuitem" tabindex="-1" > 17961 Luigi Tavanti </a> 17962 17963 17964 17965 17966 17967 17968 17969 </li> 17970 17971 17972 17973 <li style="" 17974 class="" 17975 role="none"> 17976 17977 17978 17979 <a class="nav_a_trd " title="Michael Aram " href="https://www.hellerjewelers.com/michael-aram" data-full_image="" role="menuitem" tabindex="-1" > 17980 Michael Aram </a> 17981 17982 17983 17984 17985 17986 17987 17988 </li> 17989 17990 </ul> 17991 <ul class="nav_list" role="menu" aria-label="Designers " tabindex="-1"> 17992 17993 17994 <li style="" 17995 class="" 17996 role="none"> 17997 17998 17999 18000 <a class="nav_a_trd " title="Oscar Heyman" href="https://www.hellerjewelers.com/oscar-heyman" target="_blank" data-full_image="" role="menuitem" tabindex="0" > 18001 Oscar Heyman </a> 18002 18003 18004 18005 18006 18007 18008 18009 </li> 18010 18011 18012 18013 <li style="" 18014 class="" 18015 role="none"> 18016 18017 18018 18019 <a class="nav_a_trd " title="Pasquale Bruni " href="https://www.hellerjewelers.com/pasquale-bruni" data-full_image="" role="menuitem" tabindex="-1" > 18020 Pasquale Bruni </a> 18021 18022 18023 18024 18025 18026 18027 18028 </li> 18029 18030 18031 18032 <li style="" 18033 class="" 18034 role="none"> 18035 18036 18037 18038 <a class="nav_a_trd " title="Pomellato" href="https://www.hellerjewelers.com/pomellato" data-full_image="" role="menuitem" tabindex="-1" > 18039 Pomellato </a> 18040 18041 18042 18043 18044 18045 18046 18047 </li> 18048 18049 18050 18051 <li style="" 18052 class="" 18053 role="none"> 18054 18055 18056 18057 <a class="nav_a_trd " title="Roberto Coin" href="https://www.hellerjewelers.com/roberto-coin" data-full_image="" role="menuitem" tabindex="-1" > 18058 Roberto Coin </a> 18059 18060 18061 18062 18063 18064 18065 18066 </li> 18067 18068 18069 18070 <li style="" 18071 class="" 18072 role="none"> 18073 18074 18075 18076 <a class="nav_a_trd " title="Verragio" href="https://www.hellerjewelers.com/verragio" data-full_image="" role="menuitem" tabindex="-1" > 18077 Verragio </a> 18078 18079 18080 18081 18082 18083 18084 18085 </li> 18086 18087 18088 18089 <li style="" 18090 class="" 18091 role="none"> 18092 18093 18094 18095 <a class="nav_a_trd " title="William Henry " href="https://www.hellerjewelers.com/william-henry" data-full_image="" role="menuitem" tabindex="-1" > 18096 William Henry </a> 18097 18098 18099 18100 18101 18102 18103 18104 </li> 18105 18106 18107 18108 <li style="" 18109 class="" 18110 role="none"> 18111 18112 18113 18114 <a class="nav_a_trd " title="Wolf " href="https://www.hellerjewelers.com/wolf-designs-inc" data-full_image="" role="menuitem" tabindex="-1" > 18115 Wolf </a> 18116 18117 18118 18119 18120 18121 18122 18123 </li> 18124 18125 18126 18127 <li style="" 18128 class="" 18129 role="none"> 18130 18131 18132 18133 <a class="nav_a_trd " title="Zydo Italy" href="https://www.hellerjewelers.com/zydo-italy" data-full_image="" role="menuitem" tabindex="-1" > 18134 Zydo Italy </a> 18135 18136 18137 18138 18139 18140 18141 18142 </li> 18143 18144 18145 18146 <li style="" 18147 class="" 18148 role="none"> 18149 18150 18151 18152 <a class="nav_a_trd " title="Always Dream Collection" href="https://www.hellerjewelers.com/always-dream-collection" data-full_image="/public/1.0/uploads/source/always_dream/hj_always_dream_icons_logo.png" role="menuitem" tabindex="-1" > 18153 Always Dream Collection </a> 18154 18155 18156 18157 18158 18159 18160 18161 </li> 18162 18163 18164 </ul> 18165 </div> 18166</div> 18167<style> 18168 .menu_container_3_navigation_72 { 18169 background: #fff; 18170 } 18171 .horizontal_menu .nav_div_72 { 18172 padding: 15px 0px; 18173 box-shadow: 0px 0px 5px #00000078; display: flex; 18174 flex-wrap: wrap; 18175 } 18176 .horizontal_menu .nav_img_72 { 18177 height: 200px; 18178 width: 250px; 18179 margin-left: 50px; 18180 margin-right: 20px; 18181 flex-shrink: 0; 18182 order: 1; 18183 } 18184 .horizontal_menu .nav_img_72 img { 18185 max-width: 100%; 18186 max-height: 100%; 18187 } 18188 .horizontal_menu .nav_div_72 .vfit { 18189 text-align: left; 18190 border-bottom: 1px solid #ececec; 18191 text-transform: uppercase; 18192 } 18193 .nav_div_72 .vfit a { 18194 text-decoration: none; 18195 color: #222; 18196 } 18197 .nav_div_72 .nav_list { 18198 list-style: none; 18199 margin: 0; 18200 padding: 0; 18201 order: 1; 18202 } 18203 .nav_div_72 ul { 18204 list-style: none; 18205 } 18206 #mobile_hamburger_menu_template .nav_div_72 li { 18207 width: 100%; 18208 margin: 0; 18209 padding: 0px 20px; 18210 position: relative; 18211 } 18212 .horizontal_menu .nav_div_72 li { 18213 width: 100%; 18214 margin: 0; 18215 padding: 0px 20px; 18216 position: relative; 18217 } 18218 18219 #mobile_hamburger_menu_template .nav_div_72 li svg { 18220 position: absolute; 18221 right: 15px; 18222 height: 10px; 18223 top: 10px; 18224 } 18225 .horizontal_menu .nav_div_72 li svg { 18226 position: absolute; 18227 right: 15px; 18228 height: 10px; 18229 top: 10px; 18230 } 18231 18232 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_72 .nav_div_72 .nav_list li .nav_a_trd { 18233 display: flex; 18234 align-items: center; 18235 padding: 0; 18236 line-height: 30px; 18237 font-size: 14px; 18238 text-transform: uppercase; 18239 text-decoration: none; 18240 color: #222; 18241 white-space: normal; 18242 18243 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:35px; 18244 } 18245 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_72 .nav_div_72 .nav_list li button { 18246 background: none; 18247 border: none; 18248 cursor: pointer; 18249 } 18250 18251 .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 { 18252 text-decoration: underline; 18253 } 18254 18255 .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 { 18256 color:#000000; cursor: pointer; 18257 } 18258 18259 18260 .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 { 18261 display: flex; 18262 align-items: center; 18263 padding: 0; 18264 line-height: 30px; 18265 font-size: 14px; 18266 text-transform: uppercase; 18267 text-decoration: none; 18268 color: #222; 18269 white-space: normal; 18270 18271 color:#4d4d4d; font-style:normal; font-size:px; font-family:Arial; text-transform:none; line-height:35px; } 18272 18273 .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 { 18274 color:#000000; } 18275 18276 .nav_div_72 .nav_list li a .nav_icons { 18277 height: 30px; 18278 margin-right: 5px; 18279 } 18280 18281 18282 18283 .nav_div_72 .nav_list li a:hover { 18284 color: #3172ab; 18285 } 18286 .horizontal_menu .nav_div_72 .nav_list_trd { 18287 display: none; 18288 position: absolute; 18289 left: 100%; 18290 top: -15px; 18291 padding: 15px 0px; 18292 box-shadow: 0px 0px 5px #00000078; background: #fff; 18293 } 18294 .horizontal_menu .nav_div_72 .nav_list>li .nav_list_trd.open, 18295 .horizontal_menu .nav_div_72 .nav_list>li:hover .nav_list_trd { 18296 display: block; 18297 z-index: 99; 18298 } 18299 18300 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_72, 18301 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_72 .nav_list_trd{ 18302 } 18303 18304 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_72 .nav_list_trd{ 18305 width: 250px; 18306 } 18307 </style> 18308 </div> 18309 <div class="hum-line"></div> 18310 18311 18312 <div
18312class="ham_menu_container"> 18313 <a class="hamburger-menu-nav-section parent_men " title="Timepieces" href="/timepieces" > 18314 18315 <span class="icon_and_name"> 18316 18317 Timepieces </span> 18318 18319 </a> 18320 <button type="button" class="hamburger-menu-nav-section parent_men_arrow" aria-expanded="false" aria-controls="mobile-submenu-20" aria-label="Expand Timepieces section"> 18321 18322 <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> 18323 18324 </button> 18325 18326 18327 18328 </div> 18329 18330 <div class="sub-menu-panel" id="mobile-submenu-20" aria-hidden="true"> 18331 18332 18333 18334 18335 18336<div class="menu_container default_build_menu menu_container_3_navigation_20"> 18337 <div class="nav_div_20"> 18338 <ul class="nav_list" role="menu" aria-label="Timepieces" tabindex="-1"> 18339 18340 <li style="" 18341 class="" 18342 role="none"> 18343 18344 18345 18346 <a class="nav_a_trd " title="ROLEX" href="/rolex" data-full_image="" role="menuitem" tabindex="0" > 18347 ROLEX </a> 18348 18349 18350 18351 18352 18353 18354 18355 </li> 18356 18357 18358 18359 <li style="" 18360 class="" 18361 role="none"> 18362 18363 18364 <div class="ham_menu_container"> 18365 18366 <a class="nav_a_trd parent_men " title="TUDOR" href="/tudor-at-heller-jewelers" data-full_image="" role="menuitem" tabindex="-1" > 18367 TUDOR 18368 </a> 18369 18370 <a class="nav_a_trd parent_men_arrow" href="#!"> 18371 18372 18373 <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> 18374 </a> 18375 18376 18377 18378 18379 </div> 18380 18381 18382 18383 18384 <ul class="nav_list_trd" role="menu" aria-label="TUDOR" tabindex="-1"> 18385 <li style="" 18386 class="" 18387 role="none"> 18388 18389 <a class="" href="https://www.hellerjewelers.com/tudor-ranger" title="Ranger" role="menuitem" tabindex="0" > 18390 Ranger </a> 18391 </li> 18392 <li style="" 18393 class="" 18394 role="none"> 18395 18396 <a class="" href="https://www.hellerjewelers.com/tudor-black-bay" title="Black Bay" role="menuitem" tabindex="-1" > 18397 Black Bay </a> 18398 </li> 18399 <li style="" 18400 class="" 18401 role="none"> 18402 18403 <a class="" href="https://www.hellerjewelers.com/tudor-pelagos" title="Pelagos" role="menuitem" tabindex="-1" > 18404 Pelagos </a> 18405 </li> 18406 <li style="" 18407 class="" 18408 role="none"> 18409 18410 <a class="" href="https://www.hellerjewelers.com/tudor-1926" title="1926" role="menuitem" tabindex="-1" > 18411 1926 </a> 18412 </li> 18413 <li style="" 18414 class="" 18415 role="none"> 18416 18417 <a class="" href="https://www.hellerjewelers.com/tudor-royal" title="Royal" role="menuitem" tabindex="-1" > 18418 Royal </a> 18419 </li> 18420 <li style="" 18421 class="" 18422 role="none"> 18423 18424 <a class="" href="https://www.hellerjewelers.com/tudor-black-bay-68" title="Black Bay 68" role="menuitem" tabindex="-1" > 18425 Black Bay 68 </a> 18426 </li> 18427 <li style="" 18428 class="" 18429 role="none"> 18430 18431 <a class="" href="https://www.hellerjewelers.com/tudor-black-bay-one" title="Black Bay One" role="menuitem" tabindex="-1" > 18432 Black Bay One </a> 18433 </li> 18434 <li style="" 18435 class="" 18436 role="none"> 18437 18438 <a class="" href="https://www.hellerjewelers.com/tudor-daring-watches" title="Daring Watches" role="menuitem" tabindex="-1" > 18439 Daring Watches </a> 18440 </li> 18441 <li style="" 18442 class="" 18443 role="none"> 18444 18445 <a class="" href="https://www.hellerjewelers.com/tudor-collections" title="Shop the TUDOR Collection" role="menuitem" tabindex="-1" > 18446 Shop the TUDOR Collection </a> 18447 </li> 18448 </ul> 18449 </li> 18450 18451 18452 18453 <li style="" 18454 class="" 18455 role="none"> 18456 18457 18458 18459 <a class="nav_a_trd " title="Cartier" href="https://www.hellerjewelers.com/cartier" data-full_image="" role="menuitem" tabindex="-1" > 18460 Cartier </a> 18461 18462 18463 18464 18465 18466 18467 18468 </li> 18469 18470 18471 18472 <li style="" 18473 class="" 18474 role="none"> 18475 18476 18477 18478 <a class="nav_a_trd " title="Jaeger LeCoultre" href="https://www.hellerjewelers.com/jaeger-lecoultre" data-full_image="" role="menuitem" tabindex="-1" > 18479 Jaeger LeCoultre </a> 18480 18481 18482 18483 18484 18485 18486 18487 </li> 18488 18489 18490 18491 <li style="" 18492 class="" 18493 role="none"> 18494 18495 18496 18497 <a class="nav_a_trd " title="Grand Seiko" href="https://www.hellerjewelers.com/grand-seiko" data-full_image="" role="menuitem" tabindex="-1" > 18498 Grand Seiko </a> 18499 18500 18501 18502 18503 18504 18505 18506 </li> 18507 18508 18509 18510 <li style="" 18511 class="" 18512 role="none"> 18513 18514 18515 18516 <a class="nav_a_trd " title="TAG Heuer" href="https://www.hellerjewelers.com/tag-heuer" data-full_image="" role="menuitem" tabindex="-1" > 18517 TAG Heuer </a> 18518 18519 18520 18521 18522 18523 18524 18525 </li> 18526 18527 18528 18529
18529 <li style="" 18530 class="" 18531 role="none"> 18532 18533 18534 18535 <a class="nav_a_trd " title="Pre-Owned" href="https://www.hellerjewelers.com/shop-preowned" data-full_image="" role="menuitem" tabindex="-1" > 18536 Pre-Owned </a> 18537 18538 18539 18540 18541 18542 18543 18544 </li> 18545 18546 18547 </ul> 18548 </div> 18549</div> 18550<style> 18551 .menu_container_3_navigation_20 { 18552 background: #fff; 18553 } 18554 .horizontal_menu .nav_div_20 { 18555 padding: 15px 0px; 18556 box-shadow: 0px 0px 5px #00000078; display: flex; 18557 flex-wrap: wrap; 18558 } 18559 .horizontal_menu .nav_img_20 { 18560 height: 200px; 18561 width: 250px; 18562 margin-left: 50px; 18563 margin-right: 20px; 18564 flex-shrink: 0; 18565 order: 1; 18566 } 18567 .horizontal_menu .nav_img_20 img { 18568 max-width: 100%; 18569 max-height: 100%; 18570 } 18571 .horizontal_menu .nav_div_20 .vfit { 18572 text-align: left; 18573 border-bottom: 1px solid #ececec; 18574 text-transform: uppercase; 18575 } 18576 .nav_div_20 .vfit a { 18577 text-decoration: none; 18578 color: #222; 18579 } 18580 .nav_div_20 .nav_list { 18581 list-style: none; 18582 margin: 0; 18583 padding: 0; 18584 order: 1; 18585 } 18586 .nav_div_20 ul { 18587 list-style: none; 18588 } 18589 #mobile_hamburger_menu_template .nav_div_20 li { 18590 width: 100%; 18591 margin: 0; 18592 padding: 0px 20px; 18593 position: relative; 18594 } 18595 .horizontal_menu .nav_div_20 li { 18596 width: 100%; 18597 margin: 0; 18598 padding: 0px 20px; 18599 position: relative; 18600 } 18601 18602 #mobile_hamburger_menu_template .nav_div_20 li svg { 18603 position: absolute; 18604 right: 15px; 18605 height: 10px; 18606 top: 10px; 18607 } 18608 .horizontal_menu .nav_div_20 li svg { 18609 position: absolute; 18610 right: 15px; 18611 height: 10px; 18612 top: 10px; 18613 } 18614 18615 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_20 .nav_div_20 .nav_list li .nav_a_trd { 18616 display: flex; 18617 align-items: center; 18618 padding: 0; 18619 line-height: 30px; 18620 font-size: 14px; 18621 text-transform: uppercase; 18622 text-decoration: none; 18623 color: #222; 18624 white-space: normal; 18625 18626 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:35px; 18627 } 18628 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_20 .nav_div_20 .nav_list li button { 18629 background: none; 18630 border: none; 18631 cursor: pointer; 18632 } 18633 18634 .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 { 18635 text-decoration: underline; 18636 } 18637 18638 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_20 .nav_div_20 .n
18638av_list li .nav_a_trd:hover { 18639 color:#000000; cursor: pointer; 18640 } 18641 18642 18643 .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 { 18644 display: flex; 18645 align-items: center; 18646 padding: 0; 18647 line-height: 30px; 18648 font-size: 14px; 18649 text-transform: uppercase; 18650 text-decoration: none; 18651 color: #222; 18652 white-space: normal; 18653 18654 color:#4d4d4d; font-style:normal; font-size:px; font-family:Arial; text-transform:none; line-height:35px; } 18655 18656 .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 { 18657 color:#000000; } 18658 18659 .nav_div_20 .nav_list li a .nav_icons { 18660 height: 30px; 18661 margin-right: 5px; 18662 } 18663 18664 18665 18666 .nav_div_20 .nav_list li a:hover { 18667 color: #3172ab; 18668 } 18669 .horizontal_menu .nav_div_20 .nav_list_trd { 18670 display: none; 18671 position: absolute; 18672 left: 100%; 18673 top: -15px; 18674 padding: 15px 0px; 18675 box-shadow: 0px 0px 5px #00000078; background: #fff; 18676 } 18677 .horizontal_menu .nav_div_20 .nav_list>li .nav_list_trd.open, 18678 .horizontal_menu .nav_div_20 .nav_list>li:hover .nav_list_trd { 18679 display: block; 18680 z-index: 99; 18681 } 18682 18683 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_20, 18684 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_20 .nav_list_trd{ 18685 width: 250px; 18686 } 18687 18688 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_20 .nav_list_trd{ 18689 width: 250px; 18690 } 18691 </style> 18692 </div> 18693 <div class="hum-line"></div> 18694 18695 18696 <button type="button" class="hamburger-menu-nav-section " aria-expanded="false" aria-controls="mobile-submenu-21" aria-label="Expand Our Company section"> 18697 <span class="icon_and_name"> 18698 18699 Our Company </span> 18700 <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> 18701 18702 </button> 18703 18704 18705 18706 <div class="sub-menu-panel" id="mobile-submenu-21" aria-hidden="true"> 18707 18708 18709 18710 18711 18712<div class="menu_container default_build_menu menu_container_3_navigation_21"> 18713 <div class="nav_div_21"> 18714 <ul class="nav_list" role="menu" aria-label="Our Company" tabindex="-1"> 18715 18716 <li style="" 18717 class="" 18718 role="none"> 18719 18720 18721 18722 <a class="nav_a_trd " title="Blog" href="https://www.hellerjewelers.com/blog" data-full_image="" role="menuitem" tabindex="0" > 18723 Blog </a> 18724 18725 18726 18727 18728 18729 18730 18731 </li> 18732 18733 18734 18735 <li style="" 18736 class="" 18737 role="none"> 18738 18739 18740 18741 <a class="nav_a_trd " title="Come Visit Us" href="https://www.hellerjewelers.com/come-visit-us" data-full_image="" role="menuitem" tabindex="-1" > 18742 Come Visit Us </a> 18743 18744 18745 18746 18747 18748 18749 18750 </li> 18751 18752 18753 18754 <li style="" 18755 class="" 18756 role="none"> 18757 18758 18759 18760 <a class="nav_a_trd " title="Zillion - Insurance" href="https://www.hellerjewelers.com/zillion" data-full_image="" role="menuitem" tabindex="-1" > 18761 Zillion - Insurance </a> 18762 18763 18764 18765 18766 18767 18768 18769 </li> 18770 18771 18772 18773 <li style="" 18774 class="" 18775 role="none"> 18776 18777 18778 18779 <a class="nav_a_trd " title="Natural Diamond Council" href="https://www.hellerjewelers.com/ndc-diamonds" data-full_image="" role="menuitem" tabindex="-1" > 18780 Natural Diamond Council </a> 18781 18782 18783 18784 18785 18786 18787 18788 </li> 18789 18790 18791 18792 <li style="" 18793 class="" 18794 role="none"> 18795 18796 18797 18798 <a class="nav_a_trd " title="Always Dream by HJ" href="https://www.hellerjewelers.com/always-dream" target="_blank" data-full_image="/public/1.0/uploads/source/always_dream/hj_always_dream_icons_logo.png" role="menuitem" tabindex="-1" > 18799 Always Dream by HJ </a> 18800 18801 18802 18803 18804 18805 18806 18807 </li> 18808 18809 18810 18811 <li style="" 18812 class="" 18813 role="none"> 18814 18815 18816 18817 <a class="nav_a_trd " title="2025 Magazine" href="https://www.hellerjewelers.com/2025-magazine" target="_blank" data-full_image="/public/1.0/uploads/source/static-pages/2025-magazine/page0001.jpg" role="menuitem" tabindex="-1" > 18818 2025 Magazine </a> 18819 18820 18821 18822 18823 18824 18825 18826 </li> 18827 18828 18829 18830 <li style="" 18831 class="" 18832 role="none"> 18833 18834 18835 18836 <a class="nav_a_trd " title="Holiday Gift Guide 2026" href="https://www.hellerjewelers.com/holiday-gift-guide" target="_blank" data-full_image="/public/1.0/uploads/source/gift_guides/holiday-2026/Holiday-Gift-Guide---Thumbnail.jpg" role="menuitem" tabindex="-1" > 18837 Holiday Gift Guide 2026 </a> 18838 18839 18840 18841 18842 18843 18844 18845 </li> 18846 18847 18848 </ul> 18849 </div> 18850</div> 18851<style> 18852 .menu_container_3_navigation_21 { 18853 background: #fff; 18854 } 18855 .horizontal_menu .nav_div_21 { 18856 padding: 15px 0px; 18857 box-shadow: 0px 0px 5px #00000078; display: flex; 18858 flex-wrap: wrap; 18859 } 18860 .horizontal_menu .nav_img_21 { 18861 height: 200px; 18862 width: 250px; 18863 margin-left: 50px; 18864 margin-right: 20px; 18865 flex-shrink: 0; 18866 order: 1; 18867 } 18868 .horizontal_menu .nav_img_21 img { 18869 max-width: 100%; 18870 max-height: 100%; 18871 } 18872 .horizontal_menu .nav_div_21 .vfit { 18873 text-align: left; 18874 border-bottom: 1px solid #ececec; 18875 text-transform: uppercase; 18876 } 18877 .nav_div_21 .vfit a { 18878 text-decoration: none; 18879 color: #222; 18880 } 18881 .nav_div_21 .nav_list { 18882 list-style: none; 18883 margin: 0; 18884 padding: 0; 18885 order: 1; 18886 } 18887 .nav_div_21 ul { 18888 list-style: none; 18889 } 18890 #mobile_hamburger_menu_template .nav_div_21 li { 18891 width: 100%; 18892 margin: 0; 18893 padding: 0px 20px; 18894 position: relative; 18895 } 18896 .horizontal_menu .nav_div_21 li { 18897 width: 100%; 18898 margin: 0; 18899 padding: 0px 20px; 18900 position: relative; 18901 } 18902 18903 #mobile_hamburger_menu_template .nav_div_21 li svg { 18904 position: absolute; 18905 right: 15px; 18906 height: 10px; 18907 top: 10px; 18908 } 18909 .horizontal_menu .nav_div_21 li svg { 18910 position: absolute; 18911 right: 15px; 18912 height: 10px; 18913 top: 10px; 18914 } 18915 18916 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_21 .nav_div_21 .nav_list li .nav_a_trd { 18917 display: flex; 18918 align-items: center; 18919 padding: 0; 18920 line-height: 30px; 18921 font-size: 14px; 18922 text-transform: uppercase; 18923 text-decoration: none; 18924 color: #222; 18925 white-space: normal; 18926 18927 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:35px; 18928 } 18929 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_21 .nav_div_21 .nav_list li button { 18930 background: none; 18931 border: none; 18932 cursor: pointer; 18933 } 18934 18935 .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 { 18936 text-decoration: underline; 18937 } 18938 18939 .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 { 18940 color:#000000; cursor: pointer; 18941 } 18942 18943 18944 .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 { 18945 display: flex; 18946 align-items: center; 18947 padding: 0; 18948 line-height: 30px; 18949 font-size: 14px; 18950 text-transform: uppercase; 18951 text-decoration: none; 18952 color: #222; 18953 white-space: normal; 18954 18955 color:#4d4d4d; font-style:normal; font-size:px; font-family:Arial; text-transform:none; line-height:35px; } 18956 18957 .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 { 18958 color:#000000; } 18959 18960 .nav_div_21 .nav_list li a .nav_icons { 18961 height: 30px; 18962 margin-right: 5px; 18963 } 18964 18965 18966 18967 .nav_div_21 .nav_list li a:hover { 18968 color: #3172ab; 18969 } 18970 .horizontal_menu .nav_div_21 .nav_list_trd { 18971 display: none; 18972 position: absolute; 18973 left: 100%; 18974 top: -15px; 18975 padding: 15px 0px; 18976 box-shadow: 0px 0px 5px #00000078; background: #fff; 18977 } 18978 .horizontal_menu .nav_div_21 .nav_list>li .nav_list_trd.open, 18979 .horizontal_menu .nav_div_21 .nav_list>li:hover .nav_list_trd { 18980 display: block; 18981 z-index: 99; 18982 } 18983 18984 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_21, 18985 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_21 .nav_list_trd{ 18986 width: 250px; 18987 } 18988 18989 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_21 .nav_list_trd{ 18990 width: 250px; 18991 } 18992 </style> 18993 </div> 18994 <div class="hum-line"></div> 18995 18996 18997 <div class="ham_menu_container">
18998 <a class="hamburger-menu-nav-section parent_men " title="Services" href="https://www.hellerjewelers.com/our-services" > 18999 19000 <span class="icon_and_name"> 19001 19002 Services </span> 19003 19004 </a> 19005 <button type="button" class="hamburger-menu-nav-section parent_men_arrow" aria-expanded="false" aria-controls="mobile-submenu-118" aria-label="Expand Services section"> 19006 19007 <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> 19008 19009 </button> 19010 19011 19012 19013 </div> 19014 19015 <div class="sub-menu-panel" id="mobile-submenu-118" aria-hidden="true"> 19016 19017 19018 19019 19020 19021<div class="menu_container default_build_menu menu_container_3_navigation_118"> 19022 <div class="nav_div_118"> 19023 <ul class="nav_list" role="menu" aria-label="Services" tabindex="-1"> 19024 19025 <li style="" 19026 class="" 19027 role="none"> 19028 19029 19030 19031 <a class="nav_a_trd " title="Our Services" href="https://www.hellerjewelers.com/our-services" target="_blank" data-full_image="" role="menuitem" tabindex="0" > 19032 Our Services </a> 19033 19034 19035 19036 19037 19038 19039 19040 </li> 19041 19042 19043 19044 <li style="" 19045 class="" 19046 role="none"> 19047 19048 19049 19050 <a class="nav_a_trd " title="Permanent Jewelry" href="https://www.hellerjewelers.com/permanent-jewelry" data-full_image="" role="menuitem" tabindex="-1" > 19051 Permanent Jewelry </a> 19052 19053 19054 19055 19056 19057 19058 19059 </li> 19060 19061 19062 19063 <li style="" 19064 class="" 19065 role="none"> 19066 19067 19068 19069 <a class="nav_a_trd " title="Financing" href="https://www.hellerjewelers.com/financing" target="_blank" data-full_image="" role="menuitem" tabindex="-1" > 19070 Financing </a> 19071 19072 19073 19074 19075 19076 19077 19078 </li> 19079 19080 19081 19082 <li style="" 19083 class="" 19084 role="none"> 19085 19086 19087 19088 <a class="nav_a_trd " title="Cash In Or Trade Up" href="https://www.hellerjewelers.com/cash-in-or-trade-up" data-full_image="" role="menuitem" tabindex="-1" > 19089 Cash In Or Trade Up </a> 19090 19091 19092 19093 19094 19095 19096 19097 </li> 19098 19099 19100 </ul> 19101 </div> 19102</div> 19103<style> 19104 .menu_container_3_navigation_118 { 19105 background: #fff; 19106 } 19107 .horizontal_menu .nav_div_118 { 19108 padding: 15px 0px; 19109 box-shadow: 0px 0px 5px #00000078; display: flex; 19110 flex-wrap: wrap; 19111 } 19112 .horizontal_menu .nav_img_118 { 19113 height: 200px; 19114 width: 250px; 19115 margin-left: 50px; 19116 margin-right: 20px; 19117 flex-shrink: 0; 19118 order: 1; 19119 } 19120 .horizontal_menu .nav_img_118 img { 19121 max-width: 100%; 19122 max-height: 100%; 19123 } 19124 .horizontal_menu .nav_div_118 .vfit { 19125 text-align: left; 19126 border-bottom: 1px solid #ececec; 19127 text-transform: uppercase; 19128 } 19129 .nav_div_118 .vfit a { 19130 text-decoration: none; 19131 color: #222; 19132 } 19133 .nav_div_118 .nav_list { 19134 list-style: none; 19135 margin: 0; 19136 padding: 0; 19137 order: 1; 19138 } 19139 .nav_div_118 ul { 19140 list-style: none; 19141 } 19142 #mobile_hamburger_menu_template .nav_div_118 li { 19143 width: 100%; 19144 margin: 0; 19145 padding: 0px 20px; 19146 position: relative; 19147 } 19148 .horizontal_menu .nav_div_118 li { 19149 width: 100%; 19150 margin: 0; 19151 padding: 0px 20px; 19152 position: relative; 19153 } 19154 19155 #mobile_hamburger_menu_template .nav_div_118 li svg { 19156 position: absolute; 19157 right: 15px; 19158 height: 10px; 19159 top: 10px; 19160 } 19161 .horizontal_menu .nav_div_118 li svg { 19162 position: absolute; 19163 right: 15px; 19164 height: 10px; 19165 top: 10px; 19166 } 19167 19168 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_118 .nav_div_118 .nav_list li .nav_a_trd { 19169 display: flex; 19170 align-items: center; 19171 padding: 0; 19172 line-height: 30px; 19173 font-size: 14px; 19174 text-transform: uppercase; 19175 text-decoration: none; 19176 color: #222; 19177 white-space: normal; 19178 19179 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:35px; 19180 } 19181 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_118 .nav_div_118 .nav_list li button { 19182 background: none; 19183 border: none; 19184 cursor: pointer; 19185 } 19186 19187 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_118 .nav_div_118 .nav_list li .nav_a_trd.parent_men { 19188 text-decoration: underline; 19189 } 19190 19191 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_118 .nav_div_118 .nav_list li .nav_a_trd:hover { 19192 color:#000000; cursor: pointer; 19193 } 19194 19195 19196 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_118 .nav_div_118 .nav_list li .nav_list_trd li a { 19197 display: flex; 19198 align-items: center; 19199 padding: 0; 19200 line-height: 30px; 19201 font-size: 14px; 19202 text-transform: uppercase; 19203 text-decoration: none; 19204 color: #222; 19205 white-space: normal; 19206 19207 color:#4d4d4d; font-style:normal; font-size:px; font-family:Arial; text-transform:none; line-height:35px; } 19208 19209 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_118 .nav_div_118 .nav_list li .nav_list_trd li a:hover { 19210 color:#000000; } 19211 19212 .nav_div_118 .nav_list li a .nav_icons { 19213 height: 30px; 19214 margin-right: 5px; 19215 } 19216 19217 19218 19219 .nav_div_118 .nav_list li a:hover { 19220 color: #3172ab; 19221 } 19222 .horizontal_menu .nav_div_118 .nav_list_trd { 19223 display: none; 19224 position: absolute; 19225 left: 100%; 19226 top: -15px; 19227 padding: 15px 0px; 19228 box-shadow: 0px 0px 5px #00000078; background: #fff; 19229 } 19230 .horizontal_menu .nav_div_118 .nav_list>li .nav_list_trd.open, 19231 .horizontal_menu .nav_div_118 .nav_list>li:hover .nav_list_trd { 19232 display: block; 19233 z-index: 99; 19234 } 19235 19236 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_118, 19237 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_118 .nav_list_trd{ 19238 width: 250px; 19239 } 19240 19241 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_118 .nav_list_trd{ 19242 width: 250px; 19243 } 19244 </style> 19245 </div> 19246 <div class="hum-line"></div> 19247 19248 19249 <div class="ham_menu_container">
19250 <a class="hamburger-menu-nav-section parent_men " title="Contact Us" href="https://www.hellerjewelers.com/contact-us" > 19251 19252 <span class="icon_and_name"> 19253 19254 Contact Us </span> 19255 19256 </a> 19257 <button type="button" class="hamburger-menu-nav-section parent_men_arrow" aria-expanded="false" aria-controls="mobile-submenu-22" aria-label="Expand Contact Us section"> 19258 19259 <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> 19260 19261 </button> 19262 19263 19264 19265 </div> 19266 19267 <div class="sub-menu-panel" id="mobile-submenu-22" aria-hidden="true"> 19268 19269 19270 19271 19272 19273<div class="menu_container default_build_menu menu_container_3_navigation_22"> 19274 <div class="nav_div_22"> 19275 <ul class="nav_list" role="menu" aria-label="Contact Us" tabindex="-1"> 19276 19277 <li style="" 19278 class="" 19279 role="none"> 19280 19281 19282 19283 <a class="nav_a_trd " title="Book An Appointment" href="https://www.hellerjewelers.com/book-an-appointment" data-full_image="" role="menuitem" tabindex="0" > 19284 Book An Appointment </a> 19285 19286 19287 19288 19289 19290 19291 19292 </li> 19293 19294 19295 19296 <li style="" 19297 class="" 19298 role="none"> 19299 19300 19301 19302 <a class="nav_a_trd " title="Contact Us" href="https://www.hellerjewelers.com/contact-us" data-full_image="" role="menuitem" tabindex="-1" > 19303 Contact Us </a> 19304 19305 19306 19307 19308 19309 19310 19311 </li> 19312 19313 19314 </ul> 19315 </div> 19316</div> 19317<style> 19318 .menu_container_3_navigation_22 { 19319 background: #fff; 19320 } 19321 .horizontal_menu .nav_div_22 { 19322 padding: 15px 0px; 19323 box-shadow: 0px 0px 5px #00000078; display: flex; 19324 flex-wrap: wrap; 19325 } 19326 .horizontal_menu .nav_img_22 { 19327 height: 200px; 19328 width: 250px; 19329 margin-left: 50px; 19330 margin-right: 20px; 19331 flex-shrink: 0; 19332 order: 1; 19333 } 19334 .horizontal_menu .nav_img_22 img { 19335 max-width: 100%; 19336 max-height: 100%; 19337 } 19338 .horizontal_menu .nav_div_22 .vfit { 19339 text-align: left; 19340 border-bottom: 1px solid #ececec; 19341 text-transform: uppercase; 19342 } 19343 .nav_div_22 .vfit a { 19344 text-decoration: none; 19345 color: #222; 19346 } 19347 .nav_div_22 .nav_list { 19348 list-style: none; 19349 margin: 0; 19350 padding: 0; 19351 order: 1; 19352 } 19353 .nav_div_22 ul { 19354 list-style: none; 19355 } 19356 #mobile_hamburger_menu_template .nav_div_22 li { 19357 width: 100%; 19358 margin: 0; 19359 padding: 0px 20px; 19360 position: relative; 19361 } 19362 .horizontal_menu .nav_div_22 li { 19363 width: 100%; 19364 margin: 0; 19365 padding: 0px 20px; 19366 position: relative; 19367 } 19368 19369 #mobile_hamburger_menu_template .nav_div_22 li svg { 19370 position: absolute; 19371 right: 15px; 19372 height: 10px; 19373 top: 10px; 19374 } 19375 .horizontal_menu .nav_div_22 li svg { 19376 position: absolute; 19377 right: 15px; 19378 height: 10px; 19379 top: 10px; 19380 } 19381 19382 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_22 .nav_div_22 .nav_list li .nav_a_trd { 19383 display: flex; 19384 align-items: center; 19385 padding: 0; 19386 line-height: 30px; 19387 font-size: 14px; 19388 text-transform: uppercase; 19389 text-decoration: none; 19390 color: #222; 19391 white-space: normal; 19392 19393 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:35px; 19394 } 19395 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_22 .nav_div_22 .nav_list li button { 19396 background: none; 19397 border: none; 19398 cursor: pointer; 19399 } 19400 19401 .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 { 19402 text-decoration: underline; 19403 } 19404 19405 .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 { 19406 color:#000000; cursor: pointer; 19407 } 19408 19409 19410 .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 { 19411 display: flex; 19412 align-items: center; 19413 padding: 0; 19414 line-height: 30px; 19415 font-size: 14px; 19416 text-transform: uppercase; 19417 text-decoration: none; 19418 color: #222; 19419 white-space: normal; 19420 19421 color:#4d4d4d; font-style:normal; font-size:px; font-family:Arial; text-transform:none; line-height:35px; } 19422 19423 .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 { 19424 color:#000000; } 19425 19426 .nav_div_22 .nav_list li a .nav_icons { 19427 height: 30px; 19428 margin-right: 5px; 19429 } 19430 19431 19432 19433 .nav_div_22 .nav_list li a:hover { 19434 color: #3172ab; 19435 } 19436 .horizontal_menu .nav_div_22 .nav_list_trd { 19437 display: none; 19438 position: absolute; 19439 left: 100%; 19440 top: -15px; 19441 padding: 15px 0px; 19442 box-shadow: 0px 0px 5px #00000078; background: #fff; 19443 } 19444 .horizontal_menu .nav_div_22 .nav_list>li .nav_list_trd.open, 19445 .horizontal_menu .nav_div_22 .nav_list>li:hover .nav_list_trd { 19446 display: block; 19447 z-index: 99; 19448 } 19449 19450 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_22, 19451 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_22 .nav_list_trd{ 19452 width: 250px; 19453 } 19454 19455 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_22 .nav_list_trd{ 19456 width: 250px; 19457 } 19458 </style> 19459 </div> 19460 <div class="hum-line"></div> 19461 <div class="script_after_menu"> 19462 19463 19464<div class="flex_cell flex_cell_1 image"> 19465 <div class="flex_cell_content"> 19466 19467 <a href="https://www.hellerjewelers.com/tudor-at-heller-jewelers" 19468 > 19469 19470 19471 <img 19472 height="70px" width="140px" 19473 loading="lazy" 19474 19475 src="https://www.hellerjewelers.com/public/1.0/uploads/source/tudor-plaque-240x120_us_jeweler.jpg" 19476 19477 alt="Tudor Watches"> 19478 19479 19480 </a> 19481 19482 </div> 19483</div> 19484 <style> 19485 .header_container_3 .flex_row .flex_col .script_after_menu .image { 19486 width:100%; justify-content:left !important; align-items:center !important; } 19487 .header_container_3 .flex_row .flex_col .script_after_menu .image>.flex_cell_content { 19488 display: flex; 19489 margin-top:20px !important; margin-bottom:px !important; margin-left:px !important; margin-right:px !important; padding-top:px !important; padding-bottom:px !important; padding-left:px !important; padding-right:px !important; } 19490 .header_container_3 .flex_row .flex_col .script_after_menu .image img { 19491 max-width:140px; } 19492 19493 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.image { 19494 } 19495 </style> 19496 19497 </div> 19498 </div> 19499 </nav>
19500 <div class="hamburger-menu-template-overlay" id="mobile_hamburger_menu_template_overlay"></div> 19501 19502
19502<script> 19503 $(function () { 19504 19505 const $menuRoot = $('#mobile_hamburger_menu_template'); 19506 const $menuWrap = $('.header_container_3'); 19507 const $button = $('#mobile_hamburger_button'); 19508 const $overlay = $('#mobile_hamburger_menu_template_overlay'); 19509 const $closeBtn = $('#mobile_hamburger_close_button'); 19510 19511 const trap = focusTrap.createFocusTrap($menuRoot[0], { 19512 onActivate: () => $menuRoot.addClass('is-active'), 19513 onDeactivate: () => $menuRoot.removeClass('is-active'), 19514 clickOutsideDeactivates: true 19515 }); 19516 19517 $button.on('click keypress', function (event) { 19518 if (event.which === 13 || event.which === 32 || event.type === 'click') { 19519 if (event.which === 32) event.preventDefault(); 19520 19521 const isOpen = $menuRoot.hasClass('open'); 19522 19523 $menuRoot.toggleClass('open'); 19524 $overlay.toggleClass('open'); 19525 $menuRoot.removeAttr('inert'); 19526 $button.attr('aria-expanded', String(!isOpen)); 19527 19528 if (!isOpen) { 19529 trap.activate(); 19530 $closeBtn.focus(); 19531 } else { 19532 closeHamburgerMenu(); 19533 } 19534 } 19535 }); 19536 19537 $closeBtn.add($overlay).on('click keypress', function (event) { 19538 if (event.which === 13 || event.which === 32 || event.type === 'click') { 19539 if (event.which === 32) event.preventDefault(); 19540 closeHamburgerMenu(); 19541 } 19542 }); 19543 19544 function closeHamburgerMenu() { 19545 $menuRoot.removeClass('open').attr('inert', 'inert'); 19546 $overlay.removeClass('open'); 19547 $button.attr('aria-expanded', 'false'); 19548 19549 $menuRoot.find('.sub-menu-panel').each(function () { 19550 const $submenu = $(this); 19551 $submenu.removeClass('open').attr('aria-hidden', 'true'); 19552 updateSubmenuTabindex($submenu, true); 19553 }); 19554 19555 $menuRoot.find('.hamburger-menu-nav-section[aria-expanded="true"]') 19556 .attr('aria-expanded', 'false'); 19557 19558 trap.deactivate(); 19559 } 19560 19561 function updateSubmenuTabindex($submenu, isHidden) { 19562 const $items = $submenu.find('a'); 19563 19564 if (isHidden) { 19565 $items.each(function () { 19566 $(this).attr('tabindex', '-1'); 19567 }); 19568 } else { 19569 $items.each(function () { 19570 $(this).attr('tabindex', '0'); 19571 }); 19572 } 19573 } 19574 19575 $menuRoot.on('keypress', '.nav_a_trd', function (e) { 19576 19577 e.preventDefault(); 19578 e.stopPropagation(); 19579 19580 const $trigger = $(this); 19581 const $submenu = $trigger.next('.nav_list_trd'); 19582 19583 if (!$submenu.length) return; 19584 19585 const isOpen = $submenu.hasClass('open'); 19586 19587 $menuRoot.find('.nav_list_trd.open').not($submenu).each(function () { 19588 $(this) 19589 .removeClass('open') 19590 .attr('aria-hidden', 'true'); 19591 updateSubmenuTabindex($(this), true); 19592 }); 19593 19594 if (isOpen) { 19595 $submenu 19596 .removeClass('open') 19597 .attr('aria-hidden', 'true'); 19598 updateSubmenuTabindex($submenu, true); 19599 } else { 19600 $submenu 19601 .addClass('open') 19602 .attr('aria-hidden', 'false'); 19603 updateSubmenuTabindex($submenu, false); 19604 } 19605 }); 19606
19607 $menuWrap.on('click keypress', '.hamburger-menu-nav-section[aria-controls]', function (e) { 19608 19609 e.preventDefault(); 19610 e.stopPropagation(); 19611 19612 const $btn = $(this); 19613 const submenuId = $btn.attr('aria-controls'); 19614 const $submenu = $menuRoot.find('.sub-menu-panel#' + submenuId); 19615 19616 if (!$submenu.length) return; 19617 19618 const isExpanded = $btn.attr('aria-expanded') === 'true'; 19619 19620 $menuRoot.find('.sub-menu-panel').not($submenu).each(function () { 19621 $(this).removeClass('open').attr('aria-hidden', 'true'); 19622 updateSubmenuTabindex($(this), true); 19623 }); 19624 19625 $menuRoot.find('[aria-controls]') 19626 .not($btn) 19627 .attr('aria-expanded', 'false'); 19628 19629 if (isExpanded) { 19630 console.log($submenu) 19631 $btn.attr('aria-expanded', 'false'); 19632 $submenu.removeClass('open').attr('aria-hidden', 'true'); 19633 updateSubmenuTabindex($submenu, true); 19634 } else { 19635 $btn.attr('aria-expanded', 'true'); 19636 $submenu.addClass('open').attr('aria-hidden', 'false'); 19637 updateSubmenuTabindex($submenu, false); 19638 } 19639 }); 19640 19641 $menuRoot.on('keydown', function (e) { 19642 if (e.key !== 'Escape') return; 19643 19644 const $open = $menuRoot.find('.nav_list_trd.open').last(); 19645 if (!$open.length) return; 19646 19647 $open 19648 .removeClass('open') 19649 .attr('aria-hidden', 'true'); 19650 19651 updateSubmenuTabindex($open, true); 19652 19653 $open.prev('.nav_a_trd').focus(); 19654 19655 e.preventDefault(); 19656 e.stopPropagation(); 19657 }); 19658 19659 $menuRoot.find('.sub-menu-panel').each(function () { 19660 const $submenu = $(this); 19661 const isOpen = $submenu.hasClass('open') && $submenu.attr('aria-hidden') !== 'true'; 19662 updateSubmenuTabindex($submenu, !isOpen); 19663 }); 19664 19665 }); 19666 19667 </script>
19667 19668</div> 19669 19670<style> 19671 #mobile_hamburger_menu_template>ul>li>a, 19672 #mobile_hamburger_menu_template>ul>li>button { 19673 color:#000000; display: flex; 19674 font-style:normal; font-size:14px; font-family:Arial; text-transform:none; line-height:40px; } 19675 19676 #mobile_hamburger_menu_template>ul>li>a:hover, 19677 #mobile_hamburger_menu_template>ul>li>button:hover { 19678 color:#000000; } 19679</style> 19680 </div> 19681 19682 <div class="flex_col"> 19683 19684 19685 </div> 19686 19687 <div class="flex_col"> 19688 19689 19690 </div> 19691 19692 </div> 19693 19694 19695 </div> 19696 19697 19698 19699</header> 19700 19701 19702<main id="main" class="main_page_container page_type_1099 page_guid_3000004"> 19703 <div class="registration-div"> 19704 <div class="img-container"></div> 19705 <form method="post" class="registration-form" id="r-registration-form"> 19706 <input type="hidden" name="_csrf_token" value="0a0ecf3789a9cd6560854da44439a09549650bbd2ff0e828cda6b29e57d664fd"> 19707 <h1 class="h1_general_style "> 19708 SIGN IN </h1> 19709 19710 <div class="input_general_style general_style mb-4"> 19711 <label for="registration_email" class="general_style ">Email</label> 19712 <input type="email" class="form-control form-control-lg" id="registration_email" name="login[email]" value=""> 19713 </div> 19714 <div class="input_general_style general_style mb-4"> 19715 <label for="registration_password" class="general_style">Password</label> 19716 <div class="position-relative w-100"> 19717 <input type="password" class="form-control form-control-lg" id="registration_password" name="login[password]" required> 19718 <button type="button" class="toggle-password-visibility" title="View password button" aria-label="View password button"> 19719 <span class="fa fa-fw fa-lg fa-eye-slash" aria-hidden="true"></span> 19720 </button> 19721 </div> 19722 </div> 19723 19724 <div class="button_group"> 19725 <input type="hidden" name="login[token]" value=""> 19726 <button type="submit" class="btn-sign-up general_style" id="registration-submit" title="Sign in" aria-label="Sign in">Sign in</button> 19727 </div> 19728 <div class="reg_links"> 19729 <p class="p4_general_style"> 19730 <a href="forgot-password" class="general_style" title="Forgot your password?" aria-label="Forgot your password?">Forgot your password?</a> 19731 </p> 19732 <p class="p4_general_style"> 19733 Don't have an account? <a href="register" class="general_style" title="Sign up" aria-label="Sign up">Sign up</a> 19734 </p> 19735 </div> 19736 </form> 19737 </div> 19738</main> 19739 19740<style> 19741 @media (min-width: 992px) { 19742 .img-container { 19743 display: none !important; 19744 } 19745 .registration-div { 19746 max-width: 600px; 19747 } 19748 .registration-form { 19749 width: 100%; 19750 } 19751 } 19752 @media (max-width: 991.9px) and (min-width: 768px) { 19753 .img-container { 19754 display: none !important; 19755 } 19756 .registration-div { 19757 max-width: 600px; 19758 } 19759 .registration-form { 19760 width: 100%; 19761 } 19762 } 19763 @media (max-width: 767.9px) { 19764 .img-container { 19765 display: none !important; 19766 } 19767 .registration-div { 19768 max-width: 600px; 19769 } 19770 .registration-form { 19771 width: 100%; 19772 } 19773 } 19774 </style> 19775 19776
19776<script> 19777 let recaptcha = []; 19778 function onRecaptchaLoadCallback() { 19779 19780 } 19781 19782 $(function () { 19783 $('#r-registration-form').on('submit', function (event) { 19784 const $form = $(this); 19785 const formId = $form.attr('id'); 19786 event.preventDefault(); 19787 19788 grecaptcha.ready(function() { 19789 grecaptcha.execute('6Le0_CEiAAAAAO2SprdEh3a5J5OGgtavg30c0ya7', {action: 'form_builder_submissions'}).then(function(token) { 19790 $form.prepend(`<input type="hidden" name="g-recaptcha-response" value="${token}">`) 19791 $form.unbind('submit').submit() 19792 }); 19793 }); 19794 }); 19795 }); 19796 </script>
19796 19797 19798 19799<footer class="appearance-desktop-view-template"> 19800 19801 19802 19803 <div class="footer_container footer_container_1"> 19804 19805 19806 19807 19808 <div class="flex_row flex_row_1"> 19809 19810 19811 <div class="flex_col flex_col_1"> 19812 19813 <div class="flex_cell flex_cell_1 line"> 19814 <div class="s_line"></div> 19815 </div> 19816 19817<style> 19818 .footer_container_1>.flex_row_1>.flex_col_1>.flex_cell_1 { 19819 width: 100%; 19820 justify-content:center; -webkit-justify-content:center; margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 19821 19822 19823 .footer_container_1>.flex_row_1>.flex_col_1>.flex_cell_1 .s_line { 19824 background-color:#ededed; border-style: solid; 19825 height:1px; width:90%; border-radius:0px; border-width:0px; border-color:#ededed; } 19826 19827</style> 19828 </div> 19829 19830 <style> 19831 .footer_container_1 .flex_row_1 .flex_col_1 { 19832 width:100%; } 19833 </style> 19834 19835 19836 19837 </div> 19838 19839 19840 <style> 19841 .footer_container_1 .flex_row_1 { 19842 background-color: #ffffff; 19843 color:#000000; height:auto; 19844 } 19845 </style> 19846 19847 19848 19849 19850 19851 19852 <div class="flex_row flex_row_2"> 19853 19854 19855 <div class="flex_col flex_col_1"> 19856 19857 19858 </div> 19859 19860 <style> 19861 .footer_container_1 .flex_row_2 .flex_col_1 { 19862 width:20%; } 19863 </style> 19864 19865 19866 19867 <div class="flex_col flex_col_2"> 19868 19869 19870<div class="flex_cell flex_cell_1 newsletter"> 19871 <div class="flex_cell_content"> 19872 <div class="newsletter_div"> 19873 19874 <span class="newsletter_text" style="margin-right:5px;"> 19875 GET EXCLUSIVE OFFERS AND NEWS </span> 19876 19877 <a class="newsletter_btn" 19878 href="/newsletter-signup"> 19879 19880 Newsletter Signup 19881 <svg aria-hidden="true" 19882 focusable="false" 19883 version="1.1" 19884 width="38px" 19885 height="20px"
19886 viewBox="0 0 38 20" 19887 xmlns="http://www.w3.org/2000/svg"> 19888 19889 <g> 19890 <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"/> 19891 <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"/> 19892 <polygon points="37.365,12.915 35.811,3.366 30.242,9.03"/> 19893 <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"/> 19894 <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"/> 19895 <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"/> 19896 </g> 19897 19898 </svg> 19899 19900 </a> 19901 </div> 19902 </div> 19903 </div> 19904 19905<style> 19906 .footer_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.newsletter { 19907 width:100%; justify-content:right; -webkit-justify-content:right; align-items:center; -webkit-align-items:center; } 19908 19909 .footer_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.newsletter { 19910 height:100%; } 19911 19912 .footer_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.newsletter>.flex_cell_content { 19913 display: flex; 19914 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 19915 19916 .footer_container_1>.flex_row_2>.flex_col_2>.flex_cell_1 .newsletter_div { 19917 display:inline-flex; 19918 align-items: center; 19919 } 19920 19921 .footer_container_1>.flex_row_2>.flex_col_2>.flex_cell_1 a { 19922 color:#4d4d4d; font-style:normal; background-color:#f1f1f1; font-size:14px; font-family:Lato; display: inline-flex; 19923 white-space: nowrap; 19924 align-items: center; 19925 padding: 6px 20px; 19926 border-style: solid; 19927 justify-content:left; text-transform:none; border-radius:0px; border-width:1px; border-color:#4d4d4d; } 19928 19929 .footer_container_1>.flex_row_2>.flex_col_2>.flex_cell_1 .newsletter_text { 19930 color:#4d4d4d; font-size:14px; font-style:normal; font-family:Lato; } 19931 19932 .footer_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.newsletter a svg { 19933 height:16px; margin-left:6px; 19934 fill: currentColor; 19935 } 19936 19937 .footer_container_1>.flex_row_2>.flex_col_2>.flex_cell_1 a:hover { 19938 color:#2e2e2e; background-color:#ededed; border-color:#2e2e2e; } 19939</style> 19940 </div> 19941 19942 <style> 19943 .footer_container_1 .flex_row_2 .flex_col_2 { 19944 width:45%; } 19945 </style> 19946 19947 19948 19949 <div class="flex_col flex_col_3"> 19950 19951 19952<div class="flex_cell flex_cell_1 social_icons"> 19953 <div class="flex_cell_content"> 19954 <a title="Facebook" class="" target="_blank" href="https://www.facebook.com/hellerjewelers/" style="order: 1"> 19955 <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> 19956 19957 19958 <a title="Instagram" class="" target="_blank" href="https://www.instagram.com/hellerjewelers/" style="order: 3"> 19959 <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> 19960 19961 <a title="Youtube" class="" target="_blank" href="https://www.youtube.com/channel/UCfnITZszBwIQMR1tpzkhfMQ" style="order: 4"> 19962 <svg role="img" aria-label="Youtube" viewBox="0 0 576 512"><path class="path_class" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg> </a> 19963 19964 <a title="Pinterest" class="" target="_blank" href="https://www.pinterest.com/hellerjewelers/" style="order: 5"> 19965 <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> 19966 19967 <a title="Yelp" class="" target="_blank" href="https://www.yelp.com/biz/heller-jewelers-san-ramon-3" style="order: 6">
19968 <svg role="img" aria-label="Yelp" viewBox="0 0 384 512"><path class="path_class" d="M42.9 240.32l99.62 48.61c19.2 9.4 16.2 37.51-4.5 42.71L30.5 358.45a22.79 22.79 0 0 1-28.21-19.6 197.16 197.16 0 0 1 9-85.32 22.8 22.8 0 0 1 31.61-13.21zm44 239.25a199.45 199.45 0 0 0 79.42 32.11A22.78 22.78 0 0 0 192.94 490l3.9-110.82c.7-21.3-25.5-31.91-39.81-16.1l-74.21 82.4a22.82 22.82 0 0 0 4.09 34.09zm145.34-109.92l58.81 94a22.93 22.93 0 0 0 34 5.5 198.36 198.36 0 0 0 52.71-67.61A23 23 0 0 0 364.17 370l-105.42-34.26c-20.31-6.5-37.81 15.8-26.51 33.91zm148.33-132.23a197.44 197.44 0 0 0-50.41-69.31 22.85 22.85 0 0 0-34 4.4l-62 91.92c-11.9 17.7 4.7 40.61 25.2 34.71L366 268.63a23 23 0 0 0 14.61-31.21zM62.11 30.18a22.86 22.86 0 0 0-9.9 32l104.12 180.44c11.7 20.2 42.61 11.9 42.61-11.4V22.88a22.67 22.67 0 0 0-24.5-22.8 320.37 320.37 0 0 0-112.33 30.1z"/></svg> </a> 19969 19970 19971 19972 19973 <a title="Tiktok" class="" target="_blank" href="https://www.tiktok.com/@hellerjewelers?lang=en" style="order: 9"> 19974 <svg class="path_class" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z"/></svg> </a> 19975 19976 </div> 19977</div> 19978 19979<style> 19980 .footer_container_1>.flex_row_2>.flex_col_3>.flex_cell_1.social_icons { 19981 width:100%; justify-content: flex-start; 19982 align-items:center; -webkit-align-items:center; } 19983 19984 .footer_container_1>.flex_row_2>.flex_col_3>.flex_cell_1.social_icons { 19985 height:100%; } 19986 19987 .footer_container_1>.flex_row_2>.flex_col_3>.flex_cell_1.social_icons>.flex_cell_content { 19988 display: flex; 19989 margin-top:50px; margin-bottom:50px; margin-left:50px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 19990 19991 .footer_container_1>.flex_row_2>.flex_col_3>.flex_cell_1.social_icons a { 19992 display: flex; 19993 align-items: center; 19994 color:#4d4d4d; font-style:normal; margin-left: 6px; 19995 margin-right: 6px; 19996 font-size:16px;font-family:Arial; text-transform:none; } 19997 19998 .footer_container_1>.flex_row_2>.flex_col_3>.flex_cell_1.social_icons a svg{ 19999 margin-right: 5px; 20000 width:15px; height:15px; } 20001 20002 .footer_container_1>.flex_row_2>.flex_col_3>.flex_cell_1.social_icons a .path_class { 20003 fill: currentColor; 20004 } 20005 20006 20007 .footer_container_1>.flex_row_2>.flex_col_3>.flex_cell_1.social_icons a:hover { 20008 color:#000000; } 20009</style> 20010 20011 </div> 20012 20013 <style> 20014 .footer_container_1 .flex_row_2 .flex_col_3 { 20015 width:35%; } 20016 </style> 20017 20018 20019 20020 <div class="flex_col flex_col_4"> 20021 20022 20023 </div> 20024 20025 <style> 20026 .footer_container_1 .flex_row_2 .flex_col_4 { 20027 width:20%; } 20028 </style> 20029 20030 20031 20032 </div> 20033 20034 20035 <style> 20036 .footer_container_1 .flex_row_2 { 20037 background-color: #f1f1f1; 20038 color:#828282; height:auto; 20039 } 20040 </style> 20041 20042 20043 20044 20045 20046 20047 <div class="flex_row flex_row_3"> 20048 20049 20050 <div class="flex_col flex_col_1"> 20051 20052 20053 </div> 20054 20055 <style> 20056 .footer_container_1 .flex_row_3 .flex_col_1 { 20057 width:100%; } 20058 </style> 20059 20060 20061 20062 <div class="flex_col flex_col_2"> 20063 20064 20065 </div> 20066 20067 <style> 20068 .footer_container_1 .flex_row_3 .flex_col_2 { 20069 width:100%; } 20070 </style> 20071 20072 20073 20074 <div class="flex_col flex_col_3"> 20075 20076 20077 </div> 20078 20079 <style> 20080 .footer_container_1 .flex_row_3 .flex_col_3 { 20081 width:100%; } 20082 </style> 20083 20084 20085 20086 </div> 20087 20088 20089 <style> 20090 .footer_container_1 .flex_row_3 { 20091 background-color: #ffffff; 20092 color:#000000; height:25; 20093 } 20094 </style> 20095 20096 20097 20098 20099 20100 20101 <div class="flex_row flex_row_4"> 20102 20103 20104 <div class="flex_col flex_col_1"> 20105 20106 20107 </div> 20108 20109 <style> 20110 .footer_container_1 .flex_row_4 .flex_col_1 { 20111 width:10%; } 20112 </style> 20113 20114 20115 20116 <div class="flex_col flex_col_2"> 20117 20118 <div class="flex_cell flex_cell_1 custom_code"> 20119 <div class="flex_cell_content"> 20120 <table border="0" style="border-collapse: collapse; width: 100%; border-color: #ffffff; height: 228.625px;"> 20121<tbody> 20122<tr style="height: 54.4844px;"> 20123<td style="width: 24.6248%; height: 54.4844px;"></td> 20124<td style="width: 26.0319%; height: 54.4844px;"></td> 20125<td style="width: 23.9212%; height: 54.4844px;"></td> 20126<td style="width: 25.3283%; height: 54.4844px;"></td> 20127</tr> 20128<tr style="height: 164.141px;"> 20129<td style="height: 164.141px; vertical-align: top; width: 24.6248%; line-height: 1.5;"><span style="font-family: Lato; color: #4d4d4d; font-size: 10pt;"><strong>Additional Links: </strong></span><br /><br /><span style="font-family: Lato; color: #34495e; font-size: 10pt;"><a href="/rolex" style="color: #34495e;">Rolex »</a></span><br /><span style="font-family: Lato; color: #4d4d4d; font-size: 10pt;"><a href="/privacy-policy" style="color: #4d4d4d;">Privacy Policy »</a> </span><br /><span style="font-family: Lato; color: #4d4d4d; font-size: 10pt;"><a href="/terms-and-conditions" style="color: #4d4d4d;">Terms & Conditions »</a></span><br /><span style="font-family: Lato; color: #4d4d4d; font-size: 10pt;"><a href="/return-shipping-policy" style="color: #4d4d4d;">Return & Shipping Policy »</a></span></td> 20130<td style="height: 164.141px; vertical-align: top; width: 26.0319%; line-height: 1.5;"><span style="font-family: Lato; color: #4d4d4d; font-size: 10pt;"><strong>Store Address: </strong></span><br /><br /><span style="font-family: Lato; color: #4d4d4d; font-size: 10pt;">6000 Bollinger Canyon Road<br />Suite 1506</span><br /><span style="font-family: Lato; color: #4d4d4d; font-size: 10pt;">San Ramon, California 94583<br /><a href="/contact-us" target="_blank" style="color: #4d4d4d;" class="get_directions_click" rel="noopener">Get Directions »</a></span><br /><span style="font-family: Lato; color: #4d4d4d; font-size: 10pt;"></span></td> 20131<td style="height: 164.141px; vertical-align: top; width: 23.9212%; line-height: 1.5;"><span style="font-family: Lato; color: #4d4d4d; font-size: 10pt;"><strong>Store Hours:</strong></span><br /><span style="font-family: Lato; color: #4d4d4d; font-size: 10pt;"><br />MON - SAT: 10AM - 5PM<br />SUN: 11AM - 4PM by appointment<br /></span></td> 20132<td style="height: 164.141px; width: 25.3283%; vertical-align: top; line-height: 1.5;"><span style="font-family: Lato; color: #4d4d4d; font-size: 10pt;"><strong>Store Contacts:</strong></span><br /><br /><span style="font-family: Lato; font-size: 10pt; color: #4d4d4d;">Call: <a href="tel:925-904-0200" style="color: #4d4d4d;" class="phone_number_click">(925) 904-0200</a></span><br /><span style="font-family: Lato; font-size: 10pt; color: #4d4d4d;">Text: <a href="sms:925-904-0200" style="color: #4d4d4d;" class="text_message_click">(925) 904-0200</a></span><br /><span style="font-family: Lato; color: #4d4d4d; font-size: 10pt;"><a href="/cdn-cgi/l/email-protection#0b6e666a62674b6e666a626725686466" style="color: #4d4d4d;" class="email_click"><span class="__cf_email__" data-cfemail="cca5a2aaa38ca4a9a0a0a9bea6a9bba9a0a9bebfe2afa3a1">[email protected]</span></a></span><br /><span style="font-family: Lato; color: #4d4d4d; font-size: 10pt;"></span></td> 20133</tr> 20134<tr style="height: 10px;"> 20135<td style="vertical-align: top; width: 99.9062%; height: 10px;" colspan="4"></td> 20136</tr> 20137</tbody> 20138</table> </div> 20139</div> 20140 20141<style> 20142 .footer_container_1>.flex_row_4>.flex_col_2>.flex_cell_1.custom_code { 20143 width:100%; } 20144 20145 .footer_container_1>.flex_row_4>.flex_col_2>.flex_cell_1.custom_code { 20146 height:100%; } 20147 20148 .footer_container_1>.flex_row_4>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content { 20149 width: 100%; 20150 height: 100%; 20151 } 20152</style> 20153 </div> 20154 20155 <style> 20156 .footer_container_1 .flex_row_4 .flex_col_2 { 20157 width:85%; } 20158 </style> 20159 20160 20161 20162 <div class="flex_col flex_col_3"> 20163 20164 20165 </div> 20166 20167 <style> 20168 .footer_container_1 .flex_row_4 .flex_col_3 { 20169 width:5%; } 20170 </style> 20171 20172 20173 20174 </div> 20175 20176 20177 <style> 20178 .footer_container_1 .flex_row_4 { 20179 background-color: #ffffff; 20180 color:#000000; height:auto; 20181 } 20182 </style> 20183 20184 20185 20186 20187 </div> 20188 <style> 20189 .footer_container .flex_row { 20190 display: flex; 20191 } 20192 .footer_container_1 { 20193 width:100%; 20194 max-width:100%; 20195 margin: 0 auto; 20196 } 20197 .footer_container .flex_row .flex_col{ 20198 display: flex; 20199 flex-wrap: wrap; 20200 box-sizing: border-box; 20201 align-content: baseline; 20202 } 20203 .footer_container .flex_row .flex_col .flex_cell{ 20204 height: fit-content; 20205 display: flex; 20206 } 20207 .footer_container .flex_row .flex_col .flex_cell a{ 20208 text-decoration: none; 20209 } 20210 .footer_container img { 20211 max-width: 100%; 20212 } 20213 </style> 20214 20215 20216</footer> 20217<footer class="appearance-tablet-view-template"> 20218 20219 20220 20221 <div class="footer_container footer_container_2"> 20222 20223 20224 20225 20226 <div class="flex_row flex_row_1"> 20227 20228 20229 <div class="flex_col flex_col_1"> 20230 20231 <div class="flex_cell flex_cell_1 line"> 20232 <div class="s_line"></div> 20233 </div> 20234 20235<style> 20236 .footer_container_2>.flex_row_1>.flex_col_1>.flex_cell_1 { 20237 width: 100%; 20238 justify-content:center;
20238 -webkit-justify-content:center; margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 20239 20240 20241 .footer_container_2>.flex_row_1>.flex_col_1>.flex_cell_1 .s_line { 20242 background-color:#ededed; border-style: solid; 20243 height:1px; width:90%; border-radius:0px; border-width:0px; border-color:#ededed; } 20244 20245</style> 20246 </div> 20247 20248 <style> 20249 .footer_container_2 .flex_row_1 .flex_col_1 { 20250 width:100%; } 20251 </style> 20252 20253 20254 20255 </div> 20256 20257 20258 <style> 20259 .footer_container_2 .flex_row_1 { 20260 background-color: #ffffff; 20261 color:#000000; height:auto; 20262 } 20263 </style> 20264 20265 20266 20267 20268 20269 20270 <div class="flex_row flex_row_2"> 20271 20272 20273 <div class="flex_col flex_col_1"> 20274 20275 20276 </div> 20277 20278 <style> 20279 .footer_container_2 .flex_row_2 .flex_col_1 { 20280 width:20%; } 20281 </style> 20282 20283 20284 20285 <div class="flex_col flex_col_2"> 20286 20287 20288<div class="flex_cell flex_cell_1 newsletter"> 20289 <div class="flex_cell_content"> 20290 <div class="newsletter_div"> 20291 20292 <span class="newsletter_text" style="margin-right:5px;"> 20293 GET EXCLUSIVE OFFERS AND NEWS </span> 20294 20295 <a class="newsletter_btn" 20296 href="/newsletter-signup"> 20297 20298 Newsletter Signup 20299 <svg aria-hidden="true" 20300 focusable="false" 20301 version="1.1" 20302 width="38px" 20303 height="20px"
20304 viewBox="0 0 38 20" 20305 xmlns="http://www.w3.org/2000/svg"> 20306 20307 <g> 20308 <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"/> 20309 <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"/> 20310 <polygon points="37.365,12.915 35.811,3.366 30.242,9.03"/> 20311 <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"/> 20312 <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"/> 20313 <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"/> 20314 </g> 20315 20316 </svg> 20317 20318 </a> 20319 </div> 20320 </div> 20321 </div> 20322 20323<style> 20324 .footer_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.newsletter { 20325 width:100%; justify-content:right; -webkit-justify-content:right; align-items:center; -webkit-align-items:center; } 20326 20327 .footer_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.newsletter { 20328 height:100%; } 20329 20330 .footer_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.newsletter>.flex_cell_content { 20331 display: flex; 20332 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 20333 20334 .footer_container_2>.flex_row_2>.flex_col_2>.flex_cell_1 .newsletter_div { 20335 display:inline-flex; 20336 align-items: center; 20337 } 20338 20339 .footer_container_2>.flex_row_2>.flex_col_2>.flex_cell_1 a { 20340 color:#4d4d4d; font-style:normal; background-color:#f1f1f1; font-size:14px; font-family:Lato; display: inline-flex; 20341 white-space: nowrap; 20342 align-items: center; 20343 padding: 6px 20px; 20344 border-style: solid; 20345 justify-content:left; text-transform:none; border-radius:0px; border-width:1px; border-color:#4d4d4d; } 20346 20347 .footer_container_2>.flex_row_2>.flex_col_2>.flex_cell_1 .newsletter_text { 20348 color:#4d4d4d; font-size:14px; font-style:normal; font-family:Lato; } 20349 20350 .footer_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.newsletter a svg { 20351 height:16px; margin-left:6px; 20352 fill: currentColor; 20353 } 20354 20355 .footer_container_2>.flex_row_2>.flex_col_2>.flex_cell_1 a:hover { 20356 color:#2e2e2e; background-color:#ededed; border-color:#2e2e2e; } 20357</style> 20358 </div> 20359 20360 <style> 20361 .footer_container_2 .flex_row_2 .flex_col_2 { 20362 width:45%; } 20363 </style> 20364 20365 20366 20367 <div class="flex_col flex_col_3"> 20368 20369 20370<div class="flex_cell flex_cell_1 social_icons"> 20371 <div class="flex_cell_content"> 20372 <a title="Facebook" class="" target="_blank" href="https://www.facebook.com/hellerjewelers/" style="order: 1"> 20373 <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> 20374 20375 20376 <a title="Instagram" class="" target="_blank" href="https://www.instagram.com/hellerjewelers/" style="order: 3"> 20377 <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> 20378 20379 <a title="Youtube" class="" target="_blank" href="https://www.youtube.com/channel/UCfnITZszBwIQMR1tpzkhfMQ" style="order: 4"> 20380 <svg role="img" aria-label="Youtube" viewBox="0 0 576 512"><path class="path_class" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg> </a> 20381 20382 <a title="Pinterest" class="" target="_blank" href="https://www.pinterest.com/hellerjewelers/" style="order: 5"> 20383 <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> 20384 20385 <a title="Yelp" class="" target="_blank" href="https://www.yelp.com/biz/heller-jewelers-san-ramon-3" style="order: 6">
20386 <svg role="img" aria-label="Yelp" viewBox="0 0 384 512"><path class="path_class" d="M42.9 240.32l99.62 48.61c19.2 9.4 16.2 37.51-4.5 42.71L30.5 358.45a22.79 22.79 0 0 1-28.21-19.6 197.16 197.16 0 0 1 9-85.32 22.8 22.8 0 0 1 31.61-13.21zm44 239.25a199.45 199.45 0 0 0 79.42 32.11A22.78 22.78 0 0 0 192.94 490l3.9-110.82c.7-21.3-25.5-31.91-39.81-16.1l-74.21 82.4a22.82 22.82 0 0 0 4.09 34.09zm145.34-109.92l58.81 94a22.93 22.93 0 0 0 34 5.5 198.36 198.36 0 0 0 52.71-67.61A23 23 0 0 0 364.17 370l-105.42-34.26c-20.31-6.5-37.81 15.8-26.51 33.91zm148.33-132.23a197.44 197.44 0 0 0-50.41-69.31 22.85 22.85 0 0 0-34 4.4l-62 91.92c-11.9 17.7 4.7 40.61 25.2 34.71L366 268.63a23 23 0 0 0 14.61-31.21zM62.11 30.18a22.86 22.86 0 0 0-9.9 32l104.12 180.44c11.7 20.2 42.61 11.9 42.61-11.4V22.88a22.67 22.67 0 0 0-24.5-22.8 320.37 320.37 0 0 0-112.33 30.1z"/></svg> </a> 20387 20388 20389 20390 20391 <a title="Tiktok" class="" target="_blank" href="https://www.tiktok.com/@hellerjewelers?lang=en" style="order: 9"> 20392 <svg class="path_class" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z"/></svg> </a> 20393 20394 </div> 20395</div> 20396 20397<style> 20398 .footer_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.social_icons { 20399 width:100%; justify-content: flex-start; 20400 align-items:center; -webkit-align-items:center; } 20401 20402 .footer_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.social_icons { 20403 height:100%; } 20404 20405 .footer_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.social_icons>.flex_cell_content { 20406 display: flex; 20407 margin-top:50px; margin-bottom:50px; margin-left:50px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 20408 20409 .footer_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.social_icons a { 20410 display: flex; 20411 align-items: center; 20412 color:#4d4d4d; font-style:normal; margin-left: 6px; 20413 margin-right: 6px; 20414 font-size:16px;font-family:Arial; text-transform:none; } 20415 20416 .footer_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.social_icons a svg{ 20417 margin-right: 5px; 20418 width:15px; height:15px; } 20419 20420 .footer_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.social_icons a .path_class { 20421 fill: currentColor; 20422 } 20423 20424 20425 .footer_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.social_icons a:hover { 20426 color:#000000; } 20427</style> 20428 20429 </div> 20430 20431 <style> 20432 .footer_container_2 .flex_row_2 .flex_col_3 { 20433 width:35%; } 20434 </style> 20435 20436 20437 20438 <div class="flex_col flex_col_4"> 20439 20440 20441 </div> 20442 20443 <style> 20444 .footer_container_2 .flex_row_2 .flex_col_4 { 20445 width:20%; } 20446 </style> 20447 20448 20449 20450 </div> 20451 20452 20453 <style> 20454 .footer_container_2 .flex_row_2 { 20455 background-color: #f1f1f1; 20456 color:#828282; height:auto; 20457 } 20458 </style> 20459 20460 20461 20462 20463 20464 20465 <div class="flex_row flex_row_3"> 20466 20467 20468 <div class="flex_col flex_col_1"> 20469 20470 20471 </div> 20472 20473 <style> 20474 .footer_container_2 .flex_row_3 .flex_col_1 { 20475 width:100%; } 20476 </style> 20477 20478 20479 20480 <div class="flex_col flex_col_2"> 20481 20482 20483 </div> 20484 20485 <style> 20486 .footer_container_2 .flex_row_3 .flex_col_2 { 20487 width:100%; } 20488 </style> 20489 20490 20491 20492 <div class="flex_col flex_col_3"> 20493 20494 20495 </div> 20496 20497 <style> 20498 .footer_container_2 .flex_row_3 .flex_col_3 { 20499 width:100%; } 20500 </style> 20501 20502 20503 20504 </div> 20505 20506 20507 <style> 20508 .footer_container_2 .flex_row_3 { 20509 background-color: #ffffff; 20510 color:#000000; height:25; 20511 } 20512 </style> 20513 20514 20515 20516 20517 20518 20519 <div class="flex_row flex_row_4"> 20520 20521 20522 <div class="flex_col flex_col_1"> 20523 20524 20525 </div> 20526 20527 <style> 20528 .footer_container_2 .flex_row_4 .flex_col_1 { 20529 width:10%; } 20530 </style> 20531 20532 20533 20534 <div class="flex_col flex_col_2"> 20535 20536 <div class="flex_cell flex_cell_1 custom_code"> 20537 <div class="flex_cell_content"> 20538 <table border="0" style="border-collapse: collapse; width: 100%; border-color: #ffffff; height: 228.625px;"> 20539<tbody> 20540<tr style="height: 54.4844px;"> 20541<td style="width: 24.6248%; height: 54.4844px;"></td> 20542<td style="width: 26.0319%; height: 54.4844px;"></td> 20543<td style="width: 23.9212%; height: 54.4844px;"></td> 20544<td style="width: 25.3283%; height: 54.4844px;"></td> 20545</tr> 20546<tr style="height: 164.141px;"> 20547<td style="height: 164.141px; vertical-align: top; width: 24.6248%; line-height: 1.5;"><span style="font-family: Lato; color: #4d4d4d; font-size: 10pt;"><strong>Additional Links: </strong></span><br /><br /><span style="font-family: Lato; color: #34495e; font-size: 10pt;"><a href="/rolex" style="color: #34495e;">Rolex »</a></span><br /><span style="font-family: Lato; color: #4d4d4d; font-size: 10pt;"><a href="/privacy-policy" style="color: #4d4d4d;">Privacy Policy »</a> </span><br /><span style="font-family: Lato; color: #4d4d4d; font-size: 10pt;"><a href="/terms-and-conditions" style="color: #4d4d4d;">Terms & Conditions »</a></span><br /><span style="font-family: Lato; color: #4d4d4d; font-size: 10pt;"><a href="/return-shipping-policy" style="color: #4d4d4d;">Return & Shipping Policy »</a></span></td> 20548<td style="height: 164.141px; vertical-align: top; width: 26.0319%; line-height: 1.5;"><span style="font-family: Lato; color: #4d4d4d; font-size: 10pt;"><strong>Store Address: </strong></span><br /><br /><span style="font-family: Lato; color: #4d4d4d; font-size: 10pt;">6000 Bollinger Canyon Road<br />Suite 1506</span><br /><span style="font-family: Lato; color: #4d4d4d; font-size: 10pt;">San Ramon, California 94583<br /><a href="/contact-us" target="_blank" style="color: #4d4d4d;" class="get_directions_click" rel="noopener">Get Directions »</a></span><br /><span style="font-family: Lato; color: #4d4d4d; font-size: 10pt;"></span></td> 20549<td style="height: 164.141px; vertical-align: top; width: 23.9212%; line-height: 1.5;"><span style="font-family: Lato; color: #4d4d4d; font-size: 10pt;"><strong>Store Hours:</strong></span><br /><span style="font-family: Lato; color: #4d4d4d; font-size: 10pt;"><br />MON - SAT: 10AM - 5PM<br />SUN: 11AM - 4PM by appointment<br /></span></td> 20550<td style="height: 164.141px; width: 25.3283%; vertical-align: top; line-height: 1.5;"><span style="font-family: Lato; color: #4d4d4d; font-size: 10pt;"><strong>Store Contacts:</strong></span><br /><br /><span style="font-family: Lato; font-size: 10pt; color: #4d4d4d;">Call: <a href="tel:925-904-0200" style="color: #4d4d4d;" class="phone_number_click">(925) 904-0200</a></span><br /><span style="font-family: Lato; font-size: 10pt; color: #4d4d4d;">Text: <a href="sms:925-904-0200" style="color: #4d4d4d;" class="text_message_click">(925) 904-0200</a></span><br /><span style="font-family: Lato; color: #4d4d4d; font-size: 10pt;"><a href="/cdn-cgi/l/email-protection#12777f737b7e52777f737b7e3c717d7f" style="color: #4d4d4d;" class="email_click"><span class="__cf_email__" data-cfemail="cda4a3aba28da5a8a1a1a8bfa7a8baa8a1a8bfbee3aea2a0">[email protected]</span></a></span><br /><span style="font-family: Lato; color: #4d4d4d; font-size: 10pt;"></span></td> 20551</tr> 20552<tr style="height: 10px;"> 20553<td style="vertical-align: top; width: 99.9062%; height: 10px;" colspan="4"></td> 20554</tr> 20555</tbody> 20556</table> </div> 20557</div> 20558 20559<style> 20560 .footer_container_2>.flex_row_4>.flex_col_2>.flex_cell_1.custom_code { 20561 width:100%; } 20562 20563 .footer_container_2>.flex_row_4>.flex_col_2>.flex_cell_1.custom_code { 20564 height:100%; } 20565 20566 .footer_container_2>.flex_row_4>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content { 20567 width: 100%; 20568 height: 100%; 20569 } 20570</style> 20571 </div> 20572 20573 <style> 20574 .footer_container_2 .flex_row_4 .flex_col_2 { 20575 width:85%; } 20576 </style> 20577 20578 20579 20580 <div class="flex_col flex_col_3"> 20581 20582 20583 </div> 20584 20585 <style> 20586 .footer_container_2 .flex_row_4 .flex_col_3 { 20587 width:5%; } 20588 </style> 20589 20590 20591 20592 </div> 20593 20594 20595 <style> 20596 .footer_container_2 .flex_row_4 { 20597 background-color: #ffffff; 20598 color:#000000; height:auto; 20599 } 20600 </style> 20601 20602 20603 20604 20605 </div> 20606 <style> 20607 .footer_container .flex_row { 20608 display: flex; 20609 } 20610 .footer_container_2 { 20611 width:100%; 20612 max-width:100%; 20613 margin: 0 auto; 20614 } 20615 .footer_container .flex_row .flex_col{ 20616 display: flex; 20617 flex-wrap: wrap; 20618 box-sizing: border-box; 20619 align-content: baseline; 20620 } 20621 .footer_container .flex_row .flex_col .flex_cell{ 20622 height: fit-content; 20623 display: flex; 20624 } 20625 .footer_container .flex_row .flex_col .flex_cell a{ 20626 text-decoration: none; 20627 } 20628 .footer_container img { 20629 max-width: 100%; 20630 } 20631 </style> 20632 20633 20634</footer> 20635<footer class="appearance-mobile-view-template"> 20636 20637 20638 20639 <div class="footer_container footer_container_3"> 20640 20641 20642 20643 20644 <div class="flex_row flex_row_1"> 20645 20646 20647 <div class="flex_col flex_col_1"> 20648 20649 20650<div class="flex_cell flex_cell_1 social_icons"> 20651 <div class="flex_cell_content"> 20652 <a title="Facebook" class="" target="_blank" href="https://www.facebook.com/hellerjewelers/" style="order: 1">
20653 <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> 20654 20655 20656 <a title="Instagram" class="" target="_blank" href="https://www.instagram.com/hellerjewelers/" style="order: 3"> 20657 <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> 20658 20659 <a title="Youtube" class="" target="_blank" href="https://www.youtube.com/channel/UCfnITZszBwIQMR1tpzkhfMQ" style="order: 4"> 20660 <svg role="img" aria-label="Youtube" viewBox="0 0 576 512"><path class="path_class" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg> </a> 20661 20662 <a title="Pinterest" class="" target="_blank" href="https://www.pinterest.com/hellerjewelers/" style="order: 5"> 20663 <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> 20664 20665 <a title="Yelp" class="" target="_blank" href="https://www.yelp.com/biz/heller-jewelers-san-ramon-3" style="order: 6"> 20666 <svg role="img" aria-label="Yelp" viewBox="0 0 384 512"><path class="path_class" d="M42.9 240.32l99.62 48.61c19.2 9.4 16.2 37.51-4.5 42.71L30.5 358.45a22.79 22.79 0 0 1-28.21-19.6 197.16 197.16 0 0 1 9-85.32 22.8 22.8 0 0 1 31.61-13.21zm44 239.25a199.45 199.45 0 0 0 79.42 32.11A22.78 22.78 0 0 0 192.94 490l3.9-110.82c.7-21.3-25.5-31.91-39.81-16.1l-74.21 82.4a22.82 22.82 0 0 0 4.09 34.09zm145.34-109.92l58.81 94a22.93 22.93 0 0 0 34 5.5 198.36 198.36 0 0 0 52.71-67.61A23 23 0 0 0 364.17 370l-105.42-34.26c-20.31-6.5-37.81 15.8-26.51 33.91zm148.33-132.23a197.44 197.44 0 0 0-50.41-69.31 22.85 22.85 0 0 0-34 4.4l-62 91.92c-11.9 17.7 4.7 40.61 25.2 34.71L366 268.63a23 23 0 0 0 14.61-31.21zM62.11 30.18a22.86 22.86 0 0 0-9.9 32l104.12 180.44c11.7 20.2 42.61 11.9 42.61-11.4V22.88a22.67 22.67 0 0 0-24.5-22.8 320.37 320.37 0 0 0-112.33 30.1z"/></svg> </a> 20667 20668 20669 20670 20671 <a title="Tiktok" class="" target="_blank" href="https://www.tiktok.com/@hellerjewelers?lang=en" style="order: 9"> 20672 <svg class="path_class" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z"/></svg> </a> 20673 20674 </div> 20675</div> 20676 20677<style> 20678 .footer_container_3>.flex_row_1>.flex_col_1>.flex_cell_1.social_icons { 20679 width:100%; justify-content: center; 20680 align-items:center; -webkit-align-items:center; } 20681 20682 .footer_container_3>.flex_row_1>.flex_col_1>.flex_cell_1.social_icons { 20683 height:100%; } 20684 20685 .footer_container_3>.flex_row_1>.flex_col_1>.flex_cell_1.social_icons>.flex_cell_content { 20686 display: flex; 20687 margin-top:50px; margin-bottom:20px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 20688 20689 .footer_container_3>.flex_row_1>.flex_col_1>.flex_cell_1.social_icons a { 20690 display: flex; 20691 align-items: center; 20692 color:#4d4d4d; font-style:normal; margin-left: 6px; 20693 margin-right: 6px; 20694 font-size:16px;font-family:Arial; text-transform:none; } 20695 20696 .footer_container_3>.flex_row_1>.flex_col_1>.flex_cell_1.social_icons a svg{ 20697 margin-right: 5px; 20698 width:15px; height:15px; } 20699 20700 .footer_container_3>.flex_row_1>.flex_col_1>.flex_cell_1.social_icons a .path_class { 20701 fill: currentColor; 20702 } 20703 20704 20705 .footer_container_3>.flex_row_1>.flex_col_1>.flex_cell_1.social_icons a:hover { 20706 color:#000000; } 20707</style> 20708 20709 </div> 20710 20711 <style> 20712 .footer_container_3 .flex_row_1 .flex_col_1 { 20713 width:100%; } 20714 </style> 20715 20716 20717 20718 </div> 20719 20720 20721 <style> 20722 .footer_container_3 .flex_row_1 { 20723 background-color: #f1f1f1; 20724 color:#4d4d4d; height:auto; 20725 } 20726 </style> 20727 20728 20729 20730 20731 20732 20733 <div class="flex_row flex_row_2"> 20734 20735 20736 <div class="flex_col flex_col_1"> 20737 20738 20739 </div> 20740 20741 <style> 20742 .footer_container_3 .flex_row_2 .flex_col_1 { 20743 } 20744 </style> 20745 20746 20747 20748 <div class="flex_col flex_col_2"> 20749 20750 20751<div class="flex_cell flex_cell_1 newsletter"> 20752 <div class="flex_cell_content"> 20753 <div class="newsletter_div"> 20754
20755 <span class="newsletter_text" style="margin-right:5px;"> 20756 GET EXCLUSIVE OFFERS AND NEWS </span> 20757 20758 <a class="newsletter_btn" 20759 href="/newsletter-signup"> 20760 20761 Newsletter Signup 20762 <svg aria-hidden="true" 20763 focusable="false" 20764 version="1.1" 20765 width="38px" 20766 height="20px" 20767 viewBox="0 0 38 20" 20768 xmlns="http://www.w3.org/2000/svg"> 20769 20770 <g> 20771 <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"/> 20772 <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"/> 20773 <polygon points="37.365,12.915 35.811,3.366 30.242,9.03"/> 20774 <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"/> 20775 <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"/> 20776 <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"/> 20777 </g> 20778 20779 </svg> 20780 20781 </a> 20782 </div> 20783 </div> 20784 </div> 20785 20786<style> 20787 .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.newsletter { 20788 width:100%; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; } 20789 20790 .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.newsletter { 20791 height:100%; } 20792 20793 .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.newsletter>.flex_cell_content { 20794 display: flex; 20795 margin-top:px; margin-bottom:50px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 20796 20797 .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1 .newsletter_div { 20798 display:inline-flex; 20799 align-items: center; 20800 } 20801 20802 .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1 a { 20803 color:#4d4d4d; font-style:normal; background-color:#f1f1f1; font-size:14px; font-family:Lato; display: inline-flex; 20804 white-space: nowrap; 20805 align-items: center; 20806 padding: 6px 20px; 20807 border-style: solid; 20808 justify-content:left; text-transform:none; border-radius:0px; border-width:1px; border-color:#4d4d4d; } 20809 20810 .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1 .newsletter_text { 20811 color:#4d4d4d; font-size:14px; font-style:normal; font-family:Lato; } 20812 20813 .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.newsletter a svg { 20814 height:16px; margin-left:6px; 20815 fill: currentColor; 20816 } 20817 20818 .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1 a:hover { 20819 color:#2e2e2e; background-color:#ededed; border-color:#2e2e2e; } 20820</style> 20821 </div> 20822 20823 <style> 20824 .footer_container_3 .flex_row_2 .flex_col_2 { 20825 width:100%; } 20826 </style> 20827 20828 20829 20830 <div class="flex_col flex_col_3"> 20831 20832 20833 </div> 20834 20835 <style> 20836 .footer_container_3 .flex_row_2 .flex_col_3 { 20837 } 20838 </style> 20839 20840 20841 20842 </div> 20843 20844 20845 <style> 20846 .footer_container_3 .flex_row_2 { 20847 background-color: #f1f1f1; 20848 color:#828282; height:auto; 20849 } 20850 </style> 20851 20852 20853 20854 20855 20856 20857 <div class="flex_row flex_row_3"> 20858 20859 20860 <div class="flex_col flex_col_1"> 20861 20862 20863 </div> 20864 20865 <style> 20866 .footer_container_3 .flex_row_3 .flex_col_1 { 20867 width:100%; } 20868 </style> 20869 20870 20871 20872 <div class="flex_col flex_col_2"> 20873 20874 <div class="flex_cell flex_cell_1 custom_code"> 20875 <div class="flex_cell_content"> 20876 <style> 20877.footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1 .newsletter_div { 20878 display: inline-flex;
20879 align-items: center; 20880 flex-direction: column; 20881 gap: 15px; 20882} 20883</style> </div> 20884</div> 20885 20886<style> 20887 .footer_container_3>.flex_row_3>.flex_col_2>.flex_cell_1.custom_code { 20888 width:100%; } 20889 20890 .footer_container_3>.flex_row_3>.flex_col_2>.flex_cell_1.custom_code { 20891 } 20892 20893 .footer_container_3>.flex_row_3>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content { 20894 width: 100%; 20895 height: 100%; 20896 } 20897</style> 20898 </div> 20899 20900 <style> 20901 .footer_container_3 .flex_row_3 .flex_col_2 { 20902 width:100%; } 20903 </style> 20904 20905 20906 20907 <div class="flex_col flex_col_3"> 20908 20909 20910 </div> 20911 20912 <style> 20913 .footer_container_3 .flex_row_3 .flex_col_3 { 20914 width:100%; } 20915 </style> 20916 20917 20918 20919 </div> 20920 20921 20922 <style> 20923 .footer_container_3 .flex_row_3 { 20924 background-color: #ffffff; 20925 color:#000000; height:50px; 20926 } 20927 </style> 20928 20929 20930 20931 20932 20933 20934 <div class="flex_row flex_row_4"> 20935 20936 20937 <div class="flex_col flex_col_1"> 20938 20939 20940 </div> 20941 20942 <style> 20943 .footer_container_3 .flex_row_4 .flex_col_1 { 20944 width:5%; } 20945 </style> 20946 20947 20948 20949 <div class="flex_col flex_col_2"> 20950 20951 <div class="flex_cell flex_cell_1 custom_code"> 20952 <div class="flex_cell_content"> 20953 <table border="0" style="border-collapse: collapse; width: 100%; height: 406.892px; background-color: #ffffff; border-color: #ffffff; margin-left: auto; margin-right: auto;"> 20954<tbody> 20955<tr style="height: 54.3906px;"> 20956<td style="width: 50.0462%; text-align: center; vertical-align: top; height: 54.3906px;"><span style="font-family: Lato; color: #4d4d4d; font-size: 10pt;"><strong>Additional Links: </strong></span><br /><br /><span style="font-family: Lato; color: #34495e; font-size: 10pt;"><a href="/rolex" style="color: #34495e;">Rolex »</a></span><br /><span style="font-family: Lato; color: #4d4d4d; font-size: 10pt;"><a href="/privacy-policy" style="color: #4d4d4d;">Privacy Policy »</a> </span><br /><span style="font-family: Lato; color: #4d4d4d; font-size: 10pt;"><a href="/terms-and-conditions" style="color: #4d4d4d;">Terms & Conditions »</a></span><br /><span style="font-family: Lato; color: #4d4d4d; font-size: 10pt;"><a href="/return-shipping-policy" style="color: #4d4d4d;">Return & Shipping Policy »</a></span></td> 20957<td style="width: 50.0462%; height: 139.266px; text-align: center; vertical-align: top; line-height: 1.5;"><span style="font-family: Lato; color: #4d4d4d; font-size: 10pt;"><strong>Store Address: </strong></span><br /><br /><span style="font-family: Lato; color: #4d4d4d; font-size: 10pt;">6000 Bollinger Canyon Road<br />Suite 1506</span><br /><span style="font-family: Lato; color: #4d4d4d; font-size: 10pt;">San Ramon, California 94583<br /><a href="/contact-us" target="_blank" style="color: #4d4d4d;" class="get_directions_click" rel="noopener">Get Directions »</a></span><br /><span style="font-family: Lato; color: #4d4d4d; font-size: 10pt;"></span></td> 20958</tr> 20959<tr style="height: 139.266px;"> 20960<td style="width: 49.9538%; height: 139.266px; text-align: center; vertical-align: top; line-height: 1.5;"><span style="font-family: Lato; color: #4d4d4d; font-size: 10pt;"><strong>Store Hours:</strong></span><br /><span style="font-family: Lato; color: #4d4d4d; font-size: 10pt;"><br />MON - SAT: 10AM - 5PM<br />SUN: 11AM - 4PM by appointment<br /></span></td> 20961<td style="width: 49.9538%; height: 139.266px; text-align: center; vertical-align: top; line-height: 1.5;"><span style="font-family: Lato; color: #4d4d4d; font-size: 10pt;"><strong>Store Contacts:</strong></span><br /><br /><span style="font-family: Lato; font-size: 10pt; color: #4d4d4d;">Call: <a href="tel:925-904-0200" style="color: #4d4d4d;" class="phone_number_click">(925) 904-0200</a></span><br /><span style="font-family: Lato; font-size: 10pt; color: #4d4d4d;">Text: <a href="sms:925-904-0200" style="color: #4d4d4d;" class="text_message_click">(925) 904-0200</a></span><br /><span style="font-family: Lato; color: #4d4d4d; font-size: 10pt;"><a href="/cdn-cgi/l/email-protection#355058545c59755058545c591b565a58" style="color: #4d4d4d;" class="email_click"><span class="__cf_email__" data-cfemail="056c6b636a456d60696960776f60
209617260696077762b666a68">[email protected]</span></a></span><br /><span style="font-family: Lato; color: #4d4d4d; font-size: 10pt;"></span></td> 20962</tr> 20963</tbody> 20964</table> </div> 20965</div> 20966 20967<style> 20968 .footer_container_3>.flex_row_4>.flex_col_2>.flex_cell_1.custom_code { 20969 width:100%; } 20970 20971 .footer_container_3>.flex_row_4>.flex_col_2>.flex_cell_1.custom_code { 20972 height:100%; } 20973 20974 .footer_container_3>.flex_row_4>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content { 20975 width: 100%; 20976 height: 100%; 20977 } 20978</style> 20979 </div> 20980 20981 <style> 20982 .footer_container_3 .flex_row_4 .flex_col_2 { 20983 width:90%; } 20984 </style> 20985 20986 20987 20988 <div class="flex_col flex_col_3"> 20989 20990 20991 </div> 20992 20993 <style> 20994 .footer_container_3 .flex_row_4 .flex_col_3 { 20995 width:5%; } 20996 </style> 20997 20998 20999 21000 </div> 21001 21002 21003 <style> 21004 .footer_container_3 .flex_row_4 { 21005 background-color: #ffffff; 21006 color:#000000; height:auto; 21007 } 21008 </style> 21009 21010 21011 21012 21013 </div> 21014 <style> 21015 .footer_container .flex_row { 21016 display: flex; 21017 } 21018 .footer_container_3 { 21019 width:100%; 21020 max-width:100%; 21021 margin: 0 auto; 21022 } 21023 .footer_container .flex_row .flex_col{ 21024 display: flex; 21025 flex-wrap: wrap; 21026 box-sizing: border-box; 21027 align-content: baseline; 21028 } 21029 .footer_container .flex_row .flex_col .flex_cell{ 21030 height: fit-content; 21031 display: flex; 21032 } 21033 .footer_container .flex_row .flex_col .flex_cell a{ 21034 text-decoration: none; 21035 } 21036 .footer_container img { 21037 max-width: 100%; 21038 } 21039 </style> 21040 21041 21042</footer>
vendor: 110 bytes, lines 21042-21044
21042 21043 21044<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
21044<script src="https://app.luxesoftware.com/chat_widget/chat-widget.bundle.js"></script>
vendor: 2 bytes, line 21044
21044
21045<script> 21046 document.addEventListener("DOMContentLoaded", () => { 21047 ChatWidget.initChatWidget({ 21048 "mainColor": "#545859", 21049 "buttonText": "Text us", 21050 "isOnlyIcon": false, 21051 "avatarImage": "temp/company-142/store-342/chat_avatar/772e535f-c6e5-4316-bca7-7b8114c3f7ed$kmbr$Untitled design - 2026-02-05T113334.721.png", 21052 "avatarName": "Heller Jewelers", 21053 "greetingsMessage": "Hi there, have a question? Text us here.", 21054 "greetingDelay": "30", 21055 "initialMessages": ["ð Hey! Got a question or want to chat?","Enter your info, and a Heller Jewelers sales associate will text you back!"], 21056 "answerMessages": ["We got your message! ð Our team will text you back from this number."], 21057 "storeNumber": "(925) 904-0200" 21058 }, "chat-widget-container", 342, "e646768b0d941c68d6bf2477b1f4f74834e1df4489431cda3c9e8a18fc7883c2306d23b61d8c8685ef6205d9f78a76518d3843e2b94cf5d11bdb2a7feebe67aa"); 21059 }); 21060</script>
vendor: 1 bytes, line 21060
21060
21061<script src="/skeleton/1.0/view/js/focus-trap.js?v=2.1"></script>
21061<script src="/skeleton/1.0/view/js/focus-trap_dist.js?v=2.1"></script>
21061<script src="/skeleton/1.0/view/js/min/fr_act.js?v=1.3"></script>
vendor: 1 bytes, line 21061
21061
21062<script> if (typeof gtag != "undefined") { $(document).on("click", "a.phone_number_click", function(){ gtag("event", "phone_number_click");}); }</script>
21062<script> if (typeof gtag != "undefined") { $(document).on("click", "a.get_directions_click", function(){ gtag("event", "get_directions_click");}); }</script>
21062<script> if (typeof gtag != "undefined") { $(document).on("click", "a.email_click", function(){ gtag("event", "email_click");}); }</script>
21062<script> if (typeof gtag != "undefined") { $(document).on("click", "a.text_message_click", function(){ gtag("event", "text_message_click");}); }</script>
21062<script> 21063 (function () { 21064 function ga4Click(eventName, params) { 21065 if (typeof gtag != "undefined") { gtag("event", eventName, params || {}); } 21066 } 21067 21068 $(document).on("click", ".get-location, .use-my-location", function () { 21069 ga4Click("usemylocation_click"); 21070 }); 21071 21072 $(document).on("click", ".select-store", function () { 21073 ga4Click("shopthisstore_click", {StoreID: $(this).data("store") || ""}); 21074 }); 21075 21076 $(document).on("click", "#search-by-zip button", function () { 21077 var zip = $("#search-by-zip input").val() || ""; 21078 if (zip.trim()) { ga4Click("searchlocationbyzip", {ZipCode: zip.trim()}); } 21079 }); 21080 $(document).on("submit", "#zipcode-form", function () { 21081 var zip = $(this).find("input[name=zipcode]").val() || ""; 21082 if (zip.trim()) { ga4Click("searchlocationbyzip", {ZipCode: zip.trim()}); } 21083 }); 21084 21085 // Anything clickable inside the popup except its own close control 21086 $(document).on("click", ".popup-container a, .popup-container button", function () { 21087 if ($(this).closest(".close, .popup-close, [data-dismiss]").length) { return; } 21088 ga4Click("popup_click", {LinkText: ($(this).text() || "").trim().slice(0, 100)}); 21089 }); 21090 21091 // Opening a chat widget (Podium / Clientbook) is as close as we get to a 21092 // conversation starting â what happens inside the widget is not visible to us. 21093 var ga4ChatStarted = false; 21094 $(document).on("click", "#wlbkwc_messageButton, #clbkwc_chat_id, #podium-website-widget", function () { 21095 if (ga4ChatStarted) { return; } 21096 ga4ChatStarted = true; 21097 ga4Click("conversation_started"); 21098 }); 21099 })(); 21100 </script>
21100<script> 21101 function metaCapiPing(eventName) { 21102 var eventId = (window.crypto && crypto.randomUUID) ? crypto.randomUUID() : (Date.now() + "_" + Math.random().toString(36).slice(2)); 21103 if (typeof fbq != "undefined") { fbq("track", eventName, {}, {eventID: eventId}); } 21104 if (!false) { return; } 21105 // keepalive: tel:/mailto:/directions links navigate away, which cancels a plain request 21106 var pingUrl = "https://www.hellerjewelers.com/skeleton/1.0/view/ws/ajax_meta_capi.php"; 21107 try { 21108 fetch(pingUrl, { 21109 method: "POST", 21110 headers: { 21111 "Content-Type": "application/x-www-form-urlencoded", 21112 "X-CSRF-TOKEN": window.csrf_token, 21113 "X-Requested-With": "XMLHttpRequest" 21114 }, 21115 body: "event=" + encodeURIComponent(eventName) + "&event_id=" + encodeURIComponent(eventId), 21116 keepalive: true 21117 }); 21118 } catch (e) { 21119 $.post(pingUrl, {event: eventName, event_id: eventId, _csrf_token: window.csrf_token}); 21120 } 21121 } 21122 // Delegated for the same reason as the GA4 handlers above -- the map InfoWindow 21123 // markup does not exist yet when this script runs. 21124 $(document).on("click", "a.phone_number_click", function(){ metaCapiPing("Contact"); }); 21125 $(document).on("click", "a.get_directions_click", function(){ metaCapiPing("FindLocation"); }); 21126 $(document).on("click", "a.email_click", function(){ metaCapiPing("Contact"); }); 21127 $(document).on("click", "a.text_message_click", function(){ metaCapiPing("Contact"); }); 21128 </script>
21128 21129 <style> 21130 .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; } 21131 .footer-bottom-inner-left { width: 67%; text-transform: uppercase; } 21132 .footer-bottom-inner-right { font-size: 10pt; width: 30%; display: flex; justify-content: end; } 21133 @media (max-width: 767px) { 21134 .footer-bottom-outer { display: block; text-align: center; font-weight: 700; } 21135 .footer-bottom-inner-left, .footer-bottom-inner-right { width: 100%; padding: 5px; display: block; } 21136 } 21137 </style> 21138 <div class="footer-bottom-outer"><div class="footer-bottom-inner-left"> 21139 COPYRIGHT © 2026 HELLER 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> 21140 </div> <div class="footer-bottom-inner-right"> 21141 <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> 21142 </div> 21143
21143<script>window.local_view_folder = '/skeleton/1.0/view';</script>
21143</div> 21144 21145 <!-- Google Consent Mode v2 Defaults --> 21146
21146<script> 21147 window.dataLayer = window.dataLayer || []; 21148 function gtag() { dataLayer.push(arguments); } 21149 gtag("consent", "default", { 21150 ad_storage: "granted", 21151 ad_user_data: "granted", 21152 ad_personalization: "granted", 21153 analytics_storage: "granted", 21154 functionality_storage: "granted", 21155 personalization_storage: "granted", 21156 security_storage: "granted", 21157 wait_for_update: 2000 21158 }); 21159 gtag("set", "ads_data_redaction", false); 21160 gtag("set", "url_passthrough", true); 21161 window.cmpConsentModel = "opt-out"; 21162 </script>
21162 21163
21163<script>window.cmpBridgeConfig = {"provider":"internal","categoryMap":[],"rolexEnabled":true,"blockingAttribute":"","blockingFormat":"","srcAttribute":"data-src"};</script>
vendor: 1 bytes, line 21163
21163
21164<script src="https://www.hellerjewelers.com//skeleton/1.0/view/js/cmp-bridge.js?v=1790124212"></script>
21164 21165 <div id="first-visit-cmp-popup" class="first-visit-cookies-background " data-type="other" style="display:none"> 21166 <div class="first-visit-cookies-popup"> 21167 <div class="text-container p_general_style"> 21168 <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> 21169 <div class="buttons actions-container"> 21170 <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> 21171 <a href="javascript:void(0)" tabindex="0" role="button" class="button_general_style accept all">Accept all</a> 21172 <a href="javascript:void(0)" tabindex="0" role="button" class="button_general_style decline">Decline all</a> 21173 </div> 21174 </div> 21175 </div> 21176 <div class="cmp-modal-outer " style="display: none;" role="dialog" tabindex="-1" aria-labelledby="cmp-modal-label" aria-modal="true"> 21177 <div class="cmp-modal-inner"> 21178 <div class="cmp-content"> 21179 <div class="cmp-modal-header"> 21180 <h2 id="cmp-modal-label" class="h2_general_style">We value your privacy</h2> 21181 <button type="button" class="close" aria-label="Close" title="Close"> 21182 <span aria-hidden="true">×</span> 21183 </button> 21184 </div> 21185 <img src="/public/1.0/uploads/source/heller-logo.png" loading="lazy" alt="CMP logo" title="CMP logo"> 21186 <div class="cmp-content-classifications p_general_style"> 21187 <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> 21188<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"> 21189 <div class="actions-container-inner"> 21190 <div class="class-info" style="display: flex;"> 21191 <div> 21192 <span class="custom-h2 h3_general_style">Essential</span> 21193 <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> 21194 </div> 21195 <div class="action-toggle"> 21196 <div class="toggleWrapper"> 21197 <input type="checkbox" class="mobileToggle" id="toggle1" value='on' checked disabled role="switch"> 21198 <label style="font-size:0px" for="toggle1">On/Off</label> 21199 </div> 21200 </div> 21201 </div> 21202 <details class="cookie-details"> 21203 <summary></summary> 21204 <div> 21205 <table> 21206 <tr> 21207 <td> 21208 <p class="p_general_style label">Name: cmp_cookies <br>Description: This cookie created to save the user's choice of certain categories of cookies <br>Expiration: 1 year <br>Provider: Heller Jewelers </p> 21209 </td> 21210 </tr> 21211 <tr> 21212 <td> 21213 <p class="p_general_style label">Name: PHPSESSID <br>Description: This is the default identifier that PHP uses for cookies generated by session_start() <br>Expiration: session or longer <br>Provider: Heller Jewelers </p> 21214 </td> 21215 </tr> 21216 <tr> 21217 <td> 21218 <p class="p_general_style label">Name: rlx-consent <br>Description: This cookie created to store the user's choice regarding Analytics and statistics cookies <br>Expiration: 1 year <br>Provider: Heller Jewelers </p> 21219 </td> 21220 </tr> 21221 </table> 21222 </div> 21223 </details> 21224 </div> 21225 </div> 21226 <div class="actions-container-outer"> 21227 <div class="actions-container-inner"> 21228 <div class="class-info" style="display: flex;"> 21229 <div>
21230 <span class="custom-h2 h3_general_style">Personalisation</span> 21231 <p clas="p_general_style">These cookies provide a custom experience on our website</p> 21232 </div> 21233 <div class="action-toggle"> 21234 <div class="toggleWrapper"> 21235 <input type="checkbox" class="mobileToggle" id="toggle2" value='off' role="switch"> 21236 <label style="font-size:0px" for="toggle2">On/Off</label> 21237 </div> 21238 </div> 21239 </div> 21240 <details class="cookie-details"> 21241 <summary></summary> 21242 <div> 21243 <table> 21244 <tr> 21245 <td> 21246 <p class="p_general_style label">Name: amp_16a5c8 <br>Description: This cookie was created to personalize your browsing experience <br>Expiration: session or longer <br>Provider: Heller Jewelers </p> 21247 </td> 21248 </tr> 21249 <tr> 21250 <td> 21251 <p class="p_general_style label">Name: AMP_MKTG_16a5c84b5b <br>Description: This cookie was created to personalize your browsing experience <br>Expiration: session or longer <br>Provider: Heller Jewelers </p> 21252 </td> 21253 </tr> 21254 <tr> 21255 <td> 21256 <p class="p_general_style label">Name: AMP_16a5c84b5b <br>Description: This cookie was created to personalize your browsing experience <br>Expiration: session or longer <br>Provider: Heller Jewelers </p> 21257 </td> 21258 </tr> 21259 </table> 21260 </div> 21261 </details> 21262 </div> 21263 </div> 21264 <div class="actions-container-outer"> 21265 <div class="actions-container-inner"> 21266 <div class="class-info" style="display: flex;"> 21267 <div>
21268 <span class="custom-h2 h3_general_style">Analytics and statistics</span> 21269 <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> 21270 </div> 21271 <div class="action-toggle"> 21272 <div class="toggleWrapper"> 21273 <input type="checkbox" class="mobileToggle" id="toggle3" value='off' role="switch"> 21274 <label style="font-size:0px" for="toggle3">On/Off</label> 21275 </div> 21276 </div> 21277 </div> 21278 <details class="cookie-details"> 21279 <summary></summary> 21280 <div> 21281 <table> 21282 <tr><td> 21283 <div class="class-info" style="display: flex;"> 21284 <div class="p_general_style"> 21285 <span class="custom-h3">Adobe Analytics and Content Square (Rolex section)</span> 21286 <p>Privacy Policy: <a href="https://www.rolex.com/legal-notices/cookies.html" style="color: green;" target="blank" alt="Rolex Cookies Policy" title="Rolex Cookies Policy">Rolex Cookies Policy</a></p> 21287 <p>Purposes (consent)<br>Legimate Interest Purpose(s)</p> 21288 </div> 21289 </div> 21290 <div class="action-toggle rolex"> 21291 <div class="toggleWrapper"> 21292 <input type="checkbox" class="mobileToggle" id="toggle4" value='off' role="switch"> 21293 <label style="font-size:0px" for="toggle4">On/Off</label> 21294 </div> 21295 </div> 21296 </td></tr> 21297 <tr><td> 21298 <div class="class-info" style="display: flex;"> 21299 <div class="p_general_style"> 21300 <span class="custom-h3">Marketing (Rolex section)</span> 21301 <p>Privacy Policy: <a href="https://www.rolex.com/legal-notices/cookies.html" style="color: green;" target="blank" alt="Rolex Cookies Policy" title="Rolex Cookies Policy">Rolex Cookies Policy</a></p> 21302 <p>Purposes (consent)<br>Legimate Interest Purpose(s)</p> 21303 </div> 21304 </div> 21305 <div class="action-toggle rolex"> 21306 <div class="toggleWrapper"> 21307 <input type="checkbox" class="mobileToggle" id="toggle5" value='off' role="switch"> 21308 <label style="font-size:0px" for="toggle5">On/Off</label> 21309 </div> 21310 </div> 21311 </td></tr> 21312 <tr> 21313 <td> 21314 <p class="p_general_style label">Name: _ga <br>Description: This cookie created to store and count pageviews. <br>Expiration: 2 years <br>Provider: Google LLC </p> 21315 </td> 21316 </tr> 21317 </table> 21318 </div> 21319 </details> 21320 </div> 21321 </div> 21322 <div class="buttons"> 21323 <a href="javascript:void(0)" role="button" class="secondary_button_general_style more-confirm">SAVE</a> 21324 </div> 21325 </div> 21326 </div> 21327 </div> 21328 <div class="cmp-overlay"></div> 21329 </div> 21330
21330<script src="/skeleton/1.0/view/js/cmp.js?v=1.2.402"></script>
21330<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":"f17c26e55971453eaa02395a3d171dab","r":1,"spa":2}' crossorigin="anonymous"></script>
21330 21331</body> 21332</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.