1<!DOCTYPE html> 2<html lang="en-US"> 3<head> 4<title>Jewelry Trends & Expert Tips | Gary Michaels Fine Jewelry Blog</title> 5<meta name="title" content="Jewelry Trends & Expert Tips | Gary Michaels Fine Jewelry Blog"> 6<meta name="description" content="Stay inspired with jewelry gift guides, diamond education, and style trends from the experts at your local jewelry store in Manalapan, NJ."> 7<link rel="canonical" href="https://www.garymichaelsfinejewelry.com/blog"/> 8<meta name="keywords" content="Blog | Gary Michaels Fine Jewelry "> 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=1742573545" type="image/x-icon" /><link rel="shortcut icon" href="/favicon.ico?ver=1742573545" 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.garymichaelsfinejewelry.com/public/1.0/uploads/source/logos/gmfj_logo.webp"> 15<meta property="og:url" content="https://www.garymichaelsfinejewelry.com/blog"> 16<meta property="og:type" content="website"> 17<meta property="og:title" content="Jewelry Trends & Expert Tips | Gary Michaels Fine Jewelry Blog"> 18<meta name="msapplication-TileImage" content="https://www.garymichaelsfinejewelry.com/public/1.0/uploads/source/logos/gmfj_logo.webp"> 19<meta property="og:image" content="https://www.garymichaelsfinejewelry.com/public/1.0/uploads/source/logos/gmfj_logo.webp"> 20<meta property="og:image:url" content="https://www.garymichaelsfinejewelry.com/public/1.0/uploads/source/logos/gmfj_logo.webp"> 21<meta property="og:image:width" content="600"> 22<meta property="og:image:height" content="314"> 23<meta property="og:image:alt" content="Jewelry Trends & Expert Tips | Gary Michaels Fine Jewelry Blog"> 24<!--facebook share this ends--> 25 26 27<!--twitter share this starts--> 28<meta name="twitter:title" content="Jewelry Trends & Expert Tips | Gary Michaels Fine Jewelry Blog"> 29<meta name="twitter:image" content="https://www.garymichaelsfinejewelry.com/public/1.0/uploads/source/logos/gmfj_logo.webp"> 30<meta name="twitter:site" content="https://www.garymichaelsfinejewelry.com/blog"> 31<!--twitter share this ends--> 32 33 <link rel="stylesheet" href="https://www.garymichaelsfinejewelry.com/skeleton/1.0/view/css/twitter-bootstrap-4-6-0.min.css" integrity="sha512-P5MgMn1jBN01asBgU0z60Qk4QxiXo86+wlFahKrsQf37c9cro517WzVSPPV1tDKzhku2iJ2FVgL67wG03SGnNA==" crossorigin="anonymous" /> 34 <link rel="stylesheet" href="https://www.garymichaelsfinejewelry.com/includes/view/dashboard/assets/fancybox/jquery.fancybox.min.css"><link rel="stylesheet" type="text/css" href="/skeleton/1.0/view/css/35.css?ver=1787274282" /><link rel="stylesheet" type="text/css" href="/skeleton/1.0/view/css/shared.css?ver=1.4.8" /> 35
35<script>window.csrf_token = "5c0deff2b585bdcadcc4b54193d756aba7ee4b3c4183aaa31e23b5faaefb2333"</script>
35 36
36<script>window.scSession = Object.assign({"lifetimeMs":7200000,"expiresAt":1790768467000,"csrfToken":"5c0deff2b585bdcadcc4b54193d756aba7ee4b3c4183aaa31e23b5faaefb2333","scWsUrl":"https:\/\/www.garymichaelsfinejewelry.com\/includes\/assets\/shopping_cart\/sc_ws_functions.php"}, window.scSession || {});</script>
36 37
37<script src="https://www.garymichaelsfinejewelry.com/skeleton/1.0/view/lib/jquery/jquery.min.js"></script>
37 38
38<script src="https://www.garymichaelsfinejewelry.com/skeleton/1.0/view/js/sc-session-manager.js?v=1789428914" defer></script>
38 39
39<script>window.formSubmitLogUrl = "https://www.garymichaelsfinejewelry.com/skeleton/1.0/view/ws/ajax_interaction.php";</script>
39 40
40<script src="https://www.garymichaelsfinejewelry.com/skeleton/1.0/view/js/form_submit_guard.js?v=1787274282" defer></script>
40 41 42
42<script src="/skeleton/1.0/view/js/twitter-bootstrap-4-6-0.min.js" defer></script>
42 43
43<script src="https://www.garymichaelsfinejewelry.com/includes/view/dashboard/assets/fancybox/jquery.fancybox.min.js" defer></script>
43<script src="/skeleton/1.0/view/js/35.js?v=1787274282" defer></script>
43<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://www.garymichaelsfinejewelry.com/public/1.0/fonts/68/font.css"> 44 <!--Scripts Here--> 45
45<script>window.iShowGlobals = { 46 'NO_IMAGE_URL':'', 47 'SITE_LABELS': '', 48 'PHONE_REGEX':/^[\+]?([\d\-\(\). ]){3}.{4,18}$/, 49 'EMAIL_REGEX':/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/, 50 'RETAILER_FOLDER_NAME':'skeleton', 'SHOW_RAPNET_ID':'0','MAIN_PHONE':'(732) 577-1030','USE_LOCAL_DIAMOND_PATH':'' , 'GOOGLE_ANALYTICS_4_TAG':'1' 51 }; 52 </script>
52<script src="/skeleton/1.0/view/js/shared.js?ver=2.4.5" defer></script>
52<style> 53 .header_container_1{ 54 max-width:none !important; 55 } 56</style> 57 <!-- Start Google Analytics 4 tags -->
vendor: 80 bytes, lines 57-58
57 58 <script async src="https://www.googletagmanager.com/gtag/js?id=
58G-L0LNWZD1XL
vendor: 28 bytes, lines 58-59
58"></script> 59
59<script> 60
vendor: 184 bytes, lines 60-63
60window.dataLayer = window.dataLayer || []; 61 function gtag(){dataLayer.push(arguments);} 62 gtag("js", new Date()); 63 gtag("config", "
63G-L0LNWZD1XL
vendor: 23 bytes, lines 63-64
63"); 64
64window.gtag = function() { 65 dataLayer.push(arguments); 66 } 67 </script>
67 68 <!-- End Google Analytics 4 tags --><!-- Google tag (gtag.js) -->
vendor: 76 bytes, lines 68-69
68 69 <script async src="https://www.googletagmanager.com/gtag/js?id=
69AW-17201100337
vendor: 24 bytes, lines 69-70
69"></script> 70
70<script> 71
vendor: 166 bytes, lines 71-74
71window.dataLayer = window.dataLayer || []; 72 function gtag(){dataLayer.push(arguments);} 73 gtag('js', new Date()); 74 gtag('config', '
74AW-17201100337
vendor: 42 bytes, lines 74-75
74', { 'anonymize_ip': true }); 75
75</script>
75 76
76<script type="application/ld+json"> 77 { 78 "@context": "https://schema.org", 79 "@graph": [ 80 { 81 "@type": "WebPage", 82 "name": "Jewelry Trends & Expert Tips | Gary Michaels Fine Jewelry Blog", 83 "description": "Stay inspired with jewelry gift guides, diamond education, and style trends from the experts at your local jewelry store in Manalapan, NJ.", 84 "keywords": "Gary Michaels Fine Jewelry ", 85 "url": "https://www.garymichaelsfinejewelry.com/blog" 86 }, 87 { 88 "@type": "Organization", 89 "name": "Gary Michaels Fine Jewelry ", 90 "email": "[email protected]", 91 "logo": "https://www.garymichaelsfinejewelry.com/public/1.0/uploads/source/logos/gmfj_logo.webp", 92 "image": "https://www.garymichaelsfinejewelry.com/public/1.0/uploads/source/logos/gmfj_logo.webp", 93 "telephone": "(732) 577-1030", 94 "url": "https://www.garymichaelsfinejewelry.com/" 95 } 96, 97 { 98 "@type": "BreadcrumbList", 99 "itemListElement": [ 100 { 101 "@type": "ListItem", 102 "position": 1, 103 "name": "Gary Michaels Fine Jewelry ", 104 "item": "https://www.garymichaelsfinejewelry.com/" 105 }, { 106 "@type": "ListItem", 107 "position": 2, 108 "name": "Blog", 109 "item": "https://www.garymichaelsfinejewelry.com/blog" 110 } 111 ] 112 } 113 ] 114 } 115 </script>
115 116 117</head> 118<body class="cmp_mode"> 119 <nav class="skip-links-nav" aria-label="Skip links"> 120 <a href="#main" class="skip-to-main-content-link" title="Skip to main content">Skip to main content</a> 121 </nav> 122 123 <div id="loader_div"> 124 <div class="loader_circle"></div> 125 </div> 126 <noscript> 127 <style> 128 body {overflow: auto;} 129 #loader_div {display: none;} 130 </style> 131 </noscript> 132 133 134 <style> 135 @media (min-width: 992px) { 136 137 .sc_payment_general_style { 138 font-size: px !important; 139 font-family: Lato !important; 140 font-weight: 300 !important; 141 font-style: normal !important; 142 143 letter-spacing: px !important; 144 color: #000000 !important; 145 } 146 h1.general_style, .h1_general_style { 147 font-size: 26px !important; 148 font-family: Lato !important; 149 font-weight: 300 !important; 150 font-style: normal !important; 151 152 letter-spacing: px !important; 153 color: #000000 !important; 154 } 155 h2.general_style, .h2_general_style { 156 font-size: px !important; 157 font-family: Lato !important; 158 font-weight: 400 !important; 159 font-style: normal !important; 160 161 letter-spacing: px !important; 162 color: #000000 !important; 163 } 164 h3.general_style, .h3_general_style { 165 font-size: px !important; 166 font-family: Lato !important; 167 font-weight: 400 !important; 168 font-style: normal !important; 169 170 letter-spacing: px !important; 171 color: #000000 !important; 172 } 173 h4.general_style, .h4_general_style { 174 font-size: px !important; 175 font-family: Lato !important; 176 font-weight: 400 !important; 177 font-style: normal !important; 178 179 letter-spacing: px !important; 180 color: #000000 !important; 181 } 182 h5.general_style, .h5_general_style { 183 font-size: px !important; 184 font-family: Lato !important; 185 font-weight: 400 !important; 186 font-style: normal !important; 187 188 letter-spacing: px !important; 189 color: #000000 !important; 190 } 191 h6.general_style, .h6_general_style { 192 font-size: px !important; 193 font-family: Lato !important; 194 font-weight: 400 !important; 195 font-style: normal !important; 196 197 letter-spacing: px !important; 198 color: #000000 !important; 199 } 200 p.general_style, .p_general_style { 201 font-size: px !important; 202 font-family: Lato !important; 203 font-weight: 300 !important; 204 font-style: normal !important; 205 206 letter-spacing: px !important; 207 color: #000000 !important; 208 } 209 .p2_general_style { 210 font-size: 14px !important; 211 font-family: Lato !important; 212 font-weight: 300 !important; 213 font-style: normal !important; 214 215 letter-spacing: px !important; 216 color: #000000 !important; 217 } 218 .p3_general_style { 219 font-size: px !important; 220 font-family: Lato !important; 221 font-weight: 300 !important; 222 font-style: normal !important; 223 224 letter-spacing: px !important; 225 color: #000000 !important; 226 } 227 .p4_general_style { 228 font-size: px !important; 229 font-family: Lato !important; 230 font-weight: 400 !important; 231 font-style: normal !important; 232 233 letter-spacing: px !important; 234 color: #000000 !important; 235 } 236 .p5_general_style { 237 font-size: px !important; 238 font-family: Lato !important; 239 font-weight: 400 !important; 240 font-style: normal !important; 241 242 letter-spacing: px !important; 243 color: #000000 !important; 244 } 245 .p6_general_style { 246 font-size: px !important; 247 font-family: Lato !important; 248 font-weight: 400 !important; 249 font-style: normal !important; 250 251 letter-spacing: px !important; 252 color: #000000 !important; 253 } 254 a.general_style, .a_general_style { 255 text-decoration: !important; 256 color: #000000 !important; 257 } 258 a.general_style:hover, .a_general_style:hover { 259 color: !important; 260 } 261 label.general_style, .label_general_style { 262 font-size: 13.9px !important; 263 font-family: Lato !important; 264 font-weight: 400 !important; 265 font-style: normal !important; 266 267 letter-spacing: px !important; 268 color: #000000 !important; 269 } 270 button.general_style, .button_general_style { 271 font-size: px !important; 272 font-family: Lato !important; 273 font-weight: 400 !important; 274 font-style: normal !important; 275 276 color: #ffffff !important; 277 background-color: #000000 !important; 278 border-style: solid !important; 279 border-width: 1px !important; 280 border-radius: px !important; 281 border-color: #000000 !important; 282 } 283 button.general_style:hover, .button_general_style:hover { 284 color: #ffffff !important; 285 background-color: #000000 !important; 286 border-color: #000000 !important; 287 } 288 .secondary_button_general_style { 289 font-size: px !important; 290 font-family: Lato !important; 291 font-weight: 400 !important; 292 font-style: normal !important; 293 294 color: #000000 !important; 295 background-color: !important; 296 border-style: solid !important; 297 border-width: 1px !important; 298 border-radius: px !important; 299 border-color: #000000 !important; 300 } 301 .secondary_button_general_style:hover { 302 color: #333333 !important; 303 background-color: #ffffff !important; 304 border-color: #000000 !important; 305 } 306 .reset_button_general_style { 307 font-size: px !important; 308 font-family: Lato !important; 309 font-weight: 400 !important; 310 font-style: normal !important; 311 312 color: #000000 !important; 313 background-color: !important; 314 315 border-width: px !important; 316 border-radius: px !important; 317 border-color: !important; 318 } 319 .reset_button_general_style:hover { 320 color: #000000 !important; 321 background-color: !important; 322 border-color: !important; 323 } 324 .search_box_general_style .sinps::placeholder { 325 font-size: px !important; 326 font-family: Lato !important; 327 color: !important; 328 } 329 .search_box_general_style .sinps { 330 height: 100%; 331 font-size: px !important; 332 font-family: Lato !important; 333 font-weight: 300 !important; 334 font-style: normal !important; 335 color: #000000 !important; 336 background-color: !important; 337 border-style: solid !important; 338 border-width: px !important; 339 border-radius: px !important; 340 border-top-right-radius: 0 !important; 341 border-bottom-right-radius: 0 !important; 342 border-color: #000000 !important; 343 } 344 .search_box_general_style .sinps:hover, 345 .search_box_general_style .sinps:focus, 346 .search_box_general_style .sinps:active { 347 background-color: !important; 348 } 349 .search_box_general_style .sBtns { 350 height: 100%; 351 background-color: #000000 !important; 352 border-style: solid !important; 353 border-width: px !important; 354 border-radius: px !important; 355 border-top-left-radius: 0 !important; 356 border-bottom-left-radius: 0 !important; 357 border-color: #000000 !important; 358 } 359 .search_box_general_style .sBtns:hover, 360 .search_box_general_style .sBtns:focus, 361 .search_box_general_style .sBtns:active { 362 background-color: #000000 !important; 363 } 364 .search_box_general_style .sBtns svg { 365 width: px !important; 366 height: px !important; 367 } 368 .search_box_general_style .sBtns path { 369 fill: #ffffff !important; 370 } 371 .search_box_general_style .sBtns:hover path, 372 .search_box_general_style .sBtns:focus path, 373 .search_box_general_style .sBtns:active path { 374 fill: #ffffff !important; 375 }
376 .search_box_general_style:hover .sinps, 377 .search_box_general_style:focus .sinps, 378 .search_box_general_style:active .sinps, 379 .search_box_general_style:hover .sBtns, 380 .search_box_general_style:focus .sBtns, 381 .search_box_general_style:active .sBtns { 382 border-color: #000000 !important; 383 } 384 svg.general_style, .svg_general_style { 385 fill: #631d1d !important; 386 stroke-width: .5 !important; 387 stroke: #631d1d !important; 388 } 389 .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single { 390 color: #ffffff !important; 391 background: #000000 !important; 392 } 393 .irs--big .irs-grid-text { 394 color: #000000 !important; 395 } 396 .irs--big .irs-grid-pol { 397 background: #000000 !important; 398 } 399 .irs--big .irs-bar { 400 border-color: #000000 !important; 401 background: linear-gradient(to bottom, #000000 0%, #000000 30%, #000000 100%) !important; 402 } 403 .irs--big .irs-handle { 404 border-color: #B3B3B2; 405 background: linear-gradient(to bottom, 0%, 30%, 100%) !important; 406 } 407 .pagination.general_style .page-link { 408 font-size: 12px !important; 409 font-family: Lato !important; 410 font-weight: 400 !important; 411 font-style: normal !important; 412 413 color: #000000 !important; 414 background-color: !important; 415 border-color: !important; 416 } 417 .pagination.general_style .page-link:hover { 418 color: !important; 419 background-color: !important; 420 border-color: !important; 421 } 422 .pagination.general_style .page-item.active .page-link { 423 color: #ffffff !important; 424 background-color: #000000 !important; 425 border-color: #000000 !important; 426 } 427 input[type=checkbox].general_style { 428 accent-color: #000000 !important; 429 } 430 .breadcrumb.general_style .breadcrumb-item a, 431 .breadcrumb.general_style .breadcrumb-item { 432 font-size: 14px !important; 433 font-family: Lato !important; 434 font-weight: 300 !important; 435 font-style: normal !important; 436 437 letter-spacing: px !important; 438 color: #000 !important; 439 } 440 .shapes-div .shapes-img.active { 441 background-color: #000000 !important; 442 color: #ffffff !important; 443 } 444 .input_general_style { 445 position: relative; 446 } 447 .input_general_style label { 448 width: auto !important; 449 position: absolute; 450 top: 50%; 451 left: 5px; 452 z-index: 1; 453 transform: translateY(-50%); 454 transform-origin: 0% 100%; 455 transition: all .2s ease-out; 456 padding: 0 10px; 457 margin: 0 !important; 458 cursor: text; 459 background: white; 460 } 461 .input_general_style label.active { 462 top: 0; 463 transform: translateY(-55%) scale(0.80); 464 } 465 466 .input_general_style input::placeholder { 467 color: transparent !important; 468 } 469 .input_general_style input { 470 font-size: 16px !important; 471 font-family: Lato !important; 472 font-weight: 400 !important; 473 font-style: !important; 474 color: #000000 !important; 475 background-color: white !important; 476 border-style: solid !important; 477 border-width: px !important; 478 border-radius: 0px !important; 479 border-color: !important; 480 } 481 .input_general_style:hover input { 482 border-color: !important; 483 }
484 .input_general_style input:-webkit-autofill, 485 .input_general_style input:-webkit-autofill:hover, 486 .input_general_style input:-webkit-autofill:focus, 487 .input_general_style input:-webkit-autofill:active{ 488 -webkit-box-shadow: 0 0 0 30px white inset !important; 489 } 490 .input_general_style input:focus { 491 border-color: initial; 492 box-shadow: unset; 493 } 494 .input_general_style .toggle-password-visibility { 495 position: absolute; 496 right: 5px; 497 top: 50%; 498 transform: translateY(-50%); 499 border: 0; 500 background: transparent; 501 } 502 .select_general_style { 503 position: relative; 504 } 505 .select_general_style label { 506 width: auto !important; 507 position: absolute; 508 top: 50%; 509 left: 5px; 510 transform: translateY(-50%); 511 transform-origin: 0% 100%; 512 transition: all .2s ease-out; 513 padding: 0 10px; 514 margin: 0 !important; 515 cursor: text; 516 background: white; 517 } 518 .select_general_style label.active { 519 top: 0; 520 transform: translateY(-55%) scale(0.80); 521 } 522 523 .select_general_style select { 524 font-size: 16px !important; 525 font-family: Lato !important; 526 font-weight: 400 !important; 527 font-style: !important; 528 color: #000000 !important; 529 border-style: solid !important; 530 border-width: px !important; 531 border-radius: 0px !important; 532 border-color: !important; 533 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; 534 -webkit-appearance: none !important; 535 -moz-appearance: none !important; 536 appearance: none !important; 537 } 538 .select_general_style:hover select { 539 border-color: !important; 540 } 541 .select_general_style select:focus { 542 border-color: initial; 543 box-shadow: unset; 544 } 545 .select_general_style select:-webkit-autofill, 546 .select_general_style select:-webkit-autofill:hover, 547 .select_general_style select:-webkit-autofill:focus, 548 .select_general_style select:-webkit-autofill:active{ 549 -webkit-box-shadow: 0 0 0 30px white inset !important; 550 } 551 .textarea_general_style { 552 position: relative; 553 } 554 .textarea_general_style label { 555 width: auto !important; 556 position: absolute; 557 top: 18px; 558 left: 5px; 559 transform: translateY(-50%); 560 transform-origin: 0% 100%; 561 transition: all .2s ease-out; 562 padding: 0 10px; 563 margin: 0 !important; 564 cursor: text; 565 background: white; 566 } 567 .textarea_general_style label.active { 568 top: 0; 569 transform: translateY(-55%) scale(0.80); 570 } 571 572 .textarea_general_style textarea { 573 font-size: 16px !important; 574 font-family: Lato !important; 575 font-weight: 400 !important; 576 font-style: !important; 577 color: #000000 !important; 578 background-color: white !important; 579 border-style: solid !important; 580 border-width: px !important; 581 border-radius: 0px !important; 582 border-color: !important; 583 } 584 .textarea_general_style:hover textarea { 585 border-color: !important; 586 } 587 .textarea_general_style textarea:focus { 588 border-color: initial; 589 box-shadow: unset; 590 } 591 .textarea_general_style textarea:-webkit-autofill, 592 .textarea_general_style textarea:-webkit-autofill:hover, 593 .textarea_general_style textarea:-webkit-autofill:focus, 594 .textarea_general_style textarea:-webkit-autofill:active{ 595 -webkit-box-shadow: 0 0 0 30px white inset !important; 596 } 597 } 598 </style> <style> 599 @media (min-width: 768px) and (max-width: 991.9px) { 600 601 .sc_payment_general_style { 602 font-size: px !important; 603 font-family: Lato !important; 604 font-weight: 300 !important; 605 font-style: normal !important; 606 607 letter-spacing: px !important; 608 color: #000000 !important; 609 } 610 h1.general_style, .h1_general_style { 611 font-size: 26px !important; 612 font-family: Lato !important; 613 font-weight: 300 !important; 614 font-style: normal !important; 615 616 letter-spacing: px !important; 617 color: #000000 !important; 618 } 619 h2.general_style, .h2_general_style { 620 font-size: px !important; 621 font-family: Lato !important; 622 font-weight: 400 !important; 623 font-style: normal !important; 624 625 letter-spacing: px !important; 626 color: #000000 !important; 627 } 628 h3.general_style, .h3_general_style { 629 font-size: px !important; 630 font-family: Lato !important; 631 font-weight: 400 !important; 632 font-style: normal !important; 633 634 letter-spacing: px !important; 635 color: #000000 !important; 636 } 637 h4.general_style, .h4_general_style { 638 font-size: px !important; 639 font-family: Lato !important; 640 font-weight: 400 !important; 641 font-style: normal !important; 642 643 letter-spacing: px !important; 644 color: #000000 !important; 645 } 646 h5.general_style, .h5_general_style { 647 font-size: px !important; 648 font-family: Lato !important; 649 font-weight: 400 !important; 650 font-style: normal !important; 651 652 letter-spacing: px !important; 653 color: #000000 !important; 654 } 655 h6.general_style, .h6_general_style { 656 font-size: px !important; 657 font-family: Lato !important; 658 font-weight: 400 !important; 659 font-style: normal !important; 660 661 letter-spacing: px !important; 662 color: #000000 !important; 663 } 664 p.general_style, .p_general_style { 665 font-size: px !important; 666 font-family: Lato !important; 667 font-weight: 300 !important; 668 font-style: normal !important; 669 670 letter-spacing: px !important; 671 color: #000000 !important; 672 } 673 .p2_general_style { 674 font-size: px !important; 675 font-family: Lato !important; 676 font-weight: 300 !important; 677 font-style: normal !important; 678 679 letter-spacing: px !important; 680 color: #000000 !important; 681 } 682 .p3_general_style { 683 font-size: px !important; 684 font-family: Lato !important; 685 font-weight: 300 !important; 686 font-style: normal !important; 687 688 letter-spacing: px !important; 689 color: #000000 !important; 690 } 691 .p4_general_style { 692 font-size: px !important; 693 font-family: Lato !important; 694 font-weight: 400 !important; 695 font-style: normal !important; 696 697 letter-spacing: px !important; 698 color: #000000 !important; 699 } 700 .p5_general_style { 701 font-size: px !important; 702 font-family: Lato !important; 703 font-weight: 400 !important; 704 font-style: normal !important; 705 706 letter-spacing: px !important; 707 color: #000000 !important; 708 } 709 .p6_general_style { 710 font-size: px !important; 711 font-family: Lato !important; 712 font-weight: 400 !important; 713 font-style: normal !important; 714 715 letter-spacing: px !important; 716 color: #000000 !important; 717 } 718 a.general_style, .a_general_style { 719 text-decoration: !important; 720 color: #000000 !important; 721 } 722 a.general_style:hover, .a_general_style:hover { 723 color: !important; 724 } 725 label.general_style, .label_general_style { 726 font-size: px !important; 727 font-family: Lato !important; 728 font-weight: 400 !important; 729 font-style: normal !important; 730 731 letter-spacing: px !important; 732 color: #000000 !important; 733 } 734 button.general_style, .button_general_style { 735 font-size: px !important; 736 font-family: Lato !important; 737 font-weight: 400 !important; 738 font-style: normal !important; 739 740 color: #ffffff !important; 741 background-color: #000000 !important; 742 border-style: solid !important; 743 border-width: 1px !important; 744 border-radius: px !important; 745 border-color: #000000 !important; 746 } 747 button.general_style:hover, .button_general_style:hover { 748 color: #ffffff !important; 749 background-color: #000000 !important; 750 border-color: #000000 !important; 751 } 752 .secondary_button_general_style { 753 font-size: px !important; 754 font-family: Lato !important; 755 font-weight: 400 !important; 756 font-style: normal !important; 757 758 color: #000000 !important; 759 background-color: !important; 760 border-style: solid !important; 761 border-width: 1px !important; 762 border-radius: px !important; 763 border-color: #000000 !important; 764 } 765 .secondary_button_general_style:hover { 766 color: #333333 !important; 767 background-color: #ffffff !important; 768 border-color: #000000 !important; 769 } 770 .reset_button_general_style { 771 font-size: px !important; 772 font-family: Lato !important; 773 font-weight: 400 !important; 774 font-style: normal !important; 775 776 color: #000000 !important; 777 background-color: !important; 778 779 border-width: px !important; 780 border-radius: px !important; 781 border-color: !important; 782 } 783 .reset_button_general_style:hover { 784 color: #000000 !important; 785 background-color: !important; 786 border-color: !important; 787 } 788 .search_box_general_style .sinps::placeholder { 789 font-size: px !important; 790 font-family: Lato !important; 791 color: !important; 792 } 793 .search_box_general_style .sinps { 794 height: 100%; 795 font-size: px !important; 796 font-family: Lato !important; 797 font-weight: 300 !important; 798 font-style: normal !important; 799 color: #000000 !important; 800 background-color: !important; 801 border-style: solid !important; 802 border-width: px !important; 803 border-radius: px !important; 804 border-top-right-radius: 0 !important; 805 border-bottom-right-radius: 0 !important; 806 border-color: #000000 !important; 807 } 808 .search_box_general_style .sinps:hover, 809 .search_box_general_style .sinps:focus, 810 .search_box_general_style .sinps:active { 811 background-color: !important; 812 } 813 .search_box_general_style .sBtns { 814 height: 100%; 815 background-color: #000000 !important; 816 border-style: solid !important; 817 border-width: px !important; 818 border-radius: px !important; 819 border-top-left-radius: 0 !important; 820 border-bottom-left-radius: 0 !important; 821 border-color: #000000 !important; 822 } 823 .search_box_general_style .sBtns:hover, 824 .search_box_general_style .sBtns:focus, 825 .search_box_general_style .sBtns:active { 826 background-color: #000000 !important; 827 } 828 .search_box_general_style .sBtns svg { 829 width: px !important; 830 height: px !important; 831 } 832 .search_box_general_style .sBtns path { 833 fill: #ffffff !important; 834 } 835 .search_box_general_style .sBtns:hover path, 836 .search_box_general_style .sBtns:focus path, 837 .search_box_general_style .sBtns:active path { 838 fill: #ffffff !important; 839 }
840 .search_box_general_style:hover .sinps, 841 .search_box_general_style:focus .sinps, 842 .search_box_general_style:active .sinps, 843 .search_box_general_style:hover .sBtns, 844 .search_box_general_style:focus .sBtns, 845 .search_box_general_style:active .sBtns { 846 border-color: #000000 !important; 847 } 848 svg.general_style, .svg_general_style { 849 fill: #631d1d !important; 850 stroke-width: .5 !important; 851 stroke: #631d1d !important; 852 } 853 .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single { 854 color: #ffffff !important; 855 background: #000000 !important; 856 } 857 .irs--big .irs-grid-text { 858 color: #000000 !important; 859 } 860 .irs--big .irs-grid-pol { 861 background: #000000 !important; 862 } 863 .irs--big .irs-bar { 864 border-color: #000000 !important; 865 background: linear-gradient(to bottom, #000000 0%, #000000 30%, #000000 100%) !important; 866 } 867 .irs--big .irs-handle { 868 border-color: #B3B3B2; 869 background: linear-gradient(to bottom, 0%, 30%, 100%) !important; 870 } 871 .pagination.general_style .page-link { 872 font-size: 12px !important; 873 font-family: Lato !important; 874 font-weight: 400 !important; 875 font-style: normal !important; 876 877 color: #000000 !important; 878 background-color: !important; 879 border-color: !important; 880 } 881 .pagination.general_style .page-link:hover { 882 color: !important; 883 background-color: !important; 884 border-color: !important; 885 } 886 .pagination.general_style .page-item.active .page-link { 887 color: #ffffff !important; 888 background-color: #000000 !important; 889 border-color: #000000 !important; 890 } 891 input[type=checkbox].general_style { 892 accent-color: #000000 !important; 893 } 894 .breadcrumb.general_style .breadcrumb-item a, 895 .breadcrumb.general_style .breadcrumb-item { 896 font-size: 14px !important; 897 font-family: Lato !important; 898 font-weight: 300 !important; 899 font-style: normal !important; 900 901 letter-spacing: px !important; 902 color: #000 !important; 903 } 904 .shapes-div .shapes-img.active { 905 background-color: #000000 !important; 906 color: #ffffff !important; 907 } 908 .input_general_style { 909 position: relative; 910 } 911 .input_general_style label { 912 width: auto !important; 913 position: absolute; 914 top: 50%; 915 left: 5px; 916 z-index: 1; 917 transform: translateY(-50%); 918 transform-origin: 0% 100%; 919 transition: all .2s ease-out; 920 padding: 0 10px; 921 margin: 0 !important; 922 cursor: text; 923 background: white; 924 } 925 .input_general_style label.active { 926 top: 0; 927 transform: translateY(-55%) scale(0.80); 928 } 929 930 .input_general_style input::placeholder { 931 color: transparent !important; 932 } 933 .input_general_style input { 934 font-size: 16px !important; 935 font-family: Lato !important; 936 font-weight: 400 !important; 937 font-style: !important; 938 color: #000000 !important; 939 background-color: white !important; 940 border-style: solid !important; 941 border-width: px !important; 942 border-radius: 0px !important; 943 border-color: !important; 944 } 945 .input_general_style:hover input { 946 border-color: !important; 947 }
948 .input_general_style input:-webkit-autofill, 949 .input_general_style input:-webkit-autofill:hover, 950 .input_general_style input:-webkit-autofill:focus, 951 .input_general_style input:-webkit-autofill:active{ 952 -webkit-box-shadow: 0 0 0 30px white inset !important; 953 } 954 .input_general_style input:focus { 955 border-color: initial; 956 box-shadow: unset; 957 } 958 .input_general_style .toggle-password-visibility { 959 position: absolute; 960 right: 5px; 961 top: 50%; 962 transform: translateY(-50%); 963 border: 0; 964 background: transparent; 965 } 966 .select_general_style { 967 position: relative; 968 } 969 .select_general_style label { 970 width: auto !important; 971 position: absolute; 972 top: 50%; 973 left: 5px; 974 transform: translateY(-50%); 975 transform-origin: 0% 100%; 976 transition: all .2s ease-out; 977 padding: 0 10px; 978 margin: 0 !important; 979 cursor: text; 980 background: white; 981 } 982 .select_general_style label.active { 983 top: 0; 984 transform: translateY(-55%) scale(0.80); 985 } 986 987 .select_general_style select { 988 font-size: 16px !important; 989 font-family: Lato !important; 990 font-weight: 400 !important; 991 font-style: !important; 992 color: #000000 !important; 993 border-style: solid !important; 994 border-width: px !important; 995 border-radius: 0px !important; 996 border-color: !important; 997 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; 998 -webkit-appearance: none !important; 999 -moz-appearance: none !important; 1000 appearance: none !important; 1001 } 1002 .select_general_style:hover select { 1003 border-color: !important; 1004 } 1005 .select_general_style select:focus { 1006 border-color: initial; 1007 box-shadow: unset; 1008 } 1009 .select_general_style select:-webkit-autofill, 1010 .select_general_style select:-webkit-autofill:hover, 1011 .select_general_style select:-webkit-autofill:focus, 1012 .select_general_style select:-webkit-autofill:active{ 1013 -webkit-box-shadow: 0 0 0 30px white inset !important; 1014 } 1015 .textarea_general_style { 1016 position: relative; 1017 } 1018 .textarea_general_style label { 1019 width: auto !important; 1020 position: absolute; 1021 top: 18px; 1022 left: 5px; 1023 transform: translateY(-50%); 1024 transform-origin: 0% 100%; 1025 transition: all .2s ease-out; 1026 padding: 0 10px; 1027 margin: 0 !important; 1028 cursor: text; 1029 background: white; 1030 } 1031 .textarea_general_style label.active { 1032 top: 0; 1033 transform: translateY(-55%) scale(0.80); 1034 } 1035 1036 .textarea_general_style textarea { 1037 font-size: 16px !important; 1038 font-family: Lato !important; 1039 font-weight: 400 !important; 1040 font-style: !important; 1041 color: #000000 !important; 1042 background-color: white !important; 1043 border-style: solid !important; 1044 border-width: px !important; 1045 border-radius: 0px !important; 1046 border-color: !important; 1047 } 1048 .textarea_general_style:hover textarea { 1049 border-color: !important; 1050 } 1051 .textarea_general_style textarea:focus { 1052 border-color: initial; 1053 box-shadow: unset; 1054 } 1055 .textarea_general_style textarea:-webkit-autofill, 1056 .textarea_general_style textarea:-webkit-autofill:hover, 1057 .textarea_general_style textarea:-webkit-autofill:focus, 1058 .textarea_general_style textarea:-webkit-autofill:active{ 1059 -webkit-box-shadow: 0 0 0 30px white inset !important; 1060 } 1061 } 1062 </style> <style> 1063 @media (max-width: 767.9px) { 1064 1065 .sc_payment_general_style { 1066 font-size: px !important; 1067 font-family: Lato !important; 1068 font-weight: 300 !important; 1069 font-style: normal !important; 1070 1071 letter-spacing: px !important; 1072 color: #000000 !important; 1073 } 1074 h1.general_style, .h1_general_style { 1075 font-size: 26px !important; 1076 font-family: Lato !important; 1077 font-weight: 300 !important; 1078 font-style: normal !important; 1079 1080 letter-spacing: px !important; 1081 color: #000000 !important; 1082 } 1083 h2.general_style, .h2_general_style { 1084 font-size: px !important; 1085 font-family: Lato !important; 1086 font-weight: 400 !important; 1087 font-style: normal !important; 1088 1089 letter-spacing: px !important; 1090 color: #000000 !important; 1091 } 1092 h3.general_style, .h3_general_style { 1093 font-size: px !important; 1094 font-family: Lato !important; 1095 font-weight: 400 !important; 1096 font-style: normal !important; 1097 1098 letter-spacing: px !important; 1099 color: #000000 !important; 1100 } 1101 h4.general_style, .h4_general_style { 1102 font-size: px !important; 1103 font-family: Lato !important; 1104 font-weight: 400 !important; 1105 font-style: normal !important; 1106 1107 letter-spacing: px !important; 1108 color: #000000 !important; 1109 } 1110 h5.general_style, .h5_general_style { 1111 font-size: px !important; 1112 font-family: Lato !important; 1113 font-weight: 400 !important; 1114 font-style: normal !important; 1115 1116 letter-spacing: px !important; 1117 color: #000000 !important; 1118 } 1119 h6.general_style, .h6_general_style { 1120 font-size: px !important; 1121 font-family: Lato !important; 1122 font-weight: 400 !important; 1123 font-style: normal !important; 1124 1125 letter-spacing: px !important; 1126 color: #000000 !important; 1127 } 1128 p.general_style, .p_general_style { 1129 font-size: px !important; 1130 font-family: Lato !important; 1131 font-weight: 300 !important; 1132 font-style: normal !important; 1133 1134 letter-spacing: px !important; 1135 color: #000000 !important; 1136 } 1137 .p2_general_style { 1138 font-size: px !important; 1139 font-family: Lato !important; 1140 font-weight: 300 !important; 1141 font-style: normal !important; 1142 1143 letter-spacing: px !important; 1144 color: #000000 !important; 1145 } 1146 .p3_general_style { 1147 font-size: px !important; 1148 font-family: Lato !important; 1149 font-weight: 300 !important; 1150 font-style: normal !important; 1151 1152 letter-spacing: px !important; 1153 color: #000000 !important; 1154 } 1155 .p4_general_style { 1156 font-size: px !important; 1157 font-family: Lato !important; 1158 font-weight: 400 !important; 1159 font-style: normal !important; 1160 1161 letter-spacing: px !important; 1162 color: #000000 !important; 1163 } 1164 .p5_general_style { 1165 font-size: px !important; 1166 font-family: Lato !important; 1167 font-weight: 400 !important; 1168 font-style: normal !important; 1169 1170 letter-spacing: px !important; 1171 color: #000000 !important; 1172 } 1173 .p6_general_style { 1174 font-size: px !important; 1175 font-family: Lato !important; 1176 font-weight: 400 !important; 1177 font-style: normal !important; 1178 1179 letter-spacing: px !important; 1180 color: #000000 !important; 1181 } 1182 a.general_style, .a_general_style { 1183 text-decoration: !important; 1184 color: #000000 !important; 1185 } 1186 a.general_style:hover, .a_general_style:hover { 1187 color: !important; 1188 } 1189 label.general_style, .label_general_style { 1190 font-size: px !important; 1191 font-family: Lato !important; 1192 font-weight: 400 !important; 1193 font-style: normal !important; 1194 1195 letter-spacing: px !important; 1196 color: #000000 !important; 1197 } 1198 button.general_style, .button_general_style { 1199 font-size: px !important; 1200 font-family: Lato !important; 1201 font-weight: 400 !important; 1202 font-style: normal !important; 1203 1204 color: #ffffff !important; 1205 background-color: #000000 !important; 1206 border-style: solid !important; 1207 border-width: 1px !important; 1208 border-radius: px !important; 1209 border-color: #000000 !important; 1210 } 1211 button.general_style:hover, .button_general_style:hover { 1212 color: #ffffff !important; 1213 background-color: #000000 !important; 1214 border-color: #000000 !important; 1215 } 1216 .secondary_button_general_style { 1217 font-size: px !important; 1218 font-family: Lato !important; 1219 font-weight: 400 !important; 1220 font-style: normal !important; 1221 1222 color: #000000 !important; 1223 background-color: !important; 1224 border-style: solid !important; 1225 border-width: 1px !important; 1226 border-radius: px !important; 1227 border-color: #000000 !important; 1228 } 1229 .secondary_button_general_style:hover { 1230 color: #333333 !important; 1231 background-color: #ffffff !important; 1232 border-color: #000000 !important; 1233 } 1234 .reset_button_general_style { 1235 font-size: px !important; 1236 font-family: Lato !important; 1237 font-weight: 400 !important; 1238 font-style: normal !important; 1239 1240 color: #000000 !important; 1241 background-color: !important; 1242 1243 border-width: px !important; 1244 border-radius: px !important; 1245 border-color: !important; 1246 } 1247 .reset_button_general_style:hover { 1248 color: #000000 !important; 1249 background-color: !important; 1250 border-color: !important; 1251 } 1252 .search_box_general_style .sinps::placeholder { 1253 font-size: px !important; 1254 font-family: Lato !important; 1255 color: !important; 1256 } 1257 .search_box_general_style .sinps { 1258 height: 100%; 1259 font-size: px !important; 1260 font-family: Lato !important; 1261 font-weight: 300 !important; 1262 font-style: normal !important; 1263 color: #000000 !important; 1264 background-color: !important; 1265 border-style: solid !important; 1266 border-width: px !important; 1267 border-radius: px !important; 1268 border-top-right-radius: 0 !important; 1269 border-bottom-right-radius: 0 !important; 1270 border-color: #000000 !important; 1271 } 1272 .search_box_general_style .sinps:hover, 1273 .search_box_general_style .sinps:focus, 1274 .search_box_general_style .sinps:active { 1275 background-color: !important; 1276 } 1277 .search_box_general_style .sBtns { 1278 height: 100%; 1279 background-color: #000000 !important; 1280 border-style: solid !important; 1281 border-width: px !important; 1282 border-radius: px !important; 1283 border-top-left-radius: 0 !important; 1284 border-bottom-left-radius: 0 !important; 1285 border-color: #000000 !important; 1286 } 1287 .search_box_general_style .sBtns:hover, 1288 .search_box_general_style .sBtns:focus, 1289 .search_box_general_style .sBtns:active { 1290 background-color: #000000 !important; 1291 } 1292 .search_box_general_style .sBtns svg { 1293 width: px !important; 1294 height: px !important; 1295 } 1296 .search_box_general_style .sBtns path { 1297 fill: #ffffff !important; 1298 } 1299 .search_box_general_style .sBtns:hover path, 1300 .search_box_general_style .sBtns:focus path, 1301 .search_box_general_style .sBtns:active path { 1302 fill: #ffffff !important; 1303 }
1304 .search_box_general_style:hover .sinps, 1305 .search_box_general_style:focus .sinps, 1306 .search_box_general_style:active .sinps, 1307 .search_box_general_style:hover .sBtns, 1308 .search_box_general_style:focus .sBtns, 1309 .search_box_general_style:active .sBtns { 1310 border-color: #000000 !important; 1311 } 1312 svg.general_style, .svg_general_style { 1313 fill: #631d1d !important; 1314 stroke-width: .5 !important; 1315 stroke: #631d1d !important; 1316 } 1317 .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single { 1318 color: #ffffff !important; 1319 background: #000000 !important; 1320 } 1321 .irs--big .irs-grid-text { 1322 color: #000000 !important; 1323 } 1324 .irs--big .irs-grid-pol { 1325 background: #000000 !important; 1326 } 1327 .irs--big .irs-bar { 1328 border-color: #000000 !important; 1329 background: linear-gradient(to bottom, #000000 0%, #000000 30%, #000000 100%) !important; 1330 } 1331 .irs--big .irs-handle { 1332 border-color: #B3B3B2; 1333 background: linear-gradient(to bottom, 0%, 30%, 100%) !important; 1334 } 1335 .pagination.general_style .page-link { 1336 font-size: 12px !important; 1337 font-family: Lato !important; 1338 font-weight: 400 !important; 1339 font-style: normal !important; 1340 1341 color: #000000 !important; 1342 background-color: !important; 1343 border-color: !important; 1344 } 1345 .pagination.general_style .page-link:hover { 1346 color: !important; 1347 background-color: !important; 1348 border-color: !important; 1349 } 1350 .pagination.general_style .page-item.active .page-link { 1351 color: #ffffff !important; 1352 background-color: #000000 !important; 1353 border-color: #000000 !important; 1354 } 1355 input[type=checkbox].general_style { 1356 accent-color: #000000 !important; 1357 } 1358 .breadcrumb.general_style .breadcrumb-item a, 1359 .breadcrumb.general_style .breadcrumb-item { 1360 font-size: 14px !important; 1361 font-family: Lato !important; 1362 font-weight: 300 !important; 1363 font-style: normal !important; 1364 1365 letter-spacing: px !important; 1366 color: #000 !important; 1367 } 1368 .shapes-div .shapes-img.active { 1369 background-color: #000000 !important; 1370 color: #ffffff !important; 1371 } 1372 .input_general_style { 1373 position: relative; 1374 } 1375 .input_general_style label { 1376 width: auto !important; 1377 position: absolute; 1378 top: 50%; 1379 left: 5px; 1380 z-index: 1; 1381 transform: translateY(-50%); 1382 transform-origin: 0% 100%; 1383 transition: all .2s ease-out; 1384 padding: 0 10px; 1385 margin: 0 !important; 1386 cursor: text; 1387 background: white; 1388 } 1389 .input_general_style label.active { 1390 top: 0; 1391 transform: translateY(-55%) scale(0.80); 1392 } 1393 1394 .input_general_style input::placeholder { 1395 color: transparent !important; 1396 } 1397 .input_general_style input { 1398 font-size: 16px !important; 1399 font-family: Lato !important; 1400 font-weight: 400 !important; 1401 font-style: !important; 1402 color: #000000 !important; 1403 background-color: white !important; 1404 border-style: solid !important; 1405 border-width: px !important; 1406 border-radius: 0px !important; 1407 border-color: !important; 1408 } 1409 .input_general_style:hover input { 1410 border-color: !important; 1411 }
1412 .input_general_style input:-webkit-autofill, 1413 .input_general_style input:-webkit-autofill:hover, 1414 .input_general_style input:-webkit-autofill:focus, 1415 .input_general_style input:-webkit-autofill:active{ 1416 -webkit-box-shadow: 0 0 0 30px white inset !important; 1417 } 1418 .input_general_style input:focus { 1419 border-color: initial; 1420 box-shadow: unset; 1421 } 1422 .input_general_style .toggle-password-visibility { 1423 position: absolute; 1424 right: 5px; 1425 top: 50%; 1426 transform: translateY(-50%); 1427 border: 0; 1428 background: transparent; 1429 } 1430 .select_general_style { 1431 position: relative; 1432 } 1433 .select_general_style label { 1434 width: auto !important; 1435 position: absolute; 1436 top: 50%; 1437 left: 5px; 1438 transform: translateY(-50%); 1439 transform-origin: 0% 100%; 1440 transition: all .2s ease-out; 1441 padding: 0 10px; 1442 margin: 0 !important; 1443 cursor: text; 1444 background: white; 1445 } 1446 .select_general_style label.active { 1447 top: 0; 1448 transform: translateY(-55%) scale(0.80); 1449 } 1450 1451 .select_general_style select { 1452 font-size: 16px !important; 1453 font-family: Lato !important; 1454 font-weight: 400 !important; 1455 font-style: !important; 1456 color: #000000 !important; 1457 border-style: solid !important; 1458 border-width: px !important; 1459 border-radius: 0px !important; 1460 border-color: !important; 1461 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; 1462 -webkit-appearance: none !important; 1463 -moz-appearance: none !important; 1464 appearance: none !important; 1465 } 1466 .select_general_style:hover select { 1467 border-color: !important; 1468 } 1469 .select_general_style select:focus { 1470 border-color: initial; 1471 box-shadow: unset; 1472 } 1473 .select_general_style select:-webkit-autofill, 1474 .select_general_style select:-webkit-autofill:hover, 1475 .select_general_style select:-webkit-autofill:focus, 1476 .select_general_style select:-webkit-autofill:active{ 1477 -webkit-box-shadow: 0 0 0 30px white inset !important; 1478 } 1479 .textarea_general_style { 1480 position: relative; 1481 } 1482 .textarea_general_style label { 1483 width: auto !important; 1484 position: absolute; 1485 top: 18px; 1486 left: 5px; 1487 transform: translateY(-50%); 1488 transform-origin: 0% 100%; 1489 transition: all .2s ease-out; 1490 padding: 0 10px; 1491 margin: 0 !important; 1492 cursor: text; 1493 background: white; 1494 } 1495 .textarea_general_style label.active { 1496 top: 0; 1497 transform: translateY(-55%) scale(0.80); 1498 } 1499 1500 .textarea_general_style textarea { 1501 font-size: 16px !important; 1502 font-family: Lato !important; 1503 font-weight: 400 !important; 1504 font-style: !important; 1505 color: #000000 !important; 1506 background-color: white !important; 1507 border-style: solid !important; 1508 border-width: px !important; 1509 border-radius: 0px !important; 1510 border-color: !important; 1511 } 1512 .textarea_general_style:hover textarea { 1513 border-color: !important; 1514 } 1515 .textarea_general_style textarea:focus { 1516 border-color: initial; 1517 box-shadow: unset; 1518 } 1519 .textarea_general_style textarea:-webkit-autofill, 1520 .textarea_general_style textarea:-webkit-autofill:hover, 1521 .textarea_general_style textarea:-webkit-autofill:focus, 1522 .textarea_general_style textarea:-webkit-autofill:active{ 1523 -webkit-box-shadow: 0 0 0 30px white inset !important; 1524 } 1525 } 1526 </style><header class="appearance-desktop-view-template"> 1527 1528 1529 1530 <style> 1531 .header_container>.flex_row { 1532 display: flex; 1533 } 1534 1535 .header_container_1 { 1536 width: 100%; 1537 max-width: 100px; 1538 margin: 0 auto; 1539 position: relative !important; 1540 transform: inherit !important; 1541 } 1542 .header_container>.flex_row>.flex_col { 1543 display: flex; 1544 flex-wrap: wrap; 1545 box-sizing: border-box; 1546 align-content: baseline; 1547 } 1548 .header_container>.flex_row>.flex_col>.flex_cell { 1549 height: fit-content; 1550 display: flex; 1551 } 1552 .header_container>.flex_row>.flex_col>.flex_cell a { 1553 text-decoration: none; 1554 } 1555 .header_container img { 1556 max-width: 100%; 1557 } 1558 .row_spacer_cs { 1559 display: none; 1560 } 1561 .sticky_row { 1562 position: fixed; 1563 } 1564 .sticky_row + .row_spacer_cs { 1565 display: block; 1566 } 1567 </style> 1568 1569 <div class="header_container header_container_1" data-device-type="1"> 1570 1571 1572 1573 <div class="flex_row flex_row_1 "> 1574 1575 1576 <div class="flex_col flex_col_1"> 1577 1578 1579 </div> 1580 1581 <style> 1582 .header_container_1>.flex_row_1>.flex_col_1 { 1583 width:5%; } 1584 </style> 1585 1586 1587 1588 <div class="flex_col flex_col_2"> 1589 1590 1591<div class="flex_cell flex_cell_1 call_us"> 1592 <div class="flex_cell_content"><a class="phone_number_click " href="tel:(732) 577-1030" title="Call us (732) 577-1030">
1592<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>(732) 577-1030</span></a></div> </div> 1593<style> 1594 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us { 1595 width:100%; justify-content:left; -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 1596 1597 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us { 1598 height:100%; } 1599 1600 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us>.flex_cell_content { 1601 display: flex; 1602 margin-top:10px; margin-bottom:10px; margin-left:3px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 1603 1604 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 a { 1605 color:#ffffff; font-weight:400; font-style:normal; font-size:14px; font-family:Lato; display: flex; 1606 align-items: center; 1607 text-transform:none; } 1608 1609 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us a svg, 1610 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us a img { 1611 margin-right: 5px; 1612 height:13px; } 1613 1614 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 a .path_class { 1615 fill: currentColor; 1616 } 1617 1618 1619 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 a:hover { 1620 color:#ffffff; } 1621</style> 1622 </div> 1623 1624 <style> 1625 .header_container_1>.flex_row_1>.flex_col_2 { 1626 width:15%; } 1627 </style> 1628 1629 1630 1631 <div class="flex_col flex_col_3"> 1632 1633 1634<div class="flex_cell flex_cell_1 button_link"> 1635 1636 1637 <div class="flex_cell_content"> 1638 <a class="btn_link_ig" href="https://www.garymichaelsfinejewelry.com/book-an-appointment" title="Book Appointment"> 1639 <img alt="Book Appointment" title="Book Appointment" 1640 src="/public/1.0/uploads/source/icons/calendar/white_12x12.png"/> 1641 Book Appointment </a> 1642 </div> 1643 1644 </div> 1645<style> 1646 .header_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.button_link { 1647 width:100%; justify-content:left; -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 1648 1649 .header_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.button_link { 1650 height:100%; } 1651 1652 .header_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.button_link>.flex_cell_content { 1653 display: flex; 1654 margin-top:10px; margin-bottom:10px; margin-left:px; margin-right:px; } 1655 1656 .header_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.button_link a { 1657 color:#ffffff; font-weight:400; font-style:normal; 1658 background-color:#000000; 1659 font-size:14px;font-family:Lato; text-decoration: none; 1660 display: inline-flex; 1661 align-items: center; 1662 padding: 10px 26px; 1663 border-style: solid; 1664 justify-content:center; text-transform:none; border-radius:0px; border-width:0px; border-color:#000000; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 1665 1666 .header_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.button_link a>i{ 1667 margin-right: 5px; 1668 } 1669 1670 .header_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.button_link a:hover { 1671 color:#ffffff; background-color:#000000; border-color:#000000; } 1672 1673 .header_container_1>.flex_row_1>.flex_col_3>.flex_cell_1 a>img { 1674 margin-right:5px; } 1675</style> 1676 1677 </div> 1678 1679 <style> 1680 .header_container_1>.flex_row_1>.flex_col_3 { 1681 width:20%; } 1682 </style> 1683 1684 1685 1686 <div class="flex_col flex_col_4"> 1687 1688 1689 </div> 1690 1691 <style> 1692 .header_container_1>.flex_row_1>.flex_col_4 { 1693 width:20%; } 1694 </style> 1695 1696 1697 1698 <div class="flex_col flex_col_5"> 1699 1700 1701<div class="flex_cell flex_cell_1 search_box"> 1702 <div class="flex_cell_content"> 1703 <form class="sform" id="search-box-form"
1704 onsubmit="javascript: window.location = '/keyword-search?search=' + encodeURIComponent($(this).find('input[name=search]').val()); return false;"> 1705 <div class="inputs-group"> 1706 <input class="sinp" type="text" name="search" 1707 placeholder="Search Products..." 1708 aria-label="Search Products..." 1709 > 1710 <button class="sBtn" onclick="javascript: $('#search-box-form').submit();"> 1711 <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> 1712 </button> 1713 </div> 1714 </form> 1715 </div> 1716</div> 1717<style> 1718 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.search_box { 1719 width:100%; justify-content:right; -webkit-justify-content:right; align-items:center; -webkit-align-items:center; } 1720 1721 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.search_box { 1722 height:100%; } 1723 1724 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.search_box>.flex_cell_content { 1725 display: flex; 1726 margin-top:10px; margin-bottom:10px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; width:60%; } 1727 1728 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1 .sform, .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1 .inputs-group { 1729 width: 100%; 1730 display: flex; 1731 flex-wrap: nowrap; 1732 } 1733 1734 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1 .sinp { 1735 border-radius: 0px; 1736 padding: 4px 8px; 1737 outline: 0px; 1738 box-shadow: none; 1739 font-size:11px; font-family:Lato; color:#ffffff; font-style:normal; background-color:#000000; 1740 1741 1742 border-style: solid; 1743 border-width:1px; border-color:#000000; 1744 1745 border-right:0px; 1746 width: 100%; 1747 1748 border-bottom-color:#ffffff; } 1749 1750 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1 .sinp:hover { 1751 } 1752 1753 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1 .sinp::placeholder { 1754 font-size:11px; font-family:Lato; color:#ffffff; opacity: 1; 1755 } 1756 1757 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1 .sBtn { 1758 height: 100%; 1759 border-radius: 0px; 1760 padding: 4px; 1761 align-items: center; 1762 justify-content: center; 1763 display: flex; 1764 border-style: solid; 1765 border-width:1px; border-color:#000000; color:#ffffff; font-style:normal; background-color:#000000; border-left:0px; 1766 1767 } 1768 1769 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1 .sBtn:hover { 1770 background-color:#000000; } 1771 1772 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1 .sBtn svg { 1773 width:10px; height:10px; } 1774 1775 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1 .sBtn .path_class { 1776 fill:#ffffff; } 1777 1778 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1 .sBtn:hover .path_class { 1779 fill:#ffffff; } 1780 1781</style> 1782 </div> 1783 1784 <style> 1785 .header_container_1>.flex_row_1>.flex_col_5 { 1786 width:20%; } 1787 </style> 1788 1789 1790 1791 <div class="flex_col flex_col_6"> 1792 1793 1794<div class="flex_cell flex_cell_1 account_icons"> 1795 <div class="flex_cell_content"> 1796 <a class="" href="/track-my-order" title="Track my Order" style="order: 3"> 1797 <svg role="img" aria-label="Track my Order" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_21)"><path class="path_class" d="M368 64C394.5 64 416 85.49 416 112V160H466.7C483.7 160 499.1 166.7 512 178.7L589.3 256C601.3 268 608 284.3 608 301.3V416C625.7 416 640 430.3 640 448C640 465.7 625.7 480 608 480H576C576 533 533 576 480 576C426.1 576 384 533 384 480H256C256 533 213 576 160 576C106.1 576 64 533 64 480H48C21.49 480 0 458.5 0 432V112C0 85.49 21.49 64 48 64H368ZM416 224V320H544V301.3L466.7 224H416ZM160 432C133.5 432 112 453.5 112 480C112 506.5 133.5 528 160 528C186.5 528 208 506.5 208 480C208 453.5 186.5 432 160 432ZM480 528C506.5 528 528 506.5 528 480C528 453.5 506.5 432 480 432C453.5 432 432 453.5 432 480C432 506.5 453.5 528 480 528Z" fill="black"/></g><defs><clipPath id="clip0_107_21"><rect width="640" height="512" fill="white" transform="translate(0 64)"/></clipPath></defs></svg> </a> 1798 1799 <a class="" href="/wishlist" title="Wishlist" rel="nofollow" style="order: 1"> 1800 <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>
1800 <span class="item-count-badge wishlist-count-badge d-none"></span> 1801 </a> 1802 1803 <a class=" build-shopping-cart-icon" href="/shopping-cart" title="Shopping Cart" style="order: 2"> 1804 <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> 1805 </a> 1806 1807 1808 <a class="" href="/login" title="My Account" style="order: 4"> 1809 <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> 1810 </div> 1811</div> 1812 1813<style> 1814 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons { 1815 width:100%; justify-content: flex-end; 1816 align-items:center; -webkit-align-items:center; } 1817 1818 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons { 1819 height:100%; } 1820 1821 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons>.flex_cell_content { 1822 display: flex; 1823 margin-top:10px; margin-bottom:10px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 1824 1825 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons .wishlist-count-badge.d-none { 1826 display: none !important; 1827 } 1828 1829 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a { 1830 display: flex; 1831 align-items: center; 1832 color:#ffffff; font-style:normal; font-size:15px; font-family:Lato; margin-left: 12px; 1833 text-transform:none; } 1834 1835 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a svg, 1836 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a img { 1837 flex-shrink: 0; 1838 margin-right: 5px; 1839 width:14px; height:14px; } 1840 1841 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a .path_class { 1842 fill: currentColor; 1843 } 1844 1845 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a:hover { 1846 color:#ffffff; } 1847 1848 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a .item-count-badge { 1849 padding: 0 5px; 1850 height: 16px; 1851 min-width: 16px; 1852 text-align: center; 1853 border-radius: 7px; 1854 line-height: 16px; 1855 border: 1px solid #fff; 1856 font-style: normal; 1857 font-weight: 700; 1858 font-size: 10px; 1859 background-color:#878787; color:#ffffff; margin-left: -10px; 1860 margin-top: -15px; 1861 } 1862</style> 1863 </div> 1864 1865 <style> 1866 .header_container_1>.flex_row_1>.flex_col_6 { 1867 width:15%; } 1868 </style> 1869 1870 1871 1872 <div class="flex_col flex_col_7"> 1873 1874 1875 </div> 1876 1877 <style> 1878 .header_container_1>.flex_row_1>.flex_col_7 { 1879 width:5%; } 1880 </style> 1881 1882 1883 1884 </div> 1885 1886 1887 <style> 1888 .header_container_1>.flex_row_1 { 1889 background-color: #000000; 1890 1891 color:#000000; height:auto; 1892 1893 } 1894 1895 </style> 1896 1897 1898 1899 1900 1901 <div class="flex_row flex_row_2 "> 1902 1903 1904 <div class="flex_col flex_col_1"> 1905 1906 1907 </div> 1908 1909 <style> 1910 .header_container_1>.flex_row_2>.flex_col_1 { 1911 width:5%; } 1912 </style> 1913 1914 1915 1916 <div class="flex_col flex_col_2"> 1917 1918 1919 1920<div class="flex_cell flex_cell_1 image"> 1921 <div class="flex_cell_content"> 1922 1923 <a href="https://www.garymichaelsfinejewelry.com/david-yurman" 1924 > 1925 1926 1927 <img 1928 1929 1930 src="https://www.garymichaelsfinejewelry.com/public/1.0/uploads/source/icons/dy_widget-1.webp" 1931 1932 alt="David Yurman Logo"> 1933 1934 1935 </a> 1936 1937 </div> 1938</div> 1939 <style> 1940 .header_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.image { 1941 width:100%; justify-content:right;
1941 -webkit-justify-content:right; align-items:center; -webkit-align-items:center; } 1942 .header_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.image>.flex_cell_content { 1943 display: flex; 1944 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 1945 .header_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.image img { 1946 } 1947 1948 .header_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.image { 1949 height:100%; } 1950 </style> 1951 1952 1953 </div> 1954 1955 <style> 1956 .header_container_1>.flex_row_2>.flex_col_2 { 1957 width:15%; } 1958 </style> 1959 1960 1961 1962 <div class="flex_col flex_col_3"> 1963 1964 1965 1966<div class="flex_cell flex_cell_1 image"> 1967 <div class="flex_cell_content"> 1968 1969 <a href="https://www.garymichaelsfinejewelry.com/" 1970 > 1971 1972 1973 <img 1974 height="100%" width="100%" 1975 1976 src="https://www.garymichaelsfinejewelry.com/public/1.0/uploads/source/logos/gmfj_logo.webp" 1977 1978 alt="Gary Michaels Fine Jewelry"> 1979 1980 1981 </a> 1982 1983 </div> 1984</div> 1985 <style> 1986 .header_container_1>.flex_row_2>.flex_col_3>.flex_cell_1.image { 1987 width:100%; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; } 1988 .header_container_1>.flex_row_2>.flex_col_3>.flex_cell_1.image>.flex_cell_content { 1989 display: flex; 1990 margin-top:10px; margin-bottom:10px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 1991 .header_container_1>.flex_row_2>.flex_col_3>.flex_cell_1.image img { 1992 max-width:400px; } 1993 1994 .header_container_1>.flex_row_2>.flex_col_3>.flex_cell_1.image { 1995 height:100%; } 1996 </style> 1997 1998 1999 </div> 2000 2001 <style> 2002 .header_container_1>.flex_row_2>.flex_col_3 { 2003 width:60%; } 2004 </style> 2005 2006 2007 2008 <div class="flex_col flex_col_4"> 2009 2010 <div class="flex_cell flex_cell_1 custom_code"> 2011 <div class="flex_cell_content"> 2012 <div id="TAGClock" style="height: 120px; display: flex; align-items: center;"></div>
2013<script src="https://epartner.tagheuer.com/injectors/clock-injector.js"></script>
vendor: 2 bytes, line 2013
2013
2014<script> 2015TAGHeuer.Clock('#TAGClock', { stampType: 'clock', href: 'https://www.garymichaelsfinejewelry.com/tag-heuer', 2016lang: 'en' }); 2017</script>
2017 </div> 2018</div> 2019 2020<style> 2021 .header_container_1>.flex_row_2>.flex_col_4>.flex_cell_1.custom_code { 2022 width:100%; } 2023 2024 .header_container_1>.flex_row_2>.flex_col_4>.flex_cell_1.custom_code { 2025 } 2026 2027 .header_container_1>.flex_row_2>.flex_col_4>.flex_cell_1.custom_code>.flex_cell_content { 2028 width: 100%; 2029 height: 100%; 2030 } 2031</style> 2032 </div> 2033 2034 <style> 2035 .header_container_1>.flex_row_2>.flex_col_4 { 2036 width:15%; } 2037 </style> 2038 2039 2040 2041 <div class="flex_col flex_col_5"> 2042 2043 2044 </div> 2045 2046 <style> 2047 .header_container_1>.flex_row_2>.flex_col_5 { 2048 width:5%; } 2049 </style> 2050 2051 2052 2053 </div> 2054 2055 2056 <style> 2057 .header_container_1>.flex_row_2 { 2058 background-color: #ffffff; 2059 2060 color:#000000; height:auto; 2061 2062 } 2063 2064 </style> 2065 2066 2067 2068 2069 2070 <div class="flex_row flex_row_3 "> 2071 2072 2073 <div class="flex_col flex_col_1"> 2074 2075 <div class="flex_cell flex_cell_1 line"> 2076 <div class="s_line"></div> 2077 </div> 2078 2079<style> 2080 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1 { 2081 width: 100%; 2082 justify-content:center; -webkit-justify-content:center; margin-top:px; margin-bottom:10px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 2083 2084 2085 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1 .s_line { 2086 background-color:#000000; border-style: solid; 2087 height:1px; width:85%; border-radius:0px; border-width:0px; border-color:#000000; } 2088 2089</style> 2090 </div> 2091 2092 <style> 2093 .header_container_1>.flex_row_3>.flex_col_1 { 2094 width:100%; } 2095 </style> 2096 2097 2098 2099 </div> 2100 2101 2102 <style> 2103 .header_container_1>.flex_row_3 { 2104 background-color: #ffffff; 2105 2106 color:#000000; height:auto; 2107 2108 } 2109 2110 </style> 2111 2112 2113 2114 2115 2116 <div class="flex_row flex_row_4 "> 2117 2118 2119 <div class="flex_col flex_col_1"> 2120 2121 <div class="flex_cell flex_cell_1 menu"> 2122 <div class="flex_cell_content"> 2123 <nav aria-label="Menu"> 2124 <ul class="horizontal_menu" role="menubar" aria-label="Menu" data-menubar-item-expanded="false"> 2125 <li class=" menu_container_li" role="none"> 2126 <a href="/david-yurman" title="David Yurman" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="0" > 2127 David Yurman </a> 2128 </li> 2129 <li class=" menu_container_li" role="none"> 2130 <a href="#!" title="Bridal" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" > 2131 Bridal </a> 2132 2133 2134 2135 2136 <div class="menu_container custom_build_menu menu_container_1_63 custom_bm_fw" role="menu"> 2137 2138 2139 2140 <div class="flex_row flex_row_1"> 2141 2142 2143 <div class="flex_col flex_col_1"> 2144 2145 2146 </div> 2147 2148 <style> 2149 .menu_container_1_63 .flex_row_1 .flex_col_1 { 2150 width:100%; } 2151 </style> 2152 2153 2154 2155 <div class="flex_col flex_col_2"> 2156 2157 2158 <div class="flex_cell flex_cell_1 third_level"> 2159 <div class="flex_cell_content"> 2160 <div class="nav_div_20 menu_container_li"> 2161 <div class="vfit"> 2162 <a class=" " title="Engagement Rings" href="#!" data-full_image="" role="button" tabindex="0"> 2163 Engagement Rings </a> 2164 </div> 2165 <div class="nav_list_container"> 2166 <ul class="nav_list" role="menu" aria-label="Engagement Rings" tabindex="-1"> 2167 <li class="" role="none"> 2168 <a class="" 2169 role="menuitem" 2170 tabindex="0" 2171 href="https://www.garymichaelsfinejewelry.com/engagement-rings" 2172 title="Shop Engagement Rings" 2173 style="" 2174 data-full_image="" 2175 > 2176 Shop Engagement Rings</a> 2177 </li> 2178 <li class="" role="none"> 2179 <a class="" 2180 role="menuitem" 2181 tabindex="-1" 2182 href="https://www.garymichaelsfinejewelry.com/create-your-ring" 2183 title="Build Your Dream Ring " 2184 style="" 2185 data-full_image="" 2186 > 2187 Build Your Dream Ring </a> 2188 </li> 2189 </ul> 2190 </div> 2191 </div> 2192 </div> 2193 <style> 2194 .menu_container_1_63>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_20 { 2195 width: 100%; 2196 } 2197 .menu_container_1_63>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_20 .vfit { 2198 text-align: left; 2199 2200 border-bottom: 1px solid #ececec; 2201 padding-bottom: 8px; 2202 } 2203 .menu_container_1_63>.flex_row_1>.flex_col_2>
2203.flex_cell_1 .nav_div_20 .nav_list { 2204 list-style: none; 2205 margin: 0; 2206 padding: 0; 2207 } 2208 .menu_container_1_63>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_20 .nav_list + li { 2209 margin-top: 10px; 2210 } 2211 .menu_container_1_63>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_20 li { 2212 width: 100%; 2213 margin: 0; 2214 padding: 0; 2215 } 2216 .menu_container_1_63>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_20 li:hover { 2217 opacity: 0.8; 2218 } 2219 .menu_container_1_63>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_20 .nav_list li a { 2220 padding: 0; 2221 } 2222 </style> 2223 </div> 2224<style> 2225 .menu_container_1_63>.flex_row_1>.flex_col_2>.flex_cell_1.third_level { 2226 width:100%; align-items:center; -webkit-align-items:center; } 2227 2228 .menu_container_1_63>.flex_row_1>.flex_col_2>.flex_cell_1.third_level { 2229 } 2230 2231 .menu_container_1_63>.flex_row_1>.flex_col_2>.flex_cell_1.third_level>.flex_cell_content { 2232 display: flex; 2233 width: 100%; 2234 margin-top:20px; margin-bottom:20px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 2235 2236 .menu_container_1_63>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a { 2237 color:#000000; font-weight:400; font-style:normal; display: flex; 2238 font-size:12px; font-family:Sackers Gothic Std; text-transform:uppercase; } 2239 .menu_container_1_63>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a:hover { 2240 color:#000000; } 2241 2242 .menu_container_1_63>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a .nav_ct_icons { 2243 height: 20px; 2244 margin-right: 5px; 2245 } 2246 2247 .menu_container_1_63>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a { 2248 color:#000000; font-weight:400; font-style:normal; line-height:30px; display: flex; 2249 font-size:12px; font-family:Sackers Gothic Std; text-transform:uppercase; line-height:30px; } 2250 .menu_container_1_63>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a:hover { 2251 color:#000000; } 2252 2253 .menu_container_1_63>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 2254 height: 20px; 2255 margin-right: 5px; 2256 } 2257 2258</style> 2259 </div> 2260 2261 <style> 2262 .menu_container_1_63 .flex_row_1 .flex_col_2 { 2263 width:100%; } 2264 </style> 2265 2266 2267 2268 <div class="flex_col flex_col_3"> 2269 2270 2271 <div class="flex_cell flex_cell_1 third_level"> 2272 <div class="flex_cell_content"> 2273 <div class="nav_div_102 menu_container_li"> 2274 <div class="vfit"> 2275 <a class=" " title="Wedding Bands" href="https://www.garymichaelsfinejewelry.com/wedding-bands" data-full_image="" > 2276 Wedding Bands </a> 2277 </div> 2278 <div class="nav_list_container"> 2279 <ul class="nav_list" role="menu" aria-label="Wedding Bands" tabindex="-1"> 2280 <li class="" role="none"> 2281 <a class="" 2282 role="menuitem" 2283 tabindex="0" 2284 href="https://www.garymichaelsfinejewelry.com/mens-wedding-bands" 2285 title="Men's Wedding Bands" 2286 style="" 2287 data-full_image="" 2288 > 2289 Men's Wedding Bands</a> 2290 </li> 2291 <li class="" role="none"> 2292 <a class="" 2293 role="menuitem" 2294 tabindex="-1" 2295 href="https://www.garymichaelsfinejewelry.com/womens-wedding-bands" 2296 title="Women's Wedding Bands" 2297 style="" 2298 data-full_image="" 2299 > 2300 Women's Wedding Bands</a> 2301 </li> 2302 </ul> 2303 </div> 2304 </div> 2305 </div> 2306 <style> 2307 .menu_container_1_63>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_102 { 2308 width: 100%; 2309 } 2310 .menu_container_1_63>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_102 .vfit { 2311 text-align: left; 2312 2313 border-bottom: 1px solid #ececec; 2314 padding-bottom: 8px; 2315 } 2316 .menu_container_1_63>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_102 .nav_list { 2317 list-style: none; 2318 margin: 0; 2319 padding: 0; 2320 } 2321 .menu_container_1_63>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_102 .nav_list + li { 2322 margin-top: 10px; 2323 } 2324 .menu_container_1_63>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_102 li { 2325 width: 100%; 2326 margin: 0; 2327 padding: 0; 2328 } 2329 .menu_container_1_63>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_102 li:hover { 2330 opacity: 0.8; 2331 } 2332 .menu_container_1_63>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_102 .nav_list li a { 2333 padding: 0; 2334 } 2335 </style> 2336 </div> 2337<style> 2338 .menu_container_1_63>.flex_row_1>.flex_col_3>.flex_cell_1.third_level { 2339 width:100%; align-items:center; -webkit-align-items:center; } 2340 2341 .menu_container_1_63>.flex_row_1>.flex_col_3>.flex_cell_1.third_level { 2342 } 2343 2344 .menu_container_1_63>.flex_row_1>.flex_col_3>.flex_cell_1.third_level>.flex_cell_content { 2345 display: flex; 2346 width: 100%; 2347 margin-top:20px; margin-bottom:20px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 2348 2349 .menu_container_1_63>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a { 2350 color:#000000; font-weight:400; font-style:normal; display: flex; 2351 font-size:12px; font-family:Sackers Gothic Std; text-transform:uppercase; } 2352 .menu_container_1_63>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a:hover { 2353 color:#000000; } 2354 2355 .menu_container_1_63>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a .nav_ct_icons { 2356 height: 20px; 2357 margin-right: 5px; 2358 } 2359 2360 .menu_container_1_63>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a { 2361 color:#000000; font-style:normal; line-height:30px; display: flex; 2362 font-size:12px; font-family:Sackers Gothic Std; text-transform:uppercase; line-height:30px; } 2363 .menu_container_1_63>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a:hover { 2364 color:#000000; } 2365 2366 .menu_container_1_63>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 2367 height: 20px; 2368 margin-right: 5px; 2369 } 2370 2371</style> 2372 </div> 2373 2374 <style> 2375 .menu_container_1_63 .flex_row_1 .flex_col_3 { 2376 width:100%; } 2377 </style> 2378 2379 2380 2381 <div class="flex_col flex_col_4"> 2382 2383 2384 </div> 2385 2386 <style> 2387 .menu_container_1_63 .flex_row_1 .flex_col_4 { 2388 width:100%; } 2389 </style> 2390 2391 2392 2393 </div> 2394 2395 <style> 2396 .menu_container_1_63 .flex_row_1 { 2397 background-color: #ffffff; 2398 color:#000000; height:auto } 2399 </style> 2400 2401 2402 2403 2404 <div class="flex_row flex_row_2"> 2405 2406 2407 <div class="flex_col flex_col_1"> 2408 2409 <div class="flex_cell flex_cell_1 line"> 2410 <div class="s_line"></div> 2411 </div> 2412 2413<style> 2414 .menu_container_1_63>.flex_row_2>.flex_col_1>.flex_cell_1 { 2415 width: 100%; 2416 justify-content:center;
2416 -webkit-justify-content:center; margin-top:30px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 2417 2418 2419 .menu_container_1_63>.flex_row_2>.flex_col_1>.flex_cell_1 .s_line { 2420 background-color:#000000; border-style: solid; 2421 height:1px; width:100%; border-radius:0px; border-width:0px; border-color:#000000; } 2422 2423</style> 2424 </div> 2425 2426 <style> 2427 .menu_container_1_63 .flex_row_2 .flex_col_1 { 2428 width:100%; } 2429 </style> 2430 2431 2432 2433 </div> 2434 2435 <style> 2436 .menu_container_1_63 .flex_row_2 { 2437 background-color: #ffffff; 2438 color:#000000; height:auto } 2439 </style> 2440 2441 2442 2443 </div> 2444 <style> 2445 .menu_container .flex_row { 2446 display: flex; 2447 } 2448 .menu_container_1_63 { 2449 width:100%; 2450 max-width:100%; 2451 left:0; 2452 } 2453 .menu_container .flex_row .flex_col{ 2454 display: flex; 2455 flex-wrap: wrap; 2456 box-sizing: border-box; 2457 align-content: baseline; 2458 } 2459 .menu_container .flex_row .flex_col .flex_cell{ 2460 height: fit-content; 2461 display: flex; 2462 } 2463 .menu_container .flex_row .flex_col .flex_cell a{ 2464 text-decoration: none; 2465 } 2466 .menu_container img { 2467 max-width: 100%; 2468 } 2469 </style> 2470 2471 2472 </li> 2473 <li class=" menu_container_li" role="none"> 2474 <a href="#!" title="Diamonds" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" > 2475 Diamonds </a> 2476 2477 2478 2479 2480 2481<div class="menu_container default_build_menu menu_container_1_navigation_85"> 2482 <div class="nav_div_85"> 2483 <ul class="nav_list" role="menu" aria-label="Diamonds" tabindex="-1"> 2484 2485 <li style="" 2486 class="" 2487 role="none"> 2488 2489 2490 2491 <a class="nav_a_trd " title="Natural Diamonds" href="https://www.garymichaelsfinejewelry.com/natural-diamonds" data-full_image="" role="menuitem" tabindex="0" > 2492 Natural Diamonds </a> 2493 2494 2495 2496 2497 2498 2499 2500 </li> 2501 2502 2503 2504 <li style="" 2505 class="" 2506 role="none"> 2507 2508 2509 2510 <a class="nav_a_trd " title="Lab Grown Diamonds" href="https://www.garymichaelsfinejewelry.com/lab-grown-diamonds" data-full_image="" role="menuitem" tabindex="-1" > 2511 Lab Grown Diamonds </a> 2512 2513 2514 2515 2516 2517 2518 2519 </li> 2520 2521 2522 2523 <li style="" 2524 class="" 2525 role="none"> 2526 2527 2528 2529 <a class="nav_a_trd " title="Diamond Guide" href="https://www.garymichaelsfinejewelry.com/diamond-guide" data-full_image="" role="menuitem" tabindex="-1" > 2530 Diamond Guide </a> 2531 2532 2533 2534 2535 2536 2537 2538 </li> 2539 2540 2541 </ul> 2542 </div> 2543</div> 2544<style> 2545 .menu_container_1_navigation_85 { 2546 background: #fff; 2547 } 2548 .horizontal_menu .nav_div_85 { 2549 padding: 15px 0px; 2550 box-shadow: 0px 0px 5px #00000078; display: flex; 2551 flex-wrap: wrap; 2552 } 2553 .horizontal_menu .nav_img_85 { 2554 height: 200px; 2555 width: 250px; 2556 margin-left: 50px; 2557 margin-right: 20px; 2558 flex-shrink: 0; 2559 order: 1; 2560 } 2561 .horizontal_menu .nav_img_85 img { 2562 max-width: 100%; 2563 max-height: 100%; 2564 } 2565 .horizontal_menu .nav_div_85 .vfit { 2566 text-align: left; 2567 border-bottom: 1px solid #ececec; 2568 text-transform: uppercase; 2569 } 2570 .nav_div_85 .vfit a { 2571 text-decoration: none; 2572 color: #222; 2573 } 2574 .nav_div_85 .nav_list { 2575 list-style: none; 2576 margin: 0; 2577 padding: 0; 2578 order: 1; 2579 } 2580 .nav_div_85 ul { 2581 list-style: none; 2582 } 2583 #desktop_hamburger_menu_template .nav_div_85 li { 2584 width: 100%; 2585 margin: 0; 2586 padding: 0px 20px; 2587 position: relative; 2588 } 2589 .horizontal_menu .nav_div_85 li { 2590 width: 100%; 2591 margin: 0; 2592 padding: 0px 20px; 2593 position: relative; 2594 } 2595 2596 #desktop_hamburger_menu_template .nav_div_85 li svg { 2597 position: absolute; 2598 right: 15px; 2599 height: 10px; 2600 top: 10px; 2601 } 2602 .horizontal_menu .nav_div_85 li svg { 2603 position: absolute; 2604 right: 15px; 2605 height: 10px; 2606 top: 10px; 2607 } 2608 2609 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_85 .nav_div_85 .nav_list li .nav_a_trd { 2610 display: flex; 2611 align-items: center; 2612 padding: 0; 2613 line-height: 30px; 2614 font-size: 14px; 2615 text-transform: uppercase; 2616 text-decoration: none; 2617 color: #222; 2618 white-space: normal; 2619 2620 color:#000000; font-weight:400; font-style:normal; font-size:12px; font-family:Sackers Gothic Std; text-transform:uppercase; 2621 } 2622 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_85 .nav_div_85 .nav_list li button { 2623 background: none; 2624 border: none; 2625 cursor: pointer; 2626 } 2627 2628 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_85 .nav_div_85 .nav_list li .nav_a_trd.parent_men { 2629 text-decoration: underline; 2630 } 2631 2632 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_85 .nav_div_85 .nav_list li .nav_a_trd:hover { 2633 color:#000000; cursor: pointer; 2634 } 2635 2636 2637 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_85 .nav_div_85 .nav_list li .nav_list_trd li a { 2638 display: flex; 2639 align-items: center; 2640 padding: 0; 2641 line-height: 30px; 2642 font-size: 14px; 2643 text-transform: uppercase; 2644 text-decoration: none; 2645 color: #222; 2646 white-space: normal; 2647 2648 color:#000000; font-weight:400; font-style:normal; font-size:12px; font-family:Sackers Gothic Std; text-transform:uppercase; } 2649 2650 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_85 .nav_div_85 .nav_list li .nav_list_trd li a:hover { 2651 color:#000000; } 2652 2653 .nav_div_85 .nav_list li a .nav_icons { 2654 height: 30px; 2655 margin-right: 5px; 2656 } 2657 2658 .nav_div_85 .nav_list .nav_list_trd li a .nav_icons { 2659 height: 25px; 2660 } 2661 2662 2663 .nav_div_85 .nav_list li a:hover { 2664 color: #3172ab; 2665 } 2666 .horizontal_menu .nav_div_85 .nav_list_trd { 2667 display: none; 2668 position: absolute; 2669 left: 100%; 2670 top: -15px; 2671 padding: 15px 0px; 2672 box-shadow: 0px 0px 5px #00000078; background: #fff; 2673 } 2674 .horizontal_menu .nav_div_85 .nav_list>li .nav_list_trd.open, 2675 .horizontal_menu .nav_div_85 .nav_list>li:hover .nav_list_trd { 2676 display: block; 2677 z-index: 99; 2678 } 2679 2680 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_85, 2681 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_85 .nav_list_trd{ 2682 width: 250px; 2683 } 2684 2685 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_85 .nav_list_trd{ 2686 width: 250px; 2687 } 2688 </style> 2689 </li> 2690 <li class=" menu_container_li" role="none"> 2691 <a href="https://www.garymichaelsfinejewelry.com/fine-jewelry" title="Jewelry" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" > 2692 Jewelry </a> 2693 2694 2695 2696 2697 2698<div class="menu_container default_build_menu menu_container_1_navigation_16"> 2699 <div class="nav_div_16"> 2700 <ul class="nav_list" role="menu" aria-label="Jewelry" tabindex="-1"> 2701 2702 <li style="" 2703 class="" 2704 role="none"> 2705 2706 2707 2708 <a class="nav_a_trd " title="Necklaces" href="https://www.garymichaelsfinejewelry.com/necklaces" data-full_image="" role="menuitem" tabindex="0" > 2709 Necklaces </a> 2710 2711 2712 2713 2714 2715 2716 2717 </li> 2718 2719 2720 2721 <li style="" 2722 class="" 2723 role="none"> 2724 2725 2726 2727 <a class="nav_a_trd " title="Earrings" href="https://www.garymichaelsfinejewelry.com/earrings" data-full_image="" role="menuitem" tabindex="-1" > 2728 Earrings </a> 2729 2730 2731 2732 2733 2734 2735 2736 </li> 2737 2738 2739 2740 <li style="" 2741 class="" 2742 role="none"> 2743 2744 2745 2746 <a class="nav_a_trd " title="Bracelets" href="https://www.garymichaelsfinejewelry.com/bracelets" data-full_image="" role="menuitem" tabindex="-1" > 2747 Bracelets </a> 2748 2749 2750 2751 2752 2753 2754 2755 </li> 2756 2757 2758 2759 <li style="" 2760 class="" 2761 role="none"> 2762 2763 2764 2765 <a class="nav_a_trd " title="Rings" href="https://www.garymichaelsfinejewelry.com/rings" data-full_image="" role="menuitem" tabindex="-1" > 2766 Rings </a> 2767 2768 2769 2770 2771 2772 2773 2774 </li> 2775 2776 2777 </ul> 2778 </div> 2779</div> 2780<style> 2781 .menu_container_1_navigation_16 { 2782 background: #fff; 2783 } 2784 .horizontal_menu .nav_div_16 { 2785 padding: 15px 0px; 2786 box-shadow: 0px 0px 5px #00000078; display: flex; 2787 flex-wrap: wrap; 2788 } 2789 .horizontal_menu .nav_img_16 { 2790 height: 200px; 2791 width: 250px; 2792 margin-left: 50px; 2793 margin-right: 20px; 2794 flex-shrink: 0; 2795 order: 1; 2796 } 2797 .horizontal_menu .nav_img_16 img { 2798 max-width: 100%; 2799 max-height: 100%; 2800 } 2801 .horizontal_menu .nav_div_16 .vfit { 2802 text-align: left; 2803 border-bottom: 1px solid #ececec; 2804 text-transform: uppercase; 2805 } 2806 .nav_div_16 .vfit a { 2807 text-decoration: none; 2808 color: #222; 2809 } 2810 .nav_div_16 .nav_list { 2811 list-style: none; 2812 margin: 0; 2813 padding: 0; 2814 order: 1; 2815 } 2816 .nav_div_16 ul { 2817 list-style: none; 2818 } 2819 #desktop_hamburger_menu_template .nav_div_16 li { 2820 width: 100%; 2821 margin: 0; 2822 padding: 0px 20px; 2823 position: relative; 2824 } 2825 .hor
2825izontal_menu .nav_div_16 li { 2826 width: 100%; 2827 margin: 0; 2828 padding: 0px 20px; 2829 position: relative; 2830 } 2831 2832 #desktop_hamburger_menu_template .nav_div_16 li svg { 2833 position: absolute; 2834 right: 15px; 2835 height: 10px; 2836 top: 10px; 2837 } 2838 .horizontal_menu .nav_div_16 li svg { 2839 position: absolute; 2840 right: 15px; 2841 height: 10px; 2842 top: 10px; 2843 } 2844 2845 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_16 .nav_div_16 .nav_list li .nav_a_trd { 2846 display: flex; 2847 align-items: center; 2848 padding: 0; 2849 line-height: 30px; 2850 font-size: 14px; 2851 text-transform: uppercase; 2852 text-decoration: none; 2853 color: #222; 2854 white-space: normal; 2855 2856 color:#000000; font-weight:400; font-style:normal; font-size:12px; font-family:Sackers Gothic Std; text-transform:uppercase; 2857 } 2858 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_16 .nav_div_16 .nav_list li button { 2859 background: none; 2860 border: none; 2861 cursor: pointer; 2862 } 2863 2864 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_16 .nav_div_16 .nav_list li .nav_a_trd.parent_men { 2865 text-decoration: underline; 2866 } 2867 2868 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_16 .nav_div_16 .nav_list li .nav_a_trd:hover { 2869 color:#000000; cursor: pointer; 2870 } 2871 2872 2873 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_16 .nav_div_16 .nav_list li .nav_list_trd li a { 2874 display: flex; 2875 align-items: center; 2876 padding: 0; 2877 line-height: 30px; 2878 font-size: 14px; 2879 text-transform: uppercase; 2880 text-decoration: none; 2881 color: #222; 2882 white-space: normal; 2883 2884 color:#000000; font-weight:400; font-style:normal; font-size:12px; font-family:Sackers Gothic Std; text-transform:uppercase; } 2885 2886 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_16 .nav_div_16 .nav_list li .nav_list_trd li a:hover { 2887 color:#000000; } 2888 2889 .nav_div_16 .nav_list li a .nav_icons { 2890 height: 30px; 2891 margin-right: 5px; 2892 } 2893 2894 .nav_div_16 .nav_list .nav_list_trd li a .nav_icons { 2895 height: 25px; 2896 } 2897 2898 2899 .nav_div_16 .nav_list li a:hover { 2900 color: #3172ab; 2901 } 2902 .horizontal_menu .nav_div_16 .nav_list_trd { 2903 display: none; 2904 position: absolute; 2905 left: 100%; 2906 top: -15px; 2907 padding: 15px 0px; 2908 box-shadow: 0px 0px 5px #00000078; background: #fff; 2909 } 2910 .horizontal_menu .nav_div_16 .nav_list>li .nav_list_trd.open, 2911 .horizontal_menu .nav_div_16 .nav_list>li:hover .nav_list_trd { 2912 display: block; 2913 z-index: 99; 2914 } 2915 2916 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_16, 2917 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_16 .nav_list_trd{ 2918 width: 250px; 2919 } 2920 2921 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_16 .nav_list_trd{ 2922 width: 250px; 2923 } 2924 </style> 2925 </li> 2926 <li class=" menu_container_li" role="none"> 2927 <a href="#!" title="Watches" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" > 2928 Watches </a> 2929 2930 2931 2932 2933 2934<div class="menu_container default_build_menu menu_container_1_navigation_97"> 2935 <div class="nav_div_97"> 2936 <ul class="nav_list" role="menu" aria-label="Watches" tabindex="-1"> 2937 2938 <li style="" 2939 class="" 2940 role="none"> 2941 2942 2943 2944 <a class="nav_a_trd " title="Breitling" href="https://www.garymichaelsfinejewelry.com/breitling" data-full_image="" role="menuitem" tabindex="0" > 2945 Breitling </a> 2946 2947 2948 2949 2950 2951 2952 2953 </li> 2954 2955 2956 2957 <li style="" 2958 class="" 2959 role="none"> 2960 2961 2962 2963 <a class="nav_a_trd " title="MICHELE" href="https://www.garymichaelsfinejewelry.com/michele" data-full_image="" role="menuitem" tabindex="-1" > 2964 MICHELE </a> 2965 2966 2967 2968 2969 2970 2971 2972 </li> 2973 2974 2975 2976 <li style="" 2977 class="" 2978 role="none"> 2979 2980 2981 2982 <a class="nav_a_trd " title="Omega" href="https://www.garymichaelsfinejewelry.com/omega" data-full_image="" role="menuitem" tabindex="-1" > 2983 Omega </a> 2984 2985 2986 2987 2988 2989 2990 2991 </li> 2992 2993 2994 2995 <li style="" 2996 class="" 2997 role="none"> 2998 2999 3000 3001 <a class="nav_a_trd " title="TAG Heuer" href="https://www.garymichaelsfinejewelry.com/tag-heuer" data-full_image="" role="menuitem" tabindex="-1" > 3002 TAG Heuer </a> 3003 3004 3005 3006 3007 3008 3009 3010 </li> 3011 3012 3013 3014 <li style="" 3015 class="" 3016 role="none"> 3017 3018 3019 3020 <a class="nav_a_trd " title="Pre-Owned Rolex" href="https://www.garymichaelsfinejewelry.com/pre-owned-rolex-watches" data-full_image="" role="menuitem" tabindex="-1" > 3021 Pre-Owned Rolex </a> 3022 3023 3024 3025 3026 3027 3028 3029 </li> 3030 3031 3032 </ul> 3033 </div> 3034</div> 3035<style> 3036 .menu_container_1_navigation_97 { 3037 background: #fff; 3038 } 3039 .horizontal_menu .nav_div_97 { 3040 padding: 15px 0px; 3041 box-shadow: 0px 0px 5px #00000078; display: flex; 3042 flex-wrap: wrap; 3043 } 3044 .horizontal_menu .nav_img_97 { 3045 height: 200px; 3046 width: 250px; 3047 margin-left: 50px; 3048 margin-right: 20px; 3049 flex-shrink: 0; 3050 order: 1; 3051 } 3052 .horizontal_menu .nav_img_97 img { 3053 max-width: 100%; 3054 max-height: 100%; 3055 } 3056 .horizontal_menu .nav_div_97 .vfit { 3057 text-align: left; 3058 border-bottom: 1px solid #ececec; 3059 text-transform: uppercase; 3060 } 3061 .nav_div_97 .vfit a { 3062 text-decoration: none; 3063 color: #222; 3064 } 3065 .nav_div_97 .nav_list { 3066 list-style: none; 3067 margin: 0; 3068 padding: 0; 3069 order: 1; 3070 } 3071 .nav_div_97 ul { 3072 list-style: none; 3073 } 3074 #desktop_hamburger_menu_template .nav_div_97 li { 3075 width: 100%; 3076 margin: 0; 3077 padding: 0px 20px; 3078 position: relative; 3079 } 3080 .horizontal_menu .nav_div_97 li { 3081 width: 100%; 3082 margin: 0; 3083 padding: 0px 20px; 3084 position: relative; 3085 } 3086 3087 #desktop_hamburger_menu_template .nav_div_97 li svg { 3088 position: absolute; 3089 right: 15px; 3090 height: 10px; 3091 top: 10px; 3092 } 3093 .horizontal_menu .nav_div_97 li svg { 3094 position: absolute; 3095 right: 15px; 3096 height: 10px; 3097 top: 10px; 3098 } 3099 3100 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_97 .nav_div_97 .nav_list li .nav_a_trd { 3101 display: flex; 3102 align-items: center; 3103 padding: 0; 3104 line-height: 30px; 3105 font-size: 14px; 3106 text-transform: uppercase; 3107 text-decoration: none; 3108 color: #222; 3109 white-space: normal; 3110 3111 color:#000000; font-weight:400; font-style:normal; font-size:12px; font-family:Sackers Gothic Std; text-transform:uppercase; 3112 } 3113 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_97 .nav_div_97 .nav_list li button { 3114 background: none; 3115 border: none; 3116 cursor: pointer; 3117 } 3118 3119 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_97 .nav_div_97 .nav_list li .nav_a_trd.parent_men { 3120 text-decoration: underline; 3121 } 3122 3123 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_97 .nav_div_97 .nav_list li .nav_a_trd:hover { 3124 color:#000000; cursor: pointer; 3125 } 3126 3127 3128 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_97 .nav_div_97 .nav_list li .nav_list_trd li a { 3129 display: flex; 3130 align-items: center; 3131 padding: 0; 3132 line-height: 30px; 3133 font-size: 14px; 3134 text-transform: uppercase; 3135 text-decoration: none; 3136 color: #222; 3137 white-space: normal; 3138 3139 color:#000000; font-weight:400; font-style:normal; font-size:12px; font-family:Sackers Gothic Std; text-transform:uppercase; } 3140 3141 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_97 .nav_div_97 .nav_list li .nav_list_trd li a:hover { 3142 color:#000000; } 3143 3144 .nav_div_97 .nav_list li a .nav_icons { 3145 height: 30px; 3146 margin-right: 5px; 3147 } 3148 3149 .nav_div_97 .nav_list .nav_list_trd li a .nav_icons { 3150 height: 25px; 3151 } 3152 3153 3154 .nav_div_97 .nav_list li a:hover { 3155 color: #3172ab; 3156 } 3157 .horizontal_menu .nav_div_97 .nav_list_trd { 3158 display: none; 3159 position: absolute; 3160 left: 100%; 3161 top: -15px; 3162 padding: 15px 0px; 3163 box-shadow: 0px 0px 5px #00000078; background: #fff; 3164 } 3165 .horizontal_menu .nav_div_97 .nav_list>li .nav_list_trd.open, 3166 .horizontal_menu .nav_div_97 .nav_list>li:hover .nav_list_trd { 3167 display: block; 3168 z-index: 99; 3169 } 3170 3171 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_97, 3172 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_97 .nav_list_trd{ 3173 width: 250px; 3174 } 3175 3176 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_97 .nav_list_trd{ 3177 width: 250px; 3178 } 3179 </style> 3180 </li> 3181 <li class=" menu_container_li" role="none"> 3182 <a href="#!" title="Designers" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" > 3183 Designers </a> 3184 3185 3186 3187 3188 3189<div class="menu_container default_build_menu menu_container_1_navigation_100"> 3190 <div class="nav_div_100"> 3191 <ul class="nav_list" role="menu" aria-label="Designers" tabindex="-1"> 3192 3193 <li style="" 3194 class="" 3195 role="none"> 3196 3197 3198 3199 <a class="nav_a_trd " title="Alor" href="https://www.garymichaelsfinejewelry.com/alor" data-full_image="" role="menuitem" tabindex="0" > 3200 Alor </a> 3201 3202 3203 3204 3205 3206 3207 3208 </li> 3209 3210 3211 3212 <li style="" 3213 class="" 3214 role="none"> 3215 3216 3217 3218 <a class="nav_a_trd " title="Bleu Royale " href="https://www.garymichaelsfinejewelry.com/bleu-royale" data-full_image="" role="menuitem" tabindex="-1" > 3219 Bleu Royale </a> 3220 3221 3222 3223 3224 3225 3226 3227 </li> 3228 3229 3230 3231 <li style="" 3232 class="" 3233
3233 role="none"> 3234 3235 3236 3237 <a class="nav_a_trd " title="CrownRing" href="https://www.garymichaelsfinejewelry.com/crownring" data-full_image="" role="menuitem" tabindex="-1" > 3238 CrownRing </a> 3239 3240 3241 3242 3243 3244 3245 3246 </li> 3247 3248 3249 3250 <li style="" 3251 class="" 3252 role="none"> 3253 3254 3255 3256 <a class="nav_a_trd " title="David Yurman" href="/david-yurman" data-full_image="" role="menuitem" tabindex="-1" > 3257 David Yurman </a> 3258 3259 3260 3261 3262 3263 3264 3265 </li> 3266 3267 3268 3269 <li style="" 3270 class="" 3271 role="none"> 3272 3273 3274 3275 <a class="nav_a_trd " title="Gabriel & Co. Bridal" href="https://www.garymichaelsfinejewelry.com/gabriel-co-bridal" data-full_image="" role="menuitem" tabindex="-1" > 3276 Gabriel & Co. Bridal </a> 3277 3278 3279 3280 3281 3282 3283 3284 </li> 3285 3286 3287 3288 <li style="" 3289 class="" 3290 role="none"> 3291 3292 3293 3294 <a class="nav_a_trd " title="LAGOS" href="https://www.garymichaelsfinejewelry.com/lagos" data-full_image="" role="menuitem" tabindex="-1" > 3295 LAGOS </a> 3296 3297 3298 3299 3300 3301 3302 3303 </li> 3304 3305 3306 3307 <li style="" 3308 class="" 3309 role="none"> 3310 3311 3312 3313 <a class="nav_a_trd " title="Marco Bicego" href="https://www.garymichaelsfinejewelry.com/marco-bicego" data-full_image="" role="menuitem" tabindex="-1" > 3314 Marco Bicego </a> 3315 3316 3317 3318 3319 3320 3321 3322 </li> 3323 3324 3325 3326 <li style="" 3327 class="" 3328 role="none"> 3329 3330 3331 3332 <a class="nav_a_trd " title="Roberto Coin" href="https://www.garymichaelsfinejewelry.com/roberto-coin" data-full_image="" role="menuitem" tabindex="-1" > 3333 Roberto Coin </a> 3334 3335 3336 3337 3338 3339 3340 3341 </li> 3342 3343 3344 3345 <li style="" 3346 class="" 3347 role="none"> 3348 3349 3350 3351 <a class="nav_a_trd " title="Tacori" href="https://www.garymichaelsfinejewelry.com/tacori" data-full_image="" role="menuitem" tabindex="-1" > 3352 Tacori </a> 3353 3354 3355 3356 3357 3358 3359 3360 </li> 3361 3362 3363 </ul> 3364 </div> 3365</div> 3366<style> 3367 .menu_container_1_navigation_100 { 3368 background: #fff; 3369 } 3370 .horizontal_menu .nav_div_100 { 3371 padding: 15px 0px; 3372 box-shadow: 0px 0px 5px #00000078; display: flex; 3373 flex-wrap: wrap; 3374 } 3375 .horizontal_menu .nav_img_100 { 3376 height: 200px; 3377 width: 250px; 3378 margin-left: 50px; 3379 margin-right: 20px; 3380 flex-shrink: 0; 3381 order: 1; 3382 } 3383 .horizontal_menu .nav_img_100 img { 3384 max-width: 100%; 3385 max-height: 100%; 3386 } 3387 .horizontal_menu .nav_div_100 .vfit { 3388 text-align: left; 3389 border-bottom: 1px solid #ececec; 3390 text-transform: uppercase; 3391 } 3392 .nav_div_100 .vfit a { 3393 text-decoration: none; 3394 color: #222; 3395 } 3396 .nav_div_100 .nav_list { 3397 list-style: none; 3398 margin: 0; 3399 padding: 0; 3400 order: 1; 3401 } 3402 .nav_div_100 ul { 3403 list-style: none; 3404 } 3405 #desktop_hamburger_menu_template .nav_div_100 li { 3406 width: 100%; 3407 margin: 0; 3408 padding: 0px 20px; 3409 position: relative; 3410 } 3411 .horizontal_menu .nav_div_100 li { 3412 width: 100%; 3413 margin: 0; 3414 padding: 0px 20px; 3415 position: relative; 3416 } 3417 3418 #desktop_hamburger_menu_template .nav_div_100 li svg { 3419 position: absolute; 3420 right: 15px; 3421 height: 10px; 3422 top: 10px; 3423 } 3424 .horizontal_menu .nav_div_100 li svg { 3425 position: absolute; 3426 right: 15px; 3427 height: 10px; 3428 top: 10px; 3429 } 3430 3431 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_100 .nav_div_100 .nav_list li .nav_a_trd { 3432 display: flex; 3433 align-items: center; 3434 padding: 0; 3435 line-height: 30px; 3436 font-size: 14px; 3437 text-transform: uppercase; 3438 text-decoration: none; 3439 color: #222; 3440 white-space: normal; 3441 3442 color:#000000; font-weight:400; font-style:normal; font-size:12px; font-family:Sackers Gothic Std; text-transform:uppercase; 3443 } 3444 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_100 .nav_div_100 .nav_list li button { 3445 background: none; 3446 border: none; 3447 cursor: pointer; 3448 } 3449 3450 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_100 .nav_div_100 .nav_list li .nav_a_trd.parent_men { 3451 text-decoration: underline; 3452 } 3453 3454 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_100 .nav_div_100 .nav_list li .nav_a_trd:hover { 3455 color:#000000; cursor: pointer; 3456 } 3457 3458 3459 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_100 .nav_div_100 .nav_list li .nav_list_trd li a { 3460 display: flex; 3461 align-items: center; 3462 padding: 0; 3463 line-height: 30px; 3464 font-size: 14px; 3465 text-transform: uppercase; 3466 text-decoration: none; 3467 color: #222; 3468 white-space: normal; 3469 3470 color:#000000; font-weight:400; font-style:normal; font-size:12px; font-family:Sackers Gothic Std; text-transform:uppercase; } 3471 3472 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_100 .nav_div_100 .nav_list li .nav_list_trd li a:hover { 3473 color:#000000; } 3474 3475 .nav_div_100 .nav_list li a .nav_icons { 3476 height: 30px; 3477 margin-right: 5px; 3478 } 3479 3480 .nav_div_100 .nav_list .nav_list_trd li a .nav_icons { 3481 height: 25px; 3482 } 3483 3484 3485 .nav_div_100 .nav_list li a:hover { 3486 color: #3172ab; 3487 } 3488 .horizontal_menu .nav_div_100 .nav_list_trd { 3489 display: none; 3490 position: absolute; 3491 left: 100%; 3492 top: -15px; 3493 padding: 15px 0px; 3494 box-shadow: 0px 0px 5px #00000078; background: #fff; 3495 } 3496 .horizontal_menu .nav_div_100 .nav_list>li .nav_list_trd.open, 3497 .horizontal_menu .nav_div_100 .nav_list>li:hover .nav_list_trd { 3498 display: block; 3499 z-index: 99; 3500 } 3501 3502 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_100, 3503 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_100 .nav_list_trd{ 3504 width: 250px; 3505 } 3506 3507 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_100 .nav_list_trd{ 3508 width: 250px; 3509 } 3510 </style> 3511 </li> 3512 <li class=" menu_container_li" role="none"> 3513 <a href="#!" title="About Us" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" > 3514 About Us </a> 3515 3516 3517 3518 3519 3520<div class="menu_container default_build_menu menu_container_1_navigation_103"> 3521 <div class="nav_div_103"> 3522 <ul class="nav_list" role="menu" aria-label="About Us" tabindex="-1"> 3523 3524 <li style="" 3525 class="" 3526 role="none"> 3527 3528 3529 3530 <a class="nav_a_trd " title="About" href="https://www.garymichaelsfinejewelry.com/about-us" data-full_image="" role="menuitem" tabindex="0" > 3531 About </a> 3532 3533 3534 3535 3536 3537 3538 3539 </li> 3540 3541 3542 3543 <li style="" 3544 class="" 3545 role="none"> 3546 3547 3548 3549 <a class="nav_a_trd " title="Services" href="https://www.garymichaelsfinejewelry.com/services" data-full_image="" role="menuitem" tabindex="-1" > 3550 Services </a> 3551 3552 3553 3554 3555 3556 3557 3558 </li> 3559 3560 3561 3562 <li style="" 3563 class="" 3564 role="none"> 3565 3566 3567 3568 <a class="nav_a_trd " title="Blog" href="https://www.garymichaelsfinejewelry.com/blog" data-full_image="" role="menuitem" tabindex="-1" > 3569 Blog </a> 3570 3571 3572 3573 3574 3575 3576 3577 </li> 3578 3579 3580 </ul> 3581 </div> 3582</div> 3583<style> 3584 .menu_container_1_navigation_103 { 3585 background: #fff; 3586 } 3587 .horizontal_menu .nav_div_103 { 3588 padding: 15px 0px; 3589 box-shadow: 0px 0px 5px #00000078; display: flex; 3590 flex-wrap: wrap; 3591 } 3592 .horizontal_menu .nav_img_103 { 3593 height: 200px; 3594 width: 250px; 3595 margin-left: 50px; 3596 margin-right: 20px; 3597 flex-shrink: 0; 3598 order: 1; 3599 } 3600 .horizontal_menu .nav_img_103 img { 3601 max-width: 100%; 3602 max-height: 100%; 3603 } 3604 .horizontal_menu .nav_div_103 .vfit { 3605 text-align: left; 3606 border-bottom: 1px solid #ececec; 3607 text-transform: uppercase; 3608 } 3609 .nav_div_103 .vfit a { 3610 text-decoration: none; 3611 color: #222; 3612 } 3613 .nav_div_103 .nav_list { 3614 list-style: none; 3615 margin: 0; 3616 padding: 0; 3617 order: 1; 3618 } 3619 .nav_div_103 ul { 3620 list-style: none; 3621 } 3622 #desktop_hamburger_menu_template .nav_div_103 li { 3623 width: 100%; 3624 margin: 0; 3625 padding: 0px 20px; 3626 position: relative; 3627 } 3628 .horizontal_menu .nav_div_103 li { 3629 width: 100%; 3630 margin: 0; 3631 padding: 0px 20px; 3632 position: relative; 3633 } 3634 3635 #desktop_hamburger_menu_template .nav_div_103 li svg { 3636 position: absolute; 3637 right: 15px; 3638 height: 10px; 3639 top: 10px; 3640 } 3641 .horizontal_menu .nav_div_103 li svg { 3642 position: absolute; 3643 right: 15px; 3644 height: 10px; 3645 top: 10px; 3646 } 3647 3648 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_103 .nav_div_103 .nav_list li .nav_a_trd { 3649 display: flex; 3650 align-items: center; 3651 padding: 0; 3652 line-height: 30px; 3653 font-size: 14px; 3654 text-transform: uppercase; 3655 text-decoration: none; 3656 color: #222; 3657 white-space: normal; 3658 3659 color:#000000; font-weight:400; font-style:normal; font-size:12px; font-family:Sackers Gothic Std; text-transform:uppercase; 3660 } 3661 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_103 .nav_div_103 .nav_list li button { 3662 background: none; 3663 border: none; 3664 cursor: pointer; 3665 } 3666 3667 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_103 .nav_div_103 .nav_list li .nav_a_trd.parent_men { 3668 text-decoration: underline; 3669 } 3670 3671 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_103 .nav_div_103 .nav_list li .nav_a_trd:hover { 3672 color:#000000; cursor: pointer; 3673 } 3674 3675 3676 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1
3676_navigation_103 .nav_div_103 .nav_list li .nav_list_trd li a { 3677 display: flex; 3678 align-items: center; 3679 padding: 0; 3680 line-height: 30px; 3681 font-size: 14px; 3682 text-transform: uppercase; 3683 text-decoration: none; 3684 color: #222; 3685 white-space: normal; 3686 3687 color:#000000; font-weight:400; font-style:normal; font-size:12px; font-family:Sackers Gothic Std; text-transform:uppercase; } 3688 3689 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_103 .nav_div_103 .nav_list li .nav_list_trd li a:hover { 3690 color:#000000; } 3691 3692 .nav_div_103 .nav_list li a .nav_icons { 3693 height: 30px; 3694 margin-right: 5px; 3695 } 3696 3697 .nav_div_103 .nav_list .nav_list_trd li a .nav_icons { 3698 height: 25px; 3699 } 3700 3701 3702 .nav_div_103 .nav_list li a:hover { 3703 color: #3172ab; 3704 } 3705 .horizontal_menu .nav_div_103 .nav_list_trd { 3706 display: none; 3707 position: absolute; 3708 left: 100%; 3709 top: -15px; 3710 padding: 15px 0px; 3711 box-shadow: 0px 0px 5px #00000078; background: #fff; 3712 } 3713 .horizontal_menu .nav_div_103 .nav_list>li .nav_list_trd.open, 3714 .horizontal_menu .nav_div_103 .nav_list>li:hover .nav_list_trd { 3715 display: block; 3716 z-index: 99; 3717 } 3718 3719 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_103, 3720 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_103 .nav_list_trd{ 3721 width: 250px; 3722 } 3723 3724 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_103 .nav_list_trd{ 3725 width: 250px; 3726 } 3727 </style> 3728 </li> 3729 <li class=" menu_container_li" role="none"> 3730 <a href="https://www.garymichaelsfinejewelry.com/contact-us" title="Contact Us" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" > 3731 Contact Us </a> 3732 </li> 3733 </ul> 3734 </nav> 3735 <style> 3736 3737 .header_container_1>.flex_row_4>.flex_col_1>.flex_cell_1.menu .horizontal_menu { 3738 display: flex; 3739 list-style: none; 3740 margin: 0; 3741 padding: 0; 3742 } 3743 .header_container_1>.flex_row_4>.flex_col_1>.flex_cell_1.menu .horizontal_menu li a.hor_menu_links { 3744 padding: 5px 0; 3745 display:flex; 3746 align-items:center; 3747 text-transform:uppercase; } 3748 .header_container_1>.flex_row_4>.flex_col_1>.flex_cell_1.menu .horizontal_menu li button.hor_menu_links { 3749 background: none; 3750 border: none; 3751 cursor: pointer; 3752 } 3753 .header_container_1>.flex_row_4>.flex_col_1>.flex_cell_1.menu .horizontal_menu > li + li { 3754 margin-left:20px; } 3755 .header_container_1>.flex_row_4>.flex_col_1>.flex_cell_1.menu .horizontal_menu li a.hor_menu_links img, 3756 .header_container_1>.flex_row_4>.flex_col_1>.flex_cell_1.menu .horizontal_menu li button.hor_menu_links img { 3757 margin-right:4px; 3758 } 3759 3760 .horizontal_menu .menu_container { 3761 position: absolute; 3762 z-index: 9999999; 3763 visibility: hidden; 3764 opacity: 0; 3765 transition: opacity 300ms; 3766 }
3767 .horizontal_menu li:hover>.menu_container, .show_sub_menu>.menu_container { 3768 visibility: visible; 3769 opacity: 1; 3770 } 3771 3772 /* Focus styling for menubar */ 3773 .header_container_1>.flex_row_4>.flex_col_1>.flex_cell_1.menu .horizontal_menu.focus { 3774 padding: 0; 3775 border: #034575 solid 1.5px; 3776 } 3777 </style> 3778
3778<script> 3779 // Character navigation tracking 3780 let lastCharTime = 0; 3781 let lastChar = ''; 3782 const CHAR_NAV_TIMEOUT = 500; // milliseconds 3783 3784 // Function to update content and move focus to page title 3785 function updateContent(linkURL, linkName, moveFocus) { 3786 if (typeof moveFocus !== 'boolean') { 3787 moveFocus = true; 3788 } 3789 3790 // Update page title if exists 3791 var h1Node = document.querySelector('h1.page_title, h1[id*="page-title"], .main h1, h1[id*="id-page-title"]'); 3792 if (h1Node) { 3793 h1Node.textContent = linkName; 3794 h1Node.tabIndex = -1; 3795 if (moveFocus) { 3796 setTimeout(function() { 3797 h1Node.focus(); 3798 }, 0); 3799 } 3800 } 3801 3802 // Close all submenus 3803 $('.show_sub_menu').removeClass('show_sub_menu'); 3804 $('.horizontal_menu').attr('data-menubar-item-expanded', 'false'); 3805 $('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false'); 3806 } 3807 3808 // Function to set focus to menuitem with roving tabindex 3809 function setFocusToMenuitem(menuItems, newMenuitem) { 3810 menuItems.each(function() { 3811 if (this === newMenuitem[0]) { 3812 $(this).attr('tabindex', '0'); 3813 newMenuitem.focus(); 3814 } else { 3815 $(this).attr('tabindex', '-1'); 3816 } 3817 }); 3818 } 3819 3820 // Menu containers are now initialized in PHP templates with proper attributes 3821 3822 // Helper function to get all submenu items 3823 function getSubmenuItems(menuContainer) { 3824 // Support both standard menu structure (.nav_a_trd) and custom build menu structure (.nav_list li a) 3825 // Find all menu items within the menu_container, excluding the top-level hor_menu_links 3826 // IMPORTANT: Only find items with role="menuitem", exclude buttons (role="button") 3827 return menuContainer.find('.nav_list li a[role="menuitem"], .nav_a_trd[role="menuitem"]').filter(function() { 3828 let $item = $(this); 3829 // Exclude items that are hor_menu_links (top-level menu items) 3830 if ($item.hasClass('hor_menu_links')) { 3831 return false; 3832 } 3833 // Exclude items with role="button" (section headers) 3834 if ($item.attr('role') === 'button') { 3835 return false; 3836 } 3837 // Must have role="menuitem" 3838 if ($item.attr('role') !== 'menuitem') { 3839 return false; 3840 } 3841 // Must be visible and not disabled 3842 if (!$item.is(':visible') || $item.attr('disabled')) { 3843 return false; 3844 } 3845 // Must be within a menu_container_li (to exclude other links) 3846 return $item.closest('.menu_container_li').length > 0; 3847 }); 3848 } 3849 3850 // Helper function to get all menubar items 3851 function getMenubarItems() { 3852 return $('.horizontal_menu>li .hor_menu_links').filter(function() { 3853 return $(this).is(':visible') && !$(this).attr('disabled'); 3854 }); 3855 } 3856 3857 // Helper function to find next item starting with character 3858 function findItemByCharacter(items, char, startIndex) { 3859 char = char.toLowerCase(); 3860 // Search from startIndex to end 3861 for (let i = startIndex + 1; i < items.length; i++) { 3862 let text = $(items[i]).text().trim().toLowerCase(); 3863 if (text.charAt(0) === char) { 3864 return i; 3865 } 3866 } 3867 // Wrap around: search from beginning to startIndex 3868 for (let i = 0; i <= startIndex; i++) { 3869 let text = $(items[i]).text().trim().toLowerCase(); 3870 if (text.charAt(0) === char) { 3871 return i; 3872 } 3873 } 3874 return -1; 3875 } 3876 3877 let lastInputWasKeyboard = false;
3878 3879 document.addEventListener('keydown', (e) => { 3880 if (['Tab', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'].includes(e.key)) { 3881 lastInputWasKeyboard = true; 3882 } 3883 }); 3884 3885 document.addEventListener('mousedown', () => { 3886 lastInputWasKeyboard = false; 3887 }); 3888 3889 $('.horizontal_menu').on('focusin', function(e) { 3890 if (lastInputWasKeyboard) { 3891 $(this).addClass('focus'); 3892 } 3893 }); 3894 3895 $('.horizontal_menu').on('focusout', function(e) { 3896 if (!$(e.relatedTarget).closest('.horizontal_menu').length) { 3897 $(this).removeClass('focus'); 3898 } 3899 }); 3900 3901 $('.menu_container_li').on('mouseenter', function () { 3902 $('.show_sub_menu').removeClass('show_sub_menu'); 3903 $('.nav_list_trd.open').removeClass('open'); 3904 $(this).find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true'); 3905 }); 3906 3907 $('.menu_container_li').on('mouseleave', function () { 3908 $('.show_sub_menu').removeClass('show_sub_menu'); 3909 $('.nav_list_trd.open').removeClass('open'); 3910 $(this).find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false'); 3911 }); 3912 3913 $('.horizontal_menu>li .hor_menu_links[aria-haspopup=true]').on('focus', function () { 3914 $('.show_sub_menu').removeClass('show_sub_menu'); 3915 $('.nav_list_trd.open').removeClass('open'); 3916 $('.horizontal_menu').attr('data-menubar-item-expanded', 'false'); 3917 $(this).attr('aria-expanded', 'false'); 3918 }); 3919 3920 $('.horizontal_menu>li .hor_menu_links').on('keydown', function (event) { 3921 let $currentItem = $(this); 3922 let menu_list = $currentItem.closest('.menu_container_li'); 3923 let menubarItems = getMenubarItems(); 3924 let currentIndex = menubarItems.index($currentItem); 3925 let hasSubmenu = menu_list.find('.menu_container').length > 0; 3926 3927 if (event.which === 13 || event.which === 32) { 3928 if(event.which === 32) { 3929 event.preventDefault(); 3930 } 3931 3932 if (hasSubmenu) { 3933 // If has submenu, toggle it 3934 let wasOpen = menu_list.hasClass('show_sub_menu'); 3935 menu_list.toggleClass('show_sub_menu'); 3936 menu_list.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', menu_list.hasClass('show_sub_menu') ? 'true' : 'false'); 3937 $('.horizontal_menu').attr('data-menubar-item-expanded', menu_list.hasClass('show_sub_menu') ? 'true' : 'false'); 3938 $currentItem.attr('aria-expanded', menu_list.hasClass('show_sub_menu') ? 'true' : 'false'); 3939 3940 if (event.which === 13 && !wasOpen && menu_list.hasClass('show_sub_menu')) { 3941 let menu_container = menu_list.find('.menu_container'); 3942 if (menu_container.length > 0) { 3943 let submenuItems = getSubmenuItems(menu_container); 3944 if (submenuItems.length > 0) { 3945 setTimeout(function() { 3946 submenuItems.first().focus(); 3947 }, 0); 3948 } 3949 } 3950 } 3951 } else { 3952 // If no submenu, activate the link 3953 event.preventDefault(); 3954 let linkUrl = $currentItem.attr('href'); 3955 let linkName = $currentItem.text().trim(); 3956 3957 // Close all menus 3958 $('.show_sub_menu').removeClass('show_sub_menu'); 3959 $('.horizontal_menu').attr('data-menubar-item-expanded', 'false'); 3960 $('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false'); 3961 3962 // Navigate to the link if it's a valid URL 3963 if (linkUrl && linkUrl !== '#' && linkUrl !== '#!') { 3964 // Navigate to the page 3965 window.location.href = linkUrl; 3966 } 3967 } 3968 } else if (event.which === 27) { 3969 // Escape: close submenu if open 3970 if (menu_list.hasClass('show_sub_menu')) { 3971 menu_list.removeClass('show_sub_menu'); 3972 menu_list.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false'); 3973 $('.horizontal_menu').attr('data-menubar-item-expanded', 'false'); 3974 $currentItem.attr('aria-expanded', 'false'); 3975 menu_list.find('.nav_list_trd').removeClass('open'); 3976 } 3977 } else if (event.which === 37) { 3978 // Left Arrow: move to previous item (circular) 3979 event.preventDefault(); 3980 let prevItem = currentIndex >
3980 0 ? menubarItems.eq(currentIndex - 1) : menubarItems.last(); 3981 setFocusToMenuitem(menubarItems, prevItem); 3982 // Open submenu if any popup is open 3983 if ($('.horizontal_menu').attr('data-menubar-item-expanded') === 'true') { 3984 let prevMenuList = prevItem.closest('.menu_container_li'); 3985 if (prevMenuList.find('.menu_container').length > 0) { 3986 prevMenuList.addClass('show_sub_menu'); 3987 prevMenuList.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true'); 3988 $('.horizontal_menu').attr('data-menubar-item-expanded', 'true'); 3989 } 3990 } 3991 } else if (event.which === 39) { 3992 // Right Arrow: move to next item in menubar (circular) 3993 // 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." 3994 event.preventDefault(); 3995 let nextItem = currentIndex < menubarItems.length - 1 ? menubarItems.eq(currentIndex + 1) : menubarItems.first(); 3996 setFocusToMenuitem(menubarItems, nextItem); 3997 // Open submenu if any popup is open 3998 if ($('.horizontal_menu').attr('data-menubar-item-expanded') === 'true') { 3999 let nextMenuList = nextItem.closest('.menu_container_li'); 4000 if (nextMenuList.find('.menu_container').length > 0) { 4001 nextMenuList.addClass('show_sub_menu'); 4002 nextMenuList.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true'); 4003 $('.horizontal_menu').attr('data-menubar-item-expanded', 'true'); 4004 } 4005 } 4006 } else if (event.which === 40) { 4007 // Down Arrow: open submenu and focus first item 4008 event.preventDefault(); 4009 if (menu_list.find('.menu_container').length > 0) { 4010 menu_list.addClass('show_sub_menu'); 4011 menu_list.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true'); 4012 $('.horizontal_menu').attr('data-menubar-item-expanded', 'true'); 4013 $currentItem.attr('aria-expanded', 'true'); 4014 4015 let menu_container = menu_list.find('.menu_container'); 4016 let submenuItems = getSubmenuItems(menu_container); 4017 if (submenuItems.length > 0) { 4018 setTimeout(function() { 4019 let firstItem = submenuItems.first(); 4020 setFocusToMenuitem(submenuItems, firstItem); 4021 }, 0); 4022 } 4023 } 4024 } else if (event.which === 38) { 4025 // Up Arrow: open submenu and focus last item 4026 event.preventDefault(); 4027 if (menu_list.find('.menu_container').length > 0) { 4028 menu_list.addClass('show_sub_menu'); 4029 menu_list.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true'); 4030 $('.horizontal_menu').attr('data-menubar-item-expanded', 'true'); 4031 $currentItem.attr('aria-expanded', 'true'); 4032 4033 let menu_container = menu_list.find('.menu_container'); 4034 let submenuItems = getSubmenuItems(menu_container); 4035 if (submenuItems.length > 0) { 4036 setTimeout(function() { 4037 let lastItem = submenuItems.last(); 4038 // Initialize tabindex for submenu items if not already set 4039 submenuItems.attr('tabindex', '-1'); 4040 setFocusToMenuitem(submenuItems, lastItem); 4041 }, 0); 4042 } 4043 } 4044 } else if (event.which === 36 || event.which === 33) { 4045 // Home or PageUp: move to first item in menubar 4046 event.preventDefault(); 4047 let firstItem = menubarItems.first(); 4048 setFocusToMenuitem(menubarItems, firstItem); 4049 } else if (event.which === 35 || event.which === 34) { 4050 // End or PageDown: move to last item in menubar 4051 event.preventDefault();
4052 let lastItem = menubarItems.last(); 4053 setFocusToMenuitem(menubarItems, lastItem); 4054 } else if ((event.which >= 65 && event.which <= 90) || (event.which >= 48 && event.which <= 57)) { 4055 // Character navigation (A-Z, 0-9) 4056 event.preventDefault(); 4057 let char = String.fromCharCode(event.which).toLowerCase(); 4058 let now = Date.now(); 4059 4060 // Reset if timeout passed or different character 4061 if (now - lastCharTime > CHAR_NAV_TIMEOUT || lastChar !== char) { 4062 lastChar = char; 4063 lastCharTime = now; 4064 } 4065 4066 let nextIndex = findItemByCharacter(menubarItems, char, currentIndex); 4067 if (nextIndex >= 0) { 4068 let nextItem = menubarItems.eq(nextIndex); 4069 setFocusToMenuitem(menubarItems, nextItem); 4070 } 4071 } 4072 }); 4073 4074 4075 // Handle keyboard navigation for section headers (role="button" in .vfit) 4076 // Note: tabindex="0" should be added in PHP template, not here 4077 $(document).on('keydown', '.menu_container .vfit a[role="button"]', function (event) { 4078 if (event.which === 40) { 4079 // Down Arrow: move focus to first submenu item in this section 4080 event.preventDefault(); 4081 let $currentNavDiv = $(this).closest('[class^="nav_div"]'); 4082 if ($currentNavDiv.length > 0) { 4083 let firstItem = $currentNavDiv.find('.nav_list li a[role="menuitem"]').first(); 4084 if (firstItem.length > 0) { 4085 let submenuItems = $currentNavDiv.find('.nav_list li a[role="menuitem"]'); 4086 setFocusToMenuitem(submenuItems, firstItem); 4087 } 4088 } 4089 } else if (event.which === 38) { 4090 // Up Arrow: move focus to last submenu item in this section 4091 event.preventDefault(); 4092 let $currentNavDiv = $(this).closest('[class^="nav_div"]'); 4093 if ($currentNavDiv.length > 0) { 4094 let lastItem = $currentNavDiv.find('.nav_list li a[role="menuitem"]').last(); 4095 if (lastItem.length > 0) { 4096 let submenuItems = $currentNavDiv.find('.nav_list li a[role="menuitem"]'); 4097 setFocusToMenuitem(submenuItems, lastItem); 4098 } 4099 } 4100 } else if (event.which === 13 || event.which === 32) { 4101 // Enter/Space: move focus to first submenu item (same as Down Arrow) 4102 event.preventDefault(); 4103 if (event.which === 32) { 4104 event.preventDefault(); 4105 } 4106 let $currentNavDiv = $(this).closest('[class^="nav_div"]'); 4107 if ($currentNavDiv.length > 0) { 4108 let firstItem = $currentNavDiv.find('.nav_list li a[role="menuitem"]').first(); 4109 if (firstItem.length > 0) { 4110 let submenuItems = $currentNavDiv.find('.nav_list li a[role="menuitem"]'); 4111 setFocusToMenuitem(submenuItems, firstItem); 4112 } 4113 } 4114 } 4115 }); 4116 4117 $(document).on('keydown', '.horizontal_menu .nav_a_trd, .menu_container .nav_list li a[role="menuitem"]', function (event) { 4118 let $currentElement = $(this); 4119 let $currentLi = $currentElement.closest('li'); 4120 4121 // Find the menu_container - could be parent or ancestor 4122 let $menuContainer = $currentElement.closest('.menu_container'); 4123 if ($menuContainer.length === 0) { 4124 // If not found, look for parent menu_container_li and then its menu_container 4125 let $parentMenuContainerLi = $currentElement.closest('.menu_container_li'); 4126 if ($parentMenuContainerLi.length > 0) { 4127 $menuContainer = $parentMenuContainerLi.closest('.menu_container'); 4128 if ($menuContainer.length === 0) { 4129 // Try finding menu_container that c
4129ontains this menu_container_li 4130 $menuContainer = $parentMenuContainerLi.parents('.menu_container').first(); 4131 } 4132 } 4133 } 4134 4135 // Find parent menu_container_li (the one with hor_menu_links) - must be direct child of .horizontal_menu 4136 let $parentMenuContainerLi = $currentElement.closest('.horizontal_menu').find('> li.menu_container_li').has($menuContainer).first(); 4137 if ($parentMenuContainerLi.length === 0) { 4138 // Fallback: find menu_container_li that is direct child of horizontal_menu and contains the menu_container 4139 $parentMenuContainerLi = $currentElement.closest('.horizontal_menu').children('li.menu_container_li').filter(function() { 4140 return $(this).find('.menu_container').length > 0 && $(this).find($menuContainer).length > 0; 4141 }).first(); 4142 } 4143 if ($parentMenuContainerLi.length === 0) { 4144 // Last fallback: find any menu_container_li that contains hor_menu_links and the menu_container 4145 $parentMenuContainerLi = $currentElement.closest('.horizontal_menu').find('.menu_container_li').filter(function() { 4146 return $(this).find('.hor_menu_links[aria-haspopup=true]').length > 0 && $(this).find($menuContainer).length > 0; 4147 }).first(); 4148 } 4149 4150 // Get all submenu items in current submenu 4151 // For custom_build_menu, ALL items across all columns should be treated as equal submenu items 4152 let submenuItems = $(); 4153 if ($menuContainer.length > 0) { 4154 // Check if this is custom_build_menu structure 4155 let isCustomBuildMenu = $menuContainer.hasClass('custom_build_menu'); 4156 4157 if (isCustomBuildMenu) { 4158 // For custom_build_menu: get ALL items from ALL nav_div sections within the menu_container 4159 // All items are equal submenu items regardless of which column they're in 4160 submenuItems = $menuContainer.find('.nav_list li a[role="menuitem"]').filter(function() { 4161 let $item = $(this); 4162 // Exclude items that are in .vfit (section headers) or are hor_menu_links 4163 // Also exclude items with role="button" (section headers) 4164 return $item.is(':visible') && 4165 !$item.attr('disabled') && 4166 !$item.hasClass('hor_menu_links') && 4167 !$item.closest('.vfit').length && 4168 $item.attr('role') === 'menuitem'; 4169 }); 4170 } else { 4171 // Standard menu structure (default_build_menu) - get all items within menu_container 4172 submenuItems = getSubmenuItems($menuContainer); 4173 } 4174 } 4175 4176 // Find current element index - try multiple methods 4177 let currentSubmenuIndex = -1; 4178 if (submenuItems.length > 0) { 4179 currentSubmenuIndex = submenuItems.index($currentElement); 4180 // If not found by index, try to find by comparing elements 4181 if (currentSubmenuIndex === -1) { 4182 submenuItems.each(function(index) { 4183 if ($(this)[0] === $currentElement[0]) { 4184 currentSubmenuIndex = index; 4185 return false; // break 4186 } 4187 }); 4188 } 4189 } 4190 4191 // Get parent menubar items 4192 let menubarItems = getMenubarItems(); 4193 let parentMenubarIndex = -1; 4194 if ($parentMenuContainerLi.length > 0) { 4195 let $parentHorMenuLink = $parentMenuContainerLi.find('.hor_menu_links'); 4196 if ($parentHorMenuLink.length > 0) { 4197 parentMenubarIndex = menubarItems.index($parentHorMenuLink); 4198 } 4199 } 4200 4201 if (event.which === 13 || event.which === 32) { 4202 // Enter/Space: toggle nested submenu if exists, otherwise activate item 4203 if(event.which === 32) { 4204 event.preventDefault(); 4205 } 4206 4207 let $nestedSubmenu = $currentLi.find('.nav_list_trd'); 4208 if ($nestedSubmenu.length > 0) { 4209 $nestedSubmenu.toggleClass('open'); 4210 // If opening nested submenu, focus first item 4211 if ($nestedSubmenu.hasClass('open')) { 4212 let nestedItems = $nestedSubmenu.find('.nav_a_trd, a[href]').filter(function() { 4213 return $(this).is(':visible') && !$(this).attr('disabled'); 4214 }); 4215 if (nestedItems.length > 0) { 4216 setTimeout(function() { 4217 let firstItem = nestedItems.first(); 4218 setFocusToMenuitem(nestedItems, firstItem); 4219 }, 0); 4220 } 4221 } 4222 } else { 4223 // If no nested submenu, activate the link 4224 let linkUrl = $currentElement.attr('href'); 4225 let linkName = $currentElement.text().trim(); 4226 4227 if (linkUrl && linkUrl !== '#' && linkUrl !== '#!') { 4228 // Close all menus 4229 $('.show_sub_menu').removeClass('show_sub_menu'); 4230 $('.horizontal_menu').attr('data-menubar-item-expanded', 'false'); 4231 $('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false'); 4232 4233 // Update content and move focus 4234 updateContent(linkUrl, linkName, true); 4235 } 4236 } 4237 } else if (event.which === 27) { 4238 // Escape: close submenu and return focus to parent menu item 4239 event.preventDefault(); 4240 4241 // Close any open nested submenu 4242 $currentLi.find('.nav_list_trd').removeClass('open'); 4243 4244 // Find the parent menu container 4245 if ($parentMenuContainerLi.length === 0) { 4246 let current = $currentElement.parent(); 4247 while (current.length > 0 && !current.hasClass('menu_container_li') && !current.hasClass('horizontal_menu')) { 4248 current = current.parent(); 4249 } 4250 if (current.hasClass('menu_container_li')) { 4251 $parentMenuContainerLi = current; 4252 } else { 4253 $parentMenuContainerLi = $currentElement.closest('.horizontal_menu').find('.menu_container_li').filter(function() { 4254 return $(this).find($currentElement).length > 0; 4255 }).first(); 4256 } 4257 } 4258 4259 if ($parentMenuContainerLi.length > 0 && $parentMenuContainerLi.hasClass('show_sub_menu')) { 4260 $parentMenuContainerLi.removeClass('show_sub_menu'); 4261 $parentMenuContainerLi.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false'); 4262 $('.horizontal_menu').attr('data-menubar-item-expanded', 'false'); 4263 4264 // Return focus to the parent menu item 4265 let parent_menu_link = $parentMenuContainerLi.find('.hor_menu_links'); 4266 if (parent_menu_link.length > 0) { 4267 let menubarItems = getMenubarItems(); 4268 setFocusToMenuitem(menubarItems, parent_menu_link); 4269 } 4270 } 4271 } else if (event.which === 37) { 4272 // Left Arrow: close submenu and move to parent. If parent is in menubar, move to previous menubar item 4273 event.preventDefault(); 4274 4275 // Close current submenu 4276 if ($parentMenuContainerLi.length > 0 && $parentMenuContainerLi.hasClass('show_sub_menu')) { 4277 $parentMenuContainerLi.removeClass('show_sub_menu'); 4278 $parentMenuContainerLi.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false'); 4279 $('.horizontal_menu').attr('data-menubar-item-expanded', 'false'); 4280 4281 // Move to previous menubar item and open its submenu 4282 if (parentMenubarIndex >= 0) { 4283 let prevMenubarIndex = parentMenubarIndex > 0 ? parentMenubarIndex - 1 : menubarItems.length - 1; 4284 let prevMenubarItem = menubarItems.eq(prevMenubarIndex); 4285 let prevMenuContainerLi = prevMenubarItem.closest('.menu_container_li'); 4286 4287 if (prevMenuContainerLi.find('.menu_container').length > 0) { 4288 prevMenuContainerLi.addClass('show_sub_menu'); 4289 prevMenuContainerLi.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true'); 4290 $('.horizontal_menu').attr('data-menubar-item-expanded', 'true'); 4291 } 4292 setFocusToMenuitem(menubarItems, prevMenubarItem); 4293 } else { 4294 // Just focus parent if not in menubar 4295 let parent_menu_link = $parentMenuContainerLi.find('.hor_menu_links'); 4296 if (parent_menu_link.length > 0) { 4297 let menubarItems = getMenubarItems(); 4298 setFocusToMenuitem(menubarItems, parent_menu_link); 4299 } 4300 } 4301 } 4302 } else if (event.which === 39) { 4303 // Right Arrow: if item has submenu, open it and focus first item. Otherwise close submenu, move to next menubar item 4304 event.preventDefault(); 4305 4306 let $nestedSubmenu = $currentLi.find('.nav_list_trd'); 4307 if ($nestedSubmenu.length > 0 && !$nestedSubmenu.hasClass('open')) { 4308 // Open nested submenu and focus first item 4309 $nestedSubmenu.addClass('open'); 4310 let nestedItems = $nestedSubmenu.find('.nav_a_trd, a[href]').filter(function() { 4311 return $(this).is(':visible') && !$(this).attr('disabled'); 4312 }); 4313 if (nestedItems.length > 0) { 4314 setTimeout(function() { 4315 let firstItem = nestedItems.first(); 4316 setFocusToMenuitem(nestedItems, firstItem); 4317 }, 0); 4318 } 4319 } else { 4320 // Close current submenu and move to next menubar item 4321 if ($parentMenuContainerLi.length > 0 && $parentMenuContainerLi.hasClass('show_sub_menu')) { 4322 $parentMenuContainerLi.removeClass('show_sub_menu'); 4323 $parentMenuContainerLi.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false'); 4324 $('.horizontal_menu').attr('data-menubar-item-expanded', 'false'); 4325 4326 // Move to next menubar item and open its submenu 4327 if (parentMenubarIndex >= 0) { 4328 let nextMenubarIndex = parentMenubarIndex < menubarItems.length - 1 ? parentMenubarIndex + 1 : 0; 4329 let nextMenubarItem = menubarItems.eq(nextMenubarIndex); 4330 let nextMenuContainerLi = nextMenubarItem.closest('.menu_container_li'); 4331 4332 if (nextMenuContainerLi.find('.menu_container').length > 0) { 4333 nextMenuContainerLi.addClass('show_sub_menu'); 4334 nextMenuContainerLi.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true'); 4335 $('.horizontal_menu').attr('data-menubar-item-expanded', 'true'); 4336 } 4337 setFocusToMenuitem(menubarItems, nextMenubarItem); 4338 } 4339 } 4340 } 4341 } else if (event.which === 40) { 4342 // Down Arrow: move to next item in submenu (circular) 4343 event.preventDefault(); 4344 if (submenuItems.length > 0) { 4345 let nextIndex = currentSubmenuIndex < submenuItems.length - 1 ? currentSubmenuIndex + 1 : 0; 4346 let nextItem = submenuItems.eq(nextIndex); 4347 if (nextItem.length > 0) { 4348 setFocusToMenuitem(submenuItems, nextItem); 4349 } 4350 } 4351 } else if (event.which === 38) { 4352 // Up Arrow: move to previous item in submenu (circular) 4353 event.preventDefault(); 4354 if (submenuItems.length > 0) { 4355 let prevIndex = currentSubmenuIndex > 0 ? currentSubmenuIndex - 1 : submenuItems.length - 1; 4356 let prevItem = submenuItems.eq(prevIndex); 4357 if (prevItem.length > 0) { 4358 setFocusToMenuitem(submenuItems, prevItem); 4359 } 4360 } 4361 } else if (event.which === 36 || event.which === 33) { 4362 // Home or PageUp: move to first item in submenu 4363 event.preventDefault(); 4364 if (submenuItems.length > 0) { 4365 let firstItem = submenuItems.first(); 4366 setFocusToMenuitem(submenuItems, firstItem); 4367 } 4368 } else if (event.which === 35 || event.which === 34) { 4369 // End or PageDown: move to last item in submenu 4370 event.preventDefault(); 4371 if (submenuItems.length > 0) {
4372 let lastItem = submenuItems.last(); 4373 setFocusToMenuitem(submenuItems, lastItem); 4374 } 4375 } else if ((event.which >= 65 && event.which <= 90) || (event.which >= 48 && event.which <= 57)) { 4376 // Character navigation (A-Z, 0-9) 4377 event.preventDefault(); 4378 let char = String.fromCharCode(event.which).toLowerCase(); 4379 let now = Date.now(); 4380 4381 // Reset if timeout passed or different character 4382 if (now - lastCharTime > CHAR_NAV_TIMEOUT || lastChar !== char) { 4383 lastChar = char; 4384 lastCharTime = now; 4385 } 4386 4387 if (submenuItems.length > 0 && currentSubmenuIndex >= 0) { 4388 let nextIndex = findItemByCharacter(submenuItems, char, currentSubmenuIndex); 4389 if (nextIndex >= 0) { 4390 let nextItem = submenuItems.eq(nextIndex); 4391 setFocusToMenuitem(submenuItems, nextItem); 4392 } 4393 } 4394 } 4395 }); 4396 </script>
4396 4397 </div> 4398</div> 4399 4400<style> 4401 .header_container_1>.flex_row_4>.flex_col_1>.flex_cell_1.menu { 4402 width:100%; justify-content: center; 4403 align-items:center; -webkit-align-items:center; } 4404 4405 .header_container_1>.flex_row_4>.flex_col_1>.flex_cell_1.menu { 4406 height:100%; } 4407 4408 .header_container_1>.flex_row_4>.flex_col_1>.flex_cell_1.menu>.flex_cell_content { 4409 display: flex; 4410 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 4411 4412 .header_container_1>.flex_row_4>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a, 4413 .header_container_1>.flex_row_4>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>button { 4414 color:#000000; display: flex; 4415 font-weight:400; font-style:normal; font-size:13px; font-family:Sackers Gothic Std; text-transform:uppercase; line-height:25px; } 4416 4417 .header_container_1>.flex_row_4>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a:hover { 4418 color:#000000; } 4419</style> 4420 </div> 4421 4422 <style> 4423 .header_container_1>.flex_row_4>.flex_col_1 { 4424 width:100%; } 4425 </style> 4426 4427 4428 4429 </div> 4430 4431 4432 <style> 4433 .header_container_1>.flex_row_4 { 4434 background-color: #ffffff; 4435 4436 color:#000000; height:auto; 4437 4438 } 4439 4440 </style> 4441 4442 4443 4444 4445 4446 4447 <div class="flex_row"> 4448 4449 4450 <div class="flex_col"> 4451 4452 4453 </div> 4454 4455 <div class="flex_col"> 4456 4457 4458 </div> 4459 4460 <div class="flex_col"> 4461 4462 4463 </div> 4464 4465 <div class="flex_col"> 4466 4467 4468 </div> 4469 4470 <div class="flex_col"> 4471 4472 4473 </div> 4474 4475 <div class="flex_col"> 4476 4477 4478 </div> 4479 4480 <div class="flex_col"> 4481 4482 4483 </div> 4484 4485 </div> 4486 4487 4488 4489 <div class="flex_row"> 4490 4491 4492 <div class="flex_col"> 4493 4494 4495 </div> 4496 4497 <div class="flex_col"> 4498 4499 4500 </div> 4501 4502 <div class="flex_col"> 4503 4504 4505 </div> 4506 4507 <div class="flex_col"> 4508 4509 4510 </div> 4511 4512 <div class="flex_col"> 4513 4514 4515 </div> 4516 4517 </div> 4518 4519 4520 4521 <div class="flex_row"> 4522 4523 4524 <div class="flex_col"> 4525 4526 4527 </div> 4528 4529 </div> 4530 4531 4532 4533 <div class="flex_row"> 4534 4535 4536 <div class="flex_col"> 4537 4538 <div class="flex_cell flex_cell_1 menu"> 4539 <style>
4540 #desktop_hamburger_menu_template { 4541 position: fixed; 4542 top: 0; 4543 left: 0; 4544 width: 325px; 4545 overflow-y: auto; 4546 transform: translateX(-325px); 4547 z-index: 1000000001; 4548 height: 100vh; 4549 background-color: #ffffff; 4550 transition: all 0.3s ease; 4551 } 4552 #desktop_hamburger_menu_template_overlay.open { 4553 position: fixed; 4554 top: 0; 4555 left: 0; 4556 width: 100vw; 4557 z-index: 1000000001; 4558 transition: all 0.3s ease; 4559 height: 100vh; 4560 background: rgba(1, 1, 1, 0.5); 4561 cursor: pointer; 4562 transform: translateX(325px); 4563 } 4564 #desktop_hamburger_menu_template .hamburger-menu-template-inner { 4565 padding: 10px; 4566 padding-right:25px; 4567 } 4568 #desktop_hamburger_menu_template .hamburger-menu-close-button { 4569 font-size: 14px !important; 4570 display: flex; 4571 align-items: center; 4572 margin-bottom: 20px; 4573 } 4574 #desktop_hamburger_menu_template .hamburger-menu-close-button svg,
4575 #desktop_hamburger_menu_template button.hamburger-menu-close-button svg { 4576 height: 15px; 4577 margin-right: 5px; 4578 } 4579 #desktop_hamburger_menu_template .hamburger-menu-nav-section { 4580 display: flex; 4581 justify-content: space-between; 4582 align-items: center; 4583 } 4584 #desktop_hamburger_menu_template .hamburger-menu-nav-section svg, 4585 #desktop_hamburger_menu_template button.hamburger-menu-nav-section svg, 4586 #desktop_hamburger_menu_template a.hamburger-menu-nav-section svg { 4587 height: 10px; 4588 float: right; 4589 } 4590 #desktop_hamburger_menu_template .hamburger-menu-nav-section.parent_men span, 4591 #desktop_hamburger_menu_template a.hamburger-menu-nav-section.parent_men span, 4592 #desktop_hamburger_menu_template button.hamburger-menu-nav-section.parent_men span { 4593 text-decoration: underline; 4594 } 4595 #desktop_hamburger_menu_template .hamburger-menu-nav-section.parent_men_arrow,
4596 #desktop_hamburger_menu_template a.hamburger-menu-nav-section.parent_men_arrow, 4597 #desktop_hamburger_menu_template button.hamburger-menu-nav-section.parent_men_arrow { 4598 min-width:30px; 4599 justify-content: end; 4600 } 4601 #desktop_hamburger_menu_template .ham_menu_container { 4602 display:flex; 4603 justify-content: space-between; 4604 } 4605 #desktop_hamburger_menu_template.open { 4606 transform: translateX(0); 4607 } 4608 #desktop_hamburger_menu_template .sub-menu-panel { 4609 display: none; 4610 } 4611 #desktop_hamburger_menu_template .sub-menu-panel[aria-hidden="true"] { 4612 display: none; 4613 } 4614 #desktop_hamburger_menu_template .sub-menu-panel[aria-hidden="false"] { 4615 display: block; 4616 } 4617 #desktop_hamburger_menu_template .icon_and_name { 4618 display:flex; 4619 align-items:center; 4620 gap:10px; 4621 } 4622 #desktop_hamburger_menu_template .hum-line { 4623 border-bottom: 1px solid #ddd; 4624 } 4625 #desktop_hamburger_menu_template .sub-menu-panel.open,
4626 #desktop_hamburger_menu_template .sub-menu-panel[aria-hidden="false"] { 4627 display: block; 4628 } 4629 #desktop_hamburger_menu_template a.hamburger-menu-nav-section, 4630 #desktop_hamburger_menu_template button.hamburger-menu-nav-section, 4631 #desktop_hamburger_menu_template button.hamburger-menu-close-button, 4632 #desktop_hamburger_menu_template a.hamburger-menu-close-button{ 4633 color:#000000; display: flex; 4634 text-align: left; 4635 width: 100%; 4636 position: relative; 4637 font-weight:400; font-style:normal; font-size:13px; font-family:Sackers Gothic Std; text-transform:uppercase; line-height:25px; } 4638 #desktop_hamburger_menu_template.hamburger-menu-template .nav_list_trd { 4639 display: none; 4640 padding: 15px 0px; 4641 background: #fff; 4642 } 4643 #desktop_hamburger_menu_template.hamburger-menu-template .nav_list_trd.open { 4644 display: block; 4645 padding-top:2px; 4646 } 4647 /* Reset button styles to look like links */ 4648 #desktop_hamburger_menu_template button.hamburger-menu-nav-section,
4649 #desktop_hamburger_menu_template button.hamburger-menu-close-button, 4650 #desktop_hamburger_menu_template button.parent_men_arrow { 4651 background: none; 4652 border: none; 4653 padding: 0; 4654 cursor: pointer; 4655 -webkit-appearance: none; 4656 -moz-appearance: none; 4657 appearance: none; 4658 } 4659 4660 /* Hover and active states for buttons - inherit from link styles */ 4661 #desktop_hamburger_menu_template button.hamburger-menu-nav-section:hover, 4662 #desktop_hamburger_menu_template button.hamburger-menu-nav-section.active, 4663 #desktop_hamburger_menu_template button.hamburger-menu-nav-section[aria-expanded="true"], 4664 #desktop_hamburger_menu_template button.hamburger-menu-close-button:hover { 4665 /* Styles inherited from parent selectors above */ 4666 } 4667 4668 /* Additional button styles are inherited from parent selectors above */ 4669 4670 /* Image styles inside buttons */ 4671 #desktop_hamburger_menu_template button.hamburger-menu-nav-section .icon_and_name img,
4672 #desktop_hamburger_menu_template a.hamburger-menu-nav-section .icon_and_name img { 4673 height:20px; 4674 } 4675 </style> 4676 4677 <nav id="desktop_hamburger_menu_template" class="hamburger-menu-template" inert="inert"> 4678 <div class="hamburger-menu-template-inner"> 4679 <button type="button" class="hamburger-menu-close-button mr-4" id="desktop_hamburger_close_button" aria-label="Close menu"> 4680 <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> 4681 4682 <div class="script_before_menu"> 4683 </div> 4684 <div style="clear: both"></div> 4685 4686 4687 <a class="hamburger-menu-nav-section " title="David Yurman" href="/david-yurman" > 4688 <span class="icon_and_name"> 4689 4690 David Yurman </span> 4691 4692 </a> 4693 4694 4695 4696 <div class="sub-menu-panel" id="desktop-submenu-134" aria-hidden="true"> 4697 4698 4699 4700 4701 4702<div class="menu_container default_build_menu menu_container_1_navigation_134"> 4703 <div class="nav_div_134"> 4704 </div> 4705</div> 4706<style> 4707 .menu_container_1_navigation_134 { 4708 background: #fff; 4709 } 4710 .horizontal_menu .nav_div_134 { 4711 padding: 15px 0px; 4712 box-shadow: 0px 0px 5px #00000078; display: flex; 4713 flex-wrap: wrap; 4714 } 4715 .horizontal_menu .nav_img_134 { 4716 height: 200px; 4717 width: 250px; 4718 margin-left: 50px; 4719 margin-right: 20px; 4720 flex-shrink: 0; 4721 order: 1; 4722 } 4723 .horizontal_menu .nav_img_134 img { 4724 max-width: 100%; 4725 max-height: 100%; 4726 } 4727 .horizontal_menu .nav_div_134 .vfit { 4728 text-align: left; 4729 border-bottom: 1px solid #ececec; 4730 text-transform: uppercase; 4731 } 4732 .nav_div_134 .vfit a { 4733 text-decoration: none; 4734 color: #222; 4735 } 4736 .nav_div_134 .nav_list { 4737 list-style: none; 4738 margin: 0; 4739 padding: 0; 4740 order: 1; 4741 } 4742 .nav_div_134 ul { 4743 list-style: none; 4744 } 4745 #desktop_hamburger_menu_template .nav_div_134 li { 4746 width: 100%; 4747 margin: 0; 4748 padding: 0px 20px; 4749 position: relative; 4750 } 4751 .horizontal_menu .nav_div_134 li { 4752 width: 100%; 4753 margin: 0; 4754 padding: 0px 20px; 4755 position: relative; 4756 } 4757 4758 #desktop_hamburger_menu_template .nav_div_134 li svg { 4759 position: absolute; 4760 right: 15px; 4761 height: 10px; 4762 top: 10px; 4763 } 4764 .horizontal_menu .nav_div_134 li svg { 4765 position: absolute; 4766 right: 15px; 4767 height: 10px; 4768 top: 10px; 4769 } 4770 4771 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_134 .nav_div_134 .nav_list li .nav_a_trd { 4772 display: flex; 4773 align-items: center; 4774 padding: 0; 4775 line-height: 30px; 4776 font-size: 14px; 4777 text-transform: uppercase; 4778 text-decoration: none; 4779 color: #222; 4780 white-space: normal; 4781 4782 color:#000000; font-weight:400; font-style:normal; font-size:12px; font-family:Sackers Gothic Std; text-transform:uppercase; 4783 } 4784 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_134 .nav_div_134 .nav_list li button { 4785 background: none; 4786 border: none; 4787 cursor: pointer; 4788 } 4789 4790 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_134 .nav_div_134 .nav_list li .nav_a_trd.parent_men { 4791 text-decoration: underline; 4792 } 4793 4794 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_134 .nav_div_134 .nav_list li .nav_a_trd:hover { 4795 color:#000000; cursor: pointer; 4796 } 4797 4798 4799 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_134 .nav_div_134 .nav_list li .nav_list_trd li a { 4800 display: flex; 4801 align-items: center; 4802 padding: 0; 4803 line-height: 30px; 4804 font-size: 14px; 4805 text-transform: uppercase; 4806 text-decoration: none; 4807 color: #222; 4808 white-space: normal; 4809 4810 color:#000000; font-weight:400; font-style:normal; font-size:12px; font-family:Sackers Gothic Std; text-transform:uppercase; } 4811 4812 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_134 .nav_div_134 .nav_list li .nav_list_trd li a:hover { 4813 color:#000000; } 4814 4815 .nav_div_134 .nav_list li a .nav_icons { 4816 height: 30px; 4817 margin-right: 5px; 4818 } 4819 4820 .nav_div_134 .nav_list .nav_list_trd li a .nav_icons { 4821 height: 25px; 4822 } 4823 4824 4825 .nav_div_134 .nav_list li a:hover { 4826 color: #3172ab; 4827 } 4828 .horizontal_menu .nav_div_134 .nav_list_trd { 4829 display: none; 4830 position: absolute; 4831 left: 100%; 4832 top: -15px; 4833 padding: 15px 0px; 4834 box-shadow: 0px 0px 5px #00000078; background: #fff; 4835 } 4836 .horizontal_menu .nav_div_134 .nav_list>li .nav_list_trd.open, 4837 .horizontal_menu .nav_div_134 .nav_list>li:hover .nav_list_trd { 4838 display: block; 4839 z-index: 99; 4840 } 4841 4842 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_134, 4843 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_134 .nav_list_trd{ 4844 width: 250px; 4845 } 4846 4847 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_134 .nav_list_trd{ 4848 width: 250px; 4849 } 4850 </style> 4851 </div> 4852 <div class="hum-line"></div> 4853 4854 4855 <button type="button" class="hamburger-menu
4855-nav-section " aria-expanded="false" aria-controls="desktop-submenu-133" aria-label="Expand Bridal section"> 4856 <span class="icon_and_name"> 4857 4858 Bridal </span> 4859 <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> 4860 4861 </button> 4862 4863 4864 4865 <div class="sub-menu-panel" id="desktop-submenu-133" aria-hidden="true"> 4866 4867 4868 4869 4870 <div class="menu_container custom_build_menu menu_container_1_63 custom_bm_fw" role="menu"> 4871 4872 4873 4874 <div class="flex_row flex_row_1"> 4875 4876 4877 <div class="flex_col flex_col_1"> 4878 4879 4880 </div> 4881 4882 <style> 4883 .menu_container_1_63 .flex_row_1 .flex_col_1 { 4884 width:100%; } 4885 </style> 4886 4887 4888 4889 <div class="flex_col flex_col_2"> 4890 4891 4892 <div class="flex_cell flex_cell_1 third_level"> 4893 <div class="flex_cell_content"> 4894 <div class="nav_div_20 menu_container_li"> 4895 <div class="vfit"> 4896 <a class=" " title="Engagement Rings" href="#!" data-full_image="" role="button" tabindex="0"> 4897 Engagement Rings </a> 4898 </div> 4899 <div class="nav_list_container"> 4900 <ul class="nav_list" role="menu" aria-label="Engagement Rings" tabindex="-1"> 4901 <li class="" role="none"> 4902 <a class="" 4903 role="menuitem" 4904 tabindex="0" 4905 href="https://www.garymichaelsfinejewelry.com/engagement-rings" 4906 title="Shop Engagement Rings" 4907 style="" 4908 data-full_image="" 4909 > 4910 Shop Engagement Rings</a> 4911 </li> 4912 <li class="" role="none"> 4913 <a class="" 4914 role="menuitem" 4915 tabindex="-1" 4916 href="https://www.garymichaelsfinejewelry.com/create-your-ring" 4917 title="Build Your Dream Ring " 4918 style="" 4919 data-full_image="" 4920 > 4921 Build Your Dream Ring </a> 4922 </li> 4923 </ul> 4924 </div> 4925 </div> 4926 </div> 4927 <style> 4928 .menu_container_1_63>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_20 { 4929 width: 100%; 4930 } 4931 .menu_container_1_63>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_20 .vfit { 4932 text-align: left; 4933 4934 border-bottom: 1px solid #ececec; 4935 padding-bottom: 8px; 4936 } 4937 .menu_container_1_63>.flex_row_1>.flex_col_2>
4937.flex_cell_1 .nav_div_20 .nav_list { 4938 list-style: none; 4939 margin: 0; 4940 padding: 0; 4941 } 4942 .menu_container_1_63>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_20 .nav_list + li { 4943 margin-top: 10px; 4944 } 4945 .menu_container_1_63>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_20 li { 4946 width: 100%; 4947 margin: 0; 4948 padding: 0; 4949 } 4950 .menu_container_1_63>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_20 li:hover { 4951 opacity: 0.8; 4952 } 4953 .menu_container_1_63>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_20 .nav_list li a { 4954 padding: 0; 4955 } 4956 </style> 4957 </div> 4958<style> 4959 .menu_container_1_63>.flex_row_1>.flex_col_2>.flex_cell_1.third_level { 4960 width:100%; align-items:center; -webkit-align-items:center; } 4961 4962 .menu_container_1_63>.flex_row_1>.flex_col_2>.flex_cell_1.third_level { 4963 } 4964 4965 .menu_container_1_63>.flex_row_1>.flex_col_2>.flex_cell_1.third_level>.flex_cell_content { 4966 display: flex; 4967 width: 100%; 4968 margin-top:20px; margin-bottom:20px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 4969 4970 .menu_container_1_63>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a { 4971 color:#000000; font-weight:400; font-style:normal; display: flex; 4972 font-size:12px; font-family:Sackers Gothic Std; text-transform:uppercase; } 4973 .menu_container_1_63>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a:hover { 4974 color:#000000; } 4975 4976 .menu_container_1_63>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a .nav_ct_icons { 4977 height: 20px; 4978 margin-right: 5px; 4979 } 4980 4981 .menu_container_1_63>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a { 4982 color:#000000; font-weight:400; font-style:normal; line-height:30px; display: flex; 4983 font-size:12px; font-family:Sackers Gothic Std; text-transform:uppercase; line-height:30px; } 4984 .menu_container_1_63>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a:hover { 4985 color:#000000; } 4986 4987 .menu_container_1_63>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 4988 height: 20px; 4989 margin-right: 5px; 4990 } 4991 4992</style> 4993 </div> 4994 4995 <style> 4996 .menu_container_1_63 .flex_row_1 .flex_col_2 { 4997 width:100%; } 4998 </style> 4999 5000 5001 5002 <div class="flex_col flex_col_3"> 5003 5004 5005 <div class="flex_cell flex_cell_1 third_level"> 5006 <div class="flex_cell_content"> 5007 <div class="nav_div_102 menu_container_li"> 5008 <div class="vfit"> 5009 <a class=" " title="Wedding Bands" href="https://www.garymichaelsfinejewelry.com/wedding-bands" data-full_image="" > 5010 Wedding Bands </a> 5011 </div> 5012 <div class="nav_list_container"> 5013 <ul class="nav_list" role="menu" aria-label="Wedding Bands" tabindex="-1"> 5014 <li class="" role="none"> 5015 <a class="" 5016 role="menuitem" 5017 tabindex="0" 5018 href="https://www.garymichaelsfinejewelry.com/mens-wedding-bands" 5019 title="Men's Wedding Bands" 5020 style="" 5021 data-full_image="" 5022 > 5023 Men's Wedding Bands</a> 5024 </li> 5025 <li class="" role="none"> 5026 <a class="" 5027 role="menuitem" 5028 tabindex="-1" 5029 href="https://www.garymichaelsfinejewelry.com/womens-wedding-bands" 5030 title="Women's Wedding Bands" 5031 style="" 5032 data-full_image="" 5033 > 5034 Women's Wedding Bands</a> 5035 </li> 5036 </ul> 5037 </div> 5038 </div> 5039 </div> 5040 <style> 5041 .menu_container_1_63>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_102 { 5042 width: 100%; 5043 } 5044 .menu_container_1_63>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_102 .vfit { 5045 text-align: left; 5046 5047 border-bottom: 1px solid #ececec; 5048 padding-bottom: 8px; 5049 } 5050 .menu_container_1_63>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_102 .nav_list { 5051 list-style: none; 5052 margin: 0; 5053 padding: 0; 5054 } 5055 .menu_container_1_63>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_102 .nav_list + li { 5056 margin-top: 10px; 5057 } 5058 .menu_container_1_63>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_102 li { 5059 width: 100%; 5060 margin: 0; 5061 padding: 0; 5062 } 5063 .menu_container_1_63>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_102 li:hover { 5064 opacity: 0.8; 5065 } 5066 .menu_container_1_63>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_102 .nav_list li a { 5067 padding: 0; 5068 } 5069 </style> 5070 </div> 5071<style> 5072 .menu_container_1_63>.flex_row_1>.flex_col_3>.flex_cell_1.third_level { 5073 width:100%; align-items:center; -webkit-align-items:center; } 5074 5075 .menu_container_1_63>.flex_row_1>.flex_col_3>.flex_cell_1.third_level { 5076 } 5077 5078 .menu_container_1_63>.flex_row_1>.flex_col_3>.flex_cell_1.third_level>.flex_cell_content { 5079 display: flex; 5080 width: 100%; 5081 margin-top:20px; margin-bottom:20px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 5082 5083 .menu_container_1_63>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a { 5084 color:#000000; font-weight:400; font-style:normal; display: flex; 5085 font-size:12px; font-family:Sackers Gothic Std; text-transform:uppercase; } 5086 .menu_container_1_63>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a:hover { 5087 color:#000000; } 5088 5089 .menu_container_1_63>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a .nav_ct_icons { 5090 height: 20px; 5091 margin-right: 5px; 5092 } 5093 5094 .menu_container_1_63>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a { 5095 color:#000000; font-style:normal; line-height:30px; display: flex; 5096 font-size:12px; font-family:Sackers Gothic Std; text-transform:uppercase; line-height:30px; } 5097 .menu_container_1_63>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a:hover { 5098 color:#000000; } 5099 5100 .menu_container_1_63>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 5101 height: 20px; 5102 margin-right: 5px; 5103 } 5104 5105</style> 5106 </div> 5107 5108 <style> 5109 .menu_container_1_63 .flex_row_1 .flex_col_3 { 5110 width:100%; } 5111 </style> 5112 5113 5114 5115 <div class="flex_col flex_col_4"> 5116 5117 5118 </div> 5119 5120 <style> 5121 .menu_container_1_63 .flex_row_1 .flex_col_4 { 5122 width:100%; } 5123 </style> 5124 5125 5126 5127 </div> 5128 5129 <style> 5130 .menu_container_1_63 .flex_row_1 { 5131 background-color: #ffffff; 5132 color:#000000; height:auto } 5133 </style> 5134 5135 5136 5137 5138 <div class="flex_row flex_row_2"> 5139 5140 5141 <div class="flex_col flex_col_1"> 5142 5143 <div class="flex_cell flex_cell_1 line"> 5144 <div class="s_line"></div> 5145 </div> 5146 5147<style> 5148 .menu_container_1_63>.flex_row_2>.flex_col_1>.flex_cell_1 { 5149 width: 100%; 5150 justify-content:center;
5150 -webkit-justify-content:center; margin-top:30px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 5151 5152 5153 .menu_container_1_63>.flex_row_2>.flex_col_1>.flex_cell_1 .s_line { 5154 background-color:#000000; border-style: solid; 5155 height:1px; width:100%; border-radius:0px; border-width:0px; border-color:#000000; } 5156 5157</style> 5158 </div> 5159 5160 <style> 5161 .menu_container_1_63 .flex_row_2 .flex_col_1 { 5162 width:100%; } 5163 </style> 5164 5165 5166 5167 </div> 5168 5169 <style> 5170 .menu_container_1_63 .flex_row_2 { 5171 background-color: #ffffff; 5172 color:#000000; height:auto } 5173 </style> 5174 5175 5176 5177 </div> 5178 <style> 5179 .menu_container .flex_row { 5180 display: flex; 5181 } 5182 .menu_container_1_63 { 5183 width:100%; 5184 max-width:100%; 5185 left:0; 5186 } 5187 .menu_container .flex_row .flex_col{ 5188 display: flex; 5189 flex-wrap: wrap; 5190 box-sizing: border-box; 5191 align-content: baseline; 5192 } 5193 .menu_container .flex_row .flex_col .flex_cell{ 5194 height: fit-content; 5195 display: flex; 5196 } 5197 .menu_container .flex_row .flex_col .flex_cell a{ 5198 text-decoration: none; 5199 } 5200 .menu_container img { 5201 max-width: 100%; 5202 } 5203 </style> 5204 5205 5206 </div> 5207 <div class="hum-line"></div> 5208 5209 5210 <button type="button" class="hamburger-menu-nav-section " aria-expanded="false" aria-controls="desktop-submenu-85" aria-label="Expand Diamonds section"> 5211 <span class="icon_and_name"> 5212 5213 Diamonds </span> 5214 <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> 5215 5216 </button> 5217 5218 5219 5220 <div class="sub-menu-panel" id="desktop-submenu-85" aria-hidden="true"> 5221 5222 5223 5224 5225 5226<div class="menu_container default_build_menu menu_container_1_navigation_85"> 5227 <div class="nav_div_85"> 5228 <ul class="nav_list" role="menu" aria-label="Diamonds" tabindex="-1"> 5229 5230 <li style="" 5231 class="" 5232 role="none"> 5233 5234 5235 5236 <a class="nav_a_trd " title="Natural Diamonds" href="https://www.garymichaelsfinejewelry.com/natural-diamonds" data-full_image="" role="menuitem" tabindex="0" > 5237 Natural Diamonds </a> 5238 5239 5240 5241 5242 5243 5244 5245 </li> 5246 5247 5248 5249 <li style="" 5250 class="" 5251 role="none"> 5252 5253 5254 5255 <a class="nav_a_trd " title="Lab Grown Diamonds" href="https://www.garymichaelsfinejewelry.com/lab-grown-diamonds" data-full_image="" role="menuitem" tabindex="-1" > 5256 Lab Grown Diamonds </a> 5257 5258 5259 5260 5261 5262 5263 5264 </li> 5265 5266 5267 5268 <li style="" 5269 class="" 5270 role="none"> 5271 5272 5273 5274 <a class="nav_a_trd " title="Diamond Guide" href="https://www.garymichaelsfinejewelry.com/diamond-guide" data-full_image="" role="menuitem" tabindex="-1" > 5275 Diamond Guide </a> 5276 5277 5278 5279 5280 5281 5282 5283 </li> 5284 5285 5286 </ul> 5287 </div> 5288</div> 5289<style> 5290 .menu_container_1_navigation_85 { 5291 background: #fff; 5292 } 5293 .horizontal_menu .nav_div_85 { 5294 padding: 15px 0px; 5295 box-shadow: 0px 0px 5px #00000078; display: flex; 5296 flex-wrap: wrap; 5297 } 5298 .horizontal_menu .nav_img_85 { 5299 height: 200px; 5300 width: 250px; 5301 margin-left: 50px; 5302 margin-right: 20px; 5303 flex-shrink: 0; 5304 order: 1; 5305 } 5306 .horizontal_menu .nav_img_85 img { 5307 max-width: 100%; 5308 max-height: 100%; 5309 } 5310 .horizontal_menu .nav_div_85 .vfit { 5311 text-align: left; 5312 border-bottom: 1px solid #ececec; 5313 text-transform: uppercase; 5314 } 5315 .nav_div_85 .vfit a { 5316 text-decoration: none; 5317 color: #222; 5318 } 5319 .nav_div_85 .nav_list { 5320 list-style: none; 5321 margin: 0; 5322 padding: 0; 5323 order: 1; 5324 } 5325 .nav_div_85 ul { 5326 list-style: none; 5327 } 5328 #desktop_hamburger_menu_template .nav_div_85 li { 5329 width: 100%; 5330 margin: 0; 5331 padding: 0px 20px; 5332 position: relative; 5333 } 5334 .horizontal_menu .nav_div_85 li { 5335 width: 100%; 5336 margin: 0; 5337 padding: 0px 20px; 5338 position: relative; 5339 } 5340 5341 #desktop_hamburger_menu_template .nav_div_85 li svg { 5342 position: absolute; 5343 right: 15px; 5344 height: 10px; 5345 top: 10px; 5346 } 5347 .horizontal_menu .nav_div_85 li svg { 5348 position: absolute; 5349 right: 15px; 5350 height: 10px; 5351 top: 10px; 5352 } 5353 5354 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_85 .nav_div_85 .nav_list li .nav_a_trd { 5355 display: flex; 5356 align-items: center; 5357 padding: 0; 5358 line-height: 30px; 5359 font-size: 14px; 5360 text-transform: uppercase; 5361 text-decoration: none; 5362 color: #222; 5363 white-space: normal; 5364 5365 color:#000000; font-weight:400; font-style:normal; font-size:12px; font-family:Sackers Gothic Std; text-transform:uppercase; 5366 } 5367 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_85 .nav_div_85 .nav_list li button { 5368 background: none; 5369 border: none; 5370 cursor: pointer; 5371 } 5372 5373 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_85 .nav_div_85 .nav_list li .nav_a_trd.parent_men { 5374 text-decoration: underline; 5375 } 5376 5377 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_85 .nav_div_85 .nav_list li .nav_a_trd:hover { 5378 color:#000000; cursor: pointer; 5379 } 5380 5381 5382 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_85 .nav_div_85 .nav_list li .nav_list_trd li a { 5383 display: flex; 5384 align-items: center; 5385 padding: 0; 5386 line-height: 30px; 5387 font-size: 14px; 5388 text-transform: uppercase; 5389 text-decoration: none; 5390 color: #222; 5391 white-space: normal; 5392 5393 color:#000000; font-weight:400; font-style:normal; font-size:12px; font-family:Sackers Gothic Std; text-transform:uppercase; } 5394 5395 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_85 .nav_div_85 .nav_list li .nav_list_trd li a:hover { 5396 color:#000000; } 5397 5398 .nav_div_85 .nav_list li a .nav_icons { 5399 height: 30px; 5400 margin-right: 5px; 5401 } 5402 5403 .nav_div_85 .nav_list .nav_list_trd li a .nav_icons { 5404 height: 25px; 5405 } 5406 5407 5408 .nav_div_85 .nav_list li a:hover { 5409 color: #3172ab; 5410 } 5411 .horizontal_menu .nav_div_85 .nav_list_trd { 5412 display: none; 5413 position: absolute; 5414 left: 100%; 5415 top: -15px; 5416 padding: 15px 0px; 5417 box-shadow: 0px 0px 5px #00000078; background: #fff; 5418 } 5419 .horizontal_menu .nav_div_85 .nav_list>li .nav_list_trd.open, 5420 .horizontal_menu .nav_div_85 .nav_list>li:hover .nav_list_trd { 5421 display: block; 5422 z-index: 99; 5423 } 5424 5425 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_85, 5426 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_85 .nav_list_trd{ 5427 width: 250px; 5428 } 5429 5430 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_85 .nav_list_trd{ 5431 width: 250px; 5432 } 5433 </style> 5434 </div> 5435 <div class="hum-line"></div> 5436 5437 5438 <div class="ham_menu_container">
5439 <a class="hamburger-menu-nav-section parent_men " title="Jewelry" href="https://www.garymichaelsfinejewelry.com/fine-jewelry" > 5440 5441 <span class="icon_and_name"> 5442 5443 Jewelry </span> 5444 5445 </a> 5446 <button type="button" class="hamburger-menu-nav-section parent_men_arrow" aria-expanded="false" aria-controls="desktop-submenu-16" aria-label="Expand Jewelry section"> 5447 5448 <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> 5449 5450 </button> 5451 5452 5453 5454 </div> 5455 5456 <div class="sub-menu-panel" id="desktop-submenu-16" aria-hidden="true"> 5457 5458 5459 5460 5461 5462<div class="menu_container default_build_menu menu_container_1_navigation_16"> 5463 <div class="nav_div_16"> 5464 <ul class="nav_list" role="menu" aria-label="Jewelry" tabindex="-1"> 5465 5466 <li style="" 5467 class="" 5468 role="none"> 5469 5470 5471 5472 <a class="nav_a_trd " title="Necklaces" href="https://www.garymichaelsfinejewelry.com/necklaces" data-full_image="" role="menuitem" tabindex="0" > 5473 Necklaces </a> 5474 5475 5476 5477 5478 5479 5480 5481 </li> 5482 5483 5484 5485 <li style="" 5486 class="" 5487 role="none"> 5488 5489 5490 5491 <a class="nav_a_trd " title="Earrings" href="https://www.garymichaelsfinejewelry.com/earrings" data-full_image="" role="menuitem" tabindex="-1" > 5492 Earrings </a> 5493 5494 5495 5496 5497 5498 5499 5500 </li> 5501 5502 5503 5504 <li style="" 5505 class="" 5506 role="none"> 5507 5508 5509 5510 <a class="nav_a_trd " title="Bracelets" href="https://www.garymichaelsfinejewelry.com/bracelets" data-full_image="" role="menuitem" tabindex="-1" > 5511 Bracelets </a> 5512 5513 5514 5515 5516 5517 5518 5519 </li> 5520 5521 5522 5523 <li style="" 5524 class="" 5525 role="none"> 5526 5527 5528 5529 <a class="nav_a_trd " title="Rings" href="https://www.garymichaelsfinejewelry.com/rings" data-full_image="" role="menuitem" tabindex="-1" > 5530 Rings </a> 5531 5532 5533 5534 5535 5536 5537 5538 </li> 5539 5540 5541 </ul> 5542 </div> 5543</div> 5544<style> 5545 .menu_container_1_navigation_16 { 5546 background: #fff; 5547 } 5548 .horizontal_menu .nav_div_16 { 5549 padding: 15px 0px; 5550 box-shadow: 0px 0px 5px #00000078; display: flex; 5551 flex-wrap: wrap; 5552 } 5553 .horizontal_menu .nav_img_16 { 5554 height: 200px; 5555 width: 250px; 5556 margin-left: 50px; 5557 margin-right: 20px; 5558 flex-shrink: 0; 5559 order: 1; 5560 } 5561 .horizontal_menu .nav_img_16 img { 5562 max-width: 100%; 5563 max-height: 100%; 5564 } 5565 .horizontal_menu .nav_div_16 .vfit { 5566 text-align: left; 5567 border-bottom: 1px solid #ececec; 5568 text-transform: uppercase; 5569 } 5570 .nav_div_16 .vfit a { 5571 text-decoration: none; 5572 color: #222; 5573 } 5574 .nav_div_16 .nav_list { 5575 list-style: none; 5576 margin: 0; 5577 padding: 0; 5578 order: 1; 5579 } 5580 .nav_div_16 ul { 5581 list-style: none; 5582 } 5583 #desktop_hamburger_menu_template .nav_div_16 li { 5584 width: 100%; 5585 margin: 0; 5586 padding: 0px 20px; 5587 position: relative; 5588 } 5589 .horizontal_menu .nav_div_16 li { 5590 width: 100%; 5591 margin: 0; 5592 padding: 0px 20px; 5593 position: relative; 5594 } 5595 5596 #desktop_hamburger_menu_template .nav_div_16 li svg { 5597 position: absolute; 5598 right: 15px; 5599 height: 10px; 5600 top: 10px; 5601 } 5602 .horizontal_menu .nav_div_16 li svg { 5603 position: absolute; 5604 right: 15px; 5605 height: 10px; 5606 top: 10px; 5607 } 5608 5609 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_16 .nav_div_16 .nav_list li .nav_a_trd { 5610 display: flex; 5611 align-items: center; 5612 padding: 0; 5613 line-height: 30px; 5614 font-size: 14px; 5615 text-transform: uppercase; 5616 text-decoration: none; 5617 color: #222; 5618 white-space: normal; 5619 5620 color:#000000; font-weight:400; font-style:normal; font-size:12px; font-family:Sackers Gothic Std; text-transform:uppercase; 5621 } 5622 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_16 .nav_div_16 .nav_list li button { 5623 background: none; 5624 border: none; 5625 cursor: pointer; 5626 } 5627 5628 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_16 .nav_div_16 .nav_list li .nav_a_trd.parent_men { 5629 text-decoration: underline; 5630 } 5631 5632 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_16 .nav_div_16 .nav_list li .nav_a_trd:hover { 5633 color:#000000; cursor: pointer; 5634 } 5635 5636 5637 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_16 .nav_div_16 .nav_list li .nav_list_trd li a { 5638 display: flex; 5639 align-items: center; 5640 padding: 0; 5641 line-height: 30px; 5642 font-size: 14px; 5643 text-transform: uppercase; 5644 text-decoration: none; 5645 color: #222; 5646 white-space: normal; 5647 5648 color:#000000; font-weight:400; font-style:normal; font-size:12px; font-family:Sackers Gothic Std; text-transform:uppercase; } 5649 5650 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_16 .nav_div_16 .nav_list li .nav_list_trd li a:hover { 5651 color:#000000; } 5652 5653 .nav_div_16 .nav_list li a .nav_icons { 5654 height: 30px; 5655 margin-right: 5px; 5656 } 5657 5658 .nav_div_16 .nav_list .nav_list_trd li a .nav_icons { 5659 height: 25px; 5660 } 5661 5662 5663 .nav_div_16 .nav_list li a:hover { 5664 color: #3172ab; 5665 } 5666 .horizontal_menu .nav_div_16 .nav_list_trd { 5667 display: none; 5668 position: absolute; 5669 left: 100%; 5670 top: -15px; 5671 padding: 15px 0px; 5672 box-shadow: 0px 0px 5px #00000078; background: #fff; 5673 } 5674 .horizontal_menu .nav_div_16 .nav_list>li .nav_list_trd.open, 5675 .horizontal_menu .nav_div_16 .nav_list>li:hover .nav_list_trd { 5676 display: block; 5677 z-index: 99; 5678 } 5679 5680 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_16, 5681 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_16 .nav_list_trd{ 5682 width: 250px; 5683 } 5684 5685 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_16 .nav_list_trd{ 5686 width: 250px; 5687 } 5688 </style> 5689 </div> 5690 <div class="hum-line"></div> 5691 5692 5693 <button type="button" class="hamburger-menu
5693-nav-section " aria-expanded="false" aria-controls="desktop-submenu-97" aria-label="Expand Watches section"> 5694 <span class="icon_and_name"> 5695 5696 Watches </span> 5697 <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> 5698 5699 </button> 5700 5701 5702 5703 <div class="sub-menu-panel" id="desktop-submenu-97" aria-hidden="true"> 5704 5705 5706 5707 5708 5709<div class="menu_container default_build_menu menu_container_1_navigation_97"> 5710 <div class="nav_div_97"> 5711 <ul class="nav_list" role="menu" aria-label="Watches" tabindex="-1"> 5712 5713 <li style="" 5714 class="" 5715 role="none"> 5716 5717 5718 5719 <a class="nav_a_trd " title="Breitling" href="https://www.garymichaelsfinejewelry.com/breitling" data-full_image="" role="menuitem" tabindex="0" > 5720 Breitling </a> 5721 5722 5723 5724 5725 5726 5727 5728 </li> 5729 5730 5731 5732 <li style="" 5733 class="" 5734 role="none"> 5735 5736 5737 5738 <a class="nav_a_trd " title="MICHELE" href="https://www.garymichaelsfinejewelry.com/michele" data-full_image="" role="menuitem" tabindex="-1" > 5739 MICHELE </a> 5740 5741 5742 5743 5744 5745 5746 5747 </li> 5748 5749 5750 5751 <li style="" 5752 class="" 5753 role="none"> 5754 5755 5756 5757 <a class="nav_a_trd " title="Omega" href="https://www.garymichaelsfinejewelry.com/omega" data-full_image="" role="menuitem" tabindex="-1" > 5758 Omega </a> 5759 5760 5761 5762 5763 5764 5765 5766 </li> 5767 5768 5769 5770 <li style="" 5771 class="" 5772 role="none"> 5773 5774 5775 5776 <a class="nav_a_trd " title="TAG Heuer" href="https://www.garymichaelsfinejewelry.com/tag-heuer" data-full_image="" role="menuitem" tabindex="-1" > 5777 TAG Heuer </a> 5778 5779 5780 5781 5782 5783 5784 5785 </li> 5786 5787 5788 5789 <li style="" 5790 class="" 5791 role="none"> 5792 5793 5794 5795 <a class="nav_a_trd " title="Pre-Owned Rolex" href="https://www.garymichaelsfinejewelry.com/pre-owned-rolex-watches" data-full_image="" role="menuitem" tabindex="-1" > 5796 Pre-Owned Rolex </a> 5797 5798 5799 5800 5801 5802 5803 5804 </li> 5805 5806 5807 </ul> 5808 </div> 5809</div> 5810<style> 5811 .menu_container_1_navigation_97 { 5812 background: #fff; 5813 } 5814 .horizontal_menu .nav_div_97 { 5815 padding: 15px 0px; 5816 box-shadow: 0px 0px 5px #00000078; display: flex; 5817 flex-wrap: wrap; 5818 } 5819 .horizontal_menu .nav_img_97 { 5820 height: 200px; 5821 width: 250px; 5822 margin-left: 50px; 5823 margin-right: 20px; 5824 flex-shrink: 0; 5825 order: 1; 5826 } 5827 .horizontal_menu .nav_img_97 img { 5828 max-width: 100%; 5829 max-height: 100%; 5830 } 5831 .horizontal_menu .nav_div_97 .vfit { 5832 text-align: left; 5833 border-bottom: 1px solid #ececec; 5834 text-transform: uppercase; 5835 } 5836 .nav_div_97 .vfit a { 5837 text-decoration: none; 5838 color: #222; 5839 } 5840 .nav_div_97 .nav_list { 5841 list-style: none; 5842 margin: 0; 5843 padding: 0; 5844 order: 1; 5845 } 5846 .nav_div_97 ul { 5847 list-style: none; 5848 } 5849 #desktop_hamburger_menu_template .nav_div_97 li { 5850 width: 100%; 5851 margin: 0; 5852 padding: 0px 20px; 5853 position: relative; 5854 } 5855 .horizontal_menu .nav_div_97 li { 5856 width: 100%; 5857 margin: 0; 5858 padding: 0px 20px; 5859 position: relative; 5860 } 5861 5862 #desktop_hamburger_menu_template .nav_div_97 li svg { 5863 position: absolute; 5864 right: 15px; 5865 height: 10px; 5866 top: 10px; 5867 } 5868 .horizontal_menu .nav_div_97 li svg { 5869 position: absolute; 5870 right: 15px; 5871 height: 10px; 5872 top: 10px; 5873 } 5874 5875 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_97 .nav_div_97 .nav_list li .nav_a_trd { 5876 display: flex; 5877 align-items: center; 5878 padding: 0; 5879 line-height: 30px; 5880 font-size: 14px; 5881 text-transform: uppercase; 5882 text-decoration: none; 5883 color: #222; 5884 white-space: normal; 5885 5886 color:#000000; font-weight:400; font-style:normal; font-size:12px; font-family:Sackers Gothic Std; text-transform:uppercase; 5887 } 5888 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_97 .nav_div_97 .nav_list li button { 5889 background: none; 5890 border: none; 5891 cursor: pointer; 5892 } 5893 5894 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_97 .nav_div_97 .nav_list li .nav_a_trd.parent_men { 5895 text-decoration: underline; 5896 } 5897 5898 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_97 .nav_div_97 .nav_list li .nav_a_trd:hover { 5899 color:#000000; cursor: pointer; 5900 } 5901 5902 5903 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_97 .nav_div_97 .nav_list li .nav_list_trd li a { 5904 display: flex; 5905 align-items: center; 5906 padding: 0; 5907 line-height: 30px; 5908 font-size: 14px; 5909 text-transform: uppercase; 5910 text-decoration: none; 5911 color: #222; 5912 white-space: normal; 5913 5914 color:#000000; font-weight:400; font-style:normal; font-size:12px; font-family:Sackers Gothic Std; text-transform:uppercase; } 5915 5916 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_97 .nav_div_97 .nav_list li .nav_list_trd li a:hover { 5917 color:#000000; } 5918 5919 .nav_div_97 .nav_list li a .nav_icons { 5920 height: 30px; 5921 margin-right: 5px; 5922 } 5923 5924 .nav_div_97 .nav_list .nav_list_trd li a .nav_icons { 5925 height: 25px; 5926 } 5927 5928 5929 .nav_div_97 .nav_list li a:hover { 5930 color: #3172ab; 5931 } 5932 .horizontal_menu .nav_div_97 .nav_list_trd { 5933 display: none; 5934 position: absolute; 5935 left: 100%; 5936 top: -15px; 5937 padding: 15px 0px; 5938 box-shadow: 0px 0px 5px #00000078; background: #fff; 5939 } 5940 .horizontal_menu .nav_div_97 .nav_list>li .nav_list_trd.open, 5941 .horizontal_menu .nav_div_97 .nav_list>li:hover .nav_list_trd { 5942 display: block; 5943 z-index: 99; 5944 } 5945 5946 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_97, 5947 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_97 .nav_list_trd{ 5948 width: 250px; 5949 } 5950 5951 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_97 .nav_list_trd{ 5952 width: 250px; 5953 } 5954 </style> 5955 </div> 5956 <div class="hum-line"></div> 5957 5958 5959 <button type="button" class="hamburger-menu
5959-nav-section " aria-expanded="false" aria-controls="desktop-submenu-100" aria-label="Expand Designers section"> 5960 <span class="icon_and_name"> 5961 5962 Designers </span> 5963 <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> 5964 5965 </button> 5966 5967 5968 5969 <div class="sub-menu-panel" id="desktop-submenu-100" aria-hidden="true"> 5970 5971 5972 5973 5974 5975<div class="menu_container default_build_menu menu_container_1_navigation_100"> 5976 <div class="nav_div_100"> 5977 <ul class="nav_list" role="menu" aria-label="Designers" tabindex="-1"> 5978 5979 <li style="" 5980 class="" 5981 role="none"> 5982 5983 5984 5985 <a class="nav_a_trd " title="Alor" href="https://www.garymichaelsfinejewelry.com/alor" data-full_image="" role="menuitem" tabindex="0" > 5986 Alor </a> 5987 5988 5989 5990 5991 5992 5993 5994 </li> 5995 5996 5997 5998 <li style="" 5999 class="" 6000 role="none"> 6001 6002 6003 6004 <a class="nav_a_trd " title="Bleu Royale " href="https://www.garymichaelsfinejewelry.com/bleu-royale" data-full_image="" role="menuitem" tabindex="-1" > 6005 Bleu Royale </a> 6006 6007 6008 6009 6010 6011 6012 6013 </li> 6014 6015 6016 6017 <li style="" 6018 class="" 6019 role="none"> 6020 6021 6022 6023 <a class="nav_a_trd " title="CrownRing" href="https://www.garymichaelsfinejewelry.com/crownring" data-full_image="" role="menuitem" tabindex="-1" > 6024 CrownRing </a> 6025 6026 6027 6028 6029 6030 6031 6032 </li> 6033 6034 6035 6036 <li style="" 6037 class="" 6038 role="none"> 6039 6040 6041 6042 <a class="nav_a_trd " title="David Yurman" href="/david-yurman" data-full_image="" role="menuitem" tabindex="-1" > 6043 David Yurman </a> 6044 6045 6046 6047 6048 6049 6050 6051 </li> 6052 6053 6054 6055 <li style="" 6056 class="" 6057 role="none"> 6058 6059 6060 6061 <a class="nav_a_trd " title="Gabriel & Co. Bridal" href="https://www.garymichaelsfinejewelry.com/gabriel-co-bridal" data-full_image="" role="menuitem" tabindex="-1" > 6062 Gabriel & Co. Bridal </a> 6063 6064 6065 6066 6067 6068 6069 6070 </li> 6071 6072 6073 6074 <li style="" 6075 class="" 6076 role="none"> 6077 6078 6079 6080 <a class="nav_a_trd " title="LAGOS" href="https://www.garymichaelsfinejewelry.com/lagos" data-full_image="" role="menuitem" tabindex="-1" > 6081 LAGOS </a> 6082 6083 6084 6085 6086 6087 6088 6089 </li> 6090 6091 6092 6093 <li style="" 6094 class="" 6095 role="none"> 6096 6097 6098 6099 <a class="nav_a_trd " title="Marco Bicego" href="https://www.garymichaelsfinejewelry.com/marco-bicego" data-full_image="" role="menuitem" tabindex="-1" > 6100 Marco Bicego </a> 6101 6102 6103 6104 6105 6106 6107 6108 </li> 6109 6110 6111 6112 <li style="" 6113 class="" 6114 role="none"> 6115 6116 6117 6118 <a class="nav_a_trd " title="Roberto Coin" href="https://www.garymichaelsfinejewelry.com/roberto-coin" data-full_image="" role="menuitem" tabindex="-1" > 6119 Roberto Coin </a> 6120 6121 6122 6123 6124 6125 6126 6127 </li> 6128 6129 6130 6131 <li style="" 6132 class="" 6133 role="none"> 6134 6135 6136 6137 <a class="nav_a_trd " title="Tacori" href="https://www.garymichaelsfinejewelry.com/tacori" data-full_image="" role="menuitem" tabindex="-1" > 6138 Tacori </a> 6139 6140 6141 6142 6143 6144 6145 6146 </li> 6147 6148 6149 </ul> 6150 </div> 6151</div> 6152<style> 6153 .menu_container_1_navigation_100 { 6154 background: #fff; 6155 } 6156 .horizontal_menu .nav_div_100 { 6157 padding: 15px 0px; 6158 box-shadow: 0px 0px 5px #00000078; display: flex; 6159 flex-wrap: wrap; 6160 } 6161 .horizontal_menu .nav_img_100 { 6162 height: 200px; 6163 width: 250px; 6164 margin-left: 50px; 6165 margin-right: 20px; 6166 flex-shrink: 0; 6167 order: 1; 6168 } 6169 .horizontal_menu .nav_img_100 img { 6170 max-width: 100%; 6171 max-height: 100%; 6172 } 6173 .horizontal_menu .nav_div_100 .vfit { 6174 text-align: left; 6175 border-bottom: 1px solid #ececec; 6176 text-transform: uppercase; 6177 } 6178 .nav_div_100 .vfit a { 6179 text-decoration: none; 6180 color: #222; 6181 } 6182 .nav_div_100 .nav_list { 6183 list-style: none; 6184 margin: 0; 6185 padding: 0; 6186 order: 1; 6187 } 6188 .nav_div_100 ul { 6189 list-style: none; 6190 } 6191 #desktop_hamburger_menu_template .nav_div_100 li { 6192 width: 100%; 6193 margin: 0; 6194 padding: 0px 20px; 6195 position: relative; 6196 } 6197 .horizontal_menu .nav_div_100 li { 6198 width: 100%; 6199 margin: 0; 6200 padding: 0px 20px; 6201 position: relative; 6202 } 6203 6204 #desktop_hamburger_menu_template .nav_div_100 li svg { 6205 position: absolute; 6206 right: 15px; 6207 height: 10px; 6208 top: 10px; 6209 } 6210 .horizontal_menu .nav_div_100 li svg { 6211 position: absolute; 6212 right: 15px; 6213 height: 10px; 6214 top: 10px; 6215 } 6216 6217 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_100 .nav_div_100 .nav_list li .nav_a_trd { 6218 display: flex; 6219 align-items: center; 6220 padding: 0; 6221 line-height: 30px; 6222 font-size: 14px; 6223 text-transform: uppercase; 6224 text-decoration: none; 6225 color: #222; 6226 white-space: normal; 6227 6228 color:#000000; font-weight:400; font-style:normal; font-size:12px; font-family:Sackers Gothic Std; text-transform:uppercase; 6229 } 6230 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_100 .nav_div_100 .nav_list li button { 6231 background: none; 6232 border: none; 6233 cursor: pointer; 6234 } 6235 6236 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_100 .nav_div_100 .nav_list li .nav_a_trd.parent_men { 6237 text-decoration: underline; 6238 } 6239 6240 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_100 .nav_div_100 .nav_list li .nav_a_trd:hover { 6241 color:#000000; cursor: pointer; 6242 } 6243 6244 6245 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_100 .nav_div_100 .nav_list li .nav_list_trd li a { 6246 display: flex; 6247 align-items: center; 6248 padding: 0; 6249 line-height: 30px; 6250 font-size: 14px; 6251 text-transform: uppercase; 6252 text-decoration: none; 6253 color: #222; 6254 white-space: normal; 6255 6256 color:#000000; font-weight:400; font-style:normal; font-size:12px; font-family:Sackers Gothic Std; text-transform:uppercase; } 6257 6258 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_100 .nav_div_100 .nav_list li .nav_list_trd li a:hover { 6259 color:#000000; } 6260 6261 .nav_div_100 .nav_list li a .nav_icons { 6262 height: 30px; 6263 margin-right: 5px; 6264 } 6265 6266 .nav_div_100 .nav_list .nav_list_trd li a .nav_icons { 6267 height: 25px; 6268 } 6269 6270 6271 .nav_div_100 .nav_list li a:hover { 6272 color: #3172ab; 6273 } 6274 .horizontal_menu .nav_div_100 .nav_list_trd { 6275 display: none; 6276 position: absolute; 6277 left: 100%; 6278 top: -15px; 6279 padding: 15px 0px; 6280 box-shadow: 0px 0px 5px #00000078; background: #fff; 6281 } 6282 .horizontal_menu .nav_div_100 .nav_list>li .nav_list_trd.open, 6283 .horizontal_menu .nav_div_100 .nav_list>li:hover .nav_list_trd { 6284 display: block; 6285 z-index: 99; 6286 } 6287 6288 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_100, 6289 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_100 .nav_list_trd{ 6290 width: 250px; 6291 } 6292 6293 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_100 .nav_list_trd{ 6294 width: 250px; 6295 } 6296 </style> 6297 </div> 6298 <div class="hum-line"></div> 6299 6300 6301 <button type="button" class="hamburger-menu
6301-nav-section " aria-expanded="false" aria-controls="desktop-submenu-103" aria-label="Expand About Us section"> 6302 <span class="icon_and_name"> 6303 6304 About Us </span> 6305 <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> 6306 6307 </button> 6308 6309 6310 6311 <div class="sub-menu-panel" id="desktop-submenu-103" aria-hidden="true"> 6312 6313 6314 6315 6316 6317<div class="menu_container default_build_menu menu_container_1_navigation_103"> 6318 <div class="nav_div_103"> 6319 <ul class="nav_list" role="menu" aria-label="About Us" tabindex="-1"> 6320 6321 <li style="" 6322 class="" 6323 role="none"> 6324 6325 6326 6327 <a class="nav_a_trd " title="About" href="https://www.garymichaelsfinejewelry.com/about-us" data-full_image="" role="menuitem" tabindex="0" > 6328 About </a> 6329 6330 6331 6332 6333 6334 6335 6336 </li> 6337 6338 6339 6340 <li style="" 6341 class="" 6342 role="none"> 6343 6344 6345 6346 <a class="nav_a_trd " title="Services" href="https://www.garymichaelsfinejewelry.com/services" data-full_image="" role="menuitem" tabindex="-1" > 6347 Services </a> 6348 6349 6350 6351 6352 6353 6354 6355 </li> 6356 6357 6358 6359 <li style="" 6360 class="" 6361 role="none"> 6362 6363 6364 6365 <a class="nav_a_trd " title="Blog" href="https://www.garymichaelsfinejewelry.com/blog" data-full_image="" role="menuitem" tabindex="-1" > 6366 Blog </a> 6367 6368 6369 6370 6371 6372 6373 6374 </li> 6375 6376 6377 </ul> 6378 </div> 6379</div> 6380<style> 6381 .menu_container_1_navigation_103 { 6382 background: #fff; 6383 } 6384 .horizontal_menu .nav_div_103 { 6385 padding: 15px 0px; 6386 box-shadow: 0px 0px 5px #00000078; display: flex; 6387 flex-wrap: wrap; 6388 } 6389 .horizontal_menu .nav_img_103 { 6390 height: 200px; 6391 width: 250px; 6392 margin-left: 50px; 6393 margin-right: 20px; 6394 flex-shrink: 0; 6395 order: 1; 6396 } 6397 .horizontal_menu .nav_img_103 img { 6398 max-width: 100%; 6399 max-height: 100%; 6400 } 6401 .horizontal_menu .nav_div_103 .vfit { 6402 text-align: left; 6403 border-bottom: 1px solid #ececec; 6404 text-transform: uppercase; 6405 } 6406 .nav_div_103 .vfit a { 6407 text-decoration: none; 6408 color: #222; 6409 } 6410 .nav_div_103 .nav_list { 6411 list-style: none; 6412 margin: 0; 6413 padding: 0; 6414 order: 1; 6415 } 6416 .nav_div_103 ul { 6417 list-style: none; 6418 } 6419 #desktop_hamburger_menu_template .nav_div_103 li { 6420 width: 100%; 6421 margin: 0; 6422 padding: 0px 20px; 6423 position: relative; 6424 } 6425 .horizontal_menu .nav_div_103 li { 6426 width: 100%; 6427 margin: 0; 6428 padding: 0px 20px; 6429 position: relative; 6430 } 6431 6432 #desktop_hamburger_menu_template .nav_div_103 li svg { 6433 position: absolute; 6434 right: 15px; 6435 height: 10px; 6436 top: 10px; 6437 } 6438 .horizontal_menu .nav_div_103 li svg { 6439 position: absolute; 6440 right: 15px; 6441 height: 10px; 6442 top: 10px; 6443 } 6444 6445 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_103 .nav_div_103 .nav_list li .nav_a_trd { 6446 display: flex; 6447 align-items: center; 6448 padding: 0; 6449 line-height: 30px; 6450 font-size: 14px; 6451 text-transform: uppercase; 6452 text-decoration: none; 6453 color: #222; 6454 white-space: normal; 6455 6456 color:#000000; font-weight:400; font-style:normal; font-size:12px; font-family:Sackers Gothic Std; text-transform:uppercase; 6457 } 6458 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_103 .nav_div_103 .nav_list li button { 6459 background: none; 6460 border: none; 6461 cursor: pointer; 6462 } 6463 6464 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_103 .nav_div_103 .nav_list li .nav_a_trd.parent_men { 6465 text-decoration: underline; 6466 } 6467 6468 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_103 .nav_div_103 .nav_list li .nav_a_trd:hover { 6469 color:#000000; cursor: pointer; 6470 } 6471 6472 6473 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_103 .nav_div_103 .nav_list li .nav_list_trd li a { 6474 display: flex; 6475 align-items: center; 6476 padding: 0; 6477 line-height: 30px; 6478 font-size: 14px; 6479 text-transform: uppercase; 6480 text-decoration: none; 6481 color: #222; 6482 white-space: normal; 6483 6484 color:#000000; font-weight:400; font-style:normal; font-size:12px; font-family:Sackers Gothic Std; text-transform:uppercase; } 6485 6486 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_103 .nav_div_103 .nav_list li .nav_list_trd li a:hover { 6487 color:#000000; } 6488 6489 .nav_div_103 .nav_list li a .nav_icons { 6490 height: 30px; 6491 margin-right: 5px; 6492 } 6493 6494 .nav_div_103 .nav_list .nav_list_trd li a .nav_icons { 6495 height: 25px; 6496 } 6497 6498 6499 .nav_div_103 .nav_list li a:hover { 6500 color: #3172ab; 6501 } 6502 .horizontal_menu .nav_div_103 .nav_list_trd { 6503 display: none; 6504 position: absolute; 6505 left: 100%; 6506 top: -15px; 6507 padding: 15px 0px; 6508 box-shadow: 0px 0px 5px #00000078; background: #fff; 6509 } 6510 .horizontal_menu .nav_div_103 .nav_list>li .nav_list_trd.open, 6511 .horizontal_menu .nav_div_103 .nav_list>li:hover .nav_list_trd { 6512 display: block; 6513 z-index: 99; 6514 } 6515 6516 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_103, 6517 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_103 .nav_list_trd{ 6518 width: 250px; 6519 } 6520 6521 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_103 .nav_list_trd{ 6522 width: 250px; 6523 } 6524 </style> 6525 </div> 6526 <div class="hum-line"></div> 6527 6528 6529 <a class="hamburger-menu
6529-nav-section " title="Contact Us" href="https://www.garymichaelsfinejewelry.com/contact-us" > 6530 <span class="icon_and_name"> 6531 6532 Contact Us </span> 6533 6534 </a> 6535 6536 6537 6538 <div class="sub-menu-panel" id="desktop-submenu-22" aria-hidden="true"> 6539 6540 6541 6542 6543 6544<div class="menu_container default_build_menu menu_container_1_navigation_22"> 6545 <div class="nav_div_22"> 6546 </div> 6547</div> 6548<style> 6549 .menu_container_1_navigation_22 { 6550 background: #fff; 6551 } 6552 .horizontal_menu .nav_div_22 { 6553 padding: 15px 0px; 6554 box-shadow: 0px 0px 5px #00000078; display: flex; 6555 flex-wrap: wrap; 6556 } 6557 .horizontal_menu .nav_img_22 { 6558 height: 200px; 6559 width: 250px; 6560 margin-left: 50px; 6561 margin-right: 20px; 6562 flex-shrink: 0; 6563 order: 1; 6564 } 6565 .horizontal_menu .nav_img_22 img { 6566 max-width: 100%; 6567 max-height: 100%; 6568 } 6569 .horizontal_menu .nav_div_22 .vfit { 6570 text-align: left; 6571 border-bottom: 1px solid #ececec; 6572 text-transform: uppercase; 6573 } 6574 .nav_div_22 .vfit a { 6575 text-decoration: none; 6576 color: #222; 6577 } 6578 .nav_div_22 .nav_list { 6579 list-style: none; 6580 margin: 0; 6581 padding: 0; 6582 order: 1; 6583 } 6584 .nav_div_22 ul { 6585 list-style: none; 6586 } 6587 #desktop_hamburger_menu_template .nav_div_22 li { 6588 width: 100%; 6589 margin: 0; 6590 padding: 0px 20px; 6591 position: relative; 6592 } 6593 .horizontal_menu .nav_div_22 li { 6594 width: 100%; 6595 margin: 0; 6596 padding: 0px 20px; 6597 position: relative; 6598 } 6599 6600 #desktop_hamburger_menu_template .nav_div_22 li svg { 6601 position: absolute; 6602 right: 15px; 6603 height: 10px; 6604 top: 10px; 6605 } 6606 .horizontal_menu .nav_div_22 li svg { 6607 position: absolute; 6608 right: 15px; 6609 height: 10px; 6610 top: 10px; 6611 } 6612 6613 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_22 .nav_div_22 .nav_list li .nav_a_trd { 6614 display: flex; 6615 align-items: center; 6616 padding: 0; 6617 line-height: 30px; 6618 font-size: 14px; 6619 text-transform: uppercase; 6620 text-decoration: none; 6621 color: #222; 6622 white-space: normal; 6623 6624 color:#000000; font-weight:400; font-style:normal; font-size:12px; font-family:Sackers Gothic Std; text-transform:uppercase; 6625 } 6626 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_22 .nav_div_22 .nav_list li button { 6627 background: none; 6628 border: none; 6629 cursor: pointer; 6630 } 6631 6632 .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 { 6633 text-decoration: underline; 6634 } 6635 6636 .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 { 6637 color:#000000; cursor: pointer; 6638 } 6639 6640 6641 .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 { 6642 display: flex; 6643 align-items: center; 6644 padding: 0; 6645 line-height: 30px; 6646 font-size: 14px; 6647 text-transform: uppercase; 6648 text-decoration: none; 6649 color: #222; 6650 white-space: normal; 6651 6652 color:#000000; font-weight:400; font-style:normal; font-size:12px; font-family:Sackers Gothic Std; text-transform:uppercase; } 6653 6654 .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 { 6655 color:#000000; } 6656 6657 .nav_div_22 .nav_list li a .nav_icons { 6658 height: 30px; 6659 margin-right: 5px; 6660 } 6661 6662 .nav_div_22 .nav_list .nav_list_trd li a .nav_icons { 6663 height: 25px; 6664 } 6665 6666 6667 .nav_div_22 .nav_list li a:hover { 6668 color: #3172ab; 6669 } 6670 .horizontal_menu .nav_div_22 .nav_list_trd { 6671 display: none; 6672 position: absolute; 6673 left: 100%; 6674 top: -15px; 6675 padding: 15px 0px; 6676 box-shadow: 0px 0px 5px #00000078; background: #fff; 6677 } 6678 .horizontal_menu .nav_div_22 .nav_list>li .nav_list_trd.open, 6679 .horizontal_menu .nav_div_22 .nav_list>li:hover .nav_list_trd { 6680 display: block; 6681 z-index: 99; 6682 } 6683 6684 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_22, 6685 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_22 .nav_list_trd{ 6686 width: 250px; 6687 } 6688 6689 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_22 .nav_list_trd{ 6690 width: 250px; 6691 } 6692 </style> 6693 </div> 6694 <div class="hum-line"></div> 6695 <div class="script_after_menu"> 6696 </div> 6697 </div> 6698 </nav>
6699 <div class="hamburger-menu-template-overlay" id="desktop_hamburger_menu_template_overlay"></div> 6700 6701
6701<script> 6702 $(function () { 6703 6704 const $menuRoot = $('#desktop_hamburger_menu_template'); 6705 const $menuWrap = $('.header_container_1'); 6706 const $button = $('#desktop_hamburger_button'); 6707 const $overlay = $('#desktop_hamburger_menu_template_overlay'); 6708 const $closeBtn = $('#desktop_hamburger_close_button'); 6709 6710 const trap = focusTrap.createFocusTrap($menuRoot[0], { 6711 onActivate: () => $menuRoot.addClass('is-active'), 6712 onDeactivate: () => $menuRoot.removeClass('is-active'), 6713 clickOutsideDeactivates: true 6714 }); 6715 6716 $button.on('click keypress', function (event) { 6717 if (event.which === 13 || event.which === 32 || event.type === 'click') { 6718 if (event.which === 32) event.preventDefault(); 6719 6720 const isOpen = $menuRoot.hasClass('open'); 6721 6722 $menuRoot.toggleClass('open'); 6723 $overlay.toggleClass('open'); 6724 $menuRoot.removeAttr('inert'); 6725 $button.attr('aria-expanded', String(!isOpen)); 6726 6727 if (!isOpen) { 6728 trap.activate(); 6729 $closeBtn.focus(); 6730 } else { 6731 closeHamburgerMenu(); 6732 } 6733 } 6734 }); 6735 6736 $closeBtn.add($overlay).on('click keypress', function (event) { 6737 if (event.which === 13 || event.which === 32 || event.type === 'click') { 6738 if (event.which === 32) event.preventDefault(); 6739 closeHamburgerMenu(); 6740 } 6741 }); 6742 6743 function closeHamburgerMenu() { 6744 $menuRoot.removeClass('open').attr('inert', 'inert'); 6745 $overlay.removeClass('open'); 6746 $button.attr('aria-expanded', 'false'); 6747 6748 $menuRoot.find('.sub-menu-panel').each(function () { 6749 const $submenu = $(this); 6750 $submenu.removeClass('open').attr('aria-hidden', 'true'); 6751 updateSubmenuTabindex($submenu, true); 6752 }); 6753 6754 $menuRoot.find('.hamburger-menu-nav-section[aria-expanded="true"]') 6755 .attr('aria-expanded', 'false'); 6756 6757 trap.deactivate(); 6758 } 6759 6760 function updateSubmenuTabindex($submenu, isHidden) { 6761 const $items = $submenu.find('a'); 6762 6763 if (isHidden) { 6764 $items.each(function () { 6765 $(this).attr('tabindex', '-1'); 6766 }); 6767 } else { 6768 $items.each(function () { 6769 $(this).attr('tabindex', '0'); 6770 }); 6771 } 6772 } 6773 6774 $menuRoot.on('keypress', '.nav_a_trd', function (e) { 6775 6776 e.preventDefault(); 6777 e.stopPropagation(); 6778 6779 const $trigger = $(this); 6780 const $submenu = $trigger.next('.nav_list_trd'); 6781 6782 if (!$submenu.length) return; 6783 6784 const isOpen = $submenu.hasClass('open'); 6785 6786 $menuRoot.find('.nav_list_trd.open').not($submenu).each(function () { 6787 $(this) 6788 .removeClass('open') 6789 .attr('aria-hidden', 'true'); 6790 updateSubmenuTabindex($(this), true); 6791 }); 6792 6793 if (isOpen) { 6794 $submenu 6795 .removeClass('open') 6796 .attr('aria-hidden', 'true'); 6797 updateSubmenuTabindex($submenu, true); 6798 } else { 6799 $submenu 6800 .addClass('open') 6801 .attr('aria-hidden', 'false'); 6802 updateSubmenuTabindex($submenu, false); 6803 } 6804 }); 6805
6806 $menuWrap.on('click keypress', '.hamburger-menu-nav-section[aria-controls]', function (e) { 6807 6808 e.preventDefault(); 6809 e.stopPropagation(); 6810 6811 const $btn = $(this); 6812 const submenuId = $btn.attr('aria-controls'); 6813 const $submenu = $menuRoot.find('.sub-menu-panel#' + submenuId); 6814 6815 if (!$submenu.length) return; 6816 6817 const isExpanded = $btn.attr('aria-expanded') === 'true'; 6818 6819 $menuRoot.find('.sub-menu-panel').not($submenu).each(function () { 6820 $(this).removeClass('open').attr('aria-hidden', 'true'); 6821 updateSubmenuTabindex($(this), true); 6822 }); 6823 6824 $menuRoot.find('[aria-controls]') 6825 .not($btn) 6826 .attr('aria-expanded', 'false'); 6827 6828 if (isExpanded) { 6829 console.log($submenu) 6830 $btn.attr('aria-expanded', 'false'); 6831 $submenu.removeClass('open').attr('aria-hidden', 'true'); 6832 updateSubmenuTabindex($submenu, true); 6833 } else { 6834 $btn.attr('aria-expanded', 'true'); 6835 $submenu.addClass('open').attr('aria-hidden', 'false'); 6836 updateSubmenuTabindex($submenu, false); 6837 } 6838 }); 6839 6840 $menuRoot.on('keydown', function (e) { 6841 if (e.key !== 'Escape') return; 6842 6843 const $open = $menuRoot.find('.nav_list_trd.open').last(); 6844 if (!$open.length) return; 6845 6846 $open 6847 .removeClass('open') 6848 .attr('aria-hidden', 'true'); 6849 6850 updateSubmenuTabindex($open, true); 6851 6852 $open.prev('.nav_a_trd').focus(); 6853 6854 e.preventDefault(); 6855 e.stopPropagation(); 6856 }); 6857 6858 $menuRoot.find('.sub-menu-panel').each(function () { 6859 const $submenu = $(this); 6860 const isOpen = $submenu.hasClass('open') && $submenu.attr('aria-hidden') !== 'true'; 6861 updateSubmenuTabindex($submenu, !isOpen); 6862 }); 6863 6864 }); 6865 6866 </script>
6866 6867</div> 6868 6869<style> 6870 #desktop_hamburger_menu_template>ul>li>a, 6871 #desktop_hamburger_menu_template>ul>li>button { 6872 color:#000000; display: flex; 6873 font-weight:400; font-style:normal; font-size:13px; font-family:Sackers Gothic Std; text-transform:uppercase; line-height:25px; } 6874 6875 #desktop_hamburger_menu_template>ul>li>a:hover, 6876 #desktop_hamburger_menu_template>ul>li>button:hover { 6877 color:#000000; } 6878</style> 6879 </div> 6880 6881 </div> 6882 6883 6884 </div> 6885 6886 6887 6888</header> 6889<header class="appearance-tablet-view-template"> 6890 6891 6892 6893 <style> 6894 .header_container>.flex_row { 6895 display: flex; 6896 } 6897 6898 .header_container_2 { 6899 width: 100%; 6900 max-width: 100%; 6901 margin: 0 auto; 6902 position: relative !important; 6903 transform: inherit !important; 6904 } 6905 .header_container>.flex_row>.flex_col { 6906 display: flex; 6907 flex-wrap: wrap; 6908 box-sizing: border-box; 6909 align-content: baseline; 6910 } 6911 .header_container>.flex_row>.flex_col>.flex_cell { 6912 height: fit-content; 6913 display: flex; 6914 } 6915 .header_container>.flex_row>.flex_col>.flex_cell a { 6916 text-decoration: none; 6917 } 6918 .header_container img { 6919 max-width: 100%; 6920 } 6921 .row_spacer_cs { 6922 display: none; 6923 } 6924 .sticky_row { 6925 position: fixed; 6926 } 6927 .sticky_row + .row_spacer_cs { 6928 display: block; 6929 } 6930 </style> 6931 6932 <div class="header_container header_container_2" data-device-type="2"> 6933 6934 6935 6936 <div class="flex_row flex_row_1 "> 6937 6938 6939 <div class="flex_col flex_col_1"> 6940 6941 6942 </div> 6943 6944 <style> 6945 .header_container_2>.flex_row_1>.flex_col_1 { 6946 width:3%; } 6947 </style> 6948 6949 6950 6951 <div class="flex_col flex_col_2"> 6952 6953 6954<div class="flex_cell flex_cell_1 call_us"> 6955 <div class="flex_cell_content"><a class="phone_number_click " href="tel:(732) 577-1030" title="Call us (732) 577-1030"><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> 6956<style> 6957 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.call_us { 6958 width:100%; justify-content:left; -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 6959 6960 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.call_us { 6961 height:100%; } 6962 6963 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.call_us>.flex_cell_content { 6964 display: flex; 6965 margin-top:8px; margin-bottom:8px; margin-left:5px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 6966 6967 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1 a { 6968 color:#ffffff; font-weight:400; font-style:normal; font-size:13px; font-family:Lato; display: flex; 6969 align-items: center; 6970 text-transform:none; } 6971 6972 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.call_us a svg, 6973 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.call_us a img { 6974 margin-right: 5px; 6975 height:12px; } 6976 6977 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1 a .path_class { 6978 fill: currentColor; 6979 } 6980 6981 6982 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1 a:hover { 6983 color:#ffffff; } 6984</style> 6985 </div> 6986 6987 <style> 6988 .header_container_2>.flex_row_1>.flex_col_2 { 6989 width:15%; } 6990 </style> 6991 6992 6993 6994 <div class="flex_col flex_col_3"> 6995 6996 6997<div class="flex_cell flex_cell_1 button_link"> 6998 6999 7000 <div class="flex_cell_content">
7001 <a class="btn_link_ig" href="https://www.garymichaelsfinejewelry.com/book-an-appointment" title="Book Appointment"> 7002 <img alt="Book Appointment" title="Book Appointment" 7003 src="/public/1.0/uploads/source/icons/calendar/white_10x10.png"/> 7004 Book Appointment </a> 7005 </div> 7006 7007 </div> 7008<style> 7009 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.button_link { 7010 width:100%; justify-content:left; -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 7011 7012 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.button_link { 7013 height:100%; } 7014 7015 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.button_link>.flex_cell_content { 7016 display: flex; 7017 margin-top:8px; margin-bottom:8px; margin-left:px; margin-right:px; } 7018 7019 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.button_link a { 7020 color:#ffffff; font-weight:400; font-style:normal; 7021 background-color:#000000; 7022 font-size:13px;font-family:Lato; text-decoration: none; 7023 display: inline-flex; 7024 align-items: center; 7025 padding: 10px 26px; 7026 border-style: solid; 7027 justify-content:left; text-transform:none; border-radius:0px; border-width:0px; border-color:#000000; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 7028 7029 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.button_link a>i{ 7030 margin-right: 5px; 7031 } 7032 7033 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.button_link a:hover { 7034 color:#ffffff; background-color:#000000; border-color:#000000; } 7035 7036 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1 a>img { 7037 margin-right:5px; } 7038</style> 7039 7040 </div> 7041 7042 <style> 7043 .header_container_2>.flex_row_1>.flex_col_3 { 7044 width:39%; } 7045 </style> 7046 7047 7048 7049 <div class="flex_col flex_col_4"> 7050 7051 7052<div class="flex_cell flex_cell_1 account_icons"> 7053 <div class="flex_cell_content"> 7054 <a class="" href="/track-my-order" title="Track my Order" style="order: 4"> 7055 <svg role="img" aria-label="Track my Order" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_21)"><path class="path_class" d="M368 64C394.5 64 416 85.49 416 112V160H466.7C483.7 160 499.1 166.7 512 178.7L589.3 256C601.3 268 608 284.3 608 301.3V416C625.7 416 640 430.3 640 448C640 465.7 625.7 480 608 480H576C576 533 533 576 480 576C426.1 576 384 533 384 480H256C256 533 213 576 160 576C106.1 576 64 533 64 480H48C21.49 480 0 458.5 0 432V112C0 85.49 21.49 64 48 64H368ZM416 224V320H544V301.3L466.7 224H416ZM160 432C133.5 432 112 453.5 112 480C112 506.5 133.5 528 160 528C186.5 528 208 506.5 208 480C208 453.5 186.5 432 160 432ZM480 528C506.5 528 528 506.5 528 480C528 453.5 506.5 432 480 432C453.5 432 432 453.5 432 480C432 506.5 453.5 528 480 528Z" fill="black"/></g><defs><clipPath id="clip0_107_21"><rect width="640" height="512" fill="white" transform="translate(0 64)"/></clipPath></defs></svg> </a> 7056 7057 <a class="" href="/wishlist" title="Wishlist" rel="nofollow" style="order: 2"> 7058 <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>
7058 <span class="item-count-badge wishlist-count-badge d-none"></span> 7059 </a> 7060 7061 <a class=" build-shopping-cart-icon" href="/shopping-cart" title="Shopping Cart" style="order: 3"> 7062 <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> 7063 </a> 7064 7065 <a class=" search_click_toggle" href="/keyword-search" title="Search" style="order: 1"> 7066 <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> 7067 7068 <a class="" href="/login" title="My Account" style="order: 5"> 7069 <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> 7070 </div> 7071</div> 7072 7073<style> 7074 .header_container_2>.flex_row_1>.flex_col_4>.flex_cell_1.account_icons { 7075 width:100%; justify-content: flex-end; 7076 align-items:center; -webkit-align-items:center; } 7077 7078 .header_container_2>.flex_row_1>.flex_col_4>.flex_cell_1.account_icons { 7079 height:100%; } 7080 7081 .header_container_2>.flex_row_1>.flex_col_4>.flex_cell_1.account_icons>.flex_cell_content { 7082 display: flex; 7083 margin-top:8px; margin-bottom:8px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 7084 7085 .header_container_2>.flex_row_1>.flex_col_4>.flex_cell_1.account_icons .wishlist-count-badge.d-none { 7086 display: none !important; 7087 } 7088 7089 .header_container_2>.flex_row_1>.flex_col_4>.flex_cell_1.account_icons a { 7090 display: flex; 7091 align-items: center; 7092 color:#ffffff; font-weight:400; font-style:normal; font-size:14px; font-family:Lato; margin-left: 12px; 7093 text-transform:none; } 7094 7095 .header_container_2>.flex_row_1>.flex_col_4>.flex_cell_1.account_icons a svg, 7096 .header_container_2>.flex_row_1>.flex_col_4>.flex_cell_1.account_icons a img { 7097 flex-shrink: 0; 7098 margin-right: 5px; 7099 width:13px; height:13px; } 7100 7101 .header_container_2>.flex_row_1>.flex_col_4>.flex_cell_1.account_icons a .path_class { 7102 fill: currentColor; 7103 } 7104 7105 .header_container_2>.flex_row_1>.flex_col_4>.flex_cell_1.account_icons a:hover { 7106 color:#ffffff; } 7107 7108 .header_container_2>.flex_row_1>.flex_col_4>.flex_cell_1.account_icons a .item-count-badge { 7109 padding: 0 5px; 7110 height: 16px; 7111 min-width: 16px; 7112 text-align: center; 7113 border-radius: 7px; 7114 line-height: 16px; 7115 border: 1px solid #fff; 7116 font-style: normal; 7117 font-weight: 700; 7118 font-size: 10px; 7119 background-color:#878787; color:#ffffff; margin-left: -10px; 7120 margin-top: -15px; 7121 } 7122</style> 7123 </div> 7124 7125 <style> 7126 .header_container_2>.flex_row_1>.flex_col_4 { 7127 width:40%; } 7128 </style> 7129 7130 7131 7132 <div class="flex_col flex_col_5"> 7133 7134 7135 </div> 7136 7137 <style> 7138 .header_container_2>.flex_row_1>.flex_col_5 { 7139 width:3%; } 7140 </style> 7141 7142 7143 7144 </div> 7145 7146 7147 <style> 7148 .header_container_2>.flex_row_1 { 7149 background-color: #000000; 7150 7151 color:#000000; height:auto; 7152 7153 } 7154 7155 </style> 7156 7157 7158 7159 7160 7161 <div class="flex_row flex_row_2 "> 7162 7163 7164 <div class="flex_col flex_col_1"> 7165 7166 <div class="flex_cell flex_cell_1 menu"> 7167 <div class="flex_cell_content"> 7168 <style> 7169 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner, 7170 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-parent { 7171 width: 30px; 7172 height: 24px; 7173 position: relative; 7174 cursor: pointer; 7175 } 7176 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner .hamburger-icon rect { 7177 fill: #000000; } 7178 7179 7180 .header_container_2>.flex_row_2>.flex_col_1>
7180.flex_cell_1.menu a.hamburger-menu-nav-section, 7181 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu a.hamburger-menu-close-button{ 7182 color:#000000; display: flex; 7183 font-weight:400; font-style:normal; font-size:12px; font-family:Sackers Gothic Std; text-transform:uppercase; line-height:40px; } 7184 </style> 7185 7186 <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"> 7187 <div class="hamburger-button-parent"> 7188 <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"> 7189 <rect y="1" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 7190 <rect y="10" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 7191 <rect y="19" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 7192 </svg> 7193 7194 7195 </div> 7196 </div> 7197 </div> 7198</div> 7199 7200<style> 7201 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu { 7202 width:100%; justify-content: flex-start; 7203 align-items:center; -webkit-align-items:center; } 7204 7205 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu { 7206 height:100%; } 7207 7208 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content { 7209 display: flex; 7210 margin-top:px; margin-bottom:px; margin-left:30px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 7211 7212 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a, 7213 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>button { 7214 color:#000000; display: flex; 7215 font-weight:400; font-style:normal; font-size:12px; font-family:Sackers Gothic Std; text-transform:uppercase; line-height:40px; } 7216 7217 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a:hover { 7218 color:#000000; } 7219</style> 7220 </div> 7221 7222 <style> 7223 .header_container_2>.flex_row_2>.flex_col_1 { 7224 width:30%; } 7225 </style> 7226 7227 7228 7229 <div class="flex_col flex_col_2"> 7230 7231 7232 7233<div class="flex_cell flex_cell_1 image"> 7234 <div class="flex_cell_content"> 7235 7236 <a href="https://www.garymichaelsfinejewelry.com/" 7237 > 7238 7239 7240 <img 7241 7242 7243 src="https://www.garymichaelsfinejewelry.com/public/1.0/uploads/source/logos/gmfj_logo.webp" 7244 7245 alt="Gary Michaels Fine Jewelry"> 7246 7247 7248 </a> 7249 7250 </div> 7251</div> 7252 <style> 7253 .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image { 7254 width:100%; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; } 7255 .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image>.flex_cell_content { 7256 display: flex; 7257 margin-top:10px; margin-bottom:10px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 7258 .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image img { 7259 max-width:100%; } 7260 7261 .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image { 7262 height:100%; } 7263 </style> 7264 7265 7266 </div> 7267 7268 <style> 7269 .header_container_2>.flex_row_2>.flex_col_2 { 7270 width:40%; } 7271 </style> 7272 7273 7274 7275 <div class="flex_col flex_col_3"> 7276 7277 7278 </div> 7279 7280 <style> 7281 .header_container_2>.flex_row_2>.flex_col_3 { 7282 width:30%; } 7283 </style> 7284 7285 7286 7287 </div> 7288 7289 7290 <style> 7291 .header_container_2>.flex_row_2 { 7292 background-color: #ffffff; 7293 7294 color:#000000; height:auto; 7295 7296 } 7297 7298 </style> 7299 7300 7301 7302 7303 7304 <div class="flex_row flex_row_3 "> 7305 7306 7307 <div class="flex_col flex_col_1"> 7308 7309 7310<div class="flex_cell flex_cell_1 toggleable_search_box"> 7311 <div class="flex_cell_content"> 7312 7313 <form class="sform" id="search-box-form"
7314 onsubmit="javascript: window.location = '/keyword-search?search=' + encodeURIComponent($(this).find('input[name=search]').val()); return false;"> 7315 <div class="inputs-group"> 7316 <button class="sBtn"> 7317 <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> 7318 </button> 7319 7320 <input class="sinp" type="text" name="search" 7321 placeholder="Search Products..."> 7322 7323 <span class="sBtn search_close_btn"> 7324 <svg aria-label="Close search" viewBox="0 0 16 16"> 7325 <path class="path_class" d="m1 1 14 14M1 15 15 1" stroke="currentColor" stroke-width="1.5"></path> 7326 </svg> 7327 </span> 7328 7329 </div> 7330 </form> 7331 7332 </div> 7333</div> 7334<style> 7335 7336 7337 7338 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.toggleable_search_box { 7339 width:100%; position:relative; 7340 7341 } 7342 7343 7344 7345 7346 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.toggleable_search_box>.flex_cell_content { 7347 display: flex; 7348 padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; width:60%; top:0; 7349 width:100%; 7350 height:100px; 7351 background-color: #ffffff; 7352 7353 7354 7355 7356 position:absolute; 7357 overflow: hidden; 7358 z-index:99999; 7359 max-height: 0; 7360 transition: max-height 0.3s ease-in-out; 7361 7362 } 7363 7364 7365 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.toggleable_search_box>.flex_cell_content.show { 7366 max-height:100px; } 7367 7368 7369 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .inputs-group { 7370 display: flex; 7371 flex-wrap: nowrap; 7372 border-radius: 0px; 7373 border-style: solid; 7374 border-width:1px; border-color:#ffffff; border-bottom-color:#000000; width:60%; background-color:#ffffff; 7375 } 7376 7377 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sform { 7378 display: flex; 7379 flex-wrap: nowrap; 7380 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; width:100%; 7381 } 7382 7383 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp { 7384 border-radius: 0px; 7385 padding: 4px 8px; 7386 outline: 0px; 7387 box-shadow: none; 7388 font-size:11px; font-family:Lato; color:#000000; font-weight:400; font-style:normal; background-color: transparent; 7389 7390 height:30px; border-style: solid; 7391 border: none; 7392 width: 100%; 7393 } 7394 7395 7396 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp::placeholder { 7397 font-size:11px; font-family:Lato; color:#000000; opacity: 1; 7398 } 7399 7400 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn { 7401 height: 100%; 7402 padding: 4px; 7403 align-items: center; 7404 justify-content: center; 7405 display: flex; 7406 border: none; 7407 background-color: transparent; 7408 7409 color:#000000; font-weight:400; font-style:normal; height:30px; width:30px; 7410 } 7411 7412 7413 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn svg { 7414 width:10px; height:10px; } 7415 7416 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn .path_class { 7417 fill:#000000; } 7418 7419 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn:hover .path_class { 7420 fill:#000000; } 7421</style> 7422 7423
7424<script> 7425 7426 7427 document.querySelectorAll('.search_close_btn').forEach(function(element) { 7428 element.addEventListener('click', function(event) { 7429 const searchBox = document.querySelector('.header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.toggleable_search_box>.flex_cell_content'); 7430 if (searchBox) { 7431 searchBox.classList.toggle('show'); 7432 } 7433 }); 7434 }); 7435 7436 document.querySelectorAll('.search_click_toggle').forEach(function(element) { 7437 element.addEventListener('click', function(event) { 7438 event.preventDefault(); // Prevent the default behavior 7439 const searchBox = document.querySelector('.header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.toggleable_search_box>.flex_cell_content'); 7440 if (searchBox) { 7441 searchBox.classList.toggle('show'); 7442 } 7443 }); 7444 }); 7445 7446 7447 7448</script>
7448 7449 7450 7451 7452 </div> 7453 7454 <style> 7455 .header_container_2>.flex_row_3>.flex_col_1 { 7456 width:100%; } 7457 </style> 7458 7459 7460 7461 </div> 7462 7463 7464 <style> 7465 .header_container_2>.flex_row_3 { 7466 background-color: #ffffff; 7467 7468 color:#000000; height:auto; 7469 7470 } 7471 7472 </style> 7473 7474 7475 7476 7477 7478 7479 <div class="flex_row"> 7480 7481 7482 <div class="flex_col"> 7483 7484 7485 </div> 7486 7487 <div class="flex_col"> 7488 7489 7490 </div> 7491 7492 <div class="flex_col"> 7493 7494 7495 </div> 7496 7497 <div class="flex_col"> 7498 7499 7500 </div> 7501 7502 <div class="flex_col"> 7503 7504 7505 </div> 7506 7507 </div> 7508 7509 7510 7511 <div class="flex_row"> 7512 7513 7514 <div class="flex_col"> 7515 7516 <div class="flex_cell flex_cell_1 menu"> 7517 <style> 7518 #tablet_hamburger_menu_template { 7519 position: fixed; 7520 top: 0; 7521 left: 0; 7522 width: 325px; 7523 overflow-y: auto; 7524 transform: translateX(-325px); 7525 z-index: 1000000001; 7526 height: 100vh; 7527 background-color: #ffffff; 7528 transition: all 0.3s ease; 7529 } 7530 #tablet_hamburger_menu_template_overlay.open { 7531 position: fixed; 7532 top: 0; 7533 left: 0; 7534 width: 100vw; 7535 z-index: 1000000001; 7536 transition: all 0.3s ease; 7537 height: 100vh; 7538 background: rgba(1, 1, 1, 0.5); 7539 cursor: pointer; 7540 transform: translateX(325px); 7541 } 7542 #tablet_hamburger_menu_template .hamburger-menu-template-inner { 7543 padding: 10px; 7544 padding-right:25px; 7545 } 7546 #tablet_hamburger_menu_template .hamburger-menu-close-button { 7547 font-size: 14px !important; 7548 display: flex; 7549 align-items: center; 7550 margin-bottom: 20px; 7551 } 7552 #tablet_hamburger_menu_template .hamburger-menu-close-button svg, 7553 #tablet_hamburger_menu_template button.hamburger-menu-close-button svg { 7554 height: 15px; 7555 margin-right: 5px; 7556 } 7557 #tablet_hamburger_menu_template .hamburger-menu-nav-section { 7558 display: flex; 7559 justify-content: space-between; 7560 align-items: center; 7561 } 7562 #tablet_hamburger_menu_template .hamburger-menu-nav-section svg, 7563 #tablet_hamburger_menu_template button.hamburger-menu-nav-section svg, 7564 #tablet_hamburger_menu_template a.hamburger-menu-nav-section svg { 7565 height: 10px; 7566 float: right; 7567 } 7568 #tablet_hamburger_menu_template .hamburger-menu-nav-section.parent_men span, 7569 #tablet_hamburger_menu_template a.hamburger-menu-nav-section.parent_men span, 7570 #tablet_hamburger_menu_template button.hamburger-menu-nav-section.parent_men span { 7571 text-decoration: underline; 7572 } 7573 #tablet_hamburger_menu_template .hamburger-menu-nav-section.parent_men_arrow, 7574 #tablet_hamburger_menu_template a.hamburger-menu-nav-section.parent_men_arrow, 7575 #tablet_hamburger_menu_template button.hamburger-menu-nav-section.parent_men_arrow { 7576 min-width:30px; 7577 justify-content: end; 7578 } 7579 #tablet_hamburger_menu_template .ham_menu_container { 7580 display:flex; 7581 justify-content: space-between; 7582 } 7583 #tablet_hamburger_menu_template.open { 7584 transform: translateX(0); 7585 }
7586 #tablet_hamburger_menu_template .sub-menu-panel { 7587 display: none; 7588 } 7589 #tablet_hamburger_menu_template .sub-menu-panel[aria-hidden="true"] { 7590 display: none; 7591 } 7592 #tablet_hamburger_menu_template .sub-menu-panel[aria-hidden="false"] { 7593 display: block; 7594 } 7595 #tablet_hamburger_menu_template .icon_and_name { 7596 display:flex; 7597 align-items:center; 7598 gap:10px; 7599 } 7600 #tablet_hamburger_menu_template .hum-line { 7601 border-bottom: 1px solid #ddd; 7602 } 7603 #tablet_hamburger_menu_template .sub-menu-panel.open, 7604 #tablet_hamburger_menu_template .sub-menu-panel[aria-hidden="false"] { 7605 display: block; 7606 } 7607 #tablet_hamburger_menu_template a.hamburger-menu-nav-section, 7608 #tablet_hamburger_menu_template button.hamburger-menu-nav-section, 7609 #tablet_hamburger_menu_template button.hamburger-menu-close-button, 7610 #tablet_hamburger_menu_template a.hamburger-menu-close-button{ 7611 color:#000000; display: flex; 7612 text-align: left; 7613 width: 100%; 7614 position: relative; 7615 font-weight:400; font-style:normal; font-size:12px; font-family:Sackers Gothic Std; text-transform:uppercase; line-height:40px; } 7616 #tablet_hamburger_menu_template.hamburger-menu-template .nav_list_trd { 7617 display: none; 7618 padding: 15px 0px; 7619 background: #fff; 7620 } 7621 #tablet_hamburger_menu_template.hamburger-menu-template .nav_list_trd.open { 7622 display: block; 7623 padding-top:2px; 7624 } 7625 /* Reset button styles to look like links */ 7626 #tablet_hamburger_menu_template button.hamburger-menu-nav-section, 7627 #tablet_hamburger_menu_template button.hamburger-menu-close-button, 7628 #tablet_hamburger_menu_template button.parent_men_arrow { 7629 background: none; 7630 border: none; 7631 padding: 0; 7632 cursor: pointer; 7633 -webkit-appearance: none; 7634 -moz-appearance: none; 7635 appearance: none; 7636 } 7637 7638 /* Hover and active states for buttons - inherit from link styles */ 7639 #tablet_hamburger_menu_template button.hamburger-menu-nav-section:hover, 7640 #tablet_hamburger_menu_template button.hamburger-menu-nav-section.active, 7641 #tablet_hamburger_menu_template button.hamburger-menu-nav-section[aria-expanded="true"], 7642 #tablet_hamburger_menu_template button.hamburger-menu-close-button:hover { 7643 /* Styles inherited from parent selectors above */ 7644 } 7645 7646 /* Additional button styles are inherited from parent selectors above */ 7647 7648 /* Image styles inside buttons */ 7649 #tablet_hamburger_menu_template button.hamburger-menu-nav-section .icon_and_name img, 7650 #tablet_hamburger_menu_template a.hamburger-menu-nav-section .icon_and_name img { 7651 height:20px; 7652 } 7653 </style> 7654 7655 <nav id="tablet_hamburger_menu_template" class="hamburger-menu-template" inert="inert"> 7656 <div class="hamburger-menu-template-inner"> 7657 <button type="button" class="hamburger-menu-close-button mr-4" id="tablet_hamburger_close_button" aria-label="Close menu"> 7658 <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> 7659 7660 <div class="script_before_menu"> 7661 7662 7663<div class="flex_cell flex_cell_1 image"> 7664 <div class="flex_cell_content"> 7665 7666 <a href="https://www.garymichaelsfinejewelry.com/david-yurman" 7667 > 7668 7669 7670 <img 7671 7672 7673 src="https://www.garymichaelsfinejewelry.com/public/1.0/uploads/source/icons/dy_widget-1.webp" 7674 7675 alt="David Yurman Logo"> 7676 7677 7678 </a> 7679 7680 </div> 7681</div> 7682 <style> 7683 .header_container_2 .flex_row .flex_col .script_before_menu .image { 7684 width:100%; justify-content:left !important; align-items:center !important; } 7685 .header_container_2 .flex_row .flex_col .script_before_menu .image>.flex_cell_content { 7686 display: flex; 7687 margin-top:px !important; margin-bottom:10px !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; } 7688 .header_container_2 .flex_row .flex_col .script_before_menu .image img { 7689 } 7690 7691 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.image { 7692 } 7693 </style> 7694 7695 </div> 7696 <div style="clear: both"></div> 7697 7698 7699 <a class="hamburger-menu
7699-nav-section " title="David Yurman" href="/david-yurman" > 7700 <span class="icon_and_name"> 7701 7702 David Yurman </span> 7703 7704 </a> 7705 7706 7707 7708 <div class="sub-menu-panel" id="tablet-submenu-134" aria-hidden="true"> 7709 7710 7711 7712 7713 7714<div class="menu_container default_build_menu menu_container_2_navigation_134"> 7715 <div class="nav_div_134"> 7716 </div> 7717</div> 7718<style> 7719 .menu_container_2_navigation_134 { 7720 background: #fff; 7721 } 7722 .horizontal_menu .nav_div_134 { 7723 padding: 15px 0px; 7724 box-shadow: 0px 0px 5px #00000078; display: flex; 7725 flex-wrap: wrap; 7726 } 7727 .horizontal_menu .nav_img_134 { 7728 height: 200px; 7729 width: 250px; 7730 margin-left: 50px; 7731 margin-right: 20px; 7732 flex-shrink: 0; 7733 order: 1; 7734 } 7735 .horizontal_menu .nav_img_134 img { 7736 max-width: 100%; 7737 max-height: 100%; 7738 } 7739 .horizontal_menu .nav_div_134 .vfit { 7740 text-align: left; 7741 border-bottom: 1px solid #ececec; 7742 text-transform: uppercase; 7743 } 7744 .nav_div_134 .vfit a { 7745 text-decoration: none; 7746 color: #222; 7747 } 7748 .nav_div_134 .nav_list { 7749 list-style: none; 7750 margin: 0; 7751 padding: 0; 7752 order: 1; 7753 } 7754 .nav_div_134 ul { 7755 list-style: none; 7756 } 7757 #tablet_hamburger_menu_template .nav_div_134 li { 7758 width: 100%; 7759 margin: 0; 7760 padding: 0px 20px; 7761 position: relative; 7762 } 7763 .horizontal_menu .nav_div_134 li { 7764 width: 100%; 7765 margin: 0; 7766 padding: 0px 20px; 7767 position: relative; 7768 } 7769 7770 #tablet_hamburger_menu_template .nav_div_134 li svg { 7771 position: absolute; 7772 right: 15px; 7773 height: 10px; 7774 top: 10px; 7775 } 7776 .horizontal_menu .nav_div_134 li svg { 7777 position: absolute; 7778 right: 15px; 7779 height: 10px; 7780 top: 10px; 7781 } 7782 7783 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_134 .nav_div_134 .nav_list li .nav_a_trd { 7784 display: flex; 7785 align-items: center; 7786 padding: 0; 7787 line-height: 30px; 7788 font-size: 14px; 7789 text-transform: uppercase; 7790 text-decoration: none; 7791 color: #222; 7792 white-space: normal; 7793 7794 color:#000000; font-weight:400; font-style:normal; font-size:11px; font-family:Sackers Gothic Std; text-transform:uppercase; line-height:35px; 7795 } 7796 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_134 .nav_div_134 .nav_list li button { 7797 background: none; 7798 border: none; 7799 cursor: pointer; 7800 } 7801 7802 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_134 .nav_div_134 .nav_list li .nav_a_trd.parent_men { 7803 text-decoration: underline; 7804 } 7805 7806 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_134 .nav_div_134 .nav_list li .nav_a_trd:hover { 7807 color:#000000; cursor: pointer; 7808 } 7809 7810 7811 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_134 .nav_div_134 .nav_list li .nav_list_trd li a { 7812 display: flex; 7813 align-items: center; 7814 padding: 0; 7815 line-height: 30px; 7816 font-size: 14px; 7817 text-transform: uppercase; 7818 text-decoration: none; 7819 color: #222; 7820 white-space: normal; 7821 7822 color:#000000; font-weight:400; font-style:normal; font-size:11px; font-family:Sackers Gothic Std; text-transform:none; line-height:35px; } 7823 7824 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_134 .nav_div_134 .nav_list li .nav_list_trd li a:hover { 7825 color:#000000; } 7826 7827 .nav_div_134 .nav_list li a .nav_icons { 7828 height: 30px; 7829 margin-right: 5px; 7830 } 7831 7832 7833 7834 .nav_div_134 .nav_list li a:hover { 7835 color: #3172ab; 7836 } 7837 .horizontal_menu .nav_div_134 .nav_list_trd { 7838 display: none; 7839 position: absolute; 7840 left: 100%; 7841 top: -15px; 7842 padding: 15px 0px; 7843 box-shadow: 0px 0px 5px #00000078; background: #fff; 7844 } 7845 .horizontal_menu .nav_div_134 .nav_list>li .nav_list_trd.open, 7846 .horizontal_menu .nav_div_134 .nav_list>li:hover .nav_list_trd { 7847 display: block; 7848 z-index: 99; 7849 } 7850 7851 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_134, 7852 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_134 .nav_list_trd{ 7853 width: 250px; 7854 } 7855 7856 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_134 .nav_list_trd{ 7857 width: 250px; 7858 } 7859 </style> 7860 </div> 7861 <div class="hum-line"></div> 7862 7863 7864 <button type="button" class="hamburger-menu
7864-nav-section " aria-expanded="false" aria-controls="tablet-submenu-133" aria-label="Expand Bridal section"> 7865 <span class="icon_and_name"> 7866 7867 Bridal </span> 7868 <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> 7869 7870 </button> 7871 7872 7873 7874 <div class="sub-menu-panel" id="tablet-submenu-133" aria-hidden="true"> 7875 7876 7877 7878 7879 7880<div class="menu_container default_build_menu menu_container_2_navigation_133"> 7881 <div class="nav_div_133"> 7882 <ul class="nav_list" role="menu" aria-label="Bridal" tabindex="-1"> 7883 7884 <li style="" 7885 class="" 7886 role="none"> 7887 7888 7889 7890 <a class="nav_a_trd " title="Engagement Rings" href="#!" data-full_image="" role="menuitem" tabindex="0" > 7891 Engagement Rings <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> 7892 </a> 7893 7894 7895 7896 7897 7898 7899 7900 <ul class="nav_list_trd" role="menu" aria-label="Engagement Rings" tabindex="-1"> 7901 <li style="" 7902 class="" 7903 role="none"> 7904 7905 <a class="" href="https://www.garymichaelsfinejewelry.com/engagement-rings" title="Shop Engagement Rings" role="menuitem" tabindex="0" > 7906 Shop Engagement Rings </a> 7907 </li> 7908 <li style="" 7909 class="" 7910 role="none"> 7911 7912 <a class="" href="https://www.garymichaelsfinejewelry.com/create-your-ring" title="Build Your Dream Ring " role="menuitem" tabindex="-1" > 7913 Build Your Dream Ring </a> 7914 </li> 7915 </ul> 7916 </li> 7917 7918 7919 7920 <li style="" 7921 class="" 7922 role="none"> 7923 7924 7925 <div class="ham_menu_container"> 7926 7927 <a class="nav_a_trd parent_men " title="Wedding Bands" href="https://www.garymichaelsfinejewelry.com/wedding-bands" data-full_image="" role="menuitem" tabindex="-1" > 7928 Wedding Bands 7929 </a> 7930 7931 <a class="nav_a_trd parent_men_arrow" href="#!"> 7932 7933 7934 <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> 7935 </a> 7936 7937 7938 7939 7940 </div> 7941 7942 7943 7944 7945 <ul class="nav_list_trd" role="menu" aria-label="Wedding Bands" tabindex="-1"> 7946 <li style="" 7947 class="" 7948 role="none"> 7949 7950 <a class="" href="https://www.garymichaelsfinejewelry.com/mens-wedding-bands" title="Men's Wedding Bands" role="menuitem" tabindex="0" > 7951 Men's Wedding Bands </a> 7952 </li> 7953 <li style="" 7954 class="" 7955 role="none"> 7956 7957 <a class="" href="https://www.garymichaelsfinejewelry.com/womens-wedding-bands" title="Women's Wedding Bands" role="menuitem" tabindex="-1" > 7958 Women's Wedding Bands </a> 7959 </li> 7960 </ul> 7961 </li> 7962 7963 7964 </ul> 7965 </div> 7966</div> 7967<style> 7968 .menu_container_2_navigation_133 { 7969 background: #fff; 7970 } 7971 .horizontal_menu .nav_div_133 { 7972 padding: 15px 0px; 7973 box-shadow: 0px 0px 5px #00000078; display: flex; 7974 flex-wrap: wrap; 7975 } 7976 .horizontal_menu .nav_img_133 { 7977 height: 200px; 7978 width: 250px; 7979 margin-left: 50px; 7980 margin-right: 20px; 7981 flex-shrink: 0; 7982 order: 1; 7983 } 7984 .horizontal_menu .nav_img_133 img { 7985 max-width: 100%; 7986 max-height: 100%; 7987 } 7988 .horizontal_menu .nav_div_133 .vfit { 7989 text-align: left; 7990 border-bottom: 1px solid #ececec; 7991 text-transform: uppercase; 7992 } 7993 .nav_div_133 .vfit a { 7994 text-decoration: none; 7995 color: #222; 7996 } 7997 .nav_div_133 .nav_list { 7998 list-style: none; 7999 margin: 0; 8000 padding: 0; 8001 order: 1; 8002 } 8003 .nav_div_133 ul { 8004 list-style: none; 8005 } 8006 #tablet_hamburger_menu_template .nav_div_133 li { 8007 width: 100%; 8008 margin: 0; 8009 padding: 0px 20px; 8010 position: relative; 8011 } 8012 .horizontal_menu .nav_div_133 li { 8013 width: 100%; 8014 margin: 0; 8015 padding: 0px 20px; 8016 position: relative; 8017 } 8018 8019 #tablet_hamburger_menu_template .nav_div_133 li svg { 8020 position: absolute; 8021 right: 15px; 8022 height: 10px; 8023 top: 10px; 8024 } 8025 .horizontal_menu .nav_div_133 li svg { 8026 position: absolute; 8027 right: 15px; 8028 height: 10px; 8029 top: 10px; 8030 } 8031 8032 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_133 .nav_div_133 .nav_list li .nav_a_trd { 8033 display: flex; 8034 align-items: center; 8035 padding: 0; 8036 line-height: 30px; 8037 font-size: 14px; 8038 text-transform: uppercase; 8039 text-decoration: none; 8040 color: #222; 8041 white-space: normal; 8042 8043 color:#000000; font-weight:400; font-style:normal; font-size:11px; font-family:Sackers Gothic Std; text-transform:uppercase; line-height:35px; 8044 } 8045 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_133 .nav_div_133 .nav_list li button { 8046 background: none; 8047 border: none; 8048 cursor: pointer; 8049 } 8050 8051 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_133 .nav_div_133 .nav_list li .nav_a_trd.parent_men { 8052 text-decoration: underline; 8053 } 8054 8055 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_133 .nav_div_133 .nav_list li .nav_a_trd:hover { 8056 color:#000000; cursor: pointer; 8057 } 8058 8059 8060 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_133 .nav_div_133 .nav_list li .nav_list_trd li a { 8061 display: flex; 8062 align-items: center; 8063 padding: 0; 8064 line-height: 30px; 8065 font-size: 14px; 8066 text-transform: uppercase; 8067 text-decoration: none; 8068 color: #222; 8069 white-space: normal; 8070 8071 color:#000000; font-weight:400; font-style:normal; font-size:11px; font-family:Sackers Gothic Std; text-transform:none; line-height:35px; } 8072 8073 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_133 .nav_div_133 .nav_list li .nav_list_trd li a:hover { 8074 color:#000000; } 8075 8076 .nav_div_133 .nav_list li a .nav_icons { 8077 height: 30px; 8078 margin-right: 5px; 8079 } 8080 8081 8082 8083 .nav_div_133 .nav_list li a:hover { 8084 color: #3172ab; 8085 } 8086 .horizontal_menu .nav_div_133 .nav_list_trd { 8087 display: none; 8088 position: absolute; 8089 left: 100%; 8090 top: -15px; 8091 padding: 15px 0px; 8092 box-shadow: 0px 0px 5px #00000078;
8092 background: #fff; 8093 } 8094 .horizontal_menu .nav_div_133 .nav_list>li .nav_list_trd.open, 8095 .horizontal_menu .nav_div_133 .nav_list>li:hover .nav_list_trd { 8096 display: block; 8097 z-index: 99; 8098 } 8099 8100 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_133, 8101 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_133 .nav_list_trd{ 8102 width: 250px; 8103 } 8104 8105 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_133 .nav_list_trd{ 8106 width: 250px; 8107 } 8108 </style> 8109 </div> 8110 <div class="hum-line"></div> 8111 8112 8113 <button type="button" class="hamburger-menu-nav-section " aria-expanded="false" aria-controls="tablet-submenu-85" aria-label="Expand Diamonds section"> 8114 <span class="icon_and_name"> 8115 8116 Diamonds </span> 8117 <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> 8118 8119 </button> 8120 8121 8122 8123 <div class="sub-menu-panel" id="tablet-submenu-85" aria-hidden="true"> 8124 8125 8126 8127 8128 8129<div class="menu_container default_build_menu menu_container_2_navigation_85"> 8130 <div class="nav_div_85"> 8131 <ul class="nav_list" role="menu" aria-label="Diamonds" tabindex="-1"> 8132 8133 <li style="" 8134 class="" 8135 role="none"> 8136 8137 8138 8139 <a class="nav_a_trd " title="Natural Diamonds" href="https://www.garymichaelsfinejewelry.com/natural-diamonds" data-full_image="" role="menuitem" tabindex="0" > 8140 Natural Diamonds </a> 8141 8142 8143 8144 8145 8146 8147 8148 </li> 8149 8150 8151 8152 <li style="" 8153 class="" 8154 role="none"> 8155 8156 8157 8158 <a class="nav_a_trd " title="Lab Grown Diamonds" href="https://www.garymichaelsfinejewelry.com/lab-grown-diamonds" data-full_image="" role="menuitem" tabindex="-1" > 8159 Lab Grown Diamonds </a> 8160 8161 8162 8163 8164 8165 8166 8167 </li> 8168 8169 8170 8171 <li style="" 8172 class="" 8173 role="none"> 8174 8175 8176 8177 <a class="nav_a_trd " title="Diamond Guide" href="https://www.garymichaelsfinejewelry.com/diamond-guide" data-full_image="" role="menuitem" tabindex="-1" > 8178 Diamond Guide </a> 8179 8180 8181 8182 8183 8184 8185 8186 </li> 8187 8188 8189 </ul> 8190 </div> 8191</div> 8192<style> 8193 .menu_container_2_navigation_85 { 8194 background: #fff; 8195 } 8196 .horizontal_menu .nav_div_85 { 8197 padding: 15px 0px; 8198 box-shadow: 0px 0px 5px #00000078; display: flex; 8199 flex-wrap: wrap; 8200 } 8201 .horizontal_menu .nav_img_85 { 8202 height: 200px; 8203 width: 250px; 8204 margin-left: 50px; 8205 margin-right: 20px; 8206 flex-shrink: 0; 8207 order: 1; 8208 } 8209 .horizontal_menu .nav_img_85 img { 8210 max-width: 100%; 8211 max-height: 100%; 8212 } 8213 .horizontal_menu .nav_div_85 .vfit { 8214 text-align: left; 8215 border-bottom: 1px solid #ececec; 8216 text-transform: uppercase; 8217 } 8218 .nav_div_85 .vfit a { 8219 text-decoration: none; 8220 color: #222; 8221 } 8222 .nav_div_85 .nav_list { 8223 list-style: none; 8224 margin: 0; 8225 padding: 0; 8226 order: 1; 8227 } 8228 .nav_div_85 ul { 8229 list-style: none; 8230 } 8231 #tablet_hamburger_menu_template .nav_div_85 li { 8232 width: 100%; 8233 margin: 0; 8234 padding: 0px 20px; 8235 position: relative; 8236 } 8237 .horizontal_menu .nav_div_85 li { 8238 width: 100%; 8239 margin: 0; 8240 padding: 0px 20px; 8241 position: relative; 8242 } 8243 8244 #tablet_hamburger_menu_template .nav_div_85 li svg { 8245 position: absolute; 8246 right: 15px; 8247 height: 10px; 8248 top: 10px; 8249 } 8250 .horizontal_menu .nav_div_85 li svg { 8251 position: absolute; 8252 right: 15px; 8253 height: 10px; 8254 top: 10px; 8255 } 8256 8257 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_85 .nav_div_85 .nav_list li .nav_a_trd { 8258 display: flex; 8259 align-items: center; 8260 padding: 0; 8261 line-height: 30px; 8262 font-size: 14px; 8263 text-transform: uppercase; 8264 text-decoration: none; 8265 color: #222; 8266 white-space: normal; 8267 8268 color:#000000; font-weight:400; font-style:normal; font-size:11px; font-family:Sackers Gothic Std; text-transform:uppercase; line-height:35px; 8269 } 8270 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_85 .nav_div_85 .nav_list li button { 8271 background: none; 8272 border: none; 8273 cursor: pointer; 8274 } 8275 8276 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_85 .nav_div_85 .nav_list li .nav_a_trd.parent_men { 8277 text-decoration: underline; 8278 } 8279 8280 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_85 .nav_div_85 .nav_list li .nav_a_trd:hover { 8281 color:#000000; cursor: pointer; 8282 } 8283 8284 8285 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_85 .nav_div_85 .nav_list li .nav_list_trd li a { 8286 display: flex; 8287 align-items: center; 8288 padding: 0; 8289 line-height: 30px; 8290 font-size: 14px; 8291 text-transform: uppercase; 8292 text-decoration: none; 8293 color: #222; 8294 white-space: normal; 8295 8296 color:#000000; font-weight:400; font-style:normal; font-size:11px; font-family:Sackers Gothic Std; text-transform:none; line-height:35px; } 8297 8298 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_85 .nav_div_85 .nav_list li .nav_list_trd li a:hover { 8299 color:#000000; } 8300 8301 .nav_div_85 .nav_list li a .nav_icons { 8302 height: 30px; 8303 margin-right: 5px; 8304 } 8305 8306 8307 8308 .nav_div_85 .nav_list li a:hover { 8309 color: #3172ab; 8310 } 8311 .horizontal_menu .nav_div_85 .nav_list_trd { 8312 display: none; 8313 position: absolute; 8314 left: 100%; 8315 top: -15px; 8316 padding: 15px 0px; 8317 box-shadow: 0px 0px 5px #00000078; background: #fff; 8318 } 8319 .horizontal_menu .nav_div_85 .nav_list>li .nav_list_trd.open, 8320 .horizontal_menu .nav_div_85 .nav_list>li:hover .nav_list_trd { 8321 display: block; 8322 z-index: 99; 8323 } 8324 8325 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_85, 8326 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_85 .nav_list_trd{ 8327 width: 250px; 8328 } 8329 8330 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_85 .nav_list_trd{ 8331 width: 250px; 8332 } 8333 </style> 8334 </div> 8335 <div class="hum-line"></div> 8336 8337 8338 <div class="ham_menu_container">
8339 <a class="hamburger-menu-nav-section parent_men " title="Jewelry" href="https://www.garymichaelsfinejewelry.com/fine-jewelry" > 8340 8341 <span class="icon_and_name"> 8342 8343 Jewelry </span> 8344 8345 </a> 8346 <button type="button" class="hamburger-menu-nav-section parent_men_arrow" aria-expanded="false" aria-controls="tablet-submenu-16" aria-label="Expand Jewelry section"> 8347 8348 <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> 8349 8350 </button> 8351 8352 8353 8354 </div> 8355 8356 <div class="sub-menu-panel" id="tablet-submenu-16" aria-hidden="true"> 8357 8358 8359 8360 8361 8362<div class="menu_container default_build_menu menu_container_2_navigation_16"> 8363 <div class="nav_div_16"> 8364 <ul class="nav_list" role="menu" aria-label="Jewelry" tabindex="-1"> 8365 8366 <li style="" 8367 class="" 8368 role="none"> 8369 8370 8371 8372 <a class="nav_a_trd " title="Necklaces" href="https://www.garymichaelsfinejewelry.com/necklaces" data-full_image="" role="menuitem" tabindex="0" > 8373 Necklaces </a> 8374 8375 8376 8377 8378 8379 8380 8381 </li> 8382 8383 8384 8385 <li style="" 8386 class="" 8387 role="none"> 8388 8389 8390 8391 <a class="nav_a_trd " title="Earrings" href="https://www.garymichaelsfinejewelry.com/earrings" data-full_image="" role="menuitem" tabindex="-1" > 8392 Earrings </a> 8393 8394 8395 8396 8397 8398 8399 8400 </li> 8401 8402 8403 8404 <li style="" 8405 class="" 8406 role="none"> 8407 8408 8409 8410 <a class="nav_a_trd " title="Bracelets" href="https://www.garymichaelsfinejewelry.com/bracelets" data-full_image="" role="menuitem" tabindex="-1" > 8411 Bracelets </a> 8412 8413 8414 8415 8416 8417 8418 8419 </li> 8420 8421 8422 8423 <li style="" 8424 class="" 8425 role="none"> 8426 8427 8428 8429 <a class="nav_a_trd " title="Rings" href="https://www.garymichaelsfinejewelry.com/rings" data-full_image="" role="menuitem" tabindex="-1" > 8430 Rings </a> 8431 8432 8433 8434 8435 8436 8437 8438 </li> 8439 8440 8441 </ul> 8442 </div> 8443</div> 8444<style> 8445 .menu_container_2_navigation_16 { 8446 background: #fff; 8447 } 8448 .horizontal_menu .nav_div_16 { 8449 padding: 15px 0px; 8450 box-shadow: 0px 0px 5px #00000078; display: flex; 8451 flex-wrap: wrap; 8452 } 8453 .horizontal_menu .nav_img_16 { 8454 height: 200px; 8455 width: 250px; 8456 margin-left: 50px; 8457 margin-right: 20px; 8458 flex-shrink: 0; 8459 order: 1; 8460 } 8461 .horizontal_menu .nav_img_16 img { 8462 max-width: 100%; 8463 max-height: 100%; 8464 } 8465 .horizontal_menu .nav_div_16 .vfit { 8466 text-align: left; 8467 border-bottom: 1px solid #ececec; 8468 text-transform: uppercase; 8469 } 8470 .nav_div_16 .vfit a { 8471 text-decoration: none; 8472 color: #222; 8473 } 8474 .nav_div_16 .nav_list { 8475 list-style: none; 8476 margin: 0; 8477 padding: 0; 8478 order: 1; 8479 } 8480 .nav_div_16 ul { 8481 list-style: none; 8482 } 8483 #tablet_hamburger_menu_template .nav_div_16 li { 8484 width: 100%; 8485 margin: 0; 8486 padding: 0px 20px; 8487 position: relative; 8488 } 8489 .horizontal_menu .nav_div_16 li { 8490 width: 100%; 8491 margin: 0; 8492 padding: 0px 20px; 8493 position: relative; 8494 } 8495 8496 #tablet_hamburger_menu_template .nav_div_16 li svg { 8497 position: absolute; 8498 right: 15px; 8499 height: 10px; 8500 top: 10px; 8501 } 8502 .horizontal_menu .nav_div_16 li svg { 8503 position: absolute; 8504 right: 15px; 8505 height: 10px; 8506 top: 10px; 8507 } 8508 8509 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_16 .nav_div_16 .nav_list li .nav_a_trd { 8510 display: flex; 8511 align-items: center; 8512 padding: 0; 8513 line-height: 30px; 8514 font-size: 14px; 8515 text-transform: uppercase; 8516 text-decoration: none; 8517 color: #222; 8518 white-space: normal; 8519 8520 color:#000000; font-weight:400; font-style:normal; font-size:11px; font-family:Sackers Gothic Std; text-transform:uppercase; line-height:35px; 8521 } 8522 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_16 .nav_div_16 .nav_list li button { 8523 background: none; 8524 border: none; 8525 cursor: pointer; 8526 } 8527 8528 .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 { 8529 text-decoration: underline; 8530 } 8531 8532 .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 { 8533 color:#000000; cursor: pointer; 8534 } 8535 8536 8537 .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 { 8538 display: flex; 8539 align-items: center; 8540 padding: 0; 8541 line-height: 30px; 8542 font-size: 14px; 8543 text-transform: uppercase; 8544 text-decoration: none; 8545 color: #222; 8546 white-space: normal; 8547 8548 color:#000000; font-weight:400; font-style:normal; font-size:11px; font-family:Sackers Gothic Std; text-transform:none; line-height:35px; } 8549 8550 .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 { 8551 color:#000000; } 8552 8553 .nav_div_16 .nav_list li a .nav_icons { 8554 height: 30px; 8555 margin-right: 5px; 8556 } 8557 8558 8559 8560 .nav_div_16 .nav_list li a:hover { 8561 color: #3172ab; 8562 } 8563 .horizontal_menu .nav_div_16 .nav_list_trd { 8564 display: none; 8565 position: absolute; 8566 left: 100%; 8567 top: -15px; 8568 padding: 15px 0px; 8569 box-shadow: 0px 0px 5px #00000078; background: #fff; 8570 } 8571 .horizontal_menu .nav_div_16 .nav_list>li .nav_list_trd.open, 8572 .horizontal_menu .nav_div_16 .nav_list>li:hover .nav_list_trd { 8573 display: block; 8574 z-index: 99; 8575 } 8576 8577 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_16, 8578 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_16 .nav_list_trd{ 8579 width: 250px; 8580 } 8581 8582 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_16 .nav_list_trd{ 8583 width: 250px; 8584 } 8585 </style> 8586 </div> 8587 <div class="hum-line"></div> 8588 8589 8590 <button type="button" class="hamburger-menu
8590-nav-section " aria-expanded="false" aria-controls="tablet-submenu-97" aria-label="Expand Watches section"> 8591 <span class="icon_and_name"> 8592 8593 Watches </span> 8594 <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> 8595 8596 </button> 8597 8598 8599 8600 <div class="sub-menu-panel" id="tablet-submenu-97" aria-hidden="true"> 8601 8602 8603 8604 8605 8606<div class="menu_container default_build_menu menu_container_2_navigation_97"> 8607 <div class="nav_div_97"> 8608 <ul class="nav_list" role="menu" aria-label="Watches" tabindex="-1"> 8609 8610 <li style="" 8611 class="" 8612 role="none"> 8613 8614 8615 8616 <a class="nav_a_trd " title="Breitling" href="https://www.garymichaelsfinejewelry.com/breitling" data-full_image="" role="menuitem" tabindex="0" > 8617 Breitling </a> 8618 8619 8620 8621 8622 8623 8624 8625 </li> 8626 8627 8628 8629 <li style="" 8630 class="" 8631 role="none"> 8632 8633 8634 8635 <a class="nav_a_trd " title="MICHELE" href="https://www.garymichaelsfinejewelry.com/michele" data-full_image="" role="menuitem" tabindex="-1" > 8636 MICHELE </a> 8637 8638 8639 8640 8641 8642 8643 8644 </li> 8645 8646 8647 8648 <li style="" 8649 class="" 8650 role="none"> 8651 8652 8653 8654 <a class="nav_a_trd " title="Omega" href="https://www.garymichaelsfinejewelry.com/omega" data-full_image="" role="menuitem" tabindex="-1" > 8655 Omega </a> 8656 8657 8658 8659 8660 8661 8662 8663 </li> 8664 8665 8666 8667 <li style="" 8668 class="" 8669 role="none"> 8670 8671 8672 8673 <a class="nav_a_trd " title="TAG Heuer" href="https://www.garymichaelsfinejewelry.com/tag-heuer" data-full_image="" role="menuitem" tabindex="-1" > 8674 TAG Heuer </a> 8675 8676 8677 8678 8679 8680 8681 8682 </li> 8683 8684 8685 8686 <li style="" 8687 class="" 8688 role="none"> 8689 8690 8691 8692 <a class="nav_a_trd " title="Pre-Owned Rolex" href="https://www.garymichaelsfinejewelry.com/pre-owned-rolex-watches" data-full_image="" role="menuitem" tabindex="-1" > 8693 Pre-Owned Rolex </a> 8694 8695 8696 8697 8698 8699 8700 8701 </li> 8702 8703 8704 </ul> 8705 </div> 8706</div> 8707<style> 8708 .menu_container_2_navigation_97 { 8709 background: #fff; 8710 } 8711 .horizontal_menu .nav_div_97 { 8712 padding: 15px 0px; 8713 box-shadow: 0px 0px 5px #00000078; display: flex; 8714 flex-wrap: wrap; 8715 } 8716 .horizontal_menu .nav_img_97 { 8717 height: 200px; 8718 width: 250px; 8719 margin-left: 50px; 8720 margin-right: 20px; 8721 flex-shrink: 0; 8722 order: 1; 8723 } 8724 .horizontal_menu .nav_img_97 img { 8725 max-width: 100%; 8726 max-height: 100%; 8727 } 8728 .horizontal_menu .nav_div_97 .vfit { 8729 text-align: left; 8730 border-bottom: 1px solid #ececec; 8731 text-transform: uppercase; 8732 } 8733 .nav_div_97 .vfit a { 8734 text-decoration: none; 8735 color: #222; 8736 } 8737 .nav_div_97 .nav_list { 8738 list-style: none; 8739 margin: 0; 8740 padding: 0; 8741 order: 1; 8742 } 8743 .nav_div_97 ul { 8744 list-style: none; 8745 } 8746 #tablet_hamburger_menu_template .nav_div_97 li { 8747 width: 100%; 8748 margin: 0; 8749 padding: 0px 20px; 8750 position: relative; 8751 } 8752 .horizontal_menu .nav_div_97 li { 8753 width: 100%; 8754 margin: 0; 8755 padding: 0px 20px; 8756 position: relative; 8757 } 8758 8759 #tablet_hamburger_menu_template .nav_div_97 li svg { 8760 position: absolute; 8761 right: 15px; 8762 height: 10px; 8763 top: 10px; 8764 } 8765 .horizontal_menu .nav_div_97 li svg { 8766 position: absolute; 8767 right: 15px; 8768 height: 10px; 8769 top: 10px; 8770 } 8771 8772 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_97 .nav_div_97 .nav_list li .nav_a_trd { 8773 display: flex; 8774 align-items: center; 8775 padding: 0; 8776 line-height: 30px; 8777 font-size: 14px; 8778 text-transform: uppercase; 8779 text-decoration: none; 8780 color: #222; 8781 white-space: normal; 8782 8783 color:#000000; font-weight:400; font-style:normal; font-size:11px; font-family:Sackers Gothic Std; text-transform:uppercase; line-height:35px; 8784 } 8785 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_97 .nav_div_97 .nav_list li button { 8786 background: none; 8787 border: none; 8788 cursor: pointer; 8789 } 8790 8791 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_97 .nav_div_97 .nav_list li .nav_a_trd.parent_men { 8792 text-decoration: underline; 8793 } 8794 8795 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_97 .nav_div_97 .nav_list li .nav_a_trd:hover { 8796 color:#000000; cursor: pointer; 8797 } 8798 8799 8800 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_97 .nav_div_97 .nav_list li .nav_list_trd li a { 8801 display: flex; 8802 align-items: center; 8803 padding: 0; 8804 line-height: 30px; 8805 font-size: 14px; 8806 text-transform: uppercase; 8807 text-decoration: none; 8808 color: #222; 8809 white-space: normal; 8810 8811 color:#000000; font-weight:400; font-style:normal; font-size:11px; font-family:Sackers Gothic Std; text-transform:none; line-height:35px; } 8812 8813 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_97 .nav_div_97 .nav_list li .nav_list_trd li a:hover { 8814 color:#000000; } 8815 8816 .nav_div_97 .nav_list li a .nav_icons { 8817 height: 30px; 8818 margin-right: 5px; 8819 } 8820 8821 8822 8823 .nav_div_97 .nav_list li a:hover { 8824 color: #3172ab; 8825 } 8826 .horizontal_menu .nav_div_97 .nav_list_trd { 8827 display: none; 8828 position: absolute; 8829 left: 100%; 8830 top: -15px; 8831 padding: 15px 0px; 8832 box-shadow: 0px 0px 5px #00000078; background: #fff; 8833 } 8834 .horizontal_menu .nav_div_97 .nav_list>li .nav_list_trd.open, 8835 .horizontal_menu .nav_div_97 .nav_list>li:hover .nav_list_trd { 8836 display: block; 8837 z-index: 99; 8838 } 8839 8840 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_97, 8841 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_97 .nav_list_trd{ 8842 width: 250px; 8843 } 8844 8845 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_97 .nav_list_trd{ 8846 width: 250px; 8847 } 8848 </style> 8849 </div> 8850 <div class="hum-line"></div> 8851 8852 8853 <button type="button" class="hamburger-menu
8853-nav-section " aria-expanded="false" aria-controls="tablet-submenu-100" aria-label="Expand Designers section"> 8854 <span class="icon_and_name"> 8855 8856 Designers </span> 8857 <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> 8858 8859 </button> 8860 8861 8862 8863 <div class="sub-menu-panel" id="tablet-submenu-100" aria-hidden="true"> 8864 8865 8866 8867 8868 8869<div class="menu_container default_build_menu menu_container_2_navigation_100"> 8870 <div class="nav_div_100"> 8871 <ul class="nav_list" role="menu" aria-label="Designers" tabindex="-1"> 8872 8873 <li style="" 8874 class="" 8875 role="none"> 8876 8877 8878 8879 <a class="nav_a_trd " title="Alor" href="https://www.garymichaelsfinejewelry.com/alor" data-full_image="" role="menuitem" tabindex="0" > 8880 Alor </a> 8881 8882 8883 8884 8885 8886 8887 8888 </li> 8889 8890 8891 8892 <li style="" 8893 class="" 8894 role="none"> 8895 8896 8897 8898 <a class="nav_a_trd " title="Bleu Royale " href="https://www.garymichaelsfinejewelry.com/bleu-royale" data-full_image="" role="menuitem" tabindex="-1" > 8899 Bleu Royale </a> 8900 8901 8902 8903 8904 8905 8906 8907 </li> 8908 8909 8910 8911 <li style="" 8912 class="" 8913 role="none"> 8914 8915 8916 8917 <a class="nav_a_trd " title="CrownRing" href="https://www.garymichaelsfinejewelry.com/crownring" data-full_image="" role="menuitem" tabindex="-1" > 8918 CrownRing </a> 8919 8920 8921 8922 8923 8924 8925 8926 </li> 8927 8928 8929 8930 <li style="" 8931 class="" 8932 role="none"> 8933 8934 8935 8936 <a class="nav_a_trd " title="David Yurman" href="/david-yurman" data-full_image="" role="menuitem" tabindex="-1" > 8937 David Yurman </a> 8938 8939 8940 8941 8942 8943 8944 8945 </li> 8946 8947 8948 8949 <li style="" 8950 class="" 8951 role="none"> 8952 8953 8954 8955 <a class="nav_a_trd " title="Gabriel & Co. Bridal" href="https://www.garymichaelsfinejewelry.com/gabriel-co-bridal" data-full_image="" role="menuitem" tabindex="-1" > 8956 Gabriel & Co. Bridal </a> 8957 8958 8959 8960 8961 8962 8963 8964 </li> 8965 8966 8967 8968 <li style="" 8969 class="" 8970 role="none"> 8971 8972 8973 8974 <a class="nav_a_trd " title="LAGOS" href="https://www.garymichaelsfinejewelry.com/lagos" data-full_image="" role="menuitem" tabindex="-1" > 8975 LAGOS </a> 8976 8977 8978 8979 8980 8981 8982 8983 </li> 8984 8985 8986 8987 <li style="" 8988 class="" 8989 role="none"> 8990 8991 8992 8993 <a class="nav_a_trd " title="Marco Bicego" href="https://www.garymichaelsfinejewelry.com/marco-bicego" data-full_image="" role="menuitem" tabindex="-1" > 8994 Marco Bicego </a> 8995 8996 8997 8998 8999 9000 9001 9002 </li> 9003 9004 9005 9006 <li style="" 9007 class="" 9008 role="none"> 9009 9010 9011 9012 <a class="nav_a_trd " title="Roberto Coin" href="https://www.garymichaelsfinejewelry.com/roberto-coin" data-full_image="" role="menuitem" tabindex="-1" > 9013 Roberto Coin </a> 9014 9015 9016 9017 9018 9019 9020 9021 </li> 9022 9023 9024 9025 <li style="" 9026 class="" 9027 role="none"> 9028 9029 9030 9031 <a class="nav_a_trd " title="Tacori" href="https://www.garymichaelsfinejewelry.com/tacori" data-full_image="" role="menuitem" tabindex="-1" > 9032 Tacori </a> 9033 9034 9035 9036 9037 9038 9039 9040 </li> 9041 9042 9043 </ul> 9044 </div> 9045</div> 9046<style> 9047 .menu_container_2_navigation_100 { 9048 background: #fff; 9049 } 9050 .horizontal_menu .nav_div_100 { 9051 padding: 15px 0px; 9052 box-shadow: 0px 0px 5px #00000078; display: flex; 9053 flex-wrap: wrap; 9054 } 9055 .horizontal_menu .nav_img_100 { 9056 height: 200px; 9057 width: 250px; 9058 margin-left: 50px; 9059 margin-right: 20px; 9060 flex-shrink: 0; 9061 order: 1; 9062 } 9063 .horizontal_menu .nav_img_100 img { 9064 max-width: 100%; 9065 max-height: 100%; 9066 } 9067 .horizontal_menu .nav_div_100 .vfit { 9068 text-align: left; 9069 border-bottom: 1px solid #ececec; 9070 text-transform: uppercase; 9071 } 9072 .nav_div_100 .vfit a { 9073 text-decoration: none; 9074 color: #222; 9075 } 9076 .nav_div_100 .nav_list { 9077 list-style: none; 9078 margin: 0; 9079 padding: 0; 9080 order: 1; 9081 } 9082 .nav_div_100 ul { 9083 list-style: none; 9084 } 9085 #tablet_hamburger_menu_template .nav_div_100 li { 9086 width: 100%; 9087 margin: 0; 9088 padding: 0px 20px; 9089 position: relative; 9090 } 9091 .horizontal_menu .nav_div_100 li { 9092 width: 100%; 9093 margin: 0; 9094 padding: 0px 20px; 9095 position: relative; 9096 } 9097 9098 #tablet_hamburger_menu_template .nav_div_100 li svg { 9099 position: absolute; 9100 right: 15px; 9101 height: 10px; 9102 top: 10px; 9103 } 9104 .horizontal_menu .nav_div_100 li svg { 9105 position: absolute; 9106 right: 15px; 9107 height: 10px; 9108 top: 10px; 9109 } 9110 9111 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_100 .nav_div_100 .nav_list li .nav_a_trd { 9112 display: flex; 9113 align-items: center; 9114 padding: 0; 9115 line-height: 30px; 9116 font-size: 14px; 9117 text-transform: uppercase; 9118 text-decoration: none; 9119 color: #222; 9120 white-space: normal; 9121 9122 color:#000000; font-weight:400; font-style:normal; font-size:11px; font-family:Sackers Gothic Std; text-transform:uppercase; line-height:35px; 9123 } 9124 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_100 .nav_div_100 .nav_list li button { 9125 background: none; 9126 border: none; 9127 cursor: pointer; 9128 } 9129 9130 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_100 .nav_div_100 .nav_list li .nav_a_trd.parent_men { 9131 text-decoration: underline; 9132 } 9133 9134 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_100 .nav_div_100 .nav_list li .nav_a_trd:hover { 9135 color:#000000; cursor: pointer; 9136 } 9137 9138 9139 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_100 .nav_div_100 .nav_list li .nav_list_trd li a { 9140 display: flex; 9141 align-items: center; 9142 padding: 0; 9143 line-height: 30px; 9144 font-size: 14px; 9145 text-transform: uppercase; 9146 text-decoration: none; 9147 color: #222; 9148 white-space: normal; 9149 9150 color:#000000; font-weight:400; font-style:normal; font-size:11px; font-family:Sackers Gothic Std; text-transform:none; line-height:35px; } 9151 9152 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_100 .nav_div_100 .nav_list li .nav_list_trd li a:hover { 9153 color:#000000; } 9154 9155 .nav_div_100 .nav_list li a .nav_icons { 9156 height: 30px; 9157 margin-right: 5px; 9158 } 9159 9160 9161 9162 .nav_div_100 .nav_list li a:hover { 9163 color: #3172ab; 9164 } 9165 .horizontal_menu .nav_div_100 .nav_list_trd { 9166 display: none; 9167 position: absolute; 9168 left: 100%; 9169 top: -15px; 9170 padding: 15px 0px; 9171 box-shadow: 0px 0px 5px #00000078; background: #fff; 9172 } 9173 .horizontal_menu .nav_div_100 .nav_list>li .nav_list_trd.open, 9174 .horizontal_menu .nav_div_100 .nav_list>li:hover .nav_list_trd { 9175 display: block; 9176 z-index: 99; 9177 } 9178 9179 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_100, 9180 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_100 .nav_list_trd{ 9181 width: 250px; 9182 } 9183 9184 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_100 .nav_list_trd{ 9185 width: 250px; 9186 } 9187 </style> 9188 </div> 9189 <div class="hum-line"></div> 9190 9191 9192 <button type="button" class="hamburger-menu
9192-nav-section " aria-expanded="false" aria-controls="tablet-submenu-103" aria-label="Expand About Us section"> 9193 <span class="icon_and_name"> 9194 9195 About Us </span> 9196 <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> 9197 9198 </button> 9199 9200 9201 9202 <div class="sub-menu-panel" id="tablet-submenu-103" aria-hidden="true"> 9203 9204 9205 9206 9207 9208<div class="menu_container default_build_menu menu_container_2_navigation_103"> 9209 <div class="nav_div_103"> 9210 <ul class="nav_list" role="menu" aria-label="About Us" tabindex="-1"> 9211 9212 <li style="" 9213 class="" 9214 role="none"> 9215 9216 9217 9218 <a class="nav_a_trd " title="About" href="https://www.garymichaelsfinejewelry.com/about-us" data-full_image="" role="menuitem" tabindex="0" > 9219 About </a> 9220 9221 9222 9223 9224 9225 9226 9227 </li> 9228 9229 9230 9231 <li style="" 9232 class="" 9233 role="none"> 9234 9235 9236 9237 <a class="nav_a_trd " title="Services" href="https://www.garymichaelsfinejewelry.com/services" data-full_image="" role="menuitem" tabindex="-1" > 9238 Services </a> 9239 9240 9241 9242 9243 9244 9245 9246 </li> 9247 9248 9249 9250 <li style="" 9251 class="" 9252 role="none"> 9253 9254 9255 9256 <a class="nav_a_trd " title="Blog" href="https://www.garymichaelsfinejewelry.com/blog" data-full_image="" role="menuitem" tabindex="-1" > 9257 Blog </a> 9258 9259 9260 9261 9262 9263 9264 9265 </li> 9266 9267 9268 </ul> 9269 </div> 9270</div> 9271<style> 9272 .menu_container_2_navigation_103 { 9273 background: #fff; 9274 } 9275 .horizontal_menu .nav_div_103 { 9276 padding: 15px 0px; 9277 box-shadow: 0px 0px 5px #00000078; display: flex; 9278 flex-wrap: wrap; 9279 } 9280 .horizontal_menu .nav_img_103 { 9281 height: 200px; 9282 width: 250px; 9283 margin-left: 50px; 9284 margin-right: 20px; 9285 flex-shrink: 0; 9286 order: 1; 9287 } 9288 .horizontal_menu .nav_img_103 img { 9289 max-width: 100%; 9290 max-height: 100%; 9291 } 9292 .horizontal_menu .nav_div_103 .vfit { 9293 text-align: left; 9294 border-bottom: 1px solid #ececec; 9295 text-transform: uppercase; 9296 } 9297 .nav_div_103 .vfit a { 9298 text-decoration: none; 9299 color: #222; 9300 } 9301 .nav_div_103 .nav_list { 9302 list-style: none; 9303 margin: 0; 9304 padding: 0; 9305 order: 1; 9306 } 9307 .nav_div_103 ul { 9308 list-style: none; 9309 } 9310 #tablet_hamburger_menu_template .nav_div_103 li { 9311 width: 100%; 9312 margin: 0; 9313 padding: 0px 20px; 9314 position: relative; 9315 } 9316 .horizontal_menu .nav_div_103 li { 9317 width: 100%; 9318 margin: 0; 9319 padding: 0px 20px; 9320 position: relative; 9321 } 9322 9323 #tablet_hamburger_menu_template .nav_div_103 li svg { 9324 position: absolute; 9325 right: 15px; 9326 height: 10px; 9327 top: 10px; 9328 } 9329 .horizontal_menu .nav_div_103 li svg { 9330 position: absolute; 9331 right: 15px; 9332 height: 10px; 9333 top: 10px; 9334 } 9335 9336 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_103 .nav_div_103 .nav_list li .nav_a_trd { 9337 display: flex; 9338 align-items: center; 9339 padding: 0; 9340 line-height: 30px; 9341 font-size: 14px; 9342 text-transform: uppercase; 9343 text-decoration: none; 9344 color: #222; 9345 white-space: normal; 9346 9347 color:#000000; font-weight:400; font-style:normal; font-size:11px; font-family:Sackers Gothic Std; text-transform:uppercase; line-height:35px; 9348 } 9349 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_103 .nav_div_103 .nav_list li button { 9350 background: none; 9351 border: none; 9352 cursor: pointer; 9353 } 9354 9355 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_103 .nav_div_103 .nav_list li .nav_a_trd.parent_men { 9356 text-decoration: underline; 9357 } 9358 9359 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_103 .nav_div_103 .nav_list li .nav_a_trd:hover { 9360 color:#000000; cursor: pointer; 9361 } 9362 9363 9364 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_103 .nav_div_103 .nav_list li .nav_list_trd li a { 9365 display: flex; 9366 align-items: center; 9367 padding: 0; 9368 line-height: 30px; 9369 font-size: 14px; 9370 text-transform: uppercase; 9371 text-decoration: none; 9372 color: #222; 9373 white-space: normal; 9374 9375 color:#000000; font-weight:400; font-style:normal; font-size:11px; font-family:Sackers Gothic Std; text-transform:none; line-height:35px; } 9376 9377 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_103 .nav_div_103 .nav_list li .nav_list_trd li a:hover { 9378 color:#000000; } 9379 9380 .nav_div_103 .nav_list li a .nav_icons { 9381 height: 30px; 9382 margin-right: 5px; 9383 } 9384 9385 9386 9387 .nav_div_103 .nav_list li a:hover { 9388 color: #3172ab; 9389 } 9390 .horizontal_menu .nav_div_103 .nav_list_trd { 9391 display: none; 9392 position: absolute; 9393 left: 100%; 9394 top: -15px; 9395 padding: 15px 0px; 9396 box-shadow: 0px 0px 5px #00000078; background: #fff; 9397 } 9398 .horizontal_menu .nav_div_103 .nav_list>li .nav_list_trd.open, 9399 .horizontal_menu .nav_div_103 .nav_list>li:hover .nav_list_trd { 9400 display: block; 9401 z-index: 99; 9402 } 9403 9404 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_103, 9405 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_103 .nav_list_trd{ 9406 width: 250px; 9407 } 9408 9409 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_103 .nav_list_trd{ 9410 width: 250px; 9411 } 9412 </style> 9413 </div> 9414 <div class="hum-line"></div> 9415 9416 9417 <a class="hamburger-menu
9417-nav-section " title="Contact Us" href="https://www.garymichaelsfinejewelry.com/contact-us" > 9418 <span class="icon_and_name"> 9419 9420 Contact Us </span> 9421 9422 </a> 9423 9424 9425 9426 <div class="sub-menu-panel" id="tablet-submenu-22" aria-hidden="true"> 9427 9428 9429 9430 9431 9432<div class="menu_container default_build_menu menu_container_2_navigation_22"> 9433 <div class="nav_div_22"> 9434 </div> 9435</div> 9436<style> 9437 .menu_container_2_navigation_22 { 9438 background: #fff; 9439 } 9440 .horizontal_menu .nav_div_22 { 9441 padding: 15px 0px; 9442 box-shadow: 0px 0px 5px #00000078; display: flex; 9443 flex-wrap: wrap; 9444 } 9445 .horizontal_menu .nav_img_22 { 9446 height: 200px; 9447 width: 250px; 9448 margin-left: 50px; 9449 margin-right: 20px; 9450 flex-shrink: 0; 9451 order: 1; 9452 } 9453 .horizontal_menu .nav_img_22 img { 9454 max-width: 100%; 9455 max-height: 100%; 9456 } 9457 .horizontal_menu .nav_div_22 .vfit { 9458 text-align: left; 9459 border-bottom: 1px solid #ececec; 9460 text-transform: uppercase; 9461 } 9462 .nav_div_22 .vfit a { 9463 text-decoration: none; 9464 color: #222; 9465 } 9466 .nav_div_22 .nav_list { 9467 list-style: none; 9468 margin: 0; 9469 padding: 0; 9470 order: 1; 9471 } 9472 .nav_div_22 ul { 9473 list-style: none; 9474 } 9475 #tablet_hamburger_menu_template .nav_div_22 li { 9476 width: 100%; 9477 margin: 0; 9478 padding: 0px 20px; 9479 position: relative; 9480 } 9481 .horizontal_menu .nav_div_22 li { 9482 width: 100%; 9483 margin: 0; 9484 padding: 0px 20px; 9485 position: relative; 9486 } 9487 9488 #tablet_hamburger_menu_template .nav_div_22 li svg { 9489 position: absolute; 9490 right: 15px; 9491 height: 10px; 9492 top: 10px; 9493 } 9494 .horizontal_menu .nav_div_22 li svg { 9495 position: absolute; 9496 right: 15px; 9497 height: 10px; 9498 top: 10px; 9499 } 9500 9501 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_22 .nav_div_22 .nav_list li .nav_a_trd { 9502 display: flex; 9503 align-items: center; 9504 padding: 0; 9505 line-height: 30px; 9506 font-size: 14px; 9507 text-transform: uppercase; 9508 text-decoration: none; 9509 color: #222; 9510 white-space: normal; 9511 9512 color:#000000; font-weight:400; font-style:normal; font-size:11px; font-family:Sackers Gothic Std; text-transform:uppercase; line-height:35px; 9513 } 9514 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_22 .nav_div_22 .nav_list li button { 9515 background: none; 9516 border: none; 9517 cursor: pointer; 9518 } 9519 9520 .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 { 9521 text-decoration: underline; 9522 } 9523 9524 .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 { 9525 color:#000000; cursor: pointer; 9526 } 9527 9528 9529 .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 { 9530 display: flex; 9531 align-items: center; 9532 padding: 0; 9533 line-height: 30px; 9534 font-size: 14px; 9535 text-transform: uppercase; 9536 text-decoration: none; 9537 color: #222; 9538 white-space: normal; 9539 9540 color:#000000; font-weight:400; font-style:normal; font-size:11px; font-family:Sackers Gothic Std; text-transform:none; line-height:35px; } 9541 9542 .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 { 9543 color:#000000; } 9544 9545 .nav_div_22 .nav_list li a .nav_icons { 9546 height: 30px; 9547 margin-right: 5px; 9548 } 9549 9550 9551 9552 .nav_div_22 .nav_list li a:hover { 9553 color: #3172ab; 9554 } 9555 .horizontal_menu .nav_div_22 .nav_list_trd { 9556 display: none; 9557 position: absolute; 9558 left: 100%; 9559 top: -15px; 9560 padding: 15px 0px; 9561 box-shadow: 0px 0px 5px #00000078; background: #fff; 9562 } 9563 .horizontal_menu .nav_div_22 .nav_list>li .nav_list_trd.open, 9564 .horizontal_menu .nav_div_22 .nav_list>li:hover .nav_list_trd { 9565 display: block; 9566 z-index: 99; 9567 } 9568 9569 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_22, 9570 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_22 .nav_list_trd{ 9571 width: 250px; 9572 } 9573 9574 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_22 .nav_list_trd{ 9575 width: 250px; 9576 } 9577 </style> 9578 </div> 9579 <div class="hum-line"></div> 9580 <div class="script_after_menu"> 9581 <div class="custom_script_after_menu"> 9582 <div id="TAGClockTablet" style="margin-top: 20px;"></div>
9583<script src="https://epartner.tagheuer.com/injectors/clock-injector.js"></script>
vendor: 2 bytes, line 9583
9583
9584<script> 9585TAGHeuer.Clock('#TAGClockTablet', { stampType: 'clock', href: 'https://www.garymichaelsfinejewelry.com/tag-heuer', 9586lang: 'en' }); 9587</script>
9587 </div> 9588 </div> 9589 </div> 9590 </nav> 9591 <div class="hamburger-menu-template-overlay" id="tablet_hamburger_menu_template_overlay"></div> 9592 9593
9593<script> 9594 $(function () { 9595 9596 const $menuRoot = $('#tablet_hamburger_menu_template'); 9597 const $menuWrap = $('.header_container_2'); 9598 const $button = $('#tablet_hamburger_button'); 9599 const $overlay = $('#tablet_hamburger_menu_template_overlay'); 9600 const $closeBtn = $('#tablet_hamburger_close_button'); 9601 9602 const trap = focusTrap.createFocusTrap($menuRoot[0], { 9603 onActivate: () => $menuRoot.addClass('is-active'), 9604 onDeactivate: () => $menuRoot.removeClass('is-active'), 9605 clickOutsideDeactivates: true 9606 }); 9607 9608 $button.on('click keypress', function (event) { 9609 if (event.which === 13 || event.which === 32 || event.type === 'click') { 9610 if (event.which === 32) event.preventDefault(); 9611 9612 const isOpen = $menuRoot.hasClass('open'); 9613 9614 $menuRoot.toggleClass('open'); 9615 $overlay.toggleClass('open'); 9616 $menuRoot.removeAttr('inert'); 9617 $button.attr('aria-expanded', String(!isOpen)); 9618 9619 if (!isOpen) { 9620 trap.activate(); 9621 $closeBtn.focus(); 9622 } else { 9623 closeHamburgerMenu(); 9624 } 9625 } 9626 }); 9627 9628 $closeBtn.add($overlay).on('click keypress', function (event) { 9629 if (event.which === 13 || event.which === 32 || event.type === 'click') { 9630 if (event.which === 32) event.preventDefault(); 9631 closeHamburgerMenu(); 9632 } 9633 }); 9634 9635 function closeHamburgerMenu() { 9636 $menuRoot.removeClass('open').attr('inert', 'inert'); 9637 $overlay.removeClass('open'); 9638 $button.attr('aria-expanded', 'false'); 9639 9640 $menuRoot.find('.sub-menu-panel').each(function () { 9641 const $submenu = $(this); 9642 $submenu.removeClass('open').attr('aria-hidden', 'true'); 9643 updateSubmenuTabindex($submenu, true); 9644 }); 9645 9646 $menuRoot.find('.hamburger-menu-nav-section[aria-expanded="true"]') 9647 .attr('aria-expanded', 'false'); 9648 9649 trap.deactivate(); 9650 } 9651 9652 function updateSubmenuTabindex($submenu, isHidden) { 9653 const $items = $submenu.find('a'); 9654 9655 if (isHidden) { 9656 $items.each(function () { 9657 $(this).attr('tabindex', '-1'); 9658 }); 9659 } else { 9660 $items.each(function () { 9661 $(this).attr('tabindex', '0'); 9662 }); 9663 } 9664 } 9665 9666 $menuRoot.on('keypress', '.nav_a_trd', function (e) { 9667 9668 e.preventDefault(); 9669 e.stopPropagation(); 9670 9671 const $trigger = $(this); 9672 const $submenu = $trigger.next('.nav_list_trd'); 9673 9674 if (!$submenu.length) return; 9675 9676 const isOpen = $submenu.hasClass('open'); 9677 9678 $menuRoot.find('.nav_list_trd.open').not($submenu).each(function () { 9679 $(this) 9680 .removeClass('open') 9681 .attr('aria-hidden', 'true'); 9682 updateSubmenuTabindex($(this), true); 9683 }); 9684 9685 if (isOpen) { 9686 $submenu 9687 .removeClass('open') 9688 .attr('aria-hidden', 'true'); 9689 updateSubmenuTabindex($submenu, true); 9690 } else { 9691 $submenu 9692 .addClass('open') 9693 .attr('aria-hidden', 'false'); 9694 updateSubmenuTabindex($submenu, false); 9695 } 9696 }); 9697
9698 $menuWrap.on('click keypress', '.hamburger-menu-nav-section[aria-controls]', function (e) { 9699 9700 e.preventDefault(); 9701 e.stopPropagation(); 9702 9703 const $btn = $(this); 9704 const submenuId = $btn.attr('aria-controls'); 9705 const $submenu = $menuRoot.find('.sub-menu-panel#' + submenuId); 9706 9707 if (!$submenu.length) return; 9708 9709 const isExpanded = $btn.attr('aria-expanded') === 'true'; 9710 9711 $menuRoot.find('.sub-menu-panel').not($submenu).each(function () { 9712 $(this).removeClass('open').attr('aria-hidden', 'true'); 9713 updateSubmenuTabindex($(this), true); 9714 }); 9715 9716 $menuRoot.find('[aria-controls]') 9717 .not($btn) 9718 .attr('aria-expanded', 'false'); 9719 9720 if (isExpanded) { 9721 console.log($submenu) 9722 $btn.attr('aria-expanded', 'false'); 9723 $submenu.removeClass('open').attr('aria-hidden', 'true'); 9724 updateSubmenuTabindex($submenu, true); 9725 } else { 9726 $btn.attr('aria-expanded', 'true'); 9727 $submenu.addClass('open').attr('aria-hidden', 'false'); 9728 updateSubmenuTabindex($submenu, false); 9729 } 9730 }); 9731 9732 $menuRoot.on('keydown', function (e) { 9733 if (e.key !== 'Escape') return; 9734 9735 const $open = $menuRoot.find('.nav_list_trd.open').last(); 9736 if (!$open.length) return; 9737 9738 $open 9739 .removeClass('open') 9740 .attr('aria-hidden', 'true'); 9741 9742 updateSubmenuTabindex($open, true); 9743 9744 $open.prev('.nav_a_trd').focus(); 9745 9746 e.preventDefault(); 9747 e.stopPropagation(); 9748 }); 9749 9750 $menuRoot.find('.sub-menu-panel').each(function () { 9751 const $submenu = $(this); 9752 const isOpen = $submenu.hasClass('open') && $submenu.attr('aria-hidden') !== 'true'; 9753 updateSubmenuTabindex($submenu, !isOpen); 9754 }); 9755 9756 }); 9757 9758 </script>
9758 9759</div> 9760 9761<style> 9762 #tablet_hamburger_menu_template>ul>li>a, 9763 #tablet_hamburger_menu_template>ul>li>button { 9764 color:#000000; display: flex; 9765 font-weight:400; font-style:normal; font-size:12px; font-family:Sackers Gothic Std; text-transform:uppercase; line-height:40px; } 9766 9767 #tablet_hamburger_menu_template>ul>li>a:hover, 9768 #tablet_hamburger_menu_template>ul>li>button:hover { 9769 color:#000000; } 9770</style> 9771 </div> 9772 9773 <div class="flex_col"> 9774 9775 9776 </div> 9777 9778 <div class="flex_col"> 9779 9780 9781 </div> 9782 9783 </div> 9784 9785 9786 9787 <div class="flex_row"> 9788 9789 9790 <div class="flex_col"> 9791 9792 9793 </div> 9794 9795 </div> 9796 9797 9798 </div> 9799 9800 9801 9802</header> 9803<header class="appearance-mobile-view-template"> 9804 9805 9806 9807 <style> 9808 .header_container>.flex_row { 9809 display: flex; 9810 } 9811 9812 .header_container_3 { 9813 width: 100%; 9814 max-width: 100%; 9815 margin: 0 auto; 9816 position: relative !important; 9817 transform: inherit !important; 9818 } 9819 .header_container>.flex_row>.flex_col { 9820 display: flex; 9821 flex-wrap: wrap; 9822 box-sizing: border-box; 9823 align-content: baseline; 9824 } 9825 .header_container>.flex_row>.flex_col>.flex_cell { 9826 height: fit-content; 9827 display: flex; 9828 } 9829 .header_container>.flex_row>.flex_col>.flex_cell a { 9830 text-decoration: none; 9831 } 9832 .header_container img { 9833 max-width: 100%; 9834 } 9835 .row_spacer_cs { 9836 display: none; 9837 } 9838 .sticky_row { 9839 position: fixed; 9840 } 9841 .sticky_row + .row_spacer_cs { 9842 display: block; 9843 } 9844 </style> 9845 9846 <div class="header_container header_container_3" data-device-type="3"> 9847 9848 9849 9850 <div class="flex_row flex_row_1 "> 9851 9852 9853 <div class="flex_col flex_col_1"> 9854 9855 9856 </div> 9857 9858 <style> 9859 .header_container_3>.flex_row_1>.flex_col_1 { 9860 width:1%; } 9861 </style> 9862 9863 9864 9865 <div class="flex_col flex_col_2"> 9866 9867 9868<div class="flex_cell flex_cell_1 call_us"> 9869 <div class="flex_cell_content"><a class="phone_number_click " href="tel:(732) 577-1030" title="Call us (732) 577-1030"><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> 9870<style> 9871 .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.call_us { 9872 width:100%; justify-content:left; -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 9873 9874 .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.call_us { 9875 height:100%; } 9876 9877 .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.call_us>.flex_cell_content { 9878 display: flex; 9879 margin-top:5px; margin-bottom:5px; margin-left:7px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 9880 9881 .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1 a { 9882 color:#ffffff; font-style:normal; font-size:11px; font-family:Lato; display: flex; 9883 align-items: center; 9884 text-transform:none; } 9885 9886 .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.call_us a svg, 9887 .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.call_us a img { 9888 margin-right: 5px; 9889 height:10px; } 9890 9891 .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1 a .path_class { 9892 fill: currentColor; 9893 } 9894 9895 9896 .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1 a:hover { 9897 color:#ffffff; } 9898</style> 9899 </div> 9900 9901 <style> 9902 .header_container_3>.flex_row_1>.flex_col_2 { 9903 width:15%; } 9904 </style> 9905 9906 9907 9908 <div class="flex_col flex_col_3"> 9909 9910 9911<div class="flex_cell flex_cell_1 button_link"> 9912 9913 9914 <div class="flex_cell_content">
9915 <a class="btn_link_ig" href="https://www.garymichaelsfinejewelry.com/book-an-appointment" title="Book Appointment"> 9916 <img alt="Book Appointment" title="Book Appointment" 9917 src="/public/1.0/uploads/source/icons/calendar/white_10x10.png"/> 9918 Book Appointment </a> 9919 </div> 9920 9921 </div> 9922<style> 9923 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.button_link { 9924 width:100%; justify-content:left; -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 9925 9926 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.button_link { 9927 height:100%; } 9928 9929 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.button_link>.flex_cell_content { 9930 display: flex; 9931 margin-top:5px; margin-bottom:5px; margin-left:px; margin-right:px; } 9932 9933 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.button_link a { 9934 color:#ffffff; font-weight:400; font-style:normal; 9935 background-color:#000000; 9936 font-size:11px;font-family:Lato; text-decoration: none; 9937 display: inline-flex; 9938 align-items: center; 9939 padding: 10px 26px; 9940 border-style: solid; 9941 justify-content:center; text-transform:none; border-radius:0px; border-width:0px; border-color:#000000; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 9942 9943 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.button_link a>i{ 9944 margin-right: 5px; 9945 } 9946 9947 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.button_link a:hover { 9948 color:#ffffff; background-color:#000000; border-color:#000000; } 9949 9950 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1 a>img { 9951 margin-right:5px; } 9952</style> 9953 9954 </div> 9955 9956 <style> 9957 .header_container_3>.flex_row_1>.flex_col_3 { 9958 width:43%; } 9959 </style> 9960 9961 9962 9963 <div class="flex_col flex_col_4"> 9964 9965 9966<div class="flex_cell flex_cell_1 account_icons"> 9967 <div class="flex_cell_content"> 9968 <a class="" href="/track-my-order" title="Track my Order" style="order: 4"> 9969 <svg role="img" aria-label="Track my Order" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_21)"><path class="path_class" d="M368 64C394.5 64 416 85.49 416 112V160H466.7C483.7 160 499.1 166.7 512 178.7L589.3 256C601.3 268 608 284.3 608 301.3V416C625.7 416 640 430.3 640 448C640 465.7 625.7 480 608 480H576C576 533 533 576 480 576C426.1 576 384 533 384 480H256C256 533 213 576 160 576C106.1 576 64 533 64 480H48C21.49 480 0 458.5 0 432V112C0 85.49 21.49 64 48 64H368ZM416 224V320H544V301.3L466.7 224H416ZM160 432C133.5 432 112 453.5 112 480C112 506.5 133.5 528 160 528C186.5 528 208 506.5 208 480C208 453.5 186.5 432 160 432ZM480 528C506.5 528 528 506.5 528 480C528 453.5 506.5 432 480 432C453.5 432 432 453.5 432 480C432 506.5 453.5 528 480 528Z" fill="black"/></g><defs><clipPath id="clip0_107_21"><rect width="640" height="512" fill="white" transform="translate(0 64)"/></clipPath></defs></svg> </a> 9970 9971 <a class="" href="/wishlist" title="Wishlist" rel="nofollow" style="order: 2"> 9972 <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>
9972 <span class="item-count-badge wishlist-count-badge d-none"></span> 9973 </a> 9974 9975 <a class=" build-shopping-cart-icon" href="/shopping-cart" title="Shopping Cart" style="order: 3"> 9976 <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> 9977 </a> 9978 9979 <a class=" search_click_toggle" href="/keyword-search" title="Search" style="order: 1"> 9980 <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> 9981 9982 <a class="" href="/login" title="My Account" style="order: 5"> 9983 <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> 9984 </div> 9985</div> 9986 9987<style> 9988 .header_container_3>.flex_row_1>.flex_col_4>.flex_cell_1.account_icons { 9989 width:100%; justify-content: flex-end; 9990 align-items:center; -webkit-align-items:center; } 9991 9992 .header_container_3>.flex_row_1>.flex_col_4>.flex_cell_1.account_icons { 9993 height:100%; } 9994 9995 .header_container_3>.flex_row_1>.flex_col_4>.flex_cell_1.account_icons>.flex_cell_content { 9996 display: flex; 9997 margin-top:5px; margin-bottom:5px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 9998 9999 .header_container_3>.flex_row_1>.flex_col_4>.flex_cell_1.account_icons .wishlist-count-badge.d-none { 10000 display: none !important; 10001 } 10002 10003 .header_container_3>.flex_row_1>.flex_col_4>.flex_cell_1.account_icons a { 10004 display: flex; 10005 align-items: center; 10006 color:#ffffff; font-weight:400; font-style:normal; font-size:14px; font-family:Lato; margin-left: 12px; 10007 text-transform:none; } 10008 10009 .header_container_3>.flex_row_1>.flex_col_4>.flex_cell_1.account_icons a svg, 10010 .header_container_3>.flex_row_1>.flex_col_4>.flex_cell_1.account_icons a img { 10011 flex-shrink: 0; 10012 margin-right: 5px; 10013 width:13px; height:13px; } 10014 10015 .header_container_3>.flex_row_1>.flex_col_4>.flex_cell_1.account_icons a .path_class { 10016 fill: currentColor; 10017 } 10018 10019 .header_container_3>.flex_row_1>.flex_col_4>.flex_cell_1.account_icons a:hover { 10020 color:#ffffff; } 10021 10022 .header_container_3>.flex_row_1>.flex_col_4>.flex_cell_1.account_icons a .item-count-badge { 10023 padding: 0 5px; 10024 height: 16px; 10025 min-width: 16px; 10026 text-align: center; 10027 border-radius: 7px; 10028 line-height: 16px; 10029 border: 1px solid #fff; 10030 font-style: normal; 10031 font-weight: 700; 10032 font-size: 10px; 10033 background-color:#878787; color:#ffffff; margin-left: -10px; 10034 margin-top: -15px; 10035 } 10036</style> 10037 </div> 10038 10039 <style> 10040 .header_container_3>.flex_row_1>.flex_col_4 { 10041 width:40%; } 10042 </style> 10043 10044 10045 10046 <div class="flex_col flex_col_5"> 10047 10048 10049 </div> 10050 10051 <style> 10052 .header_container_3>.flex_row_1>.flex_col_5 { 10053 width:1%; } 10054 </style> 10055 10056 10057 10058 </div> 10059 10060 10061 <style> 10062 .header_container_3>.flex_row_1 { 10063 background-color: #000000; 10064 10065 color:#000000; height:auto; 10066 10067 } 10068 10069 </style> 10070 10071 10072 10073 10074 10075 <div class="flex_row flex_row_2 "> 10076 10077 10078 <div class="flex_col flex_col_1"> 10079 10080 <div class="flex_cell flex_cell_1 menu"> 10081 <div class="flex_cell_content"> 10082 <style> 10083 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner, 10084 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-parent { 10085 width: 30px; 10086 height: 24px; 10087 position: relative; 10088 cursor: pointer; 10089 } 10090 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner .hamburger-icon rect { 10091 fill: #000000; } 10092 10093 10094 .header_container_3>.flex_row_2>.flex_col_1>
10094.flex_cell_1.menu a.hamburger-menu-nav-section, 10095 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu a.hamburger-menu-close-button{ 10096 color:#000000; display: flex; 10097 font-weight:400; font-style:normal; font-size:11px; font-family:Sackers Gothic Std; text-transform:uppercase; line-height:40px; } 10098 </style> 10099 10100 <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"> 10101 <div class="hamburger-button-parent"> 10102 <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"> 10103 <rect y="1" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 10104 <rect y="10" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 10105 <rect y="19" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 10106 </svg> 10107 10108 10109 </div> 10110 </div> 10111 </div> 10112</div> 10113 10114<style> 10115 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu { 10116 width:100%; justify-content: flex-start; 10117 align-items:center; -webkit-align-items:center; } 10118 10119 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu { 10120 height:100%; } 10121 10122 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content { 10123 display: flex; 10124 margin-top:5px; margin-bottom:5px; margin-left:10px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 10125 10126 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a, 10127 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>button { 10128 color:#000000; display: flex; 10129 font-weight:400; font-style:normal; font-size:11px; font-family:Sackers Gothic Std; text-transform:uppercase; line-height:40px; } 10130 10131 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a:hover { 10132 color:#000000; } 10133</style> 10134 </div> 10135 10136 <style> 10137 .header_container_3>.flex_row_2>.flex_col_1 { 10138 width:20%; } 10139 </style> 10140 10141 10142 10143 <div class="flex_col flex_col_2"> 10144 10145 10146 10147<div class="flex_cell flex_cell_1 image"> 10148 <div class="flex_cell_content"> 10149 10150 <a href="https://www.garymichaelsfinejewelry.com/" 10151 > 10152 10153 10154 <img 10155 10156 10157 src="https://www.garymichaelsfinejewelry.com/public/1.0/uploads/source/logos/gmfj_logo.webp" 10158 10159 alt="Gary Michaels Fine Jewelry"> 10160 10161 10162 </a> 10163 10164 </div> 10165</div> 10166 <style> 10167 .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.image { 10168 width:100%; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; } 10169 .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.image>.flex_cell_content { 10170 display: flex; 10171 margin-top:15px; margin-bottom:10px; margin-left:10px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 10172 .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.image img { 10173 max-width:100%; } 10174 10175 .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.image { 10176 height:100%; } 10177 </style> 10178 10179 10180 </div> 10181 10182 <style> 10183 .header_container_3>.flex_row_2>.flex_col_2 { 10184 width:60%; } 10185 </style> 10186 10187 10188 10189 <div class="flex_col flex_col_3"> 10190 10191 10192 </div> 10193 10194 <style> 10195 .header_container_3>.flex_row_2>.flex_col_3 { 10196 width:20%; } 10197 </style> 10198 10199 10200 10201 </div> 10202 10203 10204 <style> 10205 .header_container_3>.flex_row_2 { 10206 background-color: #ffffff; 10207 10208 color:#000000; height:auto; 10209 10210 } 10211 10212 </style> 10213 10214 10215 10216 10217 10218 <div class="flex_row flex_row_3 "> 10219 10220 10221 <div class="flex_col flex_col_1"> 10222 10223 10224<div class="flex_cell flex_cell_1 toggleable_search_box"> 10225 <div class="flex_cell_content"> 10226 10227 <form class="sform" id="search-box-form"
10228 onsubmit="javascript: window.location = '/keyword-search?search=' + encodeURIComponent($(this).find('input[name=search]').val()); return false;"> 10229 <div class="inputs-group"> 10230 <button class="sBtn"> 10231 <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> 10232 </button> 10233 10234 <input class="sinp" type="text" name="search" 10235 placeholder="Search Products..."> 10236 10237 <span class="sBtn search_close_btn"> 10238 <svg aria-label="Close search" viewBox="0 0 16 16"> 10239 <path class="path_class" d="m1 1 14 14M1 15 15 1" stroke="currentColor" stroke-width="1.5"></path> 10240 </svg> 10241 </span> 10242 10243 </div> 10244 </form> 10245 10246 </div> 10247</div> 10248<style> 10249 10250 10251 10252 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1.toggleable_search_box { 10253 width:100%; position:relative; 10254 10255 } 10256 10257 10258 10259 10260 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1.toggleable_search_box>.flex_cell_content { 10261 display: flex; 10262 padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; width:60%; top:0; 10263 width:100%; 10264 height:100px; 10265 background-color: #ffffff; 10266 10267 10268 10269 10270 position:absolute; 10271 overflow: hidden; 10272 z-index:99999; 10273 max-height: 0; 10274 transition: max-height 0.3s ease-in-out; 10275 10276 } 10277 10278 10279 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1.toggleable_search_box>.flex_cell_content.show { 10280 max-height:100px; } 10281 10282 10283 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .inputs-group { 10284 display: flex; 10285 flex-wrap: nowrap; 10286 border-radius: 0px; 10287 border-style: solid; 10288 border-width:1px; border-color:#ffffff; border-bottom-color:#000000; width:60%; background-color:#ffffff; 10289 } 10290 10291 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sform { 10292 display: flex; 10293 flex-wrap: nowrap; 10294 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; width:100%; 10295 } 10296 10297 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp { 10298 border-radius: 0px; 10299 padding: 4px 8px; 10300 outline: 0px; 10301 box-shadow: none; 10302 font-size:11px; font-family:Lato; color:#000000; font-weight:400; font-style:normal; background-color: transparent; 10303 10304 height:30px; border-style: solid; 10305 border: none; 10306 width: 100%; 10307 } 10308 10309 10310 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp::placeholder { 10311 font-size:11px; font-family:Lato; color:#000000; opacity: 1; 10312 } 10313 10314 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn { 10315 height: 100%; 10316 padding: 4px; 10317 align-items: center; 10318 justify-content: center; 10319 display: flex; 10320 border: none; 10321 background-color: transparent; 10322 10323 color:#000000; font-weight:400; font-style:normal; height:30px; width:30px; 10324 } 10325 10326 10327 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn svg { 10328 width:10px; height:10px; } 10329 10330 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn .path_class { 10331 fill:#000000; } 10332 10333 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn:hover .path_class { 10334 fill:#000000; } 10335</style> 10336 10337
10338<script> 10339 10340 10341 document.querySelectorAll('.search_close_btn').forEach(function(element) { 10342 element.addEventListener('click', function(event) { 10343 const searchBox = document.querySelector('.header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1.toggleable_search_box>.flex_cell_content'); 10344 if (searchBox) { 10345 searchBox.classList.toggle('show'); 10346 } 10347 }); 10348 }); 10349 10350 document.querySelectorAll('.search_click_toggle').forEach(function(element) { 10351 element.addEventListener('click', function(event) { 10352 event.preventDefault(); // Prevent the default behavior 10353 const searchBox = document.querySelector('.header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1.toggleable_search_box>.flex_cell_content'); 10354 if (searchBox) { 10355 searchBox.classList.toggle('show'); 10356 } 10357 }); 10358 }); 10359 10360 10361 10362</script>
10362 10363 10364 10365 10366 </div> 10367 10368 <style> 10369 .header_container_3>.flex_row_3>.flex_col_1 { 10370 width:100%; } 10371 </style> 10372 10373 10374 10375 </div> 10376 10377 10378 <style> 10379 .header_container_3>.flex_row_3 { 10380 background-color: #ffffff; 10381 10382 color:#000000; height:auto; 10383 10384 } 10385 10386 </style> 10387 10388 10389 10390 10391 10392 10393 <div class="flex_row"> 10394 10395 10396 <div class="flex_col"> 10397 10398 10399 </div> 10400 10401 <div class="flex_col"> 10402 10403 10404 </div> 10405 10406 <div class="flex_col"> 10407 10408 10409 </div> 10410 10411 <div class="flex_col"> 10412 10413 10414 </div> 10415 10416 <div class="flex_col"> 10417 10418 10419 </div> 10420 10421 </div> 10422 10423 10424 10425 <div class="flex_row"> 10426 10427 10428 <div class="flex_col"> 10429 10430 <div class="flex_cell flex_cell_1 menu"> 10431 <style> 10432 #mobile_hamburger_menu_template { 10433 position: fixed; 10434 top: 0; 10435 left: 0; 10436 width: 325px; 10437 overflow-y: auto; 10438 transform: translateX(-325px); 10439 z-index: 1000000001; 10440 height: 100vh; 10441 background-color: #ffffff; 10442 transition: all 0.3s ease; 10443 } 10444 #mobile_hamburger_menu_template_overlay.open { 10445 position: fixed; 10446 top: 0; 10447 left: 0; 10448 width: 100vw; 10449 z-index: 1000000001; 10450 transition: all 0.3s ease; 10451 height: 100vh; 10452 background: rgba(1, 1, 1, 0.5); 10453 cursor: pointer; 10454 transform: translateX(325px); 10455 } 10456 #mobile_hamburger_menu_template .hamburger-menu-template-inner { 10457 padding: 10px; 10458 padding-right:25px; 10459 } 10460 #mobile_hamburger_menu_template .hamburger-menu-close-button { 10461 font-size: 14px !important; 10462 display: flex; 10463 align-items: center; 10464 margin-bottom: 20px; 10465 } 10466 #mobile_hamburger_menu_template .hamburger-menu-close-button svg, 10467 #mobile_hamburger_menu_template button.hamburger-menu-close-button svg { 10468 height: 15px; 10469 margin-right: 5px; 10470 } 10471 #mobile_hamburger_menu_template .hamburger-menu-nav-section { 10472 display: flex; 10473 justify-content: space-between; 10474 align-items: center; 10475 } 10476 #mobile_hamburger_menu_template .hamburger-menu-nav-section svg, 10477 #mobile_hamburger_menu_template button.hamburger-menu-nav-section svg, 10478 #mobile_hamburger_menu_template a.hamburger-menu-nav-section svg { 10479 height: 10px; 10480 float: right; 10481 } 10482 #mobile_hamburger_menu_template .hamburger-menu-nav-section.parent_men span, 10483 #mobile_hamburger_menu_template a.hamburger-menu-nav-section.parent_men span, 10484 #mobile_hamburger_menu_template button.hamburger-menu-nav-section.parent_men span { 10485 text-decoration: underline; 10486 } 10487 #mobile_hamburger_menu_template .hamburger-menu-nav-section.parent_men_arrow, 10488 #mobile_hamburger_menu_template a.hamburger-menu-nav-section.parent_men_arrow, 10489 #mobile_hamburger_menu_template button.hamburger-menu-nav-section.parent_men_arrow { 10490 min-width:30px; 10491 justify-content: end; 10492 } 10493 #mobile_hamburger_menu_template .ham_menu_container { 10494 display:flex; 10495 justify-content: space-between; 10496 } 10497 #mobile_hamburger_menu_template.open { 10498 transform: translateX(0); 10499 }
10500 #mobile_hamburger_menu_template .sub-menu-panel { 10501 display: none; 10502 } 10503 #mobile_hamburger_menu_template .sub-menu-panel[aria-hidden="true"] { 10504 display: none; 10505 } 10506 #mobile_hamburger_menu_template .sub-menu-panel[aria-hidden="false"] { 10507 display: block; 10508 } 10509 #mobile_hamburger_menu_template .icon_and_name { 10510 display:flex; 10511 align-items:center; 10512 gap:10px; 10513 } 10514 #mobile_hamburger_menu_template .hum-line { 10515 border-bottom: 1px solid #ddd; 10516 } 10517 #mobile_hamburger_menu_template .sub-menu-panel.open, 10518 #mobile_hamburger_menu_template .sub-menu-panel[aria-hidden="false"] { 10519 display: block; 10520 } 10521 #mobile_hamburger_menu_template a.hamburger-menu-nav-section, 10522 #mobile_hamburger_menu_template button.hamburger-menu-nav-section, 10523 #mobile_hamburger_menu_template button.hamburger-menu-close-button, 10524 #mobile_hamburger_menu_template a.hamburger-menu-close-button{ 10525 color:#000000; display: flex; 10526 text-align: left; 10527 width: 100%; 10528 position: relative; 10529 font-weight:400; font-style:normal; font-size:11px; font-family:Sackers Gothic Std; text-transform:uppercase; line-height:40px; } 10530 #mobile_hamburger_menu_template.hamburger-menu-template .nav_list_trd { 10531 display: none; 10532 padding: 15px 0px; 10533 background: #fff; 10534 } 10535 #mobile_hamburger_menu_template.hamburger-menu-template .nav_list_trd.open { 10536 display: block; 10537 padding-top:2px; 10538 } 10539 /* Reset button styles to look like links */ 10540 #mobile_hamburger_menu_template button.hamburger-menu-nav-section, 10541 #mobile_hamburger_menu_template button.hamburger-menu-close-button, 10542 #mobile_hamburger_menu_template button.parent_men_arrow { 10543 background: none; 10544 border: none; 10545 padding: 0; 10546 cursor: pointer; 10547 -webkit-appearance: none; 10548 -moz-appearance: none; 10549 appearance: none; 10550 } 10551 10552 /* Hover and active states for buttons - inherit from link styles */ 10553 #mobile_hamburger_menu_template button.hamburger-menu-nav-section:hover, 10554 #mobile_hamburger_menu_template button.hamburger-menu-nav-section.active, 10555 #mobile_hamburger_menu_template button.hamburger-menu-nav-section[aria-expanded="true"], 10556 #mobile_hamburger_menu_template button.hamburger-menu-close-button:hover { 10557 /* Styles inherited from parent selectors above */ 10558 } 10559 10560 /* Additional button styles are inherited from parent selectors above */ 10561 10562 /* Image styles inside buttons */ 10563 #mobile_hamburger_menu_template button.hamburger-menu-nav-section .icon_and_name img, 10564 #mobile_hamburger_menu_template a.hamburger-menu-nav-section .icon_and_name img { 10565 height:20px; 10566 } 10567 </style> 10568 10569 <nav id="mobile_hamburger_menu_template" class="hamburger-menu-template" inert="inert"> 10570 <div class="hamburger-menu-template-inner"> 10571 <button type="button" class="hamburger-menu-close-button mr-4" id="mobile_hamburger_close_button" aria-label="Close menu"> 10572 <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> 10573 10574 <div class="script_before_menu"> 10575 10576 10577<div class="flex_cell flex_cell_1 image"> 10578 <div class="flex_cell_content"> 10579 10580 <a href="https://www.garymichaelsfinejewelry.com/david-yurman" 10581 > 10582 10583 10584 <img 10585 10586 10587 src="https://www.garymichaelsfinejewelry.com/public/1.0/uploads/source/icons/dy_widget-1.webp" 10588 10589 alt="David Yurman Logo"> 10590 10591 10592 </a> 10593 10594 </div> 10595</div> 10596 <style> 10597 .header_container_3 .flex_row .flex_col .script_before_menu .image { 10598 width:100%; justify-content:left !important; align-items:center !important; } 10599 .header_container_3 .flex_row .flex_col .script_before_menu .image>.flex_cell_content { 10600 display: flex; 10601 margin-top:px !important; margin-bottom:10px !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; } 10602 .header_container_3 .flex_row .flex_col .script_before_menu .image img { 10603 } 10604 10605 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.image { 10606 } 10607 </style> 10608 10609 </div> 10610 <div style="clear: both"></div> 10611 10612 10613 <a class="hamburger-menu
10613-nav-section " title="David Yurman" href="/david-yurman" > 10614 <span class="icon_and_name"> 10615 10616 David Yurman </span> 10617 10618 </a> 10619 10620 10621 10622 <div class="sub-menu-panel" id="mobile-submenu-134" aria-hidden="true"> 10623 10624 10625 10626 10627 10628<div class="menu_container default_build_menu menu_container_3_navigation_134"> 10629 <div class="nav_div_134"> 10630 </div> 10631</div> 10632<style> 10633 .menu_container_3_navigation_134 { 10634 background: #fff; 10635 } 10636 .horizontal_menu .nav_div_134 { 10637 padding: 15px 0px; 10638 box-shadow: 0px 0px 5px #00000078; display: flex; 10639 flex-wrap: wrap; 10640 } 10641 .horizontal_menu .nav_img_134 { 10642 height: 200px; 10643 width: 250px; 10644 margin-left: 50px; 10645 margin-right: 20px; 10646 flex-shrink: 0; 10647 order: 1; 10648 } 10649 .horizontal_menu .nav_img_134 img { 10650 max-width: 100%; 10651 max-height: 100%; 10652 } 10653 .horizontal_menu .nav_div_134 .vfit { 10654 text-align: left; 10655 border-bottom: 1px solid #ececec; 10656 text-transform: uppercase; 10657 } 10658 .nav_div_134 .vfit a { 10659 text-decoration: none; 10660 color: #222; 10661 } 10662 .nav_div_134 .nav_list { 10663 list-style: none; 10664 margin: 0; 10665 padding: 0; 10666 order: 1; 10667 } 10668 .nav_div_134 ul { 10669 list-style: none; 10670 } 10671 #mobile_hamburger_menu_template .nav_div_134 li { 10672 width: 100%; 10673 margin: 0; 10674 padding: 0px 20px; 10675 position: relative; 10676 } 10677 .horizontal_menu .nav_div_134 li { 10678 width: 100%; 10679 margin: 0; 10680 padding: 0px 20px; 10681 position: relative; 10682 } 10683 10684 #mobile_hamburger_menu_template .nav_div_134 li svg { 10685 position: absolute; 10686 right: 15px; 10687 height: 10px; 10688 top: 10px; 10689 } 10690 .horizontal_menu .nav_div_134 li svg { 10691 position: absolute; 10692 right: 15px; 10693 height: 10px; 10694 top: 10px; 10695 } 10696 10697 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_134 .nav_div_134 .nav_list li .nav_a_trd { 10698 display: flex; 10699 align-items: center; 10700 padding: 0; 10701 line-height: 30px; 10702 font-size: 14px; 10703 text-transform: uppercase; 10704 text-decoration: none; 10705 color: #222; 10706 white-space: normal; 10707 10708 color:#000000; font-weight:400; font-style:normal; font-size:10px; font-family:Sackers Gothic Std; text-transform:uppercase; line-height:35px; 10709 } 10710 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_134 .nav_div_134 .nav_list li button { 10711 background: none; 10712 border: none; 10713 cursor: pointer; 10714 } 10715 10716 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_134 .nav_div_134 .nav_list li .nav_a_trd.parent_men { 10717 text-decoration: underline; 10718 } 10719 10720 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_134 .nav_div_134 .nav_list li .nav_a_trd:hover { 10721 color:#000000; cursor: pointer; 10722 } 10723 10724 10725 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_134 .nav_div_134 .nav_list li .nav_list_trd li a { 10726 display: flex; 10727 align-items: center; 10728 padding: 0; 10729 line-height: 30px; 10730 font-size: 14px; 10731 text-transform: uppercase; 10732 text-decoration: none; 10733 color: #222; 10734 white-space: normal; 10735 10736 color:#000000; font-weight:400; font-style:normal; font-size:10px; font-family:Sackers Gothic Std; text-transform:none; line-height:35px; } 10737 10738 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_134 .nav_div_134 .nav_list li .nav_list_trd li a:hover { 10739 color:#000000; } 10740 10741 .nav_div_134 .nav_list li a .nav_icons { 10742 height: 30px; 10743 margin-right: 5px; 10744 } 10745 10746 10747 10748 .nav_div_134 .nav_list li a:hover { 10749 color: #3172ab; 10750 } 10751 .horizontal_menu .nav_div_134 .nav_list_trd { 10752 display: none; 10753 position: absolute; 10754 left: 100%; 10755 top: -15px; 10756 padding: 15px 0px; 10757 box-shadow: 0px 0px 5px #00000078; background: #fff; 10758 } 10759 .horizontal_menu .nav_div_134 .nav_list>li .nav_list_trd.open, 10760 .horizontal_menu .nav_div_134 .nav_list>li:hover .nav_list_trd { 10761 display: block; 10762 z-index: 99; 10763 } 10764 10765 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_134, 10766 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_134 .nav_list_trd{ 10767 width: 250px; 10768 } 10769 10770 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_134 .nav_list_trd{ 10771 width: 250px; 10772 } 10773 </style> 10774 </div> 10775 <div class="hum-line"></div> 10776 10777 10778 <button type="button" class="hamburger-menu
10778-nav-section " aria-expanded="false" aria-controls="mobile-submenu-133" aria-label="Expand Bridal section"> 10779 <span class="icon_and_name"> 10780 10781 Bridal </span> 10782 <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> 10783 10784 </button> 10785 10786 10787 10788 <div class="sub-menu-panel" id="mobile-submenu-133" aria-hidden="true"> 10789 10790 10791 10792 10793 10794<div class="menu_container default_build_menu menu_container_3_navigation_133"> 10795 <div class="nav_div_133"> 10796 <ul class="nav_list" role="menu" aria-label="Bridal" tabindex="-1"> 10797 10798 <li style="" 10799 class="" 10800 role="none"> 10801 10802 10803 10804 <a class="nav_a_trd " title="Engagement Rings" href="#!" data-full_image="" role="menuitem" tabindex="0" > 10805 Engagement Rings <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> 10806 </a> 10807 10808 10809 10810 10811 10812 10813 10814 <ul class="nav_list_trd" role="menu" aria-label="Engagement Rings" tabindex="-1"> 10815 <li style="" 10816 class="" 10817 role="none"> 10818 10819 <a class="" href="https://www.garymichaelsfinejewelry.com/engagement-rings" title="Shop Engagement Rings" role="menuitem" tabindex="0" > 10820 Shop Engagement Rings </a> 10821 </li> 10822 <li style="" 10823 class="" 10824 role="none"> 10825 10826 <a class="" href="https://www.garymichaelsfinejewelry.com/create-your-ring" title="Build Your Dream Ring " role="menuitem" tabindex="-1" > 10827 Build Your Dream Ring </a> 10828 </li> 10829 </ul> 10830 </li> 10831 10832 10833 10834 <li style="" 10835 class="" 10836 role="none"> 10837 10838 10839 <div class="ham_menu_container"> 10840 10841 <a class="nav_a_trd parent_men " title="Wedding Bands" href="https://www.garymichaelsfinejewelry.com/wedding-bands" data-full_image="" role="menuitem" tabindex="-1" > 10842 Wedding Bands 10843 </a> 10844 10845 <a class="nav_a_trd parent_men_arrow" href="#!"> 10846 10847 10848 <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> 10849 </a> 10850 10851 10852 10853 10854 </div> 10855 10856 10857 10858 10859 <ul class="nav_list_trd" role="menu" aria-label="Wedding Bands" tabindex="-1"> 10860 <li style="" 10861 class="" 10862 role="none"> 10863 10864 <a class="" href="https://www.garymichaelsfinejewelry.com/mens-wedding-bands" title="Men's Wedding Bands" role="menuitem" tabindex="0" > 10865 Men's Wedding Bands </a> 10866 </li> 10867 <li style="" 10868 class="" 10869 role="none"> 10870 10871 <a class="" href="https://www.garymichaelsfinejewelry.com/womens-wedding-bands" title="Women's Wedding Bands" role="menuitem" tabindex="-1" > 10872 Women's Wedding Bands </a> 10873 </li> 10874 </ul> 10875 </li> 10876 10877 10878 </ul> 10879 </div> 10880</div> 10881<style> 10882 .menu_container_3_navigation_133 { 10883 background: #fff; 10884 } 10885 .horizontal_menu .nav_div_133 { 10886 padding: 15px 0px; 10887 box-shadow: 0px 0px 5px #00000078; display: flex; 10888 flex-wrap: wrap; 10889 } 10890 .horizontal_menu .nav_img_133 { 10891 height: 200px; 10892 width: 250px; 10893 margin-left: 50px; 10894 margin-right: 20px; 10895 flex-shrink: 0; 10896 order: 1; 10897 } 10898 .horizontal_menu .nav_img_133 img { 10899 max-width: 100%; 10900 max-height: 100%; 10901 } 10902 .horizontal_menu .nav_div_133 .vfit { 10903 text-align: left; 10904 border-bottom: 1px solid #ececec; 10905 text-transform: uppercase; 10906 } 10907 .nav_div_133 .vfit a { 10908 text-decoration: none; 10909 color: #222; 10910 } 10911 .nav_div_133 .nav_list { 10912 list-style: none; 10913 margin: 0; 10914 padding: 0; 10915 order: 1; 10916 } 10917 .nav_div_133 ul { 10918 list-style: none; 10919 } 10920 #mobile_hamburger_menu_template .nav_div_133 li { 10921 width: 100%; 10922 margin: 0; 10923 padding: 0px 20px; 10924 position: relative; 10925 } 10926 .horizontal_menu .nav_div_133 li { 10927 width: 100%; 10928 margin: 0; 10929 padding: 0px 20px; 10930 position: relative; 10931 } 10932 10933 #mobile_hamburger_menu_template .nav_div_133 li svg { 10934 position: absolute; 10935 right: 15px; 10936 height: 10px; 10937 top: 10px; 10938 } 10939 .horizontal_menu .nav_div_133 li svg { 10940 position: absolute; 10941 right: 15px; 10942 height: 10px; 10943 top: 10px; 10944 } 10945 10946 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_133 .nav_div_133 .nav_list li .nav_a_trd { 10947 display: flex; 10948 align-items: center; 10949 padding: 0; 10950 line-height: 30px; 10951 font-size: 14px; 10952 text-transform: uppercase; 10953 text-decoration: none; 10954 color: #222; 10955 white-space: normal; 10956 10957 color:#000000; font-weight:400; font-style:normal; font-size:10px; font-family:Sackers Gothic Std; text-transform:uppercase; line-height:35px; 10958 } 10959 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_133 .nav_div_133 .nav_list li button { 10960 background: none; 10961 border: none; 10962 cursor: pointer; 10963 } 10964 10965 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_133 .nav_div_133 .nav_list li .nav_a_trd.parent_men { 10966 text-decoration: underline; 10967 } 10968 10969 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_133 .nav_div_133 .nav_list li .nav_a_trd:hover { 10970 color:#000000; cursor: pointer; 10971 } 10972 10973 10974 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_133 .nav_div_133 .nav_list li .nav_list_trd li a { 10975 display: flex; 10976 align-items: center; 10977 padding: 0; 10978 line-height: 30px; 10979 font-size: 14px; 10980 text-transform: uppercase; 10981 text-decoration: none; 10982 color: #222; 10983 white-space: normal; 10984 10985 color:#000000; font-weight:400; font-style:normal; font-size:10px; font-family:Sackers Gothic Std; text-transform:none; line-height:35px; } 10986 10987 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_133 .nav_div_133 .nav_list li .nav_list_trd li a:hover { 10988 color:#000000; } 10989 10990 .nav_div_133 .nav_list li a .nav_icons { 10991 height: 30px; 10992 margin-right: 5px; 10993 } 10994 10995 10996 10997 .nav_div_133 .nav_list li a:hover { 10998 color: #3172ab; 10999 } 11000 .horizontal_menu .nav_div_133 .nav_list_trd { 11001 display: none; 11002 position: absolute; 11003 left: 100%; 11004 top: -15px; 11005 padding: 15px 0px; 11006 box-shadow: 0px 0px 5px #00000078;
11006 background: #fff; 11007 } 11008 .horizontal_menu .nav_div_133 .nav_list>li .nav_list_trd.open, 11009 .horizontal_menu .nav_div_133 .nav_list>li:hover .nav_list_trd { 11010 display: block; 11011 z-index: 99; 11012 } 11013 11014 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_133, 11015 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_133 .nav_list_trd{ 11016 width: 250px; 11017 } 11018 11019 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_133 .nav_list_trd{ 11020 width: 250px; 11021 } 11022 </style> 11023 </div> 11024 <div class="hum-line"></div> 11025 11026 11027 <button type="button" class="hamburger-menu-nav-section " aria-expanded="false" aria-controls="mobile-submenu-85" aria-label="Expand Diamonds section"> 11028 <span class="icon_and_name"> 11029 11030 Diamonds </span> 11031 <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> 11032 11033 </button> 11034 11035 11036 11037 <div class="sub-menu-panel" id="mobile-submenu-85" aria-hidden="true"> 11038 11039 11040 11041 11042 11043<div class="menu_container default_build_menu menu_container_3_navigation_85"> 11044 <div class="nav_div_85"> 11045 <ul class="nav_list" role="menu" aria-label="Diamonds" tabindex="-1"> 11046 11047 <li style="" 11048 class="" 11049 role="none"> 11050 11051 11052 11053 <a class="nav_a_trd " title="Natural Diamonds" href="https://www.garymichaelsfinejewelry.com/natural-diamonds" data-full_image="" role="menuitem" tabindex="0" > 11054 Natural Diamonds </a> 11055 11056 11057 11058 11059 11060 11061 11062 </li> 11063 11064 11065 11066 <li style="" 11067 class="" 11068 role="none"> 11069 11070 11071 11072 <a class="nav_a_trd " title="Lab Grown Diamonds" href="https://www.garymichaelsfinejewelry.com/lab-grown-diamonds" data-full_image="" role="menuitem" tabindex="-1" > 11073 Lab Grown Diamonds </a> 11074 11075 11076 11077 11078 11079 11080 11081 </li> 11082 11083 11084 11085 <li style="" 11086 class="" 11087 role="none"> 11088 11089 11090 11091 <a class="nav_a_trd " title="Diamond Guide" href="https://www.garymichaelsfinejewelry.com/diamond-guide" data-full_image="" role="menuitem" tabindex="-1" > 11092 Diamond Guide </a> 11093 11094 11095 11096 11097 11098 11099 11100 </li> 11101 11102 11103 </ul> 11104 </div> 11105</div> 11106<style> 11107 .menu_container_3_navigation_85 { 11108 background: #fff; 11109 } 11110 .horizontal_menu .nav_div_85 { 11111 padding: 15px 0px; 11112 box-shadow: 0px 0px 5px #00000078; display: flex; 11113 flex-wrap: wrap; 11114 } 11115 .horizontal_menu .nav_img_85 { 11116 height: 200px; 11117 width: 250px; 11118 margin-left: 50px; 11119 margin-right: 20px; 11120 flex-shrink: 0; 11121 order: 1; 11122 } 11123 .horizontal_menu .nav_img_85 img { 11124 max-width: 100%; 11125 max-height: 100%; 11126 } 11127 .horizontal_menu .nav_div_85 .vfit { 11128 text-align: left; 11129 border-bottom: 1px solid #ececec; 11130 text-transform: uppercase; 11131 } 11132 .nav_div_85 .vfit a { 11133 text-decoration: none; 11134 color: #222; 11135 } 11136 .nav_div_85 .nav_list { 11137 list-style: none; 11138 margin: 0; 11139 padding: 0; 11140 order: 1; 11141 } 11142 .nav_div_85 ul { 11143 list-style: none; 11144 } 11145 #mobile_hamburger_menu_template .nav_div_85 li { 11146 width: 100%; 11147 margin: 0; 11148 padding: 0px 20px; 11149 position: relative; 11150 } 11151 .horizontal_menu .nav_div_85 li { 11152 width: 100%; 11153 margin: 0; 11154 padding: 0px 20px; 11155 position: relative; 11156 } 11157 11158 #mobile_hamburger_menu_template .nav_div_85 li svg { 11159 position: absolute; 11160 right: 15px; 11161 height: 10px; 11162 top: 10px; 11163 } 11164 .horizontal_menu .nav_div_85 li svg { 11165 position: absolute; 11166 right: 15px; 11167 height: 10px; 11168 top: 10px; 11169 } 11170 11171 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_85 .nav_div_85 .nav_list li .nav_a_trd { 11172 display: flex; 11173 align-items: center; 11174 padding: 0; 11175 line-height: 30px; 11176 font-size: 14px; 11177 text-transform: uppercase; 11178 text-decoration: none; 11179 color: #222; 11180 white-space: normal; 11181 11182 color:#000000; font-weight:400; font-style:normal; font-size:10px; font-family:Sackers Gothic Std; text-transform:uppercase; line-height:35px; 11183 } 11184 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_85 .nav_div_85 .nav_list li button { 11185 background: none; 11186 border: none; 11187 cursor: pointer; 11188 } 11189 11190 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_85 .nav_div_85 .nav_list li .nav_a_trd.parent_men { 11191 text-decoration: underline; 11192 } 11193 11194 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_85 .nav_div_85 .nav_list li .nav_a_trd:hover { 11195 color:#000000; cursor: pointer; 11196 } 11197 11198 11199 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_85 .nav_div_85 .nav_list li .nav_list_trd li a { 11200 display: flex; 11201 align-items: center; 11202 padding: 0; 11203 line-height: 30px; 11204 font-size: 14px; 11205 text-transform: uppercase; 11206 text-decoration: none; 11207 color: #222; 11208 white-space: normal; 11209 11210 color:#000000; font-weight:400; font-style:normal; font-size:10px; font-family:Sackers Gothic Std; text-transform:none; line-height:35px; } 11211 11212 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_85 .nav_div_85 .nav_list li .nav_list_trd li a:hover { 11213 color:#000000; } 11214 11215 .nav_div_85 .nav_list li a .nav_icons { 11216 height: 30px; 11217 margin-right: 5px; 11218 } 11219 11220 11221 11222 .nav_div_85 .nav_list li a:hover { 11223 color: #3172ab; 11224 } 11225 .horizontal_menu .nav_div_85 .nav_list_trd { 11226 display: none; 11227 position: absolute; 11228 left: 100%; 11229 top: -15px; 11230 padding: 15px 0px; 11231 box-shadow: 0px 0px 5px #00000078; background: #fff; 11232 } 11233 .horizontal_menu .nav_div_85 .nav_list>li .nav_list_trd.open, 11234 .horizontal_menu .nav_div_85 .nav_list>li:hover .nav_list_trd { 11235 display: block; 11236 z-index: 99; 11237 } 11238 11239 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_85, 11240 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_85 .nav_list_trd{ 11241 width: 250px; 11242 } 11243 11244 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_85 .nav_list_trd{ 11245 width: 250px; 11246 } 11247 </style> 11248 </div> 11249 <div class="hum-line"></div> 11250 11251 11252 <div class="ham_menu_container">
11253 <a class="hamburger-menu-nav-section parent_men " title="Jewelry" href="https://www.garymichaelsfinejewelry.com/fine-jewelry" > 11254 11255 <span class="icon_and_name"> 11256 11257 Jewelry </span> 11258 11259 </a> 11260 <button type="button" class="hamburger-menu-nav-section parent_men_arrow" aria-expanded="false" aria-controls="mobile-submenu-16" aria-label="Expand Jewelry section"> 11261 11262 <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> 11263 11264 </button> 11265 11266 11267 11268 </div> 11269 11270 <div class="sub-menu-panel" id="mobile-submenu-16" aria-hidden="true"> 11271 11272 11273 11274 11275 11276<div class="menu_container default_build_menu menu_container_3_navigation_16"> 11277 <div class="nav_div_16"> 11278 <ul class="nav_list" role="menu" aria-label="Jewelry" tabindex="-1"> 11279 11280 <li style="" 11281 class="" 11282 role="none"> 11283 11284 11285 11286 <a class="nav_a_trd " title="Necklaces" href="https://www.garymichaelsfinejewelry.com/necklaces" data-full_image="" role="menuitem" tabindex="0" > 11287 Necklaces </a> 11288 11289 11290 11291 11292 11293 11294 11295 </li> 11296 11297 11298 11299 <li style="" 11300 class="" 11301 role="none"> 11302 11303 11304 11305 <a class="nav_a_trd " title="Earrings" href="https://www.garymichaelsfinejewelry.com/earrings" data-full_image="" role="menuitem" tabindex="-1" > 11306 Earrings </a> 11307 11308 11309 11310 11311 11312 11313 11314 </li> 11315 11316 11317 11318 <li style="" 11319 class="" 11320 role="none"> 11321 11322 11323 11324 <a class="nav_a_trd " title="Bracelets" href="https://www.garymichaelsfinejewelry.com/bracelets" data-full_image="" role="menuitem" tabindex="-1" > 11325 Bracelets </a> 11326 11327 11328 11329 11330 11331 11332 11333 </li> 11334 11335 11336 11337 <li style="" 11338 class="" 11339 role="none"> 11340 11341 11342 11343 <a class="nav_a_trd " title="Rings" href="https://www.garymichaelsfinejewelry.com/rings" data-full_image="" role="menuitem" tabindex="-1" > 11344 Rings </a> 11345 11346 11347 11348 11349 11350 11351 11352 </li> 11353 11354 11355 </ul> 11356 </div> 11357</div> 11358<style> 11359 .menu_container_3_navigation_16 { 11360 background: #fff; 11361 } 11362 .horizontal_menu .nav_div_16 { 11363 padding: 15px 0px; 11364 box-shadow: 0px 0px 5px #00000078; display: flex; 11365 flex-wrap: wrap; 11366 } 11367 .horizontal_menu .nav_img_16 { 11368 height: 200px; 11369 width: 250px; 11370 margin-left: 50px; 11371 margin-right: 20px; 11372 flex-shrink: 0; 11373 order: 1; 11374 } 11375 .horizontal_menu .nav_img_16 img { 11376 max-width: 100%; 11377 max-height: 100%; 11378 } 11379 .horizontal_menu .nav_div_16 .vfit { 11380 text-align: left; 11381 border-bottom: 1px solid #ececec; 11382 text-transform: uppercase; 11383 } 11384 .nav_div_16 .vfit a { 11385 text-decoration: none; 11386 color: #222; 11387 } 11388 .nav_div_16 .nav_list { 11389 list-style: none; 11390 margin: 0; 11391 padding: 0; 11392 order: 1; 11393 } 11394 .nav_div_16 ul { 11395 list-style: none; 11396 } 11397 #mobile_hamburger_menu_template .nav_div_16 li { 11398 width: 100%; 11399 margin: 0; 11400 padding: 0px 20px; 11401 position: relative; 11402 } 11403 .horizontal_menu .nav_div_16 li { 11404 width: 100%; 11405 margin: 0; 11406 padding: 0px 20px; 11407 position: relative; 11408 } 11409 11410 #mobile_hamburger_menu_template .nav_div_16 li svg { 11411 position: absolute; 11412 right: 15px; 11413 height: 10px; 11414 top: 10px; 11415 } 11416 .horizontal_menu .nav_div_16 li svg { 11417 position: absolute; 11418 right: 15px; 11419 height: 10px; 11420 top: 10px; 11421 } 11422 11423 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_16 .nav_div_16 .nav_list li .nav_a_trd { 11424 display: flex; 11425 align-items: center; 11426 padding: 0; 11427 line-height: 30px; 11428 font-size: 14px; 11429 text-transform: uppercase; 11430 text-decoration: none; 11431 color: #222; 11432 white-space: normal; 11433 11434 color:#000000; font-weight:400; font-style:normal; font-size:10px; font-family:Sackers Gothic Std; text-transform:uppercase; line-height:35px; 11435 } 11436 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_16 .nav_div_16 .nav_list li button { 11437 background: none; 11438 border: none; 11439 cursor: pointer; 11440 } 11441 11442 .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 { 11443 text-decoration: underline; 11444 } 11445 11446 .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 { 11447 color:#000000; cursor: pointer; 11448 } 11449 11450 11451 .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 { 11452 display: flex; 11453 align-items: center; 11454 padding: 0; 11455 line-height: 30px; 11456 font-size: 14px; 11457 text-transform: uppercase; 11458 text-decoration: none; 11459 color: #222; 11460 white-space: normal; 11461 11462 color:#000000; font-weight:400; font-style:normal; font-size:10px; font-family:Sackers Gothic Std; text-transform:none; line-height:35px; } 11463 11464 .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 { 11465 color:#000000; } 11466 11467 .nav_div_16 .nav_list li a .nav_icons { 11468 height: 30px; 11469 margin-right: 5px; 11470 } 11471 11472 11473 11474 .nav_div_16 .nav_list li a:hover { 11475 color: #3172ab; 11476 } 11477 .horizontal_menu .nav_div_16 .nav_list_trd { 11478 display: none; 11479 position: absolute; 11480 left: 100%; 11481 top: -15px; 11482 padding: 15px 0px; 11483 box-shadow: 0px 0px 5px #00000078; background: #fff; 11484 } 11485 .horizontal_menu .nav_div_16 .nav_list>li .nav_list_trd.open, 11486 .horizontal_menu .nav_div_16 .nav_list>li:hover .nav_list_trd { 11487 display: block; 11488 z-index: 99; 11489 } 11490 11491 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_16, 11492 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_16 .nav_list_trd{ 11493 width: 250px; 11494 } 11495 11496 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_16 .nav_list_trd{ 11497 width: 250px; 11498 } 11499 </style> 11500 </div> 11501 <div class="hum-line"></div> 11502 11503 11504 <button type="button" class="hamburger-menu
11504-nav-section " aria-expanded="false" aria-controls="mobile-submenu-97" aria-label="Expand Watches section"> 11505 <span class="icon_and_name"> 11506 11507 Watches </span> 11508 <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> 11509 11510 </button> 11511 11512 11513 11514 <div class="sub-menu-panel" id="mobile-submenu-97" aria-hidden="true"> 11515 11516 11517 11518 11519 11520<div class="menu_container default_build_menu menu_container_3_navigation_97"> 11521 <div class="nav_div_97"> 11522 <ul class="nav_list" role="menu" aria-label="Watches" tabindex="-1"> 11523 11524 <li style="" 11525 class="" 11526 role="none"> 11527 11528 11529 11530 <a class="nav_a_trd " title="Breitling" href="https://www.garymichaelsfinejewelry.com/breitling" data-full_image="" role="menuitem" tabindex="0" > 11531 Breitling </a> 11532 11533 11534 11535 11536 11537 11538 11539 </li> 11540 11541 11542 11543 <li style="" 11544 class="" 11545 role="none"> 11546 11547 11548 11549 <a class="nav_a_trd " title="MICHELE" href="https://www.garymichaelsfinejewelry.com/michele" data-full_image="" role="menuitem" tabindex="-1" > 11550 MICHELE </a> 11551 11552 11553 11554 11555 11556 11557 11558 </li> 11559 11560 11561 11562 <li style="" 11563 class="" 11564 role="none"> 11565 11566 11567 11568 <a class="nav_a_trd " title="Omega" href="https://www.garymichaelsfinejewelry.com/omega" data-full_image="" role="menuitem" tabindex="-1" > 11569 Omega </a> 11570 11571 11572 11573 11574 11575 11576 11577 </li> 11578 11579 11580 11581 <li style="" 11582 class="" 11583 role="none"> 11584 11585 11586 11587 <a class="nav_a_trd " title="TAG Heuer" href="https://www.garymichaelsfinejewelry.com/tag-heuer" data-full_image="" role="menuitem" tabindex="-1" > 11588 TAG Heuer </a> 11589 11590 11591 11592 11593 11594 11595 11596 </li> 11597 11598 11599 11600 <li style="" 11601 class="" 11602 role="none"> 11603 11604 11605 11606 <a class="nav_a_trd " title="Pre-Owned Rolex" href="https://www.garymichaelsfinejewelry.com/pre-owned-rolex-watches" data-full_image="" role="menuitem" tabindex="-1" > 11607 Pre-Owned Rolex </a> 11608 11609 11610 11611 11612 11613 11614 11615 </li> 11616 11617 11618 </ul> 11619 </div> 11620</div> 11621<style> 11622 .menu_container_3_navigation_97 { 11623 background: #fff; 11624 } 11625 .horizontal_menu .nav_div_97 { 11626 padding: 15px 0px; 11627 box-shadow: 0px 0px 5px #00000078; display: flex; 11628 flex-wrap: wrap; 11629 } 11630 .horizontal_menu .nav_img_97 { 11631 height: 200px; 11632 width: 250px; 11633 margin-left: 50px; 11634 margin-right: 20px; 11635 flex-shrink: 0; 11636 order: 1; 11637 } 11638 .horizontal_menu .nav_img_97 img { 11639 max-width: 100%; 11640 max-height: 100%; 11641 } 11642 .horizontal_menu .nav_div_97 .vfit { 11643 text-align: left; 11644 border-bottom: 1px solid #ececec; 11645 text-transform: uppercase; 11646 } 11647 .nav_div_97 .vfit a { 11648 text-decoration: none; 11649 color: #222; 11650 } 11651 .nav_div_97 .nav_list { 11652 list-style: none; 11653 margin: 0; 11654 padding: 0; 11655 order: 1; 11656 } 11657 .nav_div_97 ul { 11658 list-style: none; 11659 } 11660 #mobile_hamburger_menu_template .nav_div_97 li { 11661 width: 100%; 11662 margin: 0; 11663 padding: 0px 20px; 11664 position: relative; 11665 } 11666 .horizontal_menu .nav_div_97 li { 11667 width: 100%; 11668 margin: 0; 11669 padding: 0px 20px; 11670 position: relative; 11671 } 11672 11673 #mobile_hamburger_menu_template .nav_div_97 li svg { 11674 position: absolute; 11675 right: 15px; 11676 height: 10px; 11677 top: 10px; 11678 } 11679 .horizontal_menu .nav_div_97 li svg { 11680 position: absolute; 11681 right: 15px; 11682 height: 10px; 11683 top: 10px; 11684 } 11685 11686 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_97 .nav_div_97 .nav_list li .nav_a_trd { 11687 display: flex; 11688 align-items: center; 11689 padding: 0; 11690 line-height: 30px; 11691 font-size: 14px; 11692 text-transform: uppercase; 11693 text-decoration: none; 11694 color: #222; 11695 white-space: normal; 11696 11697 color:#000000; font-weight:400; font-style:normal; font-size:10px; font-family:Sackers Gothic Std; text-transform:uppercase; line-height:35px; 11698 } 11699 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_97 .nav_div_97 .nav_list li button { 11700 background: none; 11701 border: none; 11702 cursor: pointer; 11703 } 11704 11705 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_97 .nav_div_97 .nav_list li .nav_a_trd.parent_men { 11706 text-decoration: underline; 11707 } 11708 11709 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_97 .nav_div_97 .nav_list li .nav_a_trd:hover { 11710 color:#000000; cursor: pointer; 11711 } 11712 11713 11714 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_97 .nav_div_97 .nav_list li .nav_list_trd li a { 11715 display: flex; 11716 align-items: center; 11717 padding: 0; 11718 line-height: 30px; 11719 font-size: 14px; 11720 text-transform: uppercase; 11721 text-decoration: none; 11722 color: #222; 11723 white-space: normal; 11724 11725 color:#000000; font-weight:400; font-style:normal; font-size:10px; font-family:Sackers Gothic Std; text-transform:none; line-height:35px; } 11726 11727 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_97 .nav_div_97 .nav_list li .nav_list_trd li a:hover { 11728 color:#000000; } 11729 11730 .nav_div_97 .nav_list li a .nav_icons { 11731 height: 30px; 11732 margin-right: 5px; 11733 } 11734 11735 11736 11737 .nav_div_97 .nav_list li a:hover { 11738 color: #3172ab; 11739 } 11740 .horizontal_menu .nav_div_97 .nav_list_trd { 11741 display: none; 11742 position: absolute; 11743 left: 100%; 11744 top: -15px; 11745 padding: 15px 0px; 11746 box-shadow: 0px 0px 5px #00000078; background: #fff; 11747 } 11748 .horizontal_menu .nav_div_97 .nav_list>li .nav_list_trd.open, 11749 .horizontal_menu .nav_div_97 .nav_list>li:hover .nav_list_trd { 11750 display: block; 11751 z-index: 99; 11752 } 11753 11754 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_97, 11755 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_97 .nav_list_trd{ 11756 width: 250px; 11757 } 11758 11759 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_97 .nav_list_trd{ 11760 width: 250px; 11761 } 11762 </style> 11763 </div> 11764 <div class="hum-line"></div> 11765 11766 11767 <button type="button" class="hamburger-menu
11767-nav-section " aria-expanded="false" aria-controls="mobile-submenu-100" aria-label="Expand Designers section"> 11768 <span class="icon_and_name"> 11769 11770 Designers </span> 11771 <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> 11772 11773 </button> 11774 11775 11776 11777 <div class="sub-menu-panel" id="mobile-submenu-100" aria-hidden="true"> 11778 11779 11780 11781 11782 11783<div class="menu_container default_build_menu menu_container_3_navigation_100"> 11784 <div class="nav_div_100"> 11785 <ul class="nav_list" role="menu" aria-label="Designers" tabindex="-1"> 11786 11787 <li style="" 11788 class="" 11789 role="none"> 11790 11791 11792 11793 <a class="nav_a_trd " title="Alor" href="https://www.garymichaelsfinejewelry.com/alor" data-full_image="" role="menuitem" tabindex="0" > 11794 Alor </a> 11795 11796 11797 11798 11799 11800 11801 11802 </li> 11803 11804 11805 11806 <li style="" 11807 class="" 11808 role="none"> 11809 11810 11811 11812 <a class="nav_a_trd " title="Bleu Royale " href="https://www.garymichaelsfinejewelry.com/bleu-royale" data-full_image="" role="menuitem" tabindex="-1" > 11813 Bleu Royale </a> 11814 11815 11816 11817 11818 11819 11820 11821 </li> 11822 11823 11824 11825 <li style="" 11826 class="" 11827 role="none"> 11828 11829 11830 11831 <a class="nav_a_trd " title="CrownRing" href="https://www.garymichaelsfinejewelry.com/crownring" data-full_image="" role="menuitem" tabindex="-1" > 11832 CrownRing </a> 11833 11834 11835 11836 11837 11838 11839 11840 </li> 11841 11842 11843 11844 <li style="" 11845 class="" 11846 role="none"> 11847 11848 11849 11850 <a class="nav_a_trd " title="David Yurman" href="/david-yurman" data-full_image="" role="menuitem" tabindex="-1" > 11851 David Yurman </a> 11852 11853 11854 11855 11856 11857 11858 11859 </li> 11860 11861 11862 11863 <li style="" 11864 class="" 11865 role="none"> 11866 11867 11868 11869 <a class="nav_a_trd " title="Gabriel & Co. Bridal" href="https://www.garymichaelsfinejewelry.com/gabriel-co-bridal" data-full_image="" role="menuitem" tabindex="-1" > 11870 Gabriel & Co. Bridal </a> 11871 11872 11873 11874 11875 11876 11877 11878 </li> 11879 11880 11881 11882 <li style="" 11883 class="" 11884 role="none"> 11885 11886 11887 11888 <a class="nav_a_trd " title="LAGOS" href="https://www.garymichaelsfinejewelry.com/lagos" data-full_image="" role="menuitem" tabindex="-1" > 11889 LAGOS </a> 11890 11891 11892 11893 11894 11895 11896 11897 </li> 11898 11899 11900 11901 <li style="" 11902 class="" 11903 role="none"> 11904 11905 11906 11907 <a class="nav_a_trd " title="Marco Bicego" href="https://www.garymichaelsfinejewelry.com/marco-bicego" data-full_image="" role="menuitem" tabindex="-1" > 11908 Marco Bicego </a> 11909 11910 11911 11912 11913 11914 11915 11916 </li> 11917 11918 11919 11920 <li style="" 11921 class="" 11922 role="none"> 11923 11924 11925 11926 <a class="nav_a_trd " title="Roberto Coin" href="https://www.garymichaelsfinejewelry.com/roberto-coin" data-full_image="" role="menuitem" tabindex="-1" > 11927 Roberto Coin </a> 11928 11929 11930 11931 11932 11933 11934 11935 </li> 11936 11937 11938 11939 <li style="" 11940 class="" 11941 role="none"> 11942 11943 11944 11945 <a class="nav_a_trd " title="Tacori" href="https://www.garymichaelsfinejewelry.com/tacori" data-full_image="" role="menuitem" tabindex="-1" > 11946 Tacori </a> 11947 11948 11949 11950 11951 11952 11953 11954 </li> 11955 11956 11957 </ul> 11958 </div> 11959</div> 11960<style> 11961 .menu_container_3_navigation_100 { 11962 background: #fff; 11963 } 11964 .horizontal_menu .nav_div_100 { 11965 padding: 15px 0px; 11966 box-shadow: 0px 0px 5px #00000078; display: flex; 11967 flex-wrap: wrap; 11968 } 11969 .horizontal_menu .nav_img_100 { 11970 height: 200px; 11971 width: 250px; 11972 margin-left: 50px; 11973 margin-right: 20px; 11974 flex-shrink: 0; 11975 order: 1; 11976 } 11977 .horizontal_menu .nav_img_100 img { 11978 max-width: 100%; 11979 max-height: 100%; 11980 } 11981 .horizontal_menu .nav_div_100 .vfit { 11982 text-align: left; 11983 border-bottom: 1px solid #ececec; 11984 text-transform: uppercase; 11985 } 11986 .nav_div_100 .vfit a { 11987 text-decoration: none; 11988 color: #222; 11989 } 11990 .nav_div_100 .nav_list { 11991 list-style: none; 11992 margin: 0; 11993 padding: 0; 11994 order: 1; 11995 } 11996 .nav_div_100 ul { 11997 list-style: none; 11998 } 11999 #mobile_hamburger_menu_template .nav_div_100 li { 12000 width: 100%; 12001 margin: 0; 12002 padding: 0px 20px; 12003 position: relative; 12004 } 12005 .horizontal_menu .nav_div_100 li { 12006 width: 100%; 12007 margin: 0; 12008 padding: 0px 20px; 12009 position: relative; 12010 } 12011 12012 #mobile_hamburger_menu_template .nav_div_100 li svg { 12013 position: absolute; 12014 right: 15px; 12015 height: 10px; 12016 top: 10px; 12017 } 12018 .horizontal_menu .nav_div_100 li svg { 12019 position: absolute; 12020 right: 15px; 12021 height: 10px; 12022 top: 10px; 12023 } 12024 12025 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_100 .nav_div_100 .nav_list li .nav_a_trd { 12026 display: flex; 12027 align-items: center; 12028 padding: 0; 12029 line-height: 30px; 12030 font-size: 14px; 12031 text-transform: uppercase; 12032 text-decoration: none; 12033 color: #222; 12034 white-space: normal; 12035 12036 color:#000000; font-weight:400; font-style:normal; font-size:10px; font-family:Sackers Gothic Std; text-transform:uppercase; line-height:35px; 12037 } 12038 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_100 .nav_div_100 .nav_list li button { 12039 background: none; 12040 border: none; 12041 cursor: pointer; 12042 } 12043 12044 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_100 .nav_div_100 .nav_list li .nav_a_trd.parent_men { 12045 text-decoration: underline; 12046 } 12047 12048 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_100 .nav_div_100 .nav_list li .nav_a_trd:hover { 12049 color:#000000; cursor: pointer; 12050 } 12051 12052 12053 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_100 .nav_div_100 .nav_list li .nav_list_trd li a { 12054 display: flex; 12055 align-items: center; 12056 padding: 0; 12057 line-height: 30px; 12058 font-size: 14px; 12059 text-transform: uppercase; 12060 text-decoration: none; 12061 color: #222; 12062 white-space: normal; 12063 12064 color:#000000; font-weight:400; font-style:normal; font-size:10px; font-family:Sackers Gothic Std; text-transform:none; line-height:35px; } 12065 12066 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_100 .nav_div_100 .nav_list li .nav_list_trd li a:hover { 12067 color:#000000; } 12068 12069 .nav_div_100 .nav_list li a .nav_icons { 12070 height: 30px; 12071 margin-right: 5px; 12072 } 12073 12074 12075 12076 .nav_div_100 .nav_list li a:hover { 12077 color: #3172ab; 12078 } 12079 .horizontal_menu .nav_div_100 .nav_list_trd { 12080 display: none; 12081 position: absolute; 12082 left: 100%; 12083 top: -15px; 12084 padding: 15px 0px; 12085 box-shadow: 0px 0px 5px #00000078; background: #fff; 12086 } 12087 .horizontal_menu .nav_div_100 .nav_list>li .nav_list_trd.open, 12088 .horizontal_menu .nav_div_100 .nav_list>li:hover .nav_list_trd { 12089 display: block; 12090 z-index: 99; 12091 } 12092 12093 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_100, 12094 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_100 .nav_list_trd{ 12095 width: 250px; 12096 } 12097 12098 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_100 .nav_list_trd{ 12099 width: 250px; 12100 } 12101 </style> 12102 </div> 12103 <div class="hum-line"></div> 12104 12105 12106 <button type="button" class="hamburger-menu
12106-nav-section " aria-expanded="false" aria-controls="mobile-submenu-103" aria-label="Expand About Us section"> 12107 <span class="icon_and_name"> 12108 12109 About Us </span> 12110 <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> 12111 12112 </button> 12113 12114 12115 12116 <div class="sub-menu-panel" id="mobile-submenu-103" aria-hidden="true"> 12117 12118 12119 12120 12121 12122<div class="menu_container default_build_menu menu_container_3_navigation_103"> 12123 <div class="nav_div_103"> 12124 <ul class="nav_list" role="menu" aria-label="About Us" tabindex="-1"> 12125 12126 <li style="" 12127 class="" 12128 role="none"> 12129 12130 12131 12132 <a class="nav_a_trd " title="About" href="https://www.garymichaelsfinejewelry.com/about-us" data-full_image="" role="menuitem" tabindex="0" > 12133 About </a> 12134 12135 12136 12137 12138 12139 12140 12141 </li> 12142 12143 12144 12145 <li style="" 12146 class="" 12147 role="none"> 12148 12149 12150 12151 <a class="nav_a_trd " title="Services" href="https://www.garymichaelsfinejewelry.com/services" data-full_image="" role="menuitem" tabindex="-1" > 12152 Services </a> 12153 12154 12155 12156 12157 12158 12159 12160 </li> 12161 12162 12163 12164 <li style="" 12165 class="" 12166 role="none"> 12167 12168 12169 12170 <a class="nav_a_trd " title="Blog" href="https://www.garymichaelsfinejewelry.com/blog" data-full_image="" role="menuitem" tabindex="-1" > 12171 Blog </a> 12172 12173 12174 12175 12176 12177 12178 12179 </li> 12180 12181 12182 </ul> 12183 </div> 12184</div> 12185<style> 12186 .menu_container_3_navigation_103 { 12187 background: #fff; 12188 } 12189 .horizontal_menu .nav_div_103 { 12190 padding: 15px 0px; 12191 box-shadow: 0px 0px 5px #00000078; display: flex; 12192 flex-wrap: wrap; 12193 } 12194 .horizontal_menu .nav_img_103 { 12195 height: 200px; 12196 width: 250px; 12197 margin-left: 50px; 12198 margin-right: 20px; 12199 flex-shrink: 0; 12200 order: 1; 12201 } 12202 .horizontal_menu .nav_img_103 img { 12203 max-width: 100%; 12204 max-height: 100%; 12205 } 12206 .horizontal_menu .nav_div_103 .vfit { 12207 text-align: left; 12208 border-bottom: 1px solid #ececec; 12209 text-transform: uppercase; 12210 } 12211 .nav_div_103 .vfit a { 12212 text-decoration: none; 12213 color: #222; 12214 } 12215 .nav_div_103 .nav_list { 12216 list-style: none; 12217 margin: 0; 12218 padding: 0; 12219 order: 1; 12220 } 12221 .nav_div_103 ul { 12222 list-style: none; 12223 } 12224 #mobile_hamburger_menu_template .nav_div_103 li { 12225 width: 100%; 12226 margin: 0; 12227 padding: 0px 20px; 12228 position: relative; 12229 } 12230 .horizontal_menu .nav_div_103 li { 12231 width: 100%; 12232 margin: 0; 12233 padding: 0px 20px; 12234 position: relative; 12235 } 12236 12237 #mobile_hamburger_menu_template .nav_div_103 li svg { 12238 position: absolute; 12239 right: 15px; 12240 height: 10px; 12241 top: 10px; 12242 } 12243 .horizontal_menu .nav_div_103 li svg { 12244 position: absolute; 12245 right: 15px; 12246 height: 10px; 12247 top: 10px; 12248 } 12249 12250 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_103 .nav_div_103 .nav_list li .nav_a_trd { 12251 display: flex; 12252 align-items: center; 12253 padding: 0; 12254 line-height: 30px; 12255 font-size: 14px; 12256 text-transform: uppercase; 12257 text-decoration: none; 12258 color: #222; 12259 white-space: normal; 12260 12261 color:#000000; font-weight:400; font-style:normal; font-size:10px; font-family:Sackers Gothic Std; text-transform:uppercase; line-height:35px; 12262 } 12263 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_103 .nav_div_103 .nav_list li button { 12264 background: none; 12265 border: none; 12266 cursor: pointer; 12267 } 12268 12269 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_103 .nav_div_103 .nav_list li .nav_a_trd.parent_men { 12270 text-decoration: underline; 12271 } 12272 12273 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_103 .nav_div_103 .nav_list li .nav_a_trd:hover { 12274 color:#000000; cursor: pointer; 12275 } 12276 12277 12278 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_103 .nav_div_103 .nav_list li .nav_list_trd li a { 12279 display: flex; 12280 align-items: center; 12281 padding: 0; 12282 line-height: 30px; 12283 font-size: 14px; 12284 text-transform: uppercase; 12285 text-decoration: none; 12286 color: #222; 12287 white-space: normal; 12288 12289 color:#000000; font-weight:400; font-style:normal; font-size:10px; font-family:Sackers Gothic Std; text-transform:none; line-height:35px; } 12290 12291 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_103 .nav_div_103 .nav_list li .nav_list_trd li a:hover { 12292 color:#000000; } 12293 12294 .nav_div_103 .nav_list li a .nav_icons { 12295 height: 30px; 12296 margin-right: 5px; 12297 } 12298 12299 12300 12301 .nav_div_103 .nav_list li a:hover { 12302 color: #3172ab; 12303 } 12304 .horizontal_menu .nav_div_103 .nav_list_trd { 12305 display: none; 12306 position: absolute; 12307 left: 100%; 12308 top: -15px; 12309 padding: 15px 0px; 12310 box-shadow: 0px 0px 5px #00000078; background: #fff; 12311 } 12312 .horizontal_menu .nav_div_103 .nav_list>li .nav_list_trd.open, 12313 .horizontal_menu .nav_div_103 .nav_list>li:hover .nav_list_trd { 12314 display: block; 12315 z-index: 99; 12316 } 12317 12318 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_103, 12319 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_103 .nav_list_trd{ 12320 width: 250px; 12321 } 12322 12323 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_103 .nav_list_trd{ 12324 width: 250px; 12325 } 12326 </style> 12327 </div> 12328 <div class="hum-line"></div> 12329 12330 12331 <a class="hamburger-menu
12331-nav-section " title="Contact Us" href="https://www.garymichaelsfinejewelry.com/contact-us" > 12332 <span class="icon_and_name"> 12333 12334 Contact Us </span> 12335 12336 </a> 12337 12338 12339 12340 <div class="sub-menu-panel" id="mobile-submenu-22" aria-hidden="true"> 12341 12342 12343 12344 12345 12346<div class="menu_container default_build_menu menu_container_3_navigation_22"> 12347 <div class="nav_div_22"> 12348 </div> 12349</div> 12350<style> 12351 .menu_container_3_navigation_22 { 12352 background: #fff; 12353 } 12354 .horizontal_menu .nav_div_22 { 12355 padding: 15px 0px; 12356 box-shadow: 0px 0px 5px #00000078; display: flex; 12357 flex-wrap: wrap; 12358 } 12359 .horizontal_menu .nav_img_22 { 12360 height: 200px; 12361 width: 250px; 12362 margin-left: 50px; 12363 margin-right: 20px; 12364 flex-shrink: 0; 12365 order: 1; 12366 } 12367 .horizontal_menu .nav_img_22 img { 12368 max-width: 100%; 12369 max-height: 100%; 12370 } 12371 .horizontal_menu .nav_div_22 .vfit { 12372 text-align: left; 12373 border-bottom: 1px solid #ececec; 12374 text-transform: uppercase; 12375 } 12376 .nav_div_22 .vfit a { 12377 text-decoration: none; 12378 color: #222; 12379 } 12380 .nav_div_22 .nav_list { 12381 list-style: none; 12382 margin: 0; 12383 padding: 0; 12384 order: 1; 12385 } 12386 .nav_div_22 ul { 12387 list-style: none; 12388 } 12389 #mobile_hamburger_menu_template .nav_div_22 li { 12390 width: 100%; 12391 margin: 0; 12392 padding: 0px 20px; 12393 position: relative; 12394 } 12395 .horizontal_menu .nav_div_22 li { 12396 width: 100%; 12397 margin: 0; 12398 padding: 0px 20px; 12399 position: relative; 12400 } 12401 12402 #mobile_hamburger_menu_template .nav_div_22 li svg { 12403 position: absolute; 12404 right: 15px; 12405 height: 10px; 12406 top: 10px; 12407 } 12408 .horizontal_menu .nav_div_22 li svg { 12409 position: absolute; 12410 right: 15px; 12411 height: 10px; 12412 top: 10px; 12413 } 12414 12415 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_22 .nav_div_22 .nav_list li .nav_a_trd { 12416 display: flex; 12417 align-items: center; 12418 padding: 0; 12419 line-height: 30px; 12420 font-size: 14px; 12421 text-transform: uppercase; 12422 text-decoration: none; 12423 color: #222; 12424 white-space: normal; 12425 12426 color:#000000; font-weight:400; font-style:normal; font-size:10px; font-family:Sackers Gothic Std; text-transform:uppercase; line-height:35px; 12427 } 12428 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_22 .nav_div_22 .nav_list li button { 12429 background: none; 12430 border: none; 12431 cursor: pointer; 12432 } 12433 12434 .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 { 12435 text-decoration: underline; 12436 } 12437 12438 .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 { 12439 color:#000000; cursor: pointer; 12440 } 12441 12442 12443 .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 { 12444 display: flex; 12445 align-items: center; 12446 padding: 0; 12447 line-height: 30px; 12448 font-size: 14px; 12449 text-transform: uppercase; 12450 text-decoration: none; 12451 color: #222; 12452 white-space: normal; 12453 12454 color:#000000; font-weight:400; font-style:normal; font-size:10px; font-family:Sackers Gothic Std; text-transform:none; line-height:35px; } 12455 12456 .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 { 12457 color:#000000; } 12458 12459 .nav_div_22 .nav_list li a .nav_icons { 12460 height: 30px; 12461 margin-right: 5px; 12462 } 12463 12464 12465 12466 .nav_div_22 .nav_list li a:hover { 12467 color: #3172ab; 12468 } 12469 .horizontal_menu .nav_div_22 .nav_list_trd { 12470 display: none; 12471 position: absolute; 12472 left: 100%; 12473 top: -15px; 12474 padding: 15px 0px; 12475 box-shadow: 0px 0px 5px #00000078; background: #fff; 12476 } 12477 .horizontal_menu .nav_div_22 .nav_list>li .nav_list_trd.open, 12478 .horizontal_menu .nav_div_22 .nav_list>li:hover .nav_list_trd { 12479 display: block; 12480 z-index: 99; 12481 } 12482 12483 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_22, 12484 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_22 .nav_list_trd{ 12485 width: 250px; 12486 } 12487 12488 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_22 .nav_list_trd{ 12489 width: 250px; 12490 } 12491 </style> 12492 </div> 12493 <div class="hum-line"></div> 12494 <div class="script_after_menu"> 12495 <div class="custom_script_after_menu"> 12496 <div id="TAGClockMobile" style="margin-top: 20px;"></div>
12497<script src="https://epartner.tagheuer.com/injectors/clock-injector.js"></script>
vendor: 2 bytes, line 12497
12497
12498<script> 12499TAGHeuer.Clock('#TAGClockMobile', { stampType: 'clock', href: 'https://www.garymichaelsfinejewelry.com/tag-heuer', 12500lang: 'en' }); 12501</script>
12501 </div> 12502 </div> 12503 </div> 12504 </nav> 12505 <div class="hamburger-menu-template-overlay" id="mobile_hamburger_menu_template_overlay"></div> 12506 12507
12507<script> 12508 $(function () { 12509 12510 const $menuRoot = $('#mobile_hamburger_menu_template'); 12511 const $menuWrap = $('.header_container_3'); 12512 const $button = $('#mobile_hamburger_button'); 12513 const $overlay = $('#mobile_hamburger_menu_template_overlay'); 12514 const $closeBtn = $('#mobile_hamburger_close_button'); 12515 12516 const trap = focusTrap.createFocusTrap($menuRoot[0], { 12517 onActivate: () => $menuRoot.addClass('is-active'), 12518 onDeactivate: () => $menuRoot.removeClass('is-active'), 12519 clickOutsideDeactivates: true 12520 }); 12521 12522 $button.on('click keypress', function (event) { 12523 if (event.which === 13 || event.which === 32 || event.type === 'click') { 12524 if (event.which === 32) event.preventDefault(); 12525 12526 const isOpen = $menuRoot.hasClass('open'); 12527 12528 $menuRoot.toggleClass('open'); 12529 $overlay.toggleClass('open'); 12530 $menuRoot.removeAttr('inert'); 12531 $button.attr('aria-expanded', String(!isOpen)); 12532 12533 if (!isOpen) { 12534 trap.activate(); 12535 $closeBtn.focus(); 12536 } else { 12537 closeHamburgerMenu(); 12538 } 12539 } 12540 }); 12541 12542 $closeBtn.add($overlay).on('click keypress', function (event) { 12543 if (event.which === 13 || event.which === 32 || event.type === 'click') { 12544 if (event.which === 32) event.preventDefault(); 12545 closeHamburgerMenu(); 12546 } 12547 }); 12548 12549 function closeHamburgerMenu() { 12550 $menuRoot.removeClass('open').attr('inert', 'inert'); 12551 $overlay.removeClass('open'); 12552 $button.attr('aria-expanded', 'false'); 12553 12554 $menuRoot.find('.sub-menu-panel').each(function () { 12555 const $submenu = $(this); 12556 $submenu.removeClass('open').attr('aria-hidden', 'true'); 12557 updateSubmenuTabindex($submenu, true); 12558 }); 12559 12560 $menuRoot.find('.hamburger-menu-nav-section[aria-expanded="true"]') 12561 .attr('aria-expanded', 'false'); 12562 12563 trap.deactivate(); 12564 } 12565 12566 function updateSubmenuTabindex($submenu, isHidden) { 12567 const $items = $submenu.find('a'); 12568 12569 if (isHidden) { 12570 $items.each(function () { 12571 $(this).attr('tabindex', '-1'); 12572 }); 12573 } else { 12574 $items.each(function () { 12575 $(this).attr('tabindex', '0'); 12576 }); 12577 } 12578 } 12579 12580 $menuRoot.on('keypress', '.nav_a_trd', function (e) { 12581 12582 e.preventDefault(); 12583 e.stopPropagation(); 12584 12585 const $trigger = $(this); 12586 const $submenu = $trigger.next('.nav_list_trd'); 12587 12588 if (!$submenu.length) return; 12589 12590 const isOpen = $submenu.hasClass('open'); 12591 12592 $menuRoot.find('.nav_list_trd.open').not($submenu).each(function () { 12593 $(this) 12594 .removeClass('open') 12595 .attr('aria-hidden', 'true'); 12596 updateSubmenuTabindex($(this), true); 12597 }); 12598 12599 if (isOpen) { 12600 $submenu 12601 .removeClass('open') 12602 .attr('aria-hidden', 'true'); 12603 updateSubmenuTabindex($submenu, true); 12604 } else { 12605 $submenu 12606 .addClass('open') 12607 .attr('aria-hidden', 'false'); 12608 updateSubmenuTabindex($submenu, false); 12609 } 12610 }); 12611
12612 $menuWrap.on('click keypress', '.hamburger-menu-nav-section[aria-controls]', function (e) { 12613 12614 e.preventDefault(); 12615 e.stopPropagation(); 12616 12617 const $btn = $(this); 12618 const submenuId = $btn.attr('aria-controls'); 12619 const $submenu = $menuRoot.find('.sub-menu-panel#' + submenuId); 12620 12621 if (!$submenu.length) return; 12622 12623 const isExpanded = $btn.attr('aria-expanded') === 'true'; 12624 12625 $menuRoot.find('.sub-menu-panel').not($submenu).each(function () { 12626 $(this).removeClass('open').attr('aria-hidden', 'true'); 12627 updateSubmenuTabindex($(this), true); 12628 }); 12629 12630 $menuRoot.find('[aria-controls]') 12631 .not($btn) 12632 .attr('aria-expanded', 'false'); 12633 12634 if (isExpanded) { 12635 console.log($submenu) 12636 $btn.attr('aria-expanded', 'false'); 12637 $submenu.removeClass('open').attr('aria-hidden', 'true'); 12638 updateSubmenuTabindex($submenu, true); 12639 } else { 12640 $btn.attr('aria-expanded', 'true'); 12641 $submenu.addClass('open').attr('aria-hidden', 'false'); 12642 updateSubmenuTabindex($submenu, false); 12643 } 12644 }); 12645 12646 $menuRoot.on('keydown', function (e) { 12647 if (e.key !== 'Escape') return; 12648 12649 const $open = $menuRoot.find('.nav_list_trd.open').last(); 12650 if (!$open.length) return; 12651 12652 $open 12653 .removeClass('open') 12654 .attr('aria-hidden', 'true'); 12655 12656 updateSubmenuTabindex($open, true); 12657 12658 $open.prev('.nav_a_trd').focus(); 12659 12660 e.preventDefault(); 12661 e.stopPropagation(); 12662 }); 12663 12664 $menuRoot.find('.sub-menu-panel').each(function () { 12665 const $submenu = $(this); 12666 const isOpen = $submenu.hasClass('open') && $submenu.attr('aria-hidden') !== 'true'; 12667 updateSubmenuTabindex($submenu, !isOpen); 12668 }); 12669 12670 }); 12671 12672 </script>
12672 12673</div> 12674 12675<style> 12676 #mobile_hamburger_menu_template>ul>li>a, 12677 #mobile_hamburger_menu_template>ul>li>button { 12678 color:#000000; display: flex; 12679 font-weight:400; font-style:normal; font-size:11px; font-family:Sackers Gothic Std; text-transform:uppercase; line-height:40px; } 12680 12681 #mobile_hamburger_menu_template>ul>li>a:hover, 12682 #mobile_hamburger_menu_template>ul>li>button:hover { 12683 color:#000000; } 12684</style> 12685 </div> 12686 12687 <div class="flex_col"> 12688 12689 12690 </div> 12691 12692 <div class="flex_col"> 12693 12694 12695 </div> 12696 12697 </div> 12698 12699 12700 12701 <div class="flex_row"> 12702 12703 12704 <div class="flex_col"> 12705 12706 12707 </div> 12708 12709 </div> 12710 12711 12712 </div> 12713 12714 12715 12716</header> 12717 12718<main id="main" class="main_page_container ml-3 mr-3 page_type_35 page_guid_3000180"> 12719 12720 12721 <h1 class="title filter-title text-center mb-4 general_style">Blog</h1> 12722 12723 <div class="pcontainer d-flex flex-wrap"> 12724 12725 <aside class="filters-container"> 12726 <div class="close-div d-flex align-items-center justify-content-between mb-4 d-sm-inline-block d-md-none"> 12727 <svg class="close_svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg> 12728 </div> 12729 <hr class="d-sm-inline-block d-md-none"> 12730 12731 <div class="filters-title mb-3 h2_general_style">MEDIA BY DATE</div> 12732 12733 <div class="archived-media"> 12734 12735 12736<a href="https://www.garymichaelsfinejewelry.com/blog" title="View All" class="d-inline-block mb-3 general_style"> 12737 View All 12738</a> 12739 <div class="parent_yblock"> 12740 <div class="year_title_div current_year"> 12741 <a href="https://www.garymichaelsfinejewelry.com/blog?year=2026" class="general_style" title="Media by date 2026"> 12742 2026 </a> 12743 <svg class="year_svg rotated current_svg" type="button" tabindex="0" aria-label="Media by date 2026" onkeypress="buttonPressed($(this), event)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"> 12744 <path d="M64 448c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L178.8 256L41.38 118.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l160 160c12.5 12.5 12.5 32.75 0 45.25l-160 160C80.38 444.9 72.19 448 64 448z"></path> 12745 </svg> 12746 </div> 12747 <ul class="month_list current_year_ul"> 12748 <li > 12749 <a href="https://www.garymichaelsfinejewelry.com/blog?year=2026&month=September" class="general_style" title="Media by date September"> 12750 <span>September (1)</span> 12751 </a> 12752 </li> 12753 <li > 12754 <a href="https://www.garymichaelsfinejewelry.com/blog?year=2026&month=August" class="general_style" title="Media by date August"> 12755 <span>August (1)</span> 12756 </a> 12757 </li> 12758 <li > 12759 <a href="https://www.garymichaelsfinejewelry.com/blog?year=2026&month=July" class="general_style" title="Media by date July"> 12760 <span>July (1)</span> 12761 </a> 12762 </li> 12763 <li > 12764 <a href="https://www.garymichaelsfinejewelry.com/blog?year=2026&month=June" class="general_style" title="Media by date June">
12765 <span>June (1)</span> 12766 </a> 12767 </li> 12768 <li > 12769 <a href="https://www.garymichaelsfinejewelry.com/blog?year=2026&month=May" class="general_style" title="Media by date May"> 12770 <span>May (1)</span> 12771 </a> 12772 </li> 12773 <li > 12774 <a href="https://www.garymichaelsfinejewelry.com/blog?year=2026&month=April" class="general_style" title="Media by date April"> 12775 <span>April (1)</span> 12776 </a> 12777 </li> 12778 <li > 12779 <a href="https://www.garymichaelsfinejewelry.com/blog?year=2026&month=March" class="general_style" title="Media by date March"> 12780 <span>March (1)</span> 12781 </a> 12782 </li> 12783 <li > 12784 <a href="https://www.garymichaelsfinejewelry.com/blog?year=2026&month=February" class="general_style" title="Media by date February"> 12785 <span>February (1)</span> 12786 </a> 12787 </li> 12788 <li > 12789 <a href="https://www.garymichaelsfinejewelry.com/blog?year=2026&month=January" class="general_style" title="Media by date January"> 12790 <span>January (1)</span> 12791 </a> 12792 </li> 12793 </ul> 12794 </div> 12795 <div class="parent_yblock"> 12796 <div class="year_title_div not_current_year"> 12797 <a href="https://www.garymichaelsfinejewelry.com/blog?year=2025" class="general_style" title="Media by date 2026"> 12798 2025 </a> 12799 <svg class="year_svg " type="button" tabindex="0" aria-label="Media by date 2026" onkeypress="buttonPressed($(this), event)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"> 12800 <path d="M64 448c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L178.8 256L41.38 118.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l160 160c12.5 12.5 12.5 32.75 0 45.25l-160 160C80.38 444.9 72.19 448 64 448z"></path> 12801 </svg> 12802 </div> 12803 <ul class="month_list not_current_year_ul"> 12804 <li > 12805 <a href="https://www.garymichaelsfinejewelry.com/blog?year=2025&month=December" class="general_style" title="Media by date December"> 12806 <span>December (1)</span> 12807 </a> 12808 </li> 12809 <li > 12810 <a href="https://www.garymichaelsfinejewelry.com/blog?year=2025&month=November" class="general_style" title="Media by date November"> 12811 <span>November (1)</span> 12812 </a> 12813 </li> 12814 <li > 12815 <a href="https://www.garymichaelsfinejewelry.com/blog?year=2025&month=October" class="general_style" title="Media by date October"> 12816 <span>
12816October (1)</span> 12817 </a> 12818 </li> 12819 <li > 12820 <a href="https://www.garymichaelsfinejewelry.com/blog?year=2025&month=September" class="general_style" title="Media by date September"> 12821 <span>September (1)</span> 12822 </a> 12823 </li> 12824 <li > 12825 <a href="https://www.garymichaelsfinejewelry.com/blog?year=2025&month=August" class="general_style" title="Media by date August"> 12826 <span>August (1)</span> 12827 </a> 12828 </li> 12829 </ul> 12830 </div> 12831 12832 12833 12834 </div> 12835 </aside> 12836 12837 <div class="filters-content"> 12838 12839 <div class="products-sorting"> 12840 <button class="btn btn-outline-primary d-md-none filter-toggle-btn secondary_button_general_style" type="button"> 12841 <svg class="filter_svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 416C0 398.3 14.33 384 32 384H86.66C99 355.7 127.2 336 160 336C192.8 336 220.1 355.7 233.3 384H480C497.7 384 512 398.3 512 416C512 433.7 497.7 448 480 448H233.3C220.1 476.3 192.8 496 160 496C127.2 496 99 476.3 86.66 448H32C14.33 448 0 433.7 0 416V416zM192 416C192 398.3 177.7 384 160 384C142.3 384 128 398.3 128 416C128 433.7 142.3 448 160 448C177.7 448 192 433.7 192 416zM352 176C384.8 176 412.1 195.7 425.3 224H480C497.7 224 512 238.3 512 256C512 273.7 497.7 288 480 288H425.3C412.1 316.3 384.8 336 352 336C319.2 336 291 316.3 278.7 288H32C14.33 288 0 273.7 0 256C0 238.3 14.33 224 32 224H278.7C291 195.7 319.2 176 352 176zM384 256C384 238.3 369.7 224 352 224C334.3 224 320 238.3 320 256C320 273.7 334.3 288 352 288C369.7 288 384 273.7 384 256zM480 64C497.7 64 512 78.33 512 96C512 113.7 497.7 128 480 128H265.3C252.1 156.3 224.8 176 192 176C159.2 176 131 156.3 118.7 128H32C14.33 128 0 113.7 0 96C0 78.33 14.33 64 32 64H118.7C131 35.75 159.2 16 192 16C224.8 16 252.1 35.75 265.3 64H480zM160 96C160 113.7 174.3 128 192 128C209.7 128 224 113.7 224 96C224 78.33 209.7 64 192 64C174.3 64 160 78.33 160 96z"/></svg> 12842 Filters 12843 </button> 12844 </div> 12845 12846 <div class="blogs-container"> 12847 <div class="products-list d-flex mb-4"> 12848 12849 <a href="https://www.garymichaelsfinejewelry.com/blog/how-to-care-for-your-precious-jewelry-a-jewelers-guide" class="item"> 12850 <div class="item-img"> 12851 <img src="/public/1.0/uploads/source/blogs/how-to-care-for-your-precious-jewelry-a-jewelers-guide/image2.jpg" loading="lazy" alt="A couple holding hands, showcasing the bride's emerald cut engagement ring." title=""/> 12852 </div> 12853 <div class="item-info"> 12854 <h5 class="item-title general_style">How to Care for Your Precious Jewelry: A Jewelerâs Guide</h5> 12855 <span class="date_display p5_general_style">September 15th, 2026</span> 12856 <p class="caption_text p4_general_style">Learn how to care for precious jewelry with expert tips from Gary Michaels Fine Jewelry in Manalapan, NY, covering cleaning, storage, maintenance, repairs, and damage prevention.</p> 12857 </div> 12858 </a> 12859 12860 12861 <a href="https://www.garymichaelsfinejewelry.com/blog/breitling-superocean-heritage-modern-retro-style" class="item"> 12862 <div class="item-img"> 12863 <img src="/public/1.0/uploads/source/blogs/breitling-superocean-heritage-modern-retro-style/image3.jpg" loading="lazy" alt="A close up of a manâs wrist adorned with leather watch and cufflinks on his striped sleeve." title=""/> 12864 </div> 12865 <div class="item-info"> 12866 <h5 class="item-title general_style">Breitling: Superocean Heritage: Modern Retro Style</h5>
12867 <span class="date_display p5_general_style">August 15th, 2026</span> 12868 <p class="caption_text p4_general_style">Explore the heritage behind the Breitling Superocean watches at Gary Michaels Fine Jewelry in 12869Manalapan, New Jersey.</p> 12870 </div> 12871 </a> 12872 12873 12874 <a href="https://www.garymichaelsfinejewelry.com/blog/breitling-the-rugged-elegance-of-the-avenger-collection" class="item"> 12875 <div class="item-img"> 12876 <img src="/public/1.0/uploads/source/blogs/breitling-the-rugged-elegance-of-the-avenger-collection/image3.jpg" loading="lazy" alt="A man in a nice suit adjusting his tie, showcasing the luxury watch on his wrist." title=""/> 12877 </div> 12878 <div class="item-info"> 12879 <h5 class="item-title general_style">The Enduring Appeal of the Breitling Avenger</h5> 12880 <span class="date_display p5_general_style">July 15th, 2026</span> 12881 <p class="caption_text p4_general_style">Explore the history, durability, and enduring appeal of the Breitling Avenger at Gary Michaels Fine Jewelry in Manalapan.</p> 12882 </div> 12883 </a> 12884 12885 12886 <a href="https://www.garymichaelsfinejewelry.com/blog/breitlings-navitimer-the-ultimate-pilots-watch" class="item"> 12887 <div class="item-img"> 12888 <img src="/public/1.0/uploads/source/blogs/breitlings-navitimer-the-ultimate-pilots-watch/image7.jpg" loading="lazy" alt="Close-up of a Breitling Navitimer watch face featuring three subdials, silver hands, and a tachymeter scale, set against a metallic beige background." title=""/> 12889 </div> 12890 <div class="item-info"> 12891 <h5 class="item-title general_style">Breitling's Navitimer: The Ultimate Pilot's Watch | Gary Michaels Fine Jewelry | Jewelry Store of Manalapan</h5> 12892 <span class="date_display p5_general_style">June 15th, 2026</span> 12893 <p class="caption_text p4_general_style">Explore why the Breitling Navitimer remains the ultimate pilotâs watch through its aviation heritage, iconic design, and precision engineering at Gary Michaels Fine Jewelry.</p> 12894 </div> 12895 </a> 12896 12897 12898 <a href="https://www.garymichaelsfinejewelry.com/blog/understanding-gold-karats" class="item"> 12899 <div class="item-img"> 12900 <img src="/public/1.0/uploads/source/blogs/understanding-gold-karats/image3.jpg" loading="lazy" alt="A woman wearing a golden choker and earrings adorned with pearls and a green gem centerpiece." title=""/> 12901 </div> 12902 <div class="item-info"> 12903 <h5 class="item-title general_style">Understanding Gold Karats: 10K to 24K Guide | Gary Michaels Fine Jewelry | Jewelry Store of Manalapan</h5> 12904 <span class="date_display p5_general_style">May 15th, 2026</span> 12905 <p class="caption_text p4_general_style">Explore gold karats from 10K to 24K at Gary Michaels Fine Jewelry in Manalapan and discover how purity, color, and durability shape the perfect jewelry choice.</p> 12906 </div> 12907 </a> 12908 12909 12910 <a href="https://www.garymichaelsfinejewelry.com/blog/how-our-manalapan-jewelry-store-gives-back" class="item"> 12911 <div class="item-img"> 12912 <img src="/public/1.0/uploads/source/blogs/how-our-manalapan-jewelry-store-gives-back/image4.jpg" loading="lazy" alt="A woman wearing a blue floral dress and an orange ribbon in her
12912curly hair viewing a lake from boat railing." title=""/> 12913 </div> 12914 <div class="item-info"> 12915 <h5 class="item-title general_style">How Our Manalapan Jewelry Store Gives Back to Our Community | Gary Michaels Fine Jewelry | Jewelry Store of Manalapan</h5> 12916 <span class="date_display p5_general_style">April 15th, 2026</span> 12917 <p class="caption_text p4_general_style">Experience the excellence that defines Gary Michaels Fine Jewelry, and discover how our Manalapan jewelry store gives back to our community.</p> 12918 </div> 12919 </a> 12920 12921 12922 <a href="https://www.garymichaelsfinejewelry.com/blog/debunking-common-jewelry-myths" class="item"> 12923 <div class="item-img"> 12924 <img src="/public/1.0/uploads/source/blogs/debunking-common-jewelry-myths/image4.jpg" loading="lazy" alt="A close up of a diamond jewelry set, featuring a necklace, drop earrings and a ring, on a dark surface." title=""/> 12925 </div> 12926 <div class="item-info"> 12927 <h5 class="item-title general_style">Debunking Common Jewelry Myths | Gary Michaels Fine Jewelry | Jewelry Store of Manalapan</h5> 12928 <span class="date_display p5_general_style">March 15th, 2026</span> 12929 <p class="caption_text p4_general_style">Discover the truth behind common jewelry myths with expert insight from Gary Michaels Fine Jewelry in Manalapan. Learn how to shop smarter and care for your fine jewelry with confidence.</p> 12930 </div> 12931 </a> 12932 12933 12934 <a href="https://www.garymichaelsfinejewelry.com/blog/valentines-day-gift-promotion" class="item"> 12935 <div class="item-img"> 12936 <img src="/public/1.0/uploads/source/blogs/valentines-day-gift-promotion/image2.jpg" loading="lazy" alt="A man hides a bouquet of roses behind his back as he approaches a smiling woman seated at a table in a warmly decorated, festive room." title=""/> 12937 </div> 12938 <div class="item-info"> 12939 <h5 class="item-title general_style">Valentine's Day Gifts at Gary Michaels | Gary Michaels Fine Jewelry | Jewelry Store of Manalapan</h5> 12940 <span class="date_display p5_general_style">February 15th, 2026</span> 12941 <p class="caption_text p4_general_style">Shop for Valentineâs Day jewelry gifts at Gary Michaels Fine Jewelry in Manalapan and save $200 when you spend $600 on their selection of rings, necklaces, earrings, and bracelets.</p> 12942 </div> 12943 </a> 12944 12945 12946 <a href="https://www.garymichaelsfinejewelry.com/blog/symbolism-of-popular-gemstones" class="item"> 12947 <div class="item-img"> 12948 <img src="/public/1.0/uploads/source/blogs/symbolism-of-popular-gemstones/image1.jpg" loading="lazy" alt="A white gold diamond and sapphire drop earrings on top of the green leaf" title=""/> 12949 </div> 12950 <div class="item-info"> 12951 <h5 class="item-title general_style">The Symbolism Behind Popular Gemstones | Gary Michaels Fine Jewelry | Jewelry Store of Manalapan</h5> 12952 <span class="date_display p5_general_style">January 15th, 2026</span> 12953 <p class="caption_text p4_general_style">Discover the meanings behind diamonds, rubies, emeralds, sapphires, and amethysts at Gary Michaels Fine Jewelry in Manalapan, New Jersey.</p> 12954 </div> 12955 </a> 12956 12957 12958 <a href="https://www.garymichaelsfinejewelry.com/blog/get-your-jewelry-holiday-ready" class="item"> 12959 <div class="item-img"> 12960 <img src="/public/1.0/uploads/source/blogs/get-your-jewelry-holiday-ready/image4.jpg" loading="lazy" alt="A close-up of a comfortably dressed woman in a red sweater, wearing a pair of gold hoop earrings and a distinct pendant necklace." title=""/> 12961 </div> 12962 <div class="item-info"> 12963 <h5 class="item-title general_style">How to Get Your Jewelry Holiday-Ready For Every Celebration | Gary Michaels Fine Jewelry | Jewelry Store of Manalapan</h5>
12964 <span class="date_display p5_general_style">December 15th, 2025</span> 12965 <p class="caption_text p4_general_style">Ensure that you shine at every celebration this winter with this guide on how to get your jewelry holiday-ready from the experts at Gary Michaels Fine Jewelry.</p> 12966 </div> 12967 </a> 12968 12969 12970 <a href="https://www.garymichaelsfinejewelry.com/blog/manalapan-holiday-jewelry-gift-guide" class="item"> 12971 <div class="item-img"> 12972 <img src="/public/1.0/uploads/source/blogs/manalapan-holiday-jewelry-gift-guide/image1.jpg" loading="lazy" alt="A woman in a sequined dress opens a gift box containing a sparkling diamond pendant necklace at a festive dinner table." title=""/> 12973 </div> 12974 <div class="item-info"> 12975 <h5 class="item-title general_style">Discover Dazzling Holiday Jewelry Gifts in Manalapan | Gary Michaels Fine Jewelry | Jewelry Store of Manalapan</h5> 12976 <span class="date_display p5_general_style">November 15th, 2025</span> 12977 <p class="caption_text p4_general_style">Discover elegant holiday jewelry gifts at Gary Michaels Fine Jewelry in Manalapan, New Jersey.</p> 12978 </div> 12979 </a> 12980 12981 12982 <a href="https://www.garymichaelsfinejewelry.com/blog/romantic-proposal-spots-near-manalapan" class="item"> 12983 <div class="item-img"> 12984 <img src="/public/1.0/uploads/source/blogs/romantic-proposal-spots-near-manalapan/image4.jpg" loading="lazy" alt="A dramatic backlit view of a young couple during a wedding proposal." title=""/> 12985 </div> 12986 <div class="item-info"> 12987 <h5 class="item-title general_style">Romantic Proposal Spots Near Manalapan | Gary Michaels Fine Jewelry | Jewelry Store of Manalapan</h5> 12988 <span class="date_display p5_general_style">October 15th, 2025</span> 12989 <p class="caption_text p4_general_style">Create the perfect moment sheâll cherish forever with this guide to romantic proposal spots near Manalapan, from Gary Michaels Fine Jewelry.</p> 12990 </div> 12991 </a> 12992 12993 </div> 12994 <div class="pagination-container-outer"> 12995 <div class="pagination-container-inner d-flex justify-content-center"> 12996 <div class="pagination text-center general_style"> 12997 <nav aria-label="Pagination" class="pagination_nav"></nav> 12998 </div> 12999 </div> 13000 </div> 13001 </div> 13002 </div> 13003 </div> 13004</main> 13005
13006<script> 13007 window.local_view_folder = '/skeleton/1.0/view'; 13008 const blog_page_uri = 'https://www.garymichaelsfinejewelry.com/blog'; 13009 const totalNumberOfBlogs = '14'; 13010 const perPage = '12'; 13011 const currentPage = '1'; 13012 const $pagination = $('.pagination_nav'); 13013 loadPagination(totalNumberOfBlogs, parseInt(currentPage), perPage) 13014 13015 $pagination.on('click', 'li[data-page]', function () { 13016 loadBlogs($(this).data('page')) 13017 }) 13018 13019 function loadBlogs(page){ 13020 var _retry = function () { loadBlogs(page); }; 13021 const data = [] 13022 data.push({name: 'year', value: ''}) 13023 data.push({name: 'month', value: ''}) 13024 data.push({name: 'page', value: page}) 13025 data.push({name: 'limit', value: perPage}) 13026 data.push({name: 'type', value: '3000180'}) 13027 13028 $.ajax({ 13029 url: 'skeleton/1.0/view/ws/ajax_blogs.php', 13030 type: 'POST', 13031 headers: {'X-CSRF-TOKEN': window.csrf_token}, 13032 data: data, 13033 dataType: 'json', 13034 success: function (response) { 13035 const $container = $('.products-list'); 13036 $container.empty() 13037 13038 response.forEach((blog) => { 13039 $container.append(` 13040 <a href="${blog_page_uri}/${blog.uri_alias}" class="item"> 13041 <div class="item-img"> 13042 <img src="${blog.caption_image}" loading="lazy" alt="${blog.caption_image_alt_text}" title="${blog.caption_image_title}"/> 13043 </div> 13044 <div class="item-info"> 13045 <h5 class="item-title general_style">${blog.title}</h5> 13046 <span class="date_display p5_general_style">${blog.date}</span> 13047 <p class="caption_text p4_general_style">${blog.caption}</p> 13048 </div> 13049 </a> 13050 `) 13051 }) 13052 loadPagination(totalNumberOfBlogs, page, perPage) 13053 $("html, body").animate({ scrollTop: 0 }, "slow"); 13054 }, 13055 error: function (xhr, status, error) { 13056 // RS 2026-07-06 https://www.wrike.com/open.htm?id=4445249726 13057 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr, _retry)) return; 13058 // console.error(xhr); 13059 // If backend returned HTML page 13060 if (xhr.responseText) { 13061 document.open(); 13062 document.write(xhr.responseText); 13063 document.close(); 13064 return; 13065 } 13066 } 13067 }); 13068 } 13069 13070 function loadPagination(recordsTotal, pagination_page, limit) { 13071 var _retry = function () { loadPagination(recordsTotal, pagination_page, limit); }; 13072 $.ajax({ 13073 url: local_view_folder + '/ws/ajax_pagination.php', 13074 type: "POST", 13075 headers: {'X-CSRF-TOKEN': window.csrf_token}, 13076 data: { 13077 recordsTotal: recordsTotal, 13078 pagination_page: pagination_page, 13079 limit: limit 13080 }, 13081 dataType: "html", 13082 success: function(result){ 13083 $pagination.html(result); 13084 }, 13085 error: function (xhr, status, error) { 13086 // RS 2026-07-06 https://www.wrike.com/open.htm?id=4445249726 13087 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr, _retry)) return; 13088 // console.error(xhr); 13089 // If backend returned HTML page 13090 if (xhr.responseText) { 13091 document.open(); 13092 document.write(xhr.responseText); 13093 document.close(); 13094 return; 13095 } 13096 } 13097 }); 13098 } 13099</script>
13099<link rel="stylesheet" type="text/css" href="/skeleton/1.0/view/css/35/35_1.css?ver=1.1" /> 13100 13101<footer class="appearance-desktop-view-template"> 13102 13103 13104 13105 <div class="footer_container footer_container_1"> 13106 13107 13108 13109 13110 <div class="flex_row flex_row_1"> 13111 13112 13113 <div class="flex_col flex_col_1"> 13114 13115 13116 </div> 13117 13118 <style> 13119 .footer_container_1 .flex_row_1 .flex_col_1 { 13120 width:10%; } 13121 </style> 13122 13123 13124 13125 <div class="flex_col flex_col_2"> 13126 13127 13128<div class="flex_cell flex_cell_1 newsletter"> 13129 <div class="flex_cell_content"> 13130 <div class="newsletter_div"> 13131 13132 <span class="newsletter_text" style="margin-right:5px;"> 13133 GET EXCLUSIVE OFFERS AND NEWS. </span> 13134 13135 <a class="newsletter_btn" 13136 href="/newsletter-signup"> 13137 13138 Newsletter Signup 13139 <svg aria-hidden="true" 13140 focusable="false" 13141 version="1.1" 13142 width="38px" 13143 height="20px"
13144 viewBox="0 0 38 20" 13145 xmlns="http://www.w3.org/2000/svg"> 13146 13147 <g> 13148 <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"/> 13149 <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"/> 13150 <polygon points="37.365,12.915 35.811,3.366 30.242,9.03"/> 13151 <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"/> 13152 <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"/> 13153 <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"/> 13154 </g> 13155 13156 </svg> 13157 13158 </a> 13159 </div> 13160 </div> 13161 </div> 13162 13163<style> 13164 .footer_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.newsletter { 13165 width:100%; justify-content:left; -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 13166 13167 .footer_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.newsletter { 13168 height:100%; } 13169 13170 .footer_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.newsletter>.flex_cell_content { 13171 display: flex; 13172 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 13173 13174 .footer_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 .newsletter_div { 13175 display:inline-flex; 13176 align-items: center; 13177 } 13178 13179 .footer_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 a { 13180 color:#ffffff; font-weight:400; font-style:normal; background-color:#000000; font-size:14px; font-family:Lato; display: inline-flex; 13181 white-space: nowrap; 13182 align-items: center; 13183 padding: 6px 20px; 13184 border-style: solid; 13185 justify-content:left; text-transform:none; border-radius:0px; border-width:1px; border-color:#ffffff; } 13186 13187 .footer_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 .newsletter_text { 13188 color:#ffffff; font-size:14px; font-weight:400; font-style:normal; font-family:Lato; } 13189 13190 .footer_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.newsletter a svg { 13191 height:16px; margin-left:6px; 13192 fill: currentColor; 13193 } 13194 13195 .footer_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 a:hover { 13196 color:#ffffff; background-color:#000000; border-color:#ffffff; } 13197</style> 13198 </div> 13199 13200 <style> 13201 .footer_container_1 .flex_row_1 .flex_col_2 { 13202 width:50%; } 13203 </style> 13204 13205 13206 13207 <div class="flex_col flex_col_3"> 13208 13209 13210<div class="flex_cell flex_cell_1 social_icons"> 13211 <div class="flex_cell_content"> 13212 <a title="Facebook" class="" target="_blank" href="https://www.facebook.com/GaryMichaelsFineJewelry/" style="order: 1"> 13213 <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> 13214 13215 13216 <a title="Instagram" class="" target="_blank" href="https://www.instagram.com/GaryMichaelsFineJewelry/" style="order: 3"> 13217 <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> 13218 13219 13220 <a title="Pinterest" class="" target="_blank" href="https://www.pinterest.com/gmfinejewelry/" style="order: 5"> 13221 <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> 13222 13223 13224 13225 13226 13227 13228 </div> 13229</div> 13230 13231<style> 13232 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons { 13233 width:100%; justify-content: center; 13234 align-items:center; -webkit-align-items:center; } 13235 13236 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons { 13237 height:100%; } 13238 13239 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons>.flex_cell_content { 13240 display: flex; 13241 margin-top:50px; margin-bottom:50px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 13242 13243 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a { 13244 display: flex; 13245 align-items: center; 13246 color:#ffffff; font-weight:400; font-style:normal; margin-left: 6px; 13247 margin-right: 6px; 13248 font-size:17px;font-family:Lato; text-transform:none; } 13249 13250 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a svg{ 13251 margin-right: 5px; 13252 width:16px; height:16px; } 13253 13254 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a .path_class { 13255 fill: currentColor; 13256 } 13257 13258 13259 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a:hover { 13260 color:#ffffff; } 13261</style> 13262 13263 </div> 13264 13265 <style> 13266 .footer_container_1 .flex_row_1 .flex_col_3 { 13267 width:30%; } 13268 </style> 13269 13270 13271 13272 <div class="flex_col flex_col_4"> 13273 13274 13275 </div> 13276 13277 <style> 13278 .footer_container_1 .flex_row_1 .flex_col_4 { 13279 width:10%; } 13280 </style> 13281 13282 13283 13284 </div> 13285 13286 13287 <style> 13288 .footer_container_1 .flex_row_1 { 13289 background-color: #000000; 13290 color:#000000; height:auto; 13291 } 13292 </style> 13293 13294 13295 13296 13297 13298 13299 <div class="flex_row flex_row_2"> 13300 13301 13302 <div class="flex_col flex_col_1"> 13303 13304 13305 </div> 13306 13307 <style> 13308 .footer_container_1 .flex_row_2 .flex_col_1 { 13309 width:10%; } 13310 </style> 13311 13312 13313 13314 <div class="flex_col flex_col_2"> 13315 13316 <div class="flex_cell flex_cell_1 custom_code"> 13317 <div class="flex_cell_content"> 13318 <table border="1" style="border-collapse: collapse; width: 100%; height: 217.438px; border-style: hidden;"> 13319<tbody> 13320<tr style="height: 33px;"> 13321<td style="vertical-align: top; width: 21.4586%; line-height: 1.5; border-style: hidden; height: 33px;"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><strong> </strong></span></td> 13322<td style="vertical-align: top; width: 24.8247%; line-height: 1.5; border-style: hidden; height: 33px;"><span style="font-family: 'Sackers Gothic Std'; color: #000000; font-size: 10pt;"><strong> </strong></span></td> 13323<td style="width: 24.9649%; line-height: 1.5; vertical-align: top; border-style: hidden; height: 33px;"><span style="font-family: 'Sackers Gothic Std'; color: #000000; font-size: 10pt;"><strong> </strong></span></td> 13324<td style="width: 28.6115%; vertical-align: top; line-height: 1.5; border-style: hidden; height: 33px;"><span style="font-family: 'Sackers Gothic Std'; color: #000000; font-size: 10pt;"><strong> </strong></span></td> 13325</tr> 13326<tr style="height: 184.438px; border-style: hidden;"> 13327<td style="vertical-align: top; width: 21.4586%; line-height: 1.5; border-style: hidden; height: 184.438px;"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><strong> <img src="/public/1.0/uploads/source/icons/favicon/gm_favicon.png" alt="Gary Michaels Fine Jewelry Favicon" width="125" height="125" /></strong></span></td> 13328<td style="height: 184.438px; vertical-align: top; width: 24.8247%; line-height: 1.5; border-style: hidden;"><span style="font-family: 'Sackers Gothic Std'; color: #000000; font-size: 10pt;"><strong>VISIT US </strong></span><br /><span style="font-family: Lato; color: #000000; font-size: 10pt;">Gary Michaels Fine Jewelry<br />55 US Highway 9</span><br /><span style="font-family: Lato; color: #000000; font-size: 10pt;">Manalapan, NJ 07726<br /><span style="text-decoration: underline;"><a href="https://maps.app.goo.gl/JNHZhHqx1vt6ZK9eA" style="color: #000000; text-decoration: underline;" class="get_directions_click">Get Directions</a></span><br /></span></td> 13329<td style="height: 184.438px; width: 24.9649%; line-height: 1.5; vertical-align: top; border-style: hidden;"> 13330<p><span style="font-family: 'Sackers Gothic Std'; color: #000000; font-size: 10pt;"><strong>STORE HOURS</strong></span><br /><span style="font-family: Lato; color: #000000; font-size: 10pt;">Monday: Closed<br /></span><span style="font-family: Lato; color: #000000; font-size: 10pt;">Tuesday: 10AM-5:30PM<br />Wednesday: 10AM-530PM<br />Thursday: 10AM-5:30PM<br />Friday: 10AM-530PM<br />Saturday: 10AM-530PM<br />Sunday: Closed</span></p> 13331</td> 13332<td style="height: 184.438px; width: 28.6115%; vertical-align: top; line-height: 1.5; border-style: hidden;"><span style="font-family: 'Sackers Gothic Std'; color: #000000; font-size: 10pt;"><strong>CONTACTS</strong></span><br /><span style="font-family: Lato; color: #000000; font-size: 10pt;">Call: <a href="tel:(732) 577-1030" style="color: #000000;" class="phone_number_click">(732) 577-1030</a></span><br /><span style="font-family: Lato; color: #000000;"><a href="/cdn-cgi/l/email-protection#355c5b535a755254474c585c565d54505946535c5b505f50425059474c1b565a58" title="[email protected]" style="color: #000000;" class="email_click"><span style="font-size: 10pt;"><span class="__cf_email__" data-cfemail="543d3a323b143335262d393d373c35313827323d3a313e31233138262d7a373b39">[email protected]</span></span></a><br /><br /><span style="font-family: 'Sackers Gothic Std'; color: #000000; font-size: 10pt; display: none;"><strong>SERVICES</strong></span><br /></span><span style="font-family: Lato; font-size: 10pt; display: none;"><a>Zillion Insurance</a></span><br /><span style="font-family: arial, helvetica, sans-serif; color: #000000; font-size: 10pt;"></span></td> 13333</tr> 13334</tbody> 13335</table> </div> 13336</div> 13337 13338<style> 13339 .footer_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code { 13340 width:100%; } 13341 13342 .footer_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code { 13343 height:100%; } 13344 13345 .footer_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content { 13346 width: 100%; 13347 height: 100%; 13348 } 13349</style> 13350 </div> 13351 13352 <style> 13353 .footer_container_1 .flex_row_2 .flex_col_2 { 13354 width:80%; } 13355 </style> 13356 13357 13358 13359 <div class="flex_col flex_col_3"> 13360 13361 13362 </div> 13363 13364 <style> 13365 .footer_container_1 .flex_row_2 .flex_col_3 { 13366 width:10%; } 13367 </style> 13368 13369 13370 13371 </div> 13372 13373 13374 <style> 13375 .footer_container_1 .flex_row_2 { 13376 background-color: #ffffff; 13377 color:#000000; height:auto; 13378 } 13379 </style> 13380 13381 13382 13383 13384 </div> 13385 <style> 13386 .footer_container .flex_row { 13387 display: flex; 13388 } 13389 .footer_container_1 { 13390 width:100%; 13391 max-width:100%; 13392 margin: 0 auto; 13393 } 13394 .footer_container .flex_row .flex_col{ 13395 display: flex; 13396 flex-wrap: wrap; 13397 box-sizing: border-box; 13398 align-content: baseline; 13399 } 13400 .footer_container .flex_row .flex_col .flex_cell{ 13401 height: fit-content; 13402 display: flex; 13403 } 13404 .footer_container .flex_row .flex_col .flex_cell a{ 13405 text-decoration: none; 13406 } 13407 .footer_container img { 13408 max-width: 100%; 13409 } 13410 </style> 13411 13412 13413</footer> 13414<footer class="appearance-tablet-view-template"> 13415 13416 13417 13418 <div class="footer_container footer_container_2"> 13419 13420 13421 13422 13423 <div class="flex_row flex_row_1"> 13424 13425 13426 <div class="flex_col flex_col_1"> 13427 13428 13429 </div>
13429 13430 13431 <style> 13432 .footer_container_2 .flex_row_1 .flex_col_1 { 13433 width:5%; } 13434 </style> 13435 13436 13437 13438 <div class="flex_col flex_col_2"> 13439 13440 13441<div class="flex_cell flex_cell_1 newsletter"> 13442 <div class="flex_cell_content"> 13443 <div class="newsletter_div"> 13444 13445 <span class="newsletter_text" style="margin-right:5px;"> 13446 GET EXCLUSIVE OFFERS AND NEWS </span> 13447 13448 <a class="newsletter_btn" 13449 href="/newsletter-signup"> 13450 13451 Newsletter Signup 13452 <svg aria-hidden="true" 13453 focusable="false" 13454 version="1.1" 13455 width="38px" 13456 height="20px" 13457 viewBox="0 0 38 20" 13458 xmlns="http://www.w3.org/2000/svg"> 13459 13460 <g> 13461 <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"/> 13462 <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"/> 13463 <polygon points="37.365,12.915 35.811,3.366 30.242,9.03"/> 13464 <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"/> 13465 <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"/> 13466 <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"/> 13467 </g> 13468 13469 </svg> 13470 13471 </a> 13472 </div> 13473 </div> 13474 </div> 13475 13476<style> 13477 .footer_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.newsletter { 13478 width:100%; justify-content:left; -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 13479 13480 .footer_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.newsletter { 13481 height:100%; } 13482 13483 .footer_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.newsletter>.flex_cell_content { 13484 display: flex; 13485 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:25px; padding-bottom:25px; padding-left:px; padding-right:px; } 13486 13487 .footer_container_2>.flex_row_1>.flex_col_2>.flex_cell_1 .newsletter_div { 13488 display:inline-flex; 13489 align-items: center; 13490 } 13491 13492 .footer_container_2>.flex_row_1>.flex_col_2>.flex_cell_1 a { 13493 color:#ffffff; font-weight:400; font-style:normal; background-color:#000000; font-size:12px; font-family:Lato; display: inline-flex; 13494 white-space: nowrap; 13495 align-items: center; 13496 padding: 6px 20px; 13497 border-style: solid; 13498 justify-content:center; text-transform:none; border-radius:0px; border-width:1px; border-color:#ffffff; } 13499 13500 .footer_container_2>.flex_row_1>.flex_col_2>.flex_cell_1 .newsletter_text { 13501 color:#ffffff; font-size:12px; font-weight:400; font-style:normal; font-family:Lato; } 13502 13503 .footer_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.newsletter a svg { 13504 height:14px; margin-left:6px; 13505 fill: currentColor; 13506 } 13507 13508 .footer_container_2>.flex_row_1>.flex_col_2>.flex_cell_1 a:hover { 13509 color:#ffffff; background-color:#000000; border-color:#ffffff; } 13510</style> 13511 </div> 13512 13513 <style> 13514 .footer_container_2 .flex_row_1 .flex_col_2 { 13515 width:60%; } 13516 </style> 13517 13518 13519 13520 <div class="flex_col flex_col_3"> 13521 13522 13523<div class="flex_cell flex_cell_1 social_icons"> 13524 <div class="flex_cell_content"> 13525 <a title="Facebook" class="" target="_blank" href="https://www.facebook.com/GaryMichaelsFineJewelry/" style="order: 1">
13526 <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> 13527 13528 13529 <a title="Instagram" class="" target="_blank" href="https://www.instagram.com/GaryMichaelsFineJewelry/" style="order: 3"> 13530 <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> 13531 13532 13533 <a title="Pinterest" class="" target="_blank" href="https://www.pinterest.com/gmfinejewelry/" style="order: 5"> 13534 <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> 13535 13536 13537 13538 13539 13540 13541 </div> 13542</div> 13543 13544<style> 13545 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons { 13546 width:100%; justify-content: center; 13547 align-items:center; -webkit-align-items:center; } 13548 13549 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons { 13550 height:100%; } 13551 13552 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons>.flex_cell_content { 13553 display: flex; 13554 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 13555 13556 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a { 13557 display: flex; 13558 align-items: center; 13559 color:#ffffff; font-weight:400; font-style:normal; margin-left: 6px; 13560 margin-right: 6px; 13561 font-size:16px;font-family:Lato; text-transform:none; } 13562 13563 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a svg{ 13564 margin-right: 5px; 13565 width:15px; height:15px; } 13566 13567 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a .path_class { 13568 fill: currentColor; 13569 } 13570 13571 13572 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a:hover { 13573 color:#ffffff; } 13574</style> 13575 13576 </div> 13577 13578 <style> 13579 .footer_container_2 .flex_row_1 .flex_col_3 { 13580 width:30%; } 13581 </style> 13582 13583 13584 13585 <div class="flex_col flex_col_4"> 13586 13587 13588 </div> 13589 13590 <style> 13591 .footer_container_2 .flex_row_1 .flex_col_4 { 13592 width:5%; } 13593 </style> 13594 13595 13596 13597 </div> 13598 13599 13600 <style> 13601 .footer_container_2 .flex_row_1 { 13602 background-color: #000000; 13603 color:#000000; height:100; 13604 } 13605 </style> 13606 13607 13608 13609 13610 13611 13612 <div class="flex_row flex_row_2"> 13613 13614 13615 <div class="flex_col flex_col_1"> 13616 13617 13618 </div> 13619 13620 <style> 13621 .footer_container_2 .flex_row_2 .flex_col_1 { 13622 width:5%; } 13623 </style> 13624 13625 13626 13627 <div class="flex_col flex_col_2"> 13628 13629 <div class="flex_cell flex_cell_1 custom_code"> 13630 <div class="flex_cell_content"> 13631 <table border="0" style="border-collapse: collapse; width: 100%; height: 208.438px; border-color: #ffffff; border-style: hidden;"> 13632<tbody> 13633<tr style="height: 24px;"> 13634<td style="vertical-align: top; width: 22.4894%; height: 24px;"></td> 13635<td style="width: 15.4339%; border-style: hidden; vertical-align: top; height: 24px;"><span style="line-height: 24px; font-family: 'Sackers Gothic Std'; color: #000000; font-size: 10pt;"><strong> </strong></span></td> 13636<td style="vertical-align: top; width: 16.9773%; height: 24px;"><span style="line-height: 24px; font-family: 'Sackers Gothic Std'; color: #000000; font-size: 10pt;"><strong> </strong></span></td> 13637<td style="vertical-align: top; width: 45.1993%; height: 24px;"><span style="line-height: 24px; font-family: 'Sackers Gothic Std'; color: #000000; font-size: 10pt;"><strong> </strong></span></td> 13638</tr> 13639<tr style="height: 184.438px; border-style: hidden;"> 13640<td style="height: 184.438px; vertical-align: top; width: 22.4894%;"><img src="/public/1.0/uploads/source/icons/favicon/gm_favicon.png" width="100" height="100" alt="Gary Michaels Fine Jewelry Favicon" /></td> 13641<td style="height: 184.438px; width: 15.4339%; border-style: hidden; vertical-align: top;"><span style="line-height: 24px; font-family: 'Sackers Gothic Std'; color: #000000; font-size: 10pt;"><strong>VISIT US </strong></span><br /><span style="line-height: 24px; font-family: Lato; color: #000000; font-size: 10pt;">Gary Michaels Fine Jewelry<br />55 US Highway 9</span><br /><span style="line-height: 24px; font-family: Lato; color: #000000; font-size: 10pt;">Manalapan, NJ 07726<br /><span style="line-height: 24px; text-decoration: underline;"><a href="https://maps.app.goo.gl/JNHZhHqx1vt6ZK9eA" style="color: #000000; text-decoration: underline;" class="get_directions_click">Get Directions</a></span></span></td> 13642<td style="height: 184.438px; vertical-align: top; width: 16.9773%;"><span style="line-height: 24px; font-family: 'Sackers Gothic Std'; color: #000000; font-size: 10pt;"><strong>STORE HOURS</strong></span><br /><span style="line-height: 24px; font-family: Lato; color: #000000; font-size: 10pt;">Mon- Closed<br />Tue- 10AM-5:30PM<br />Wed: 10AM-530PM<br />Thurs: 10AM-5:30PM<br />Friday:10AM-530PM<br />Saturday: 10AM-5:30PM<br />Sun: Closed</span></td> 13643<td style="vertical-align: top; width: 45.1993%; height: 184.438px;"><span style="line-height: 24px; font-family: 'Sackers Gothic Std'; color: #000000; font-size: 10pt;"><strong>CONTACTS<br /></strong><span style="line-height: 24px; font-family: Lato; color: #000000; font-size: 10pt;">Call: <a href="tel:(732) 577-1030" style="color: #000000;" class="phone_number_click">(732) 577-1030</a></span><strong><br /></strong><span style="line-height: 24px; font-family: Lato; color: #000000;"><a href="/cdn-cgi/l/email-protection#d4bdbab2bb94b3b5a6adb9bdb7bcb5b1b8a7b2bdbab1beb1a3b1b8a6adfab7bbb9" title="[email protected]" style="color: #000000;" class="email_click"><span style="line-height: 24px; font-size: 10pt;"><span class="__cf_email__" data-cfemail="9cf5f2faf3dcfbfdeee5f1f5fff4fdf9f0effaf5f2f9f6f9ebf9f0eee5b2fff3f1">[email protected]</span></span></a><br /><br /><span style="font-family: Lato; color: #000000;"><span style="font-family: 'Sackers Gothic Std'; color: #000000; font-size: 10pt; display: none;"><strong>SERVICES</strong></span><br /></span><span style="font-family: Lato; font-size: 10pt; display: none;"><a>Zillion Insurance</a></span><br /></span></span></td> 13644</tr> 13645</tbody> 13646</table> </div> 13647</div> 13648 13649<style> 13650 .footer_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code { 13651 width:100%; } 13652 13653 .footer_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code { 13654 height:100%; } 13655 13656 .footer_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content { 13657 width: 100%; 13658 height: 100%; 13659 } 13660</style> 13661 </div> 13662 13663 <style> 13664 .footer_container_2 .flex_row_2 .flex_col_2 { 13665 width:90%; } 13666 </style> 13667 13668 13669 13670 <div class="flex_col flex_col_3"> 13671 13672 13673 </div> 13674 13675 <style> 13676 .footer_container_2 .flex_row_2 .flex_col_3 { 13677 width:5%; } 13678 </style> 13679 13680 13681 13682 </div> 13683 13684 13685 <style> 13686 .footer_container_2 .flex_row_2 { 13687 background-color: #ffffff; 13688 color:#000000; height:auto; 13689 } 13690 </style> 13691 13692 13693 13694 13695 </div> 13696 <style> 13697 .footer_container .flex_row { 13698 display: flex; 13699 } 13700 .footer_container_2 { 13701 width:100%; 13702 max-width:100%; 13703 margin: 0 auto; 13704 } 13705 .footer_container .flex_row .flex_col{ 13706 display: flex; 13707 flex-wrap: wrap; 13708 box-sizing: border-box; 13709 align-content: baseline; 13710 } 13711 .footer_container .flex_row .flex_col .flex_cell{ 13712 height: fit-content; 13713 display: flex; 13714 } 13715 .footer_container .flex_row .flex_col .flex_cell a{ 13716 text-decoration: none; 13717 } 13718 .footer_container img { 13719 max-width: 100%; 13720 } 13721 </style> 13722 13723 13724</footer> 13725<footer class="appearance-mobile-view-template"> 13726 13727 13728 13729 <div class="footer_container footer_container_3"> 13730 13731 13732 13733 13734 <div class="flex_row flex_row_1"> 13735 13736 13737 <div class="flex_col flex_col_1"> 13738 13739 13740 </div> 13741 13742 <style> 13743 .footer_container_3 .flex_row_1 .flex_col_1 { 13744 width:10%; } 13745 </style> 13746 13747 13748 13749 <div class="flex_col flex_col_2"> 13750 13751 13752<div class="flex_cell flex_cell_1 newsletter"> 13753 <div class="flex_cell_content"> 13754 <div class="newsletter_div"> 13755
13756 <span class="newsletter_text" style="margin-right:5px;"> 13757 GET EXCLUSIVE OFFERS AND NEWS. </span> 13758 13759 <a class="newsletter_btn" 13760 href="/newsletter-signup"> 13761 13762 Newsletter Signup 13763 <svg aria-hidden="true" 13764 focusable="false" 13765 version="1.1" 13766 width="38px" 13767 height="20px" 13768 viewBox="0 0 38 20" 13769 xmlns="http://www.w3.org/2000/svg"> 13770 13771 <g> 13772 <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"/> 13773 <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"/> 13774 <polygon points="37.365,12.915 35.811,3.366 30.242,9.03"/> 13775 <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"/> 13776 <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"/> 13777 <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"/> 13778 </g> 13779 13780 </svg> 13781 13782 </a> 13783 </div> 13784 </div> 13785 </div> 13786 13787<style> 13788 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.newsletter { 13789 width:100%; justify-content:left; -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 13790 13791 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.newsletter { 13792 height:100%; } 13793 13794 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.newsletter>.flex_cell_content { 13795 display: flex; 13796 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 13797 13798 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1 .newsletter_div { 13799 display:inline-flex; 13800 align-items: center; 13801 } 13802 13803 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1 a { 13804 color:#ffffff; font-weight:400; font-style:normal; background-color:#000000; font-size:14px; font-family:Lato; display: inline-flex; 13805 white-space: nowrap; 13806 align-items: center; 13807 padding: 6px 20px; 13808 border-style: solid; 13809 justify-content:left; text-transform:none; border-radius:0px; border-width:1px; border-color:#ffffff; } 13810 13811 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1 .newsletter_text { 13812 color:#ffffff; font-size:14px; font-weight:400; font-style:normal; font-family:Lato; } 13813 13814 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.newsletter a svg { 13815 height:16px; margin-left:6px; 13816 fill: currentColor; 13817 } 13818 13819 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1 a:hover { 13820 color:#ffffff; background-color:#000000; border-color:#ffffff; } 13821</style> 13822 </div> 13823 13824 <style> 13825 .footer_container_3 .flex_row_1 .flex_col_2 { 13826 width:50%; } 13827 </style> 13828 13829 13830 13831 <div class="flex_col flex_col_3"> 13832 13833 13834<div class="flex_cell flex_cell_1 social_icons"> 13835 <div class="flex_cell_content"> 13836 <a title="Facebook" class="" target="_blank" href="https://www.facebook.com/GaryMichaelsFineJewelry/" style="order: 1">
13837 <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> 13838 13839 13840 <a title="Instagram" class="" target="_blank" href="https://www.instagram.com/GaryMichaelsFineJewelry/" style="order: 3"> 13841 <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> 13842 13843 13844 <a title="Pinterest" class="" target="_blank" href="https://www.pinterest.com/gmfinejewelry/" style="order: 5"> 13845 <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> 13846 13847 13848 13849 13850 13851 13852 </div> 13853</div> 13854 13855<style> 13856 .footer_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons { 13857 width:100%; justify-content: center; 13858 align-items:center; -webkit-align-items:center; } 13859 13860 .footer_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons { 13861 height:100%; } 13862 13863 .footer_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons>.flex_cell_content { 13864 display: flex; 13865 margin-top:50px; margin-bottom:50px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 13866 13867 .footer_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a { 13868 display: flex; 13869 align-items: center; 13870 color:#ffffff; font-weight:400; font-style:normal; margin-left: 6px; 13871 margin-right: 6px; 13872 font-size:17px;font-family:Lato; text-transform:none; } 13873 13874 .footer_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a svg{ 13875 margin-right: 5px; 13876 width:16px; height:16px; } 13877 13878 .footer_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a .path_class { 13879 fill: currentColor; 13880 } 13881 13882 13883 .footer_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a:hover { 13884 color:#ffffff; } 13885</style> 13886 13887 </div> 13888 13889 <style> 13890 .footer_container_3 .flex_row_1 .flex_col_3 { 13891 width:30%; } 13892 </style> 13893 13894 13895 13896 <div class="flex_col flex_col_4"> 13897 13898 13899 </div> 13900 13901 <style> 13902 .footer_container_3 .flex_row_1 .flex_col_4 { 13903 width:10%; } 13904 </style> 13905 13906 13907 13908 </div> 13909 13910 13911 <style> 13912 .footer_container_3 .flex_row_1 { 13913 background-color: #000000; 13914 color:#000000; height:auto; 13915 } 13916 </style> 13917 13918 13919 13920 13921 13922 13923 <div class="flex_row flex_row_2"> 13924 13925 13926 <div class="flex_col flex_col_1"> 13927 13928 13929 </div> 13930 13931 <style> 13932 .footer_container_3 .flex_row_2 .flex_col_1 { 13933 width:10%; } 13934 </style> 13935 13936 13937 13938 <div class="flex_col flex_col_2"> 13939 13940 <div class="flex_cell flex_cell_1 custom_code"> 13941 <div class="flex_cell_content"> 13942 <table border="1" style="border-collapse: collapse; width: 100%; height: 217.438px; border-style: hidden;"> 13943<tbody> 13944<tr style="height: 33px;"> 13945<td style="vertical-align: top; width: 21.4586%; line-height: 1.5; border-style: hidden; height: 33px;"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><strong> </strong></span></td> 13946<td style="vertical-align: top; width: 24.8247%; line-height: 1.5; border-style: hidden; height: 33px;"><span style="font-family: 'Sackers Gothic Std'; color: #000000; font-size: 10pt;"><strong> </strong></span></td> 13947<td style="width: 24.9649%; line-height: 1.5; vertical-align: top; border-style: hidden; height: 33px;"><span style="font-family: 'Sackers Gothic Std'; color: #000000; font-size: 10pt;"><strong> </strong></span></td> 13948<td style="width: 28.6115%; vertical-align: top; line-height: 1.5; border-style: hidden; height: 33px;"><span style="font-family: 'Sackers Gothic Std'; color: #000000; font-size: 10pt;"><strong> </strong></span></td> 13949</tr> 13950<tr style="height: 184.438px; border-style: hidden;"> 13951<td style="vertical-align: top; width: 21.4586%; line-height: 1.5; border-style: hidden; height: 184.438px;"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><strong> <img src="/public/1.0/uploads/source/icons/favicon/gm_favicon.png" alt="Gary Michaels Fine Jewelry Favicon" width="125" height="125" /></strong></span></td> 13952<td style="height: 184.438px; vertical-align: top; width: 24.8247%; line-height: 1.5; border-style: hidden;"><span style="font-family: 'Sackers Gothic Std'; color: #000000; font-size: 10pt;"><strong>VISIT US </strong></span><br /><span style="font-family: Lato; color: #000000; font-size: 10pt;">Gary Michaels Fine Jewelry<br />55 US Highway 9</span><br /><span style="font-family: Lato; color: #000000; font-size: 10pt;">Manalapan, NJ 07726<br /><span style="text-decoration: underline;"><a href="https://maps.app.goo.gl/JNHZhHqx1vt6ZK9eA" style="color: #000000; text-decoration: underline;" class="get_directions_click">Get Directions</a></span><br /></span></td> 13953<td style="height: 184.438px; width: 24.9649%; line-height: 1.5; vertical-align: top; border-style: hidden;"> 13954<p><span style="font-family: 'Sackers Gothic Std'; color: #000000; font-size: 10pt;"><strong>STORE HOURS</strong></span><br /><span style="font-family: Lato; color: #000000; font-size: 10pt;">Monday: Closed<br /></span><span style="font-family: Lato; color: #000000; font-size: 10pt;">Tuesday: 10AM-5:30PM<br />Wednesday: 10AM-530PM<br />Thursday: 10AM-5:30PM<br />Friday: 10AM-530PM<br />Saturday: 10AM-530PM<br />Sunday: Closed</span></p> 13955</td> 13956<td style="height: 184.438px; width: 28.6115%; vertical-align: top; line-height: 1.5; border-style: hidden;"><span style="font-family: 'Sackers Gothic Std'; color: #000000; font-size: 10pt;"><strong>CONTACTS</strong></span><br /><span style="font-family: Lato; color: #000000; font-size: 10pt;">Call: <a href="tel:(732) 577-1030" style="color: #000000;" class="phone_number_click">(732) 577-1030</a></span><br /><span style="font-family: Lato; color: #000000;"><a href="/cdn-cgi/l/email-protection#b7ded9d1d8f7d0d6c5cedaded4dfd6d2dbc4d1ded9d2ddd2c0d2dbc5ce99d4d8da" title="[email protected]" style="color: #000000;" class="email_click"><span style="font-size: 10pt;"><span class="__cf_email__" data-cfemail="036a6d656c436462717a6e6a606b62666f70656a6d66696674666f717a2d606c6e">[email protected]</span></span></a><br /><br /><span style="font-family: 'Sackers Gothic Std'; color: #000000; font-size: 10pt; display: none;"><strong>SERVICES</strong></span><br /></span><span style="font-family: Lato; font-size: 10pt; display: none;"><a>Zillion Insurance</a></span><br /><span style="font-family: arial, helvetica, sans-serif; color: #000000; font-size: 10pt;"></span></td> 13957</tr> 13958</tbody> 13959</table> </div> 13960</div> 13961 13962<style> 13963 .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code { 13964 width:100%; } 13965 13966 .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code { 13967 height:100%; } 13968 13969 .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content { 13970 width: 100%; 13971 height: 100%; 13972 } 13973</style> 13974 </div> 13975 13976 <style> 13977 .footer_container_3 .flex_row_2 .flex_col_2 { 13978 width:80%; } 13979 </style> 13980 13981 13982 13983 <div class="flex_col flex_col_3"> 13984 13985 13986 </div> 13987 13988 <style> 13989 .footer_container_3 .flex_row_2 .flex_col_3 { 13990 width:10%; } 13991 </style> 13992 13993 13994 13995 </div> 13996 13997 13998 <style> 13999 .footer_container_3 .flex_row_2 { 14000 background-color: #ffffff; 14001 color:#000000; height:auto; 14002 } 14003 </style> 14004 14005 14006 14007 14008 </div> 14009 <style> 14010 .footer_container .flex_row { 14011 display: flex; 14012 } 14013 .footer_container_3 { 14014 width:100%; 14015 max-width:100%; 14016 margin: 0 auto; 14017 } 14018 .footer_container .flex_row .flex_col{ 14019 display: flex; 14020 flex-wrap: wrap; 14021 box-sizing: border-box; 14022 align-content: baseline; 14023 } 14024 .footer_container .flex_row .flex_col .flex_cell{ 14025 height: fit-content; 14026 display: flex; 14027 } 14028 .footer_container .flex_row .flex_col .flex_cell a{ 14029 text-decoration: none; 14030 } 14031 .footer_container img { 14032 max-width: 100%; 14033 } 14034 </style> 14035 14036 14037</footer> 14038 14039<style> 14040 .footer_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content td{ 14041 line-height: normal !important; 14042 } 14043 .footer_container_3>.flex_row_3>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content tbody{ 14044 display: flex !important; 14045 flex-direction: column !important; 14046 } 14047 .footer_container_3>.flex_row_3>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content tr{ 14048 height: 100% !important; 14049 flex-direction: column !important; 14050 display: flex !important;
14051 align-items: center !important; 14052 } 14053 14054 @media (max-width:767.9px){ 14055 .footer_container_3>.flex_row_3>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content tr:first-child td:nth-child(2){ 14056 height: 0 !important; 14057 } 14058 .footer_container_3>.flex_row_3>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content tr:nth-child(2) td:nth-child(1){ 14059 height: 140px !important; 14060 } 14061 .footer_container_3>.flex_row_3>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content tr:nth-child(2) td:nth-child(2){ 14062 height: 150px !important; 14063 } 14064 .footer_container_3>.flex_row_3>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content tr:nth-child(3) td:nth-child(1){ 14065 height: 100px !important; 14066 } 14067 .footer_container_3>.flex_row_3>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content tr:nth-child(3) td:nth-child(2){ 14068 height: 100px !important; 14069 }} 14070</style>
vendor: 108 bytes, line 14070
14070<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
14070<script defer src="https://connect.podium.com/widget.js#API_TOKEN=5695f53a3c815b10909669f4e0f699df" id="podium-widget" data-api-token="5695f53a3c815b10909669f4e0f699df"></script>
vendor: 1 bytes, line 14070
14070
14071<script src="/skeleton/1.0/view/js/focus-trap.js?v=2.1"></script>
14071<script src="/skeleton/1.0/view/js/focus-trap_dist.js?v=2.1"></script>
14071<script src="/skeleton/1.0/view/js/min/fr_act.js?v=1.3"></script>
vendor: 1 bytes, line 14071
14071
14072<script> if (typeof gtag != "undefined") { $(document).on("click", "a.phone_number_click", function(){ gtag("event", "phone_number_click");}); }</script>
14072<script> if (typeof gtag != "undefined") { $(document).on("click", "a.get_directions_click", function(){ gtag("event", "get_directions_click");}); }</script>
14072<script> if (typeof gtag != "undefined") { $(document).on("click", "a.email_click", function(){ gtag("event", "email_click");}); }</script>
14072<script> if (typeof gtag != "undefined") { $(document).on("click", "a.text_message_click", function(){ gtag("event", "text_message_click");}); }</script>
14072<script> 14073 (function () { 14074 function ga4Click(eventName, params) { 14075 if (typeof gtag != "undefined") { gtag("event", eventName, params || {}); } 14076 } 14077 14078 $(document).on("click", ".get-location, .use-my-location", function () { 14079 ga4Click("usemylocation_click"); 14080 }); 14081 14082 $(document).on("click", ".select-store", function () { 14083 ga4Click("shopthisstore_click", {StoreID: $(this).data("store") || ""}); 14084 }); 14085 14086 $(document).on("click", "#search-by-zip button", function () { 14087 var zip = $("#search-by-zip input").val() || ""; 14088 if (zip.trim()) { ga4Click("searchlocationbyzip", {ZipCode: zip.trim()}); } 14089 }); 14090 $(document).on("submit", "#zipcode-form", function () { 14091 var zip = $(this).find("input[name=zipcode]").val() || ""; 14092 if (zip.trim()) { ga4Click("searchlocationbyzip", {ZipCode: zip.trim()}); } 14093 }); 14094 14095 // Anything clickable inside the popup except its own close control 14096 $(document).on("click", ".popup-container a, .popup-container button", function () { 14097 if ($(this).closest(".close, .popup-close, [data-dismiss]").length) { return; } 14098 ga4Click("popup_click", {LinkText: ($(this).text() || "").trim().slice(0, 100)}); 14099 }); 14100 14101 // Opening a chat widget (Podium / Clientbook) is as close as we get to a 14102 // conversation starting â what happens inside the widget is not visible to us. 14103 var ga4ChatStarted = false; 14104 $(document).on("click", "#wlbkwc_messageButton, #clbkwc_chat_id, #podium-website-widget", function () { 14105 if (ga4ChatStarted) { return; } 14106 ga4ChatStarted = true; 14107 ga4Click("conversation_started"); 14108 }); 14109 })(); 14110 </script>
14110 14111 <style> 14112 .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; } 14113 .footer-bottom-inner-left { width: 67%; text-transform: uppercase; } 14114 .footer-bottom-inner-right { font-size: 10pt; width: 30%; display: flex; justify-content: end; } 14115 @media (max-width: 767px) { 14116 .footer-bottom-outer { display: block; text-align: center; font-weight: 700; } 14117 .footer-bottom-inner-left, .footer-bottom-inner-right { width: 100%; padding: 5px; display: block; } 14118 } 14119 </style> 14120 <div class="footer-bottom-outer"><div class="footer-bottom-inner-left"> 14121 COPYRIGHT © 2026 GARY MICHAELS FINE JEWELRY . 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> 14122 </div>
14122<script>window.local_view_folder = '/skeleton/1.0/view';</script>
14122</div> 14123
14124<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":"cbff9ba773414633b8474152ded4f187","r":1,"spa":2}' crossorigin="anonymous"></script>
14124 14125</body> 14126</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.