1 2<!DOCTYPE html> 3<html lang="en"> 4 <head> 5 <meta charset="utf-8"> 6 <title>Ring Settings - Design Your Engagement Ring | Hess & Co Jewelers | Lexington, VA</title> 7 8 9 <link rel="preconnect" href="//v6master-mizuno.shopfinejewelry.com/"> 10 <link rel="preconnect" href="https://cdn.jewelryimages.net/"> 11 12 <link rel="stylesheet" href="/css/_monolith.min.css?t=14654" media="all"> 13 14 15 16 <link rel="stylesheet" href="//v6master-mizuno.shopfinejewelry.com/fonts/diamond-shapes/diashapes-v6.min.css" media="print" onload="this.media='all';"> 17 <link rel="stylesheet" href="//v6master-mizuno.shopfinejewelry.com/fonts/ring-settings/big-ring-settings-style.min.css" media="print" onload="this.media='all';"> 18 <link rel="stylesheet" href="//v6master-mizuno.shopfinejewelry.com/css/nav-swatches.min.css" media="print" onload="this.media='all';"> 19 <link rel="stylesheet" href="//v6master-mizuno.shopfinejewelry.com/js/vendor/bootstrap-slider-master/dist/css/bootstrap-slider.min.css" media="print" onload="this.media='all';"> 20 <link rel="stylesheet" href="//v6master-mizuno.shopfinejewelry.com/css/fragments/consentManagementPlatform.min.css" media="print" onload="this.media='all';"> 21 <link rel="stylesheet" href="//v6master-mizuno.shopfinejewelry.com/css/fragments/toggleSwitch.min.css" media="print" onload="this.media='all';"> 22 <link rel="stylesheet" href="//v6master-mizuno.shopfinejewelry.com/css/fragments/address-table.min.css" media="print" onload="this.media='all';"> 23 <link rel="stylesheet" href="//v6master-mizuno.shopfinejewelry.com/css/fragments/universal-cart.min.css" media="print" onload="this.media='all';"> 24 <link rel="stylesheet" href="//v6master-mizuno.shopfinejewelry.com/fonts/icons/css/fontawesome-light.min.css" media="print" onload="this.media='all';"> 25 <link rel="stylesheet" href="//v6master-mizuno.shopfinejewelry.com/fonts/jewelry-nav-icons.css" media="print" onload="this.media='all';"> 26 <link rel="stylesheet" href="//v6master-mizuno.shopfinejewelry.com/fonts/icons/css/brands.min.css" media="print" onload="this.media='all';"> 27 <link rel="stylesheet" href="/css/_quick-search.min.css?t=hessandcojewelers14654" media="print" onload="this.media='all'"> 28 <link rel="stylesheet" href="/css/_login.min.css?t=hessandcojewelers14654" media="print" onload="this.media='all'"> 29 <link rel="stylesheet" href="//v6master-mizuno.shopfinejewelry.com/css/pages/jewelry.min.css?t=hessandcojewelers14654" media="print" onload="this.media='all'"> 30 <link rel="stylesheet" href="//v6master-mizuno.shopfinejewelry.com/css/pages/ringsettings.min.css?t=hessandcojewelers14654" media="print" onload="this.media='all'"> 31 <link rel="stylesheet" href="//v6master-mizuno.shopfinejewelry.com/js/vendor/OwlCarousel2-2.3.4/dist/assets/owl.carousel.min.css?t=hessandcojewelers14654" media="print" onload="this.media='all'"> 32 <link rel="stylesheet" href="//v6master-mizuno.shopfinejewelry.com/js/vendor/bootstrap4-datetimepicker-master/build/css/bootstrap-datetimepicker.min.css?t=hessandcojewelers14654" media="print" onload="this.media='all'"> 33 <link rel="stylesheet" href="//v6master-mizuno.shopfinejewelry.com/js/src/components/phone-number-input/css/phone-number-input.min.css?t=hessandcojewelers14654" media="print" onload="this.media='all'"> 34 <link rel="stylesheet" href="//v6master-mizuno.shopfinejewelry.com/js/vendor/jquery.realperson.package-2.0.1/jquery.realperson.css?t=hessandcojewelers14654" media="print" onload="this.media='all'"> 35 36 37 38 <link rel="stylesheet" href="/css/local.php?settingsSrc=hessandcoV6&t=14654" media="all"> 39 40 <link rel="stylesheet" href="/css/local.css?t=14654" media="all"> 41 <link rel="stylesheet" href="//v6master-mizuno.shopfinejewelry.com/css/print.min.css?t=14654" media="print" type="text/css"> 42 43
43<script data-load-position="inline"> 44 window.cmpSettings = {"useOptInConsentPolicy":false,"showConsentManagementOptions":true,"includePersonalizationCookieOption":true,"cmpVersion":1,"includeTrackerConsentOptions":true,"trackerConsentMode":0,"trackerProviders":["Google"]}; 45 </script>
45 46
46<script src="//v6master-mizuno.shopfinejewelry.com/js/globalScripts/cookieBlocker.js" data-load-position="inline"></script>
46 47 48
48<script> 49 var blockedCookieScripts = []; 50 var blockedTrackerScripts = []; 51 var positionalScriptLoaderHopper = []; 52 var positionalScriptLoader = { 53 loadExternal(scriptObj){ 54 positionalScriptLoaderHopper.push(scriptObj); 55 }, 56 loadInline: function(scriptTagHTML){ 57 positionalScriptLoaderHopper.push(scriptTagHTML); 58 } 59 }; 60 </script>
60 61 62 63 <!-- Global site tag (gtag.js) - Google Analytics --> 64
64<script>blockedTrackerScripts.push({"data-load-position":"early 0","async":"","src":"https://www.googletagmanager.com/gtag/js?id=UA-40384205-43"});</script>
64 65
65<script>blockedTrackerScripts.push("<scr" + "ipt data-load-position=\"inline\">\n\ 66 window.dataLayer = window.dataLayer || [];\n\ 67 function gtag(){dataLayer.push(arguments);}\n\ 68 gtag(\'js\', new Date());\n\ 69\n\ 70 gtag(\'config\', \'UA-40384205-43\'); \n\ 71 </scr" + "ipt>");</script>
71 72 73 <!-- HEAD INCLUDES START --> 74
74<script>positionalScriptLoader.loadInline("<scr" + "ipt>\n\ 75window.punchmarkKlaviyoIdentify = function(u) {\n\ 76 if (!u || typeof u !== \"object\") return;\n\ 77 var email = String(u.email || \"\").trim();\n\ 78 if (!/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(email)) return;\n\ 79 var props = {};\n\ 80 for (var k in u) { if (Object.prototype.hasOwnProperty.call(u, k)) { props[k] = u[k]; } }\n\ 81 props.email = email;\n\ 82 // Drop internal-only fields some callers spread alongside identifiables, and namespace customerID to avoid collisions with caller-defined keys.\n\ 83 delete props.sessionID;\n\ 84 delete props.referer;\n\ 85 if (props.customerID) { props.pm_customer_id = props.customerID; delete props.customerID; }\n\ 86 for (var k2 in props) {\n\ 87 if (typeof props[k2] === \"string\") {\n\ 88 var v = props[k2].trim();\n\ 89 if (v === \"\") { delete props[k2]; } else { props[k2] = v; }\n\ 90 }\n\ 91 }\n\ 92 var attempts = 0;\n\ 93 (function call() {\n\ 94 if (typeof klaviyo === \"object\" && typeof klaviyo.identify === \"function\") { klaviyo.identify(props); return; }\n\ 95 if (++attempts < 50) setTimeout(call, 100);\n\ 96 })();\n\ 97};\n\ 98</scr" + "ipt>");</script>
98<script>positionalScriptLoader.loadInline("<scr" + "ipt>window.userCurrency = \"USD\";</scr" + "ipt>");</script>
98<script type="application/ld+json" id="page-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://www.hessandcojewelers.com/#website","url":"https://www.hessandcojewelers.com","name":"Hess \u0026 Co Jewelers","potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.hessandcojewelers.com/jewelry?kw={search_term_string}"},"query-input":"required name=search_term_string"}},{"@type":"BreadcrumbList","@id":"https://www.hessandcojewelers.com/ringsettings#breadcrumblist","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.hessandcojewelers.com/"},{"@type":"ListItem","position":2,"name":"Ring Settings","item":"https://www.hessandcojewelers.com/ringsettings"}]},{"@type":"CollectionPage","@id":"https://www.hessandcojewelers.com/ringsettings#webpage","url":"https://www.hessandcojewelers.com/ringsettings","isPartOf":{"@id":"https://www.hessandcojewelers.com/#website"}}]}</script>
98<script>positionalScriptLoader.loadInline("<scr" + "ipt>window.pageSchemaItemListContext = {\"pageUrl\":\"https://www.hessandcojewelers.com/ringsettings\",\"webpageId\":\"https://www.hessandcojewelers.com/ringsettings#webpage\",\"currency\":\"\"};</scr" + "ipt>");</script>
98 99 <!-- HEAD INCLUDES END --> 100 101 <link rel="canonical" href="https://www.hessandcojewelers.com/ringsettings"> 102 103
103<script>positionalScriptLoader.loadInline("<scr" + "ipt data-load-position=\"early 0\">window.pageInfo={\"hideAllDecimals\":\"0\",\"useAltImage\":true,\"brandsWord\":\"brands\",\"brandWord\":\"brand\",\"topDownFilters\":\"\",\"is404\":false,\"specials\":false,\"enableCustomerWishlist\":true,\"enableGuestWishlist\":true,\"enableEcommerce\":false,\"reservationMethod\":\"1\",\"hidePriceMessage\":\"Call for Price\",\"hideAllPrices\":\"0\",\"customerID\":\"\",\"customer\":{\"loggedIn\":false,\"hasGuestWishlist\":false,\"firstName\":\"\",\"lastName\":\"\",\"email\":\"\",\"phone\":\"\"},\"debug\":false,\"customRedirects\":\"\",\"showDesignerOnGrid\":false,\"showPriceOnGrid\":true,\"showTitleOnGrid\":true,\"imageAspectRatio\":\"1x1\",\"imagesUrl\":\"\\/\\/cdn.jewelryimages.net\\/hessandcojewelers\\/\",\"edgeImagesUrl\":\"\\/\\/cdn.jewelryimages.net\\/edge\\/hessandcojewelers\\/\",\"cdnVersion\":\"14\",\"filterMapVersion\":\"1556\",\"cdnStaticUrl\":\"\\/\\/cdn.jewelryimages.net\\/static\\/hessandcojewelers\\/images\\/\",\"cdnRoot\":\"hessandcojewelers\",\"vendorImagesUrl\":\"\",\"sortItemsBy\":\"newest\",\"availableLocationInputHTML\":\"<input type=\\\"hidden\\\" value=\\\"1\\\" name=\\\"location\\\" class=\\\"appt-location\\\">\",\"locationDayTime\":{\"1\":{\"locationName\":\"Lexington Store\",\"daysOfWeekDisabled\":[0],\"timeOfDay\":{\"1\":{\"open\":\"10:00:00\",\"close\":\"16:30:00\"},\"2\":{\"open\":\"10:00:00\",\"close\":\"16:30:00\"},\"3\":{\"open\":\"10:00:00\",\"close\":\"16:30:00\"},\"4\":{\"open\":\"10:00:00\",\"close\":\"16:30:00\"},\"5\":{\"open\":\"10:00:00\",\"close\":\"16:30:00\"},\"6\":{\"open\":\"10:00:00\",\"close\":\"14:30:00\"}},\"closedHolidayDates\":[],\"adjustedHolidayHours\":[]}},\"locationsFieldInquiries\":\"1\"};</scr" + "ipt>");</script>
103 104
104<script>positionalScriptLoader.loadInline("<scr" + "ipt data-load-position=\"early 0\">window.sessionInfo={csrfToken:\"6025bfea707133dead794e05647f1096adf0f2176f9f9991\"};</scr" + "ipt>");</script>
104 105
106<script>positionalScriptLoader.loadInline("<scr" + "ipt>\n\ 107 window.enableEcommerce = \"0\";\n\ 108</scr" + "ipt>");</script>
108 109 110
111<script>positionalScriptLoader.loadInline("<scr" + "ipt>\n\ 112 window.fbAppId = \"341495870066796\";\n\ 113</scr" + "ipt>");</script>
113 114 115 116
116<script>positionalScriptLoader.loadInline("<scr" + "ipt>\n\ 117 window.googleAppId = \"522739862603-9cnc28esu2ntos9aevhluql3ikdjgqpo.apps.googleusercontent.com\";\n\ 118 </scr" + "ipt>");</script>
118 119 120 <meta name="description" content=""> 121 <meta name="referrer" content="strict-origin-when-cross-origin"> 122 <meta name="keywords" content=""> 123 <meta name="viewport" content="width=device-width, initial-scale=1"> 124 <meta property="og:title" content="Ring Settings - Design Your Engagement Ring | Hess & Co Jewelers | Lexington, VA"> 125 <meta property="og:description" content="Hess & Co Jewelers"> 126 <meta property="og:url" content="https://www.hessandcojewelers.com/ringsettings"> 127 <meta property="og:image" content="https://www.hessandcojewelers.com/images/logo.jpg"> 128 <meta name="twitter:card" content="summary_large_image"> 129 <meta name="twitter:title" content="Ring Settings - Design Your Engagement Ring | Hess & Co Jewelers | Lexington, VA"> 130 <meta name="twitter:description" content="Hess & Co Jewelers"> 131 <meta name="twitter:image" content="https://www.hessandcojewelers.com/images/logo.jpg"> 132 133 134 </head> 135 <body id="ringsettings" class=" icofont-fontawesome-light" data-theme="customized theme"> 136 <!-- START BODY INCLUDE --> 137 138 <!-- END BODY INCLUDE --> 139 140 <!-- No podium chat active --> 141 142 143 <a class="skippy sr-only sr-only-focusable" href="#website-navigation"><span class="skippy-text">Skip to primary navigation</span></a><a class="skippy sr-only sr-only-focusable" href="#main-content"><span class="skippy-text">Skip to main content</span></a><a class="skippy sr-only sr-only-focusable" href="#website-footer"><span class="skippy-text">Skip to footer</span></a> 144 145 146 147<header id="website-header" > 148 <div class="container-fluid main-content"> 149 <div class="row"> 150 <div class="col main-content-col d-block d-md-flex nav-inline align-items-center "> 151 152 153 <a href="/" id="logo" aria-label="Hess & Co. Jewelers - Go to homepage"> 154 <img src="/images/logo.svg" width="266" height="86" alt="Hess & Co. Jewelers" class="mx-auto" loading="eager" decoding="sync" fetchpriority="high"> 155 </a> 156 <!-- Nav generated 20261006132607 --> 157 158<nav class="navbar w-sm-100 navbar-expand-md navbar-menu-position-default " id="website-navigation" aria-label="Primary"> 159 160<button class="navbar-toggler d-inline-block d-md-none" id="nav-toggle" type="button" data-animation="animation-3" data-bs-toggle="collapse" data-bs-target="#main-navigation" aria-controls="main-navigation" aria-expanded="false" aria-label="Toggle navigation"> 161 <span class="navbar-toggler-icon" aria-hidden="true"> 162 <span></span> 163 <span></span> 164 <span></span> 165 </span> 166</button> 167 <div class="collapse navbar-collapse justify-content-between" id="main-navigation"> 168 <div class='container-fluid inner-nav px-0'> 169 <ul class="navbar-nav justify-content-between align-items-center " id="menubar-left" aria-label="Primary site menu"> 170 <li class="dropdown nav-item "><a href="#" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true" class="nav-link " id="menu-item-default-1">Bridal</a><ul class="dropdown-menu menu-default dropdown-menu-left" aria-labelledby="menu-item-default-1"><li><a href="/ringsettings" data-url="/ringsettings" class="dropdown-item dropdown-item-parent " id="submenu-item-default-1-1">Start with the Setting</a></li><li><a href="/ringsettings-diamonds" data-url="/ringsettings-diamonds" class="dropdown-item dropdown-item-parent " id="submenu-item-default-1-2">Start with the Diamond</a></li><li><a href="/jewelry/bridal-jewelry" data-url="/jewelry/bridal-jewelry" class="dropdown-item dropdown-item-parent " id="submenu-item-default-1-3">Bridal Jewelry</a></li><li><a href="/diamonds" data-url="/diamonds" class="dropdown-item dropdown-item-parent " id="submenu-item-default-1-4">Loose Diamond Search</a></li><li><a href="/education-diamonds" data-url="/education-diamonds" class="dropdown-item dropdown-item-parent " id="submenu-item-default-1-5">Learn About Ring Settings</a></li><li><a href="/education-diamonds" data-url="/education-diamonds" class="dropdown-item dropdown-item-parent " id="submenu-item-default-1-6">The 4 C's of Diamonds</a></li></ul><!-- .dropdown-menu --></li> 171 <li class="dropdown nav-item "><a href="#" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true" class="nav-link " id="menu-item-cat-list-2">Jewelry</a><ul class="dropdown-menu menu-cat-list dropdown-menu-left cat-list-dropdown" aria-labelledby="menu-item-cat-list-2"><li><a href="/jewelry/pendants-and-necklaces" class="dropdown-item dropdown-item-parent" data-title="Pendants & Necklaces">Pendants & Necklaces</a></li><li><a href="/jewelry/rings" class="dropdown-item dropdown-item-parent" data-title="Rings">Rings</a></li><li class="dropdown dropdown-submenu">
171<a href="/jewelry/bridal-jewelry" data-url="/jewelry/bridal-jewelry" class="dropdown-item dropdown-item-parent parent-has-kids" id="submenu-item-cat-list-3">Bridal Jewelry</a><ul class="dropdown-menu dropdown-menu-left dropdown-menu-children" aria-labelledby="submenu-item-cat-list-3" role="menu"><li role="none"><a class="dropdown-item" href="/jewelry/engagement-rings" role="menuitem">Engagement Rings</a></li><li role="none"><a class="dropdown-item" href="/jewelry/wedding-bands" role="menuitem">Wedding Bands</a></li><li role="none"><a class="dropdown-item" href="/jewelry/semi-mount-rings" role="menuitem">Semi-Mount Rings</a></li></ul></li><li><a href="/jewelry/earrings" class="dropdown-item dropdown-item-parent" data-title="Earrings">Earrings</a></li><li><a href="/jewelry/bracelets" class="dropdown-item dropdown-item-parent" data-title="Bracelets">Bracelets</a></li><li><a href="/jewelry/hess-and-co-custom-jewelry" class="dropdown-item dropdown-item-parent" data-title="Hess & Co. Custom Jewelry">Hess & Co. Custom Jewelry</a></li></ul><!-- div or ul.dropdown-menu --></li> 172 <li class=" nav-item "><a href="/custom-jewelry" class="nav-link ">Custom</a></li> 173 <li class="dropdown nav-item "><a href="#" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true" class="nav-link " id="menu-item-brand-list-4">Brands</a><ul class="dropdown-menu menu-brand-list dropdown-menu-left brand-list-dropdown" aria-labelledby="menu-item-brand-list-4"><li><a href="/brand/allison-kaufman" class="dropdown-item dropdown-item-parent" data-title="Allison Kaufman">Allison Kaufman</a></li><li><a href="/brand/carla-corporation" class="dropdown-item dropdown-item-parent" data-title="Carla Corporation">Carla Corporation</a></li><li><a href="/brand/crown-ring" class="dropdown-item dropdown-item-parent" data-title="Crown Ring">Crown Ring</a></li><li><a href="/brand/imperial-pearls" class="dropdown-item dropdown-item-parent" data-title="Imperial Pearls">Imperial Pearls</a></li><li><a href="/brand/kiddie-kraft" class="dropdown-item dropdown-item-parent" data-title="Kiddie Kraft">Kiddie Kraft</a></li><li><a href="/brand/leslies" class="dropdown-item dropdown-item-parent" data-title="Leslie's">Leslie's</a></li><li><a href="/brand/lestage" class="dropdown-item dropdown-item-parent" data-title="LeStage">LeStage</a></li><li><a href="/brand/nancy-b" class="dropdown-item dropdown-item-parent" data-title="Nancy B">Nancy B</a></li><li><a href="/brand/overnight" class="dropdown-item dropdown-item-parent" data-title="Overnight">Overnight</a></li><li><a href="/brand/parle" class="dropdown-item dropdown-item-parent" data-title="Parle">Parle</a></li><li><a href="/brand/pejay-creations" class="dropdown-item dropdown-item-parent" data-title="PeJay Creations">PeJay Creations</a></li><li><a href="/brand/qalo" class="dropdown-item dropdown-item-parent" data-title="Qalo">Qalo</a></li><li><a href="/brand/rego" class="dropdown-item dropdown-item-parent" data-title="Rego">Rego</a></li><li><a href="/brand/rembrandt-charms" class="dropdown-item dropdown-item-parent" data-title="Rembrandt Charms">Rembrandt Charms</a></li><li><a href="/brand/royal-chain" class="dropdown-item dropdown-item-parent" data-title="Royal Chain">Royal Chain</a></li><li><a href="/brand/stuller" class="dropdown-item dropdown-item-parent" data-title="Stuller">Stuller</a></li><li><a href="/brand/unique-settings" class="dropdown-item dropdown-item-parent" data-title="Unique Settings">Unique Settings</a></li></ul><!-- div or ul.dropdown-menu --></li> 174 <li class="dropdown nav-item "><a href="#" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true" class="nav-link " id="menu-item-edu-list-5">Education</a><ul class="dropdown-menu menu-edu-list dropdown-menu-left" aria-labelledby="menu-item-edu-list-5"><li><a href="/education" class="dropdown-item">Jewelry Education</a></li><li class="dropdown dropdown-submenu"><button type="button" class="dropdown-item dropdown-item-parent parent-has-kids" id="submenu-item-edu-list-5-1">Diamond Education</button><button type="button" class="dropdown-plus d-flex d-md-none" data-bs-toggle="dropdown" aria-expanded="false" aria-label="Toggle submenu" id="submenu-item-plus-edu-list-5-1" data-children-count="2"><i class="icon-plus" aria-hidden="true"></i></button><ul id="nav-edu-diamond-education" class="dropdown-menu menu-edu-diamond-education dropdown-menu-left" aria-labelledby="submenu-item-edu-list-5-1" role="menu"><li role="none"><a href="/education-diamonds" class="dropdown-item" role="menuitem">The Four Cs of Diamonds</a></li><li role="none"><a href="/education-diamond-buying" class="dropdown-item" role="menuitem">Diamond Buying Tips</a></li></ul></li><li class="dropdown dropdown-submenu"><button type="button" class="dropdown-item dropdown-item-parent parent-has-kids" id="submenu-item-edu-list-5-2">Learn About Gemstones</button><button type="button" class="dropdown-plus d-flex d-md-none" data-bs-toggle="dropdown" aria-expanded="false" aria-label="Toggle submenu" id="submenu-item-plus-edu-list-5-2" data-children-count="2"><i class="icon-plus" aria-hidden="true"></i></button><ul id="nav-edu-learn-about-gemstones" class="dropdown-menu menu-edu-learn-about-gemstones dropdown-menu-left" aria-labelledby="submenu-item-edu-list-5-2" role="menu"><li role="none"><a href="/education-gemstones#birthstones" class="dropdown-item" role="menuitem">Birthstone Guide</a></li><li role="none"><a href="/education-gemstones#gemstones" class="dropdown-item" role="menuitem">Gemstone Guide</a></li></ul></li><li class="dropdown dropdown-submenu"><button type="button" class="dropdown-item dropdown-item-parent parent-has-kids" id="submenu-item-edu-list-5-3">Jewelry Care</button><button type="button" class="dropdown-plus d-flex d-md-none" data-bs-toggle="dropdown" aria-expanded="false" aria-label="Toggle submenu" id="submenu-item-plus-edu-list-5-3" data-children-count="3"><i class="icon-plus" aria-hidden="true"></i></button><ul id="nav-edu-jewelry-care" class="dropdown-menu menu-edu-jewelry-care dropdown-menu-left" aria-labelledby="submenu-item-edu-list-5-3" role="menu"><li role="none"><a href="/education-jewelry-care" class="dropdown-item" role="menuitem">Caring for Fine Jewelry</a></li><li role="none"><a href="/education-diamond-care" class="dropdown-item" role="menuitem">Diamond Cleaning</a></li><li role="none"><a href="/education-gemstone-care" class="dropdown-item" role="menuitem">Gemstone Cleaning</a></li></ul></li><li><a href="/education-settings" class="dropdown-item">Choosing The Right Setting</a></li><li><a href="/education-metals" class="dropdown-item">Precious Metals</a></li><li><a href="/education-anniversary-guide" class="dropdown-item">
174Anniversary Guide</a></li><li><a href="/education-gold-buying" class="dropdown-item">Gold Buying Guide</a></li></ul><!-- .dropdown-menu --></li> 175 <li class="dropdown nav-item "><a href="#" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true" class="nav-link " id="menu-item-default-6">About</a><ul class="dropdown-menu menu-default dropdown-menu-left" aria-labelledby="menu-item-default-6"><li><a href="/pages/about-us" data-url="/pages/about-us" class="dropdown-item dropdown-item-parent " id="submenu-item-default-6-1">Our Store</a></li><li><a href="/services" data-url="/services" class="dropdown-item dropdown-item-parent " id="submenu-item-default-6-2">Repairs & Engraving</a></li><li><a href="/staff" data-url="/staff" class="dropdown-item dropdown-item-parent " id="submenu-item-default-6-3">Meet Our Staff</a></li><li><a href="/social-media" data-url="/social-media" class="dropdown-item dropdown-item-parent " id="submenu-item-default-6-4">Latest Posts</a></li><li><a href="/testimonials" data-url="/testimonials" class="dropdown-item dropdown-item-parent " id="submenu-item-default-6-5">Testimonials</a></li><li><a href="/make-an-appointment" data-url="/make-an-appointment" class="dropdown-item dropdown-item-parent " id="submenu-item-default-6-6">Make An Appointment</a></li></ul><!-- .dropdown-menu --></li> 176 <li class=" nav-item "><a href="/contact" class="nav-link ">Contact</a></li> 177 <li class="dropdown nav-item item-search"> 178 <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="menu" aria-expanded="false" aria-label="Search"><i class='icon-search'></i></a> 179 <div class="dropdown-menu menu-search dropdown-menu-right" > 180 <div class="px-2"> 181 <form action="/jewelry" role="search" method="GET" autocomplete="off" toolname="searchProductsKeyword" tooldescription="Search the store jewelry catalog by keyword, category, or brand" toolautosubmit> 182 <div class="input-group"> 183 <label for="nav-search-kw" class="sr-only">Search for...</label> 184 <input type="text" class="form-control" id="nav-search-kw" name="kw" placeholder="Search for..." aria-label="Search for..."> 185 <span class="input-group-btn"> 186 <button class="btn btn-default px-3" type="submit" aria-label="Submit search"><i class="icon-search" aria-hidden="true"></i></button> 187 </span> 188 </div> 189 </form>
190 </div> 191 </div> 192 </li> 193 <li class="nav-item item-universal-cart-toggle item-cart"> 194 <button type="button" class="nav-link toggle-universal-cart" data-bs-toggle="offcanvas" data-bs-target="#universal-cart" aria-controls="universal-cart" aria-expanded="false" aria-label="Toggle Shopping Cart"> 195 <i class='icon-shopping-cart'></i> 196 </button> 197 </li> 198 <li class="dropdown nav-item item-account"> 199 <a href="#" class="nav-link dropdown-toggle " data-bs-toggle="dropdown" data-bs-hover="dropdown" data-bs-auto-close="outside" aria-haspopup="dialog" aria-controls="menu-item-login-dialog-left-account-10" aria-expanded="false" id="menu-item-left-account-10" aria-label="My Account Menu"><i class='icon-user'></i><span class="sr-only">Toggle My Account Menu</span></a> 200 <div id="menu-item-login-dialog-left-account-10" role="dialog" aria-label="My Account" class="dropdown-menu menu-account dropdown-menu-right my-account-dropdown punchmarkLogin"> 201 <div class="loginWrap"> 202 203 <div data-login-panel="login"> 204 <div class="sr-only">Login</div> 205 <form class="login" method="POST" action="javascript:void(0)"> 206 <div class="form-floating"> 207 <input type="text" name="username" id="menu-item-login-dialog-left-account-10-username" placeholder="username" class="form-control input-md" autocomplete="username" value="" disabled> 208 <label for="menu-item-login-dialog-left-account-10-username">Username</label> 209 </div> 210 <div class="form-floating mt-1 login-field-password"> 211 <input type="password" name="password" id="menu-item-login-dialog-left-account-10-password" placeholder="password" class="form-control input-md" autocomplete="current-password" value="" disabled> 212 <label for="menu-item-login-dialog-left-account-10-password" class="passwordLabel">Password</label> 213 <button type="button" class="login-reveal" data-login-action="reveal" aria-controls="menu-item-login-dialog-left-account-10-password" aria-pressed="false" aria-label="Show password" disabled> 214 <svg width="20" height="16" viewBox="0 0 576 512" fill="currentColor" aria-hidden="true" focusable="false"><path d="M288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM144 256a144 144 0 1 1 288 0 144 144 0 1 1 -288 0zm144-64c0 35.3-28.7 64-64 64c-7.1 0-13.9-1.2-20.3-3.3c-5.5-1.8-11.9 1.6-11.7 7.4c.3 6.9 1.3 13.8 3.2 20.7c13.7 51.2 66.4 81.6 117.6 67.9s81.6-66.4 67.9-117.6c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3z"/></svg> 215 </button> 216 </div> 217 <div class="form-group d-flex justify-content-between mb-3"> 218 <button type="button" data-login-action="forgot" class="btn btn-link small p-0 mt-2" disabled>Forgot your password?</button> 219 </div> 220 <div class="small text-danger mb-2" data-login-error role="alert"></div> 221 <button class="btn btn-primary btn-lg btn-block" type="submit" disabled>Log In</button> 222 </form> 223 224 <p class="pt-3 small text-center mb-0 signUp"> 225 Don’t have an account? 226 <a href="/register" class="fw-bold d-block">Sign up now</a> 227 </p> 228 </div> 229 <div data-login-panel="forgot" hidden> 230 <div class="login-panel-title">Reset your password</div> 231 <p class="text-reset login-panel-intro">Enter the email address on your account and we’ll send you a recovery link.</p> 232 <form class="login" method="POST" action="javascript:void(0)"> 233 <div class="form-floating"> 234 <input type="email" name="emailAddress" id="menu-item-login-dialog-left-account-10-emailAddress" placeholder="email address" class="form-control input-md" autocomplete="email" value="" disabled> 235 <label for="menu-item-login-dialog-left-account-10-emailAddress">Email Address</label> 236 </div> 237 <div class="small text-danger mb-2" data-login-error role="alert"></div> 238 <div class="small login-panel-note mb-2" data-login-note role="status"></div> 239 <div class="d-block forgotPasswordBtns mt-2"> 240 <button type="submit" class="btn btn-primary btn-md btn-block mx-0" disabled>Send Recovery Link</button> 241 <button type="button" class="btn btn-default btn-md btn-block mt-2 mx-0" data-login-action="back" disabled>Back to sign in</button> 242 </div> 243 </form> 244 </div> 245 <ul data-login-panel="account" class="list-unstyled mb-0" hidden> 246 <li><a href="/myaccount" class="dropdown-item">My Account</a></li> 247 <li><a href="/myaccount-orders" class="dropdown-item">Track My Order</a></li> 248 <li><a href="/myaccount-wishlist" class="dropdown-item">Wishlist</a></li> 249 <li class="dropdown-divider my-2"></li> 250 <li><a href="/logout" class="dropdown-item">Logout</a></li> 251 </ul>
252 </div> 253 </div> 254 </li></ul> 255 </div> 256 </div> 257</nav> 258 259 260 261 </div> 262 </div> 263 </div> 264 265 266</header> 267<main id="main-content" tabindex="-1"><section id="content-header" aria-labelledby="page-title"><div class="container"> 268 <nav id="page-breadcrumb" aria-label="Breadcrumb trail"> 269 <ol class="breadcrumb breadcrumb-widget justify-content-start"> 270 <li class="breadcrumb-item"><a href="/">Home</a></li><li class="breadcrumb-item active" aria-current="page">Ring Settings</li> 271 </ol> 272 </nav><h1 id="page-title">Ring Settings</h1></div></section><section id="content-body" aria-label="Main content"> 273<section class="default grid-section ringsettings-section grid-section-block-3"> 274 <div class="container"> 275 <div class="row"> 276 <div class="col-sm-12"> 277 278 279 <div class="d-flex widget text-left w-100 mb-20 widget erd-steps" style="overflow: hidden;"> 280 <div class="steps-1-2-3-block active"> 281 <div class="d-flex step"> 282 <span class="step-number">1</span> 283 <span class="title"> 284 <strong>Choose a Ring</strong> 285 <a href="/ringsettings" class="text-default d-none d-md-block">Search</a> 286 287 </span> 288 <span class="image"> 289 <i class="erd-empty-ring"></i> 290 </span> 291 <span class="rhombus"></span> 292 <span class="rhombus-top"></span> 293 </div> 294 </div> 295 <div class="steps-1-2-3-block active"> 296 <div class="d-flex step"> 297 <span class="step-number">2</span> 298 <span class="title"> 299 <strong>Choose a Diamond</strong> 300 <a href="/ringsettings-diamonds" class="text-default d-none d-md-block">Search</a> 301 302 </span> 303 <span class="image"> 304 <i class="erd-diamond"></i> 305 </span> 306 <span class="rhombus"></span> 307 <span class="rhombus-top"></span> 308 </div> 309 </div> 310 <div class="steps-1-2-3-block active"> 311 <div class="d-flex step"> 312 <span class="step-number">3</span> 313 <span class="title"> 314 <strong>Complete Ring</strong> 315 <a href="/ringsettings-complete" class="text-default d-none d-md-block disabled"disabled>Review Your Ring</a> 316 </span> 317 <span class="image"> 318 <i class="erd-diamond-ring"></i> 319 </span> 320 <span class="rhombus hide"></span> 321 <span class="rhombus-top hide"></span> 322 </div> 323 </div> 324 </div> 325<div class="row"> 326 327 <div class="col-12"> 328 329 <div class="d-block border d-flex justify-content-center align-items-center"> 330 <button class="btn btn-link btn-sm" type="button" id="settingStylesToggle" data-bs-toggle="collapse" data-bs-target="#setting-styles" aria-expanded="true" aria-controls="setting-styles"><span>Styles</span></button> 331 </div> 332 <div id="setting-styles" class="collapse show big-ring-settings-wrap w-100"> 333 <ul class="grid-topbar-elem-list big-ring-settings"> 334 <li><a href="javascript:void(0)"><i class="big-setting-solitaire"></i><span data-value=20>Solitaire</span></a></li><li><a href="javascript:void(0)"><i class="big-setting-threestone"></i><span data-value=3>Three Stone</span></a></li><li><a href="javascript:void(0)"><i class="big-setting-halo"></i><span data-value=10>Halo</span></a></li><li><a href="javascript:void(0)"><i class="big-setting-vintage"></i><span data-value=16>Antique</span></a></li><li><a href="javascript:void(0)"><i class="big-setting-channel-set"></i><span data-value=19>Single Row</span></a></li><li><a href="javascript:void(0)"><i class="big-setting-splitshank"></i><span data-value=18>Multi Row</span></a></li><li><a href="javascript:void(0)"><i class="big-setting-bypass"></i><span data-value=17>Bypass</span></a></li> 335 </ul> 336 </div> 337 </div> 338 339 <div class="col-12"> 340 <div class="d-block border d-flex justify-content-center align-items-center"> 341 <button class="btn btn-link btn-sm" type="button" id="settingMetalTypeToggle" data-bs-toggle="collapse" data-bs-target="#setting-metal-type" aria-expanded="true" aria-controls="setting-metal-type"><span>Filters</span></button> 342 </div> 343 <div id="setting-metal-type" class="collapse show big-metal-types-wrap w-100"> 344 <div class="row" style="width:calc(100% + 20px);"> 345 <div class="col-12 col-lg-7 py-3 d-flex align-items-center flex-column justify-content-center"> 346 <ul class="grid-topbar-elem-list big-metal-types"> 347 <li class="active"><a href="javascript:void(0)"><span class="metal-type-circles all-types"><i> </i><i> </i><i> </i></span><span>All Metals</span></a></li> 348 <li><a href="javascript:void(0)"><span class="metal-type-circles wg-types"><i> </i></span><span>White Gold</span></a></li> 349 <li><a href="javascript:void(0)"><span class="metal-type-circles yg-types"><i> </i></span><span>Yellow Gold</span></a></li> 350 <li><a href="javascript:void(0)"><span class="metal-type-circles pl-types"><i> </i></span><span>Platinum</span></a></li> 351 <li><a href="javascript:void(0)"><span class="metal-type-circles rg-types"><i> </i></span><span>Rose Gold</span></a></li> 352 </ul> 353 </div> 354 <div class="col-12 col-lg-5 pt-2 pb-3 d-flex align-items-center flex-column justify-content-center"> 355 <label class="price-range-label text-center font-weight-normal pl-10 pr-20 my-0 d-flex justify-content-center align-items-center"><i class="icon-arrow-left d-block"></i><span class="d-block px-2" style="margin-top:1px">Setting Price Range</span><i class="icon-arrow-right d-block"></i></label> 356 <div id="settings-price-range" class="diamond-range-slider pr-20 w-100 pb-4 pb-lg-0"> 357 <input class="range-slider" type="text" value="" data-sli
357der-min="0" data-slider-max="14999" data-slider-step="500" data-slider-value="[0,499999]" data-slider-tooltip="hide" /> 358 <div class="form-row input-row"> 359 <div class="form-group col-6 mb-0"><input class="min form-control input-xs" type="text" value="No minimum"></div> 360 <div class="form-group col-6 mb-0"><input class="max form-control input-xs" type="text" value="Unlimited"></div> 361 </div> 362 </div> 363 364 </div> 365 </div> 366 </div> 367 </div> 368 369 <div class="col-12"> 370 <ul class="grid-topbar-nav nav"> 371 <li class="nav-item dropdown w-100 w-md-auto nav-item-shape"> 372 <a class="nav-link dropdown-toggle shapes-toggle text-center text-md-left" href="javascript:void(0)" data-bs-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Can be set with: <span class="font-weight-normal"></span></a> 373 <div class="dropdown-menu shapes-dd"> 374 <div class="d-flex"> 375 <a href="javascript:void(0)"><i class="dia-round"></i><span class="diamond-shape" data-value=1>Round</span></a> 376 <a href="javascript:void(0)"><i class="dia-princess"></i><span class="diamond-shape" data-value=2>Princess</span></a> 377 <a href="javascript:void(0)"><i class="dia-emerald"></i><span class="diamond-shape" data-value=3>Emerald</span></a> 378 <a href="javascript:void(0)"><i class="dia-asscher"></i><span class="diamond-shape" data-value=4>Asscher</span></a> 379 </div> 380 <div class="d-flex"> 381 <a href="javascript:void(0)"><i class="dia-cushion"></i><span class="diamond-shape" data-value=9>Cushion</span></a> 382 <a href="javascript:void(0)"><i class="dia-oval"></i><span class="diamond-shape" data-value=6>Oval</span></a> 383 <a href="javascript:void(0)"><i class="dia-pear"></i><span class="diamond-shape" data-value=8>Pear</span></a> 384 <a href="javascript:void(0)"><i class="dia-marquise"></i><span class="diamond-shape" data-value=5>Marquise</span></a> 385 </div> 386 </div> 387 </li> 388 <li class="nav-item dropdown ml-auto d-flex align-items-center justify-content-center w-100 w-md-auto mb-3 mb-md-0"> 389 390 <label class="mb-0"> 391 <span class="text-normal">Sort by: </span> 392 <select id="sortSpec" class="selectpicker sortByMenuOptions" data-width="140px" data-style="form-control input-sm"> 393 <option value="">Default</option> 394 <option value="featured" selected>Featured</option> 395 <option value="hightolow">High to Low</option> 396 <option value="lowtohigh">Low to High</option> 397 <option value="newest">Newest</option> 398 </select> 399 </label> 400 </li> 401 </ul> 402 </div> 403</div> 404<div class="row"> 405 <div class="col-12 col-sm-auto grid-col"> 406 <div class="col-12 mb-3 sticky"> 407 <hr class="my-0"> 408 <div class="d-flex justify-content-center"> 409 410 <div class="d-block text-center py-2 w-50 border-right"><button id="clear-filters" class="btn btn-link btn-sm clear-btn" type="button"><i class="icon-close"></i> <span>Clear Filters</span></button></div> 411 <div class="d-block text-center py-2 w-50"><div class="btn btn-link btn-sm view-btn"><span>View</span> <button type="button" class="grid-layout-tiles active" data-layout-type="tiles"><i class="icon-th-large"></i></button> <button type="button" class="grid-layout-list" data-layout-type="list"><i class="icon-th-list"></i></button></div></div> 412 </div> 413 <hr class="my-0"> 414 </div> 415 <div class="col-12"> 416 <div class="d-flex justify-content-center flex-wrap pb-3" id="active-filters"> 417 418 </div> 419 </div> 420 <div class="grid-top-pagination hide"> 421 422 <div class="col-12 py-0"> 423 <nav aria-label="pager" class="mt-20 mb-30"> 424 <ul class="pagination prev-next"> 425 <li class="page-item disabled"> 426 <a data-page="prev" class="page-link" href="javascript:void(0)" tabindex="-1">Previous</a> 427 </li> 428 <li class="page-item"> 429 <a data-page="next" class="page-link" href="javascript:void(0)">Next</a> 430 </li> 431 </ul> 432 </nav> 433 <nav aria-label="pagination" class="grid-nav-pages"> 434 <ul class="pagination round"> 435 <li class="page-item active"><a class="page-link" href="javascript:void(0)">1 <span class="sr-only">(current)</span></a></li> 436 <li class="page-item"><a class="page-link" href="javascript:void(0)">2</a></li> 437 <li class="page-item"><a class="page-link" href="javascript:void(0)">3</a></li> 438 <li class="page-item"><a class="page-link" href="javascript:void(0)">4</a></li> 439 <li class="page-item">...</li> 440 <li class="page-item"><a class="page-link" href="javascript:void(0)">37</a></li> 441 </ul> 442 </nav> 443 </div> 444 </div> 445 <div class="col-12 d-flex justify-content-center align-items-center mb-20 mt-2">
446 <label id="productCount" class="mb-0 text-normal"></label> 447 </div> 448 <section class="default p-0"> 449 <div class="container pt-20 pb-0"> 450 <div class="row"> 451 <div class="col-12 py-0 px-0"> 452 <div class="grid-container" style="margin-left: 0 !important;margin-right: 0 !important;"> 453 <div class="grid" data-grid-mobile-cols="2" data-grid-cols="4"> 454 <div class="grid-sizer"></div> 455 456 <div class="grid-item w-100"> 457 <div class="widget text-center pb-80" style="background: none !important;"> 458 <div class="grid-image-box d-flex align-items-center justify-content-center" style="opacity:1 !important;background: none !important;"> 459 <a class="grid-item-hoverbox" style="opacity:1 !important;background: none !important;"></a> 460 <div class="pt-80 h6 mb-0 small" style="letter-spacing:.06rem !important;">Loading Rings</div> 461 </div> 462 </div> 463 </div> 464 </div> 465 </div> 466 </div> 467 </div> 468 </div> 469 </section> 470 <div class="grid-bottom-pagination hide"> 471 472 <div class="col-12 py-0"> 473 <nav aria-label="pager" class="mt-20 mb-30"> 474 <ul class="pagination prev-next"> 475 <li class="page-item disabled"> 476 <a data-page="prev" class="page-link" href="javascript:void(0)" tabindex="-1">Previous</a> 477 </li> 478 <li class="page-item"> 479 <a data-page="next" class="page-link" href="javascript:void(0)">Next</a> 480 </li> 481 </ul> 482 </nav> 483 <nav aria-label="pagination" class="grid-nav-pages"> 484 <ul class="pagination round"> 485 <li class="page-item active"><a class="page-link" href="javascript:void(0)">1 <span class="sr-only">(current)</span></a></li> 486 <li class="page-item"><a class="page-link" href="javascript:void(0)">2</a></li> 487 <li class="page-item"><a class="page-link" href="javascript:void(0)">3</a></li> 488 <li class="page-item"><a class="page-link" href="javascript:void(0)">4</a></li> 489 <li class="page-item">...</li> 490 <li class="page-item"><a class="page-link" href="javascript:void(0)">37</a></li> 491 </ul> 492 </nav> 493 </div> 494 </div> 495
495<script type="text/x-tmpl" id="jewelry-item-template"> 496 <div class="grid-item{%=o.wishlistClass%}{%=o.cartClass%}" data-item="{%=o.itemID%}"> 497 <div class="widget"> 498 <div class="grid-image-box position-relative"> 499 500 <div class="d-flex position-absolute hover-buttons justify-content-between not-in-list"> 501 <button aria-label="Add this item to my shopping cart" class="btn-cart d-block{%=o.cartHideClass%}"{%=o.cartAction%} title="{%=o.cartText%}"><i class="icon-shopping-{%=o.cartIcon%}"></i></button> 502 <button aria-label="Inquire about this item" aria-haspopup="dialog" class="btn-inquire d-block{%=o.inquireHideClass%}"{%=o.inquireAction%} data-item="{%=o.itemID%}" title="{%=o.inquireText%}"><i class="icon-envelope"></i></button> 503 <button aria-label="Quick view" class="btn-quick-view d-block"><i class="icon-eye"></i></button> 504 </div> 505 506 {% if( o.posProduct === true && 1 === o.enableCheckout && 0 !== o.stockLevel && 1 === o.showInStockBadgeEdgeItems ){ %} 507 <span class="grid-item-pos-product">In stock</span> 508 {% } %} 509 510 <a href="{%=o.itemUrl%}" class="d-block grid-item-image-block-a"> 511 <div class="color-overlay"></div> 512 {% if( o.imageExt != "mp4" ){ %} 513 <div class="grid-item-image-block d-block lazy" style="background-position: center center; background-repeat: no-repeat; background-size: cover;" data-src="{%=o.image%}"> 514 </div> 515 {% } else { %} 516 <video class="grid-item-image-block d-block" loop muted playsinline> 517 <source src="{%=o.image%}" type="video/mp4"> 518 <object class="aligncenter" type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="600" height="600"> 519 <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf"> 520 <param name="allowFullScreen" value="true"> 521 <param name="wmode" value="transparent"> 522 <param name="flashvars" value="config={}"> 523 <img src="//placeholder.shopfinejewelry.com/600x600/eeeeee/111111?text=VIDEO" title="Your browser does not support the <video> tag" width="600" height="600"> 524 </object> 525 </video> 526 {% } %} 527 {% if(o.posProduct === true && 1 === o.enableCheckout && 0 !== o.stockLevel && 1 === o.showInStockBadgeEdgeItems){ %} 528 <span class="grid-item-pos-product">In stock</span> 529 {% } %} 530 </a> 531 532 {% if( o.image3 || o.image4 || o.image5 ){ %} 533 534 <div class="grid-item-hoverbox-slider image-block d-block"> 535 <div id="grid-item-slider-{%=o.itemID%}" class="owl-carousel column-slider grid-item-slider h-100"> 536 537 <div class="item"> 538 <a href="{%=o.itemUrl%}" class="grid-item-hoverbox image-block d-block"> 539 <div class="color-overlay"></div> 540 541 {% if( o.imageExt != "mp4" ){ %} 542 543 <div class="grid-item-image-block d-block lazy" style="background-position: center center; background-repeat: no-repeat; background-size: cover;" data-src="{%=o.image%}"> 544 <img src="//placeholder.shopfinejewelry.com/600x600/eeeeee/111111?text=Image+1" class="placeholder" alt="{%#o.gridTitleAltTag%} available at {STORENAME}" width="600" height="600"> 545 </div> 546 547 {% } else { %} 548 549 <video class="grid-item-image-block d-block" loop muted playsinline> 550 <source src="{%=o.image%}" type="video/mp4"> 551 <object class="aligncenter" type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="600" height="600"> 552 <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf"> 553 <param name="allowFullScreen" value="true"> 554 <param name="wmode" value="transparent"> 555 <param name="flashvars" value="config={}"> 556 <img src="//placeholder.shopfinejewelry.com/600x600/eeeeee/111111?text=VIDEO" title="Your browser does not support the <video> tag" width="600" height="600"> 557 </object> 558 </video> 559 560 {% } %} 561 {% if( o.posProduct === true && 1 === o.enableCheckout && 0 !== o.stockLevel && 1 === o.showInStockBadgeEdgeItems){ %} 562 <span class="grid-item-pos-product">In stock</span> 563 {% } %} 564 565 </a> 566 </div> 567 568 {% if( o.image2 && o.image2.indexOf("marketing.jewelryimages.net")
568== -1 ){ %} 569 <div class="item"> 570 <a href="{%=o.itemUrl%}" class="grid-item-hoverbox image-block d-block"> 571 <div class="color-overlay"></div> 572 {% if( o.image2Ext != "mp4" ){ %} 573 <div class="grid-item-image-block d-block lazy" style="background-position: center center; background-repeat: no-repeat; background-size: cover;" data-src="{%=o.image2%}"> 574 <img src="//placeholder.shopfinejewelry.com/600x600/eeeeee/111111?text=Image+2" class="placeholder" alt="{%#o.gridTitleAltTag%} available at {STORENAME}" width="600" height="600"> 575 </div> 576 {% } else { %} 577 <video class="grid-item-image-block d-block" loop muted playsinline> 578 <source src="{%=o.image2%}" type="video/mp4"> 579 <object class="aligncenter" type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="600" height="600"> 580 <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf"> 581 <param name="allowFullScreen" value="true"> 582 <param name="wmode" value="transparent"> 583 <param name="flashvars" value="config={}"> 584 <img src="//placeholder.shopfinejewelry.com/600x600/eeeeee/111111?text=VIDEO" title="Your browser does not support the <video> tag" width="600" height="600"> 585 </object> 586 </video> 587 {% } %} 588 {% if( o.posProduct === true && 1 === o.enableCheckout && 0 !== o.stockLevel && 1 === o.showInStockBadgeEdgeItems){ %} 589 <span class="grid-item-pos-product">In stock</span> 590 {% } %} 591 </a> 592 </div> 593 {% } %} 594 {% if( o.image3 && o.image3.indexOf("marketing.jewelryimages.net") == -1 ){ %} 595 <div class="item"> 596 <a href="{%=o.itemUrl%}" class="grid-item-hoverbox image-block d-block"> 597 <div class="color-overlay"></div> 598 {% if( o.image3Ext != "mp4" ){ %} 599 <div class="grid-item-image-block d-block lazy" style="background-position: center center; background-repeat: no-repeat; background-size: cover;" data-src="{%=o.image3%}"> 600 <img src="//placeholder.shopfinejewelry.com/600x600/eeeeee/111111?text=Image+3" class="placeholder" alt="{%#o.gridTitleAltTag%} available at {STORENAME}" width="600" height="600"> 601 </div> 602 {% } else { %} 603 <video class="grid-item-image-block d-block" loop muted playsinline> 604 <source src="{%=o.image3%}" type="video/mp4"> 605 <object class="aligncenter" type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="600" height="600"> 606 <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf"> 607 <param name="allowFullScreen" value="true"> 608 <param name="wmode" value="transparent"> 609 <param name="flashvars" value="config={}"> 610 <img src="//placeholder.shopfinejewelry.com/600x600/eeeeee/111111?text=VIDEO" title="Your browser does not support the <video> tag" width="600" height="600"> 611 </object> 612 </video> 613 {% } %} 614 {% if( o.posProduct === true && 1 === o.enableCheckout && 0 !== o.stockLevel && 1 === o.showInStockBadgeEdgeItems){ %} 615 <span class="grid-item-pos-product">In stock</span> 616 {% } %} 617 </a> 618 </div> 619 {% } %} 620 {% if( o.image4 && o.image4.indexOf("marketing.jewelryimages.net") == -1 ){ %} 621 <div class="item"> 622 <a href="{%=o.itemUrl%}" class="grid-item-hoverbox image-block d-block"> 623 <div class="color-overlay"></div> 624 {% if( o.image4Ext != "mp4" ){ %} 625 <div class="grid-item-image-block d-block lazy" style="background-position: center center; background-repeat: no-repeat; background-size: cover;" data-src="{%=o.image4%}"> 626 <img src="//placeholder.shopfinejewelry.com/600x600/eeeeee/111111?text=Image+4" class="placeholder" alt="{%#o.gridTitleAltTag%} available at {STORENAME}" width="600" height="600"> 627 </div> 628 {% } else { %} 629 <video class="grid-item-image-block d-block" loop muted playsinline> 630 <source src="{%=o.image4%}" type="video/mp4"> 631 <object class="aligncenter" type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="600" height="600"> 632 <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf"> 633 <param name="allowFullScreen" value="true"> 634 <param name="wmode" value="transparent"> 635 <param name="flashvars" value="config={}"> 636 <img src="//placeholder.shopfinejewelry.com/600x600/eeeeee/111111?text=VIDEO" title="Your browser does not support the <video> tag" width="600" height="600"> 637 </object> 638 </video> 639 {% } %} 640 {% if( o.posProduct === true && 1 === o.enableCheckout && 0 !== o.stockLevel && 1 === o.showInStockBadgeEdgeItems){ %} 641 <span class="grid-item-pos-product">In stock</span> 642 {% } %} 643 </a> 644 </div> 645 {% } %} 646 {% if( o.image5 && o.image5.indexOf("marketing.jewelryimages.net")
646== -1 ){ %} 647 <div class="item"> 648 <a href="{%=o.itemUrl%}" class="grid-item-hoverbox image-block d-block"> 649 <div class="color-overlay"></div> 650 {% if( o.image5Ext != "mp4" ){ %} 651 <div class="grid-item-image-block d-block lazy" style="background-position: center center; background-repeat: no-repeat; background-size: cover;" data-src="{%=o.image5%}"> 652 <img src="//placeholder.shopfinejewelry.com/600x600/eeeeee/111111?text=Image+5" class="placeholder" alt="{%#o.gridTitleAltTag%} available at {STORENAME}" width="600" height="600"> 653 </div> 654 {% } else { %} 655 <video class="grid-item-image-block d-block" loop muted playsinline> 656 <source src="{%=o.image5%}" type="video/mp4"> 657 <object class="aligncenter" type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="600" height="600"> 658 <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf"> 659 <param name="allowFullScreen" value="true"> 660 <param name="wmode" value="transparent"> 661 <param name="flashvars" value="config={}"> 662 <img src="//placeholder.shopfinejewelry.com/600x600/eeeeee/111111?text=VIDEO" title="Your browser does not support the <video> tag" width="600" height="600"> 663 </object> 664 </video> 665 {% } %} 666 {% if( o.posProduct === true && 1 === o.enableCheckout && 0 !== o.stockLevel && 1 === o.showInStockBadgeEdgeItems){ %} 667 <span class="grid-item-pos-product">In stock</span> 668 {% } %} 669 </a> 670 </div> 671 {% } %} 672 </div> 673 </div> 674 675 {% } else { %} 676 677 {%= console.log(o) %} 678 679 {% if( o.image2 ){ %} 680 {% if( o.image2Ext != "mp4" ){ %} 681 <a href="{%=o.itemUrl%}" class="grid-item-hoverbox image-block d-block thisone yep"> 682 <div class="color-overlay"></div> 683 <div class="grid-item-image-block d-block lazy" style="background-position: center center; background-repeat: no-repeat; background-size: cover;" data-src="{%=o.image2%}"> 684 </div> 685 {% if( o.posProduct === true && 1 === o.enableCheckout && 0 !== o.stockLevel && 1 === o.showInStockBadgeEdgeItems){ %} 686 <span class="grid-item-pos-product">In stock</span> 687 {% } %} 688 </a> 689 {% } else { %} 690 <a href="{%=o.itemUrl%}" class="grid-item-hoverbox image-block d-block"> 691 <div class="color-overlay"></div> 692 <video class="grid-item-image-block d-block" loop muted playsinline> 693 <source src="{%=o.image2%}" type="video/mp4"> 694 <object class="aligncenter" type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="600" height="600"> 695 <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf"> 696 <param name="allowFullScreen" value="true"> 697 <param name="wmode" value="transparent"> 698 <param name="flashvars" value="config={" clip":="" {"url":"="" media="" imgs-s1.jewelryimages.net="" vendor-jewelry-images="" galleries="" overnight="" videos="" 50541-e.video.mp4","autoplay":false,="" "autobuffering":true="" }}"=""> 699 <img src="//placeholder.shopfinejewelry.com/600x600/eeeeee/111111?text=VIDEO" title="Your browser does not support the <video> tag" width="600" height="600"> 700 </object> 701 </video> 702 {% if( o.posProduct === true && 1 === o.enableCheckout && 0 !== o.stockLevel && 1 === o.showInStockBadgeEdgeItems){ %} 703 <span class="grid-item-pos-product">In stock</span> 704 {% } %} 705 </a> 706 {% } %} 707 {% } %} 708 709 {% } %} 710 <img src="//placeholder.shopfinejewelry.com/600x600" class="placeholder" alt="{%#o.gridTitleAltTag%} available at {STORENAME}" width="600" height="600"> 711 </div> 712 <div class="widget-inner d-flex no-decor"> 713 <div class="w-100 h4 text-center mb-0"> 714 {% if( o.gridVendor ){ %} 715 <div class="not-in-list d-flex align-items-start pt-1 pb-2"> 716 <div class="grid-item-brand w-100 text-default mb-0">{%#o.gridVendor%}</div> 717 <button aria-label="Add this item to my wish list" class="btn-wishlist{%=o.wishlistHideClass%}" data-wishlistaction="{%=o.wishlistAction%}" data-itemid="{%=o.itemID%}"><i class="icon-heart-o"></i></button> 718 </div> 719 {% } else { %} 720 <div class="not-in-list d-block no-vendor"> 721 <div class="d-flex align-items-start pt-10"> 722 <div class="grid-item-title text-dark w-100">{%#o.gridTitle%}</div> 723 <button aria-label="Add this item to my wish list" class="btn-wishlist{%=o.wishlistHideClass%}" data-wishlistaction="{%=o.wishlistAction%}" data-itemid="{%=o.itemID%}"><i class="icon-heart-o"></i></button> 724 </div> 725 <div class="grid-item-price text-dark w-auto text-nowrap">{%#o.gridPrice%}</div> 726 {% if( o.availabilityText != "" ){ %} 727 <div class="grid-item-availability text-default w-auto text-nowrap">{%#o.availabilityText%}</div> 728 {% } %} 729 </div> 730 {% } %} 731 {% if( o.gridVendor ){ %} 732 <div class="grid-item-title text-dark w-100 pt-0">{%#o.gridTitle%}</div> 733 <div class="grid-item-price text-dark w-auto text-nowrap pt-1">{%#o.gridPrice%}</div> 734 {% if( o.availabilityText != "" ){ %} 735 <div class="grid-item-availability text-default w-auto text-nowrap">{%#o.availabilityText%}</div> 736 {% } %} 737 {% } %} 738 <div class="list-mode-only"> 739 <button aria-label="Add this item to my wish list" class="btn-wishlist{%=o.wishlistHideClass%}" data-wishlistaction="{%=o.wishlistAction%}" data-itemid="{%=o.itemID%}"><i class="icon-heart-o"></i></button> 740 <div class="grid-item-title text-dark">{%#o.gridTitle%}</div> 741 <div class="grid-item-price text-dark">{%#o.gridPrice%}</div> 742 {% if( o.availabilityText != "" ){ %} 743 <div class="grid-item-availability text-default w-auto text-nowrap">{%#o.availabilityText%}</div> 744 {% } %} 745 <p class="d-none d-md-block">{%#o.description%}</p> 746 <div class="d-block"> 747 <button aria-label="Add this item to my shopping cart" class="btn btn-default btn-sm btn-xs-lg btn-cart{%=o.cartHideClass%}"{%=o.cartAction%} title="{%=o.cartText%}"><i class="icon-shopping-{%=o.cartIcon%}"></i><span>{%#o.cartText%}</span></button> 748 <button aria-label="Inquire about this item" class="btn btn-default btn-sm btn-xs-lg btn-inquiry{%=o.inquireHideClass%}"{%=o.inquireAction%} data-item="{%=o.itemID%}" title="{%=o.inquireText%}"><i class="icon-envelope"></i><span>{%#o.inquireText%}</span></button> 749 <button aria-label="Quick view" class="btn btn-default btn-sm btn-xs-lg btn-quick-view"><i class="icon-eye"></i><span>Quick View</span></button> 750 </div> 751 </div> 752 </div> 753 </div> 754 </div> 755 </div> 756 757 </script>
757 758
758<script type="text/x-tmpl" id="jewelry-item-template-lg"> 759 <div class="grid-item grid-item-double-width"> 760 <div class="widget"> 761 762 <a href="{%=o.itemUrl%}" class="d-block"> 763 <div class="d-block" style="background:url({%=o.image%}) center center no-repeat;background-size:cover;"> 764 <img src="https://placeholder.shopfinejewelry.com/1200x1200" class="placeholder ad-spot"> 765 </div> 766 </a> 767 768 </div> 769 </div> 770 771 </script>
771 772
772<script type="text/x-tmpl" id="item-quickview-template"> 773 <div class="modal fade" id="quick-viewer" tabindex="-1" role="dialog" aria-labelledby="quick-viewer-label" aria-hidden="true"> 774 <div class="modal-dialog modal-lg modal-dialog-centered" role="document"> 775 <div class="modal-content"> 776 <div class="modal-body"> 777 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" style="position:absolute;z-index:100;top:10px;right:10px;left:auto;font-size:1rem !important;font-weight:bold;"> 778 <span aria-hidden="true" class="sr-only">Close</span> 779 </button> 780 781 <div class="row"> 782 783 <div class="col-12 col-sm-12 col-md-7 col-lg-7 d-flex flex-column justify-content-center align-items-center"> 784 785 <div class="column-slider-left justify-content-center align-items-center mt-10" id="jewelrydetails-image-column"> 786 787 <div id="jewelry-main-images" class="column-slider owl-carousel align-self-center owl-loaded owl-drag" data-slider-id="1" data-margin="20" data-cols-xs="1" data-cols-sm="1" data-cols-md="1" data-cols-lg="1"> 788 789 <div class="owl-item"> 790 <a href="#" id="jewelry-details-main-img-wrap-1" class="d-block widget-inner position-0 w-100 h-auto h-sm-100"> 791 <img id="jewelry-details-main-img-1" src="{%=o.image%}" class="d-block " alt="{%=o.gridTitle%}"> 792 </a> 793 </div> 794 795 </div> 796 797 </div> 798 799 <div id="jewelry-image-mobile-thumbs" class="column-slider-thumbs owl-thumbs-bottom w-100 px-10 d-flex" data-slider-id="1"> 800 <button class="thumb-item active" data-slider-thumb-id="1"><img id="jewelry-details-thumb-mobile-img-1" src="{%=o.image%}"></button> 801 </div> 802 803 </div> 804 805 <div class="col-12 col-sm-12 col-md-5 col-lg-5 default"> 806 <div class="d-flex widget flex-column justify-content-center align-items-start text-left pt-4 pb-10 w-100 widget h-100" id="product-details"> 807 <div class="content-block w-100"> 808 <div id="product-details-header" class="pb-3 pb-md-0 pt-0 pt-md-0"> 809 <div class="d-flex justify-content-between"> 810 <h3 id="jewelry-details-h1" class="mb-0 pr-2"><span style="text-transform:none !important;">{%=o.gridTitle%}</span></h3> 811 <button id="wish-list-button" class="btn btn-link btn-wishlist"><i class="icon-heart-o"></i></button> 812 </div> 813 </div> 814 <div class="pt-0 pb-3"> 815 <hr class="mb-3"> 816 <div class="d-flex justify-content-between flex-row-reverse"> 817 <div class="d-flex align-items-center"> 818 <div id="jewelry-details-brand-image" style="background: url(https://placeholder.shopfinejewelry.com/300x150/f4f4f4/f1f1f1) center center / contain no-repeat;"> 819 <img src="https://placeholder.shopfinejewelry.com/300x150" class="placeholder" style="max-width:100px" alt="{%=o.gridVendor%}"> 820 </div> 821 <span id="jewelry-details-brand-name" class="small text-default text-uppercase hide">{%=o.gridVendor%}</span> 822 </div> 823 <div class="d-flex align-items-center"> 824 <span id="product-details-price" class="h4 mb-0" style="font-size:22px">{%#o.gridPrice%}</span> 825 </div> 826 </div> 827 </div> 828 829 <p id="jewelry-details-description" class="mb-4">{%=o.description%}</p> 830 831 <div id="variation-ring-sizes" class="hide"></div> 832 833 <div id="variation-metal-types" class="hide"></div> 834 835 <input type="hidden" name="variationStyle" value=""> 836 837 <hr class="mt-3 mb-3"> 838 839 <!-- 840 <button class="btn btn-primary btn-xlg btn-block btn-shopping-cart mb-2"{%=o.cartAction%} title="{%=o.cartText%}" data-item="{%=o.itemID%}"><span>{%=o.cartText%}</span></button> 841 842 <hr class="mt-3 mb-3"> 843 844 --> 845 846 <div class="d-flex justify-content-around" style="margin-left:-0.25rem;margin-right:-0.25rem;"> 847 <div class="col px-1"> 848 <button class="btn btn-default btn-md btn-block mb-2 ringsetting-inquiry"><i class="icon-envelope-o"></i><span>Email</span></button> 849 </div> 850 <div class="col px-1"> 851 <a href="{%=o.itemUrl%}" class="btn btn-default btn-md btn-block mb-2"><i class="icon-list"></i><span>Details</span></a> 852 </div> 853 </div> 854 855 <hr class="mt-2 mb-4"> 856 857 {% if (o.styleNo) { %} 858 <span class="d-block pb-1 p small"><strong>STYLE #:</strong> <span id="jewelry-details-sku">{%=o.styleNo%}</span></span> 859 {% } %} 860 861 <!-- 862 <div class="pb-20 text-center text-md-left"> 863 <div class="addthis_inline_share_toolbox_xogo populatedByAddThisScript"></div> 864 </div> 865 --> 866 867 <!-- 868 <div class="pb-4 text-center text-md-left"> 869 870 <p class="small mb-0 font-weight-bold">EXPRESS SHIPPING, EASY RETURNS</p> 871 <p class="small">Order today for delivery by Thursday, July 26th.</p> 872 873 </div> 874 --> 875 876 </div> 877 </div> 878 </div> 879 </div> 880 881 882 883 884 885 886 887 888 889 </div> 890 </div> 891 </div> 892</div> 893 894 </script>
894 895 </div> 896</div> 897 898 </div> 899 </div> 900 </div> 901</section> 902 903<div id="grid-backdrop"></div> 904</section></main><footer id="website-footer" tabindex="-1"> 905 906 907 <div class="footer-section"> 908 <div class="container"> 909 <div class="row"> 910 911 912 <div class="col-12 col-sm-12 col-md-3 col-lg-3 text-center text-sm-center text-md-left text-lg-left "> 913 914 <div class="footer-heading h6 ">Hess & Co. Jewelers</div> 915 916 917 918 919 <address class='store-address '> 920 22 South Main Street<br>Lexington, VA 24450<br><a href='tel:(540) 463-1652' class='location-phone' aria-label='Call us at (540) 463-1652'><strong>(540) 463-1652</strong></a><br> 921 <a href='/contact?location=1' class='location-link' aria-label='Get store information'><strong class='text-uppercase small location-link'>Store Information</strong></a> 922 </address> 923 924 925 926 <div class="footer-heading h6 "><a name='hours'>Store Hours</a></div> 927 928 929 930 931 <address class='store-hours '> 932 <div class='store-hours-grid' role='table'><div class='store-hours-row' role='row'><div class='store-hours-day' role='rowheader'><strong><span aria-hidden='true'>Mon-Fri:</span><span class='sr-only'>Monday - Friday:</span></strong></div><div class='store-hours-time' role='cell'><span>10:00am - 5:00pm</span></div></div><div class='store-hours-row' role='row'><div class='store-hours-day' role='rowheader'><strong>Saturday:</strong></div><div class='store-hours-time' role='cell'><span>10:00am - 3:00pm</span></div></div><div class='store-hours-row' role='row'><div class='store-hours-day' role='rowheader'><strong>Sunday:</strong></div><div class='store-hours-time' role='cell'><span>Closed</span></div></div></div> 933 </address> 934 935 936 </div> 937 <div class="col-12 col-sm-12 col-md-3 col-lg-3 text-center text-sm-center text-md-left text-lg-left "> 938 939 <div class="footer-heading h6 ">Our Store</div> 940 941 942 943 <ul class=" footerlinks" aria-label="Footer links"><li><a href="/about" >About Us</a></li><li><a href="/staff" >Our Staff</a></li><li><a href="/services" >Services</a></li><li><a href="/custom-jewelry" >Custom Jewelry</a></li><li><a href="/start-a-project" >Start A Custom Project</a></li><li><a href="/make-an-appointment" >Make An Appointment</a></li><li><a href="/contact" >Contact Us</a></li></ul> 944 </div> 945 <div class="col-12 col-sm-12 col-md-3 col-lg-3 text-center text-sm-center text-md-left text-lg-left "> 946 947 <div class="footer-heading h6 ">Jewelry</div> 948 949 950 951 <ul class=" footerlinks cat-list" data-parent="" role="menu"><li role="none"><a href="/jewelry/pendants-and-necklaces" role="menuitem">Pendants & Necklaces</a></li><li role="none"><a href="/jewelry/rings" role="menuitem">Rings</a></li><li role="none"><a href="/jewelry/bridal-jewelry" role="menuitem">Bridal Jewelry</a></li><li role="none"><a href="/jewelry/earrings" role="menuitem">Earrings</a></li><li role="none"><a href="/jewelry/bracelets" role="menuitem">Bracelets</a></li><li role="none"><a href="/jewelry/hess-and-co-custom-jewelry" role="menuitem">Hess & Co. Custom Jewelry</a></li> 952 </ul> 953 </div> 954 <div class="col-12 col-sm-12 col-md-3 col-lg-3 text-center text-sm-center text-md-left text-lg-left "> 955 956 <div class="footer-heading h6 ">Subscribe</div> 957 958 959 <p class=" small">Enter your email to get notified about sales and new products.</p> 960 <div class=" subscribe-widget"> 961 <form action="/newsletter-subscription" method="POST"> 962 <label for="email-subscribe">Enter your email address</label> 963 <div class="input-group input-group-md" style=""> 964 <input name="email" id="email-subscribe" type="email" class="form-control pr-0 pl-10" placeholder="[email protected]" title="Enter your email address to subscribe"> 965 <span class="input-group-btn"> 966 <button class="btn btn-primary px-3" type="submit" value="1" aria-label="subscribe to newsletter"><i class="icon-email"></i></button> 967 </span> 968 </div> 969 <input type="hidden" name="signing_up" value="1"> 970 <input type="hidden" name="reference" value="footer"> 971 </form> 972 </div> 973 974 975 976 977 978 <div class=""> 979 <div class="social-networks "> 980 <a href="https://www.facebook.com/hessandcompany" class="network facebook" target="_blank" rel="nofollow noopener" aria-label="Follow us on facebook (opens in new tab)"><i class="icon-facebook" aria-hidden="true"></i></a>
981<a href="https://www.instagram.com/hessandcojewelers/" class="network instagram" target="_blank" rel="nofollow noopener" aria-label="Follow us on instagram (opens in new tab)"><i class="icon-instagram" aria-hidden="true"></i></a> 982 983 </div> 984 </div> 985 </div> 986 987 </div> 988 </div> 989 </div> 990 <div class="copyrights"> 991 <div class="row"> 992 <div class="col-12"> 993 <ul class="required-links text-left"> 994 995 <li class="required-links-item required-links-item-privacy"><a href="/privacy-policy">Privacy Policy</a></li> 996 <li class="required-links-item required-links-item-terms"><a href="/terms-and-conditions">Terms & Conditions</a></li> 997 <li class="required-links-item required-links-item-accessibility"><a href="/ada-compliance">Accessibility Statement</a></li> 998 </ul> 999 <p class="text-left"> 1000 © 2026 Hess & Co Jewelers. All Rights Reserved. 1001 </p> 1002 </div> 1003 </div> 1004 <div class="developer-attribution"> 1005 <p> 1006 Powered by: <a target="_blank" rel="nofollow noopener" href="https://www.punchmark.com/?ref=webclient" aria-label="Website CMS platform provider">Punchmark</a> 1007 </p> 1008 </div> 1009</div> 1010</footer> 1011 1012 1013 1014 <!-- premium cart --> 1015 <div id="universal-cart" class="offcanvas offcanvas-end" tabindex="-1" data-bs-scroll="false" data-bs-backdrop="true" data-cart-word="Cart" role="dialog" aria-modal="true" aria-labelledby="universal-cart-heading" aria-label="Shopping cart"> 1016 <div class="offcanvas-header"> 1017 <div class="offcanvas-title h6" id="universal-cart-heading">My Cart</div> 1018 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close Cart"></button> 1019 </div> 1020 <div class="offcanvas-body"> 1021 <div id="universal-cart-toast" class="universal-cart-toast alert alert-success" aria-live="polite" role="status"></div> 1022 <span class="sr-only" id="universal-cart-description" aria-live="polite"> 1023 You have <span class="items-in-cart">0</span> items in your Cart. 1024 </span> 1025 <div id="universal-cart-list" class="universal-cart-list"> 1026 <div class="universal-cart-loading" role="status"> 1027 <div class="spinner-2" aria-hidden="true"></div> 1028 <span class="sr-only">
1028Loading cart items</span> 1029 </div> 1030 </div> 1031 </div> 1032</div> 1033
1034<script type="text/x-tmpl" id="universal-cart-template-container"> 1035{% if (o.itemCount > 0) { %} 1036 <div class="list-items-block"> 1037 </div> 1038 <div class="bottom-block"> 1039 <div class="menu-cart-subtotal"> 1040 <div class="menu-cart-subtotal-row"> 1041 <div role="heading" aria-level="3" class="h6 heading">Subtotal</div> 1042 <p class="price">{%= o.fSubtotal %}</p> 1043 </div> 1044 </div> 1045 <div class="menu-cart-buttons"> 1046 <a href="/cart" class="btn btn-primary btn-block btn-lg">View Cart</a> 1047 </div> 1048 <div class="menu-cart-subtotal"> 1049 <p>Shipping calculated in cart</p> 1050 </div> 1051 </div> 1052{% } else { %} 1053 <div class="bottom-block"> 1054 <div class="menu-cart-subtotal"> 1055 <p>You have no items in your Cart.</p> 1056 </div> 1057 <div class="menu-cart-buttons"> 1058 <a href="/jewelry" class="btn btn-primary btn-block btn-lg">Browse Jewelry</a> 1059 </div> 1060 </div> 1061{% } %} 1062</script>
1062 1063
1064<script type="text/x-tmpl" id="universal-cart-item-template"> 1065{% for (let i = 0; i < o.items.length; i++) { %} 1066 <div class="cart-item"> 1067 <a class="cart-thumb" href="/cart" aria-label="View {%= o.items[i].title %} in your cart"> 1068 <img src="{%= o.items[i].imgUrl %}" alt="{%= o.items[i].title %} is in your cart"> 1069 </a> 1070 <div class="cart-body"> 1071 <div class="cart-body-row"> 1072 <div role="heading" aria-level="3" class="h6 heading"> 1073 <span class="title">{%= o.items[i].title %}</span> 1074 {% if (o.items[i].qty > 1) { %} 1075 <span class="qty-label">Quantity: {%= o.items[i].qty %} ({%= o.items[i].price %} each)</span> 1076 {% } %} 1077 </div> 1078 <div class="d-flex flex-column"> 1079 {% if (o.items[i].qty > 1) { %} 1080 <span class="price">{%= o.items[i].formattedLineTotal %}</span> 1081 {% } else { %} 1082 <span class="price">{%= o.items[i].price %}</span> 1083 {% } %} 1084 </div> 1085 </div> 1086 <!-- Paired Diamond Row --> 1087 {% if (o.items[i].diamond) { %} 1088 <div class="cart-body-row cart-diamond-row"> 1089 <div role="heading" aria-level="3" class="h6 heading"> 1090 <span class="title">{%=o.items[i].diamond.weight%} Carat {%=o.items[i].diamond.clarity%} Diamond</span> 1091 </div> 1092 <div class="d-flex flex-column"> 1093 <span class="price">{%= o.items[i].diamond['formattedListPrice'] %}</span> 1094 </div> 1095 </div> 1096 {% } else if (o.items[i].itemType === 'ring-setting') { %} 1097 <div class="cart-body-row cart-semi-mount-warning"> 1098 <span class="semi-mount-warning-text"> 1099 <strong class="d-block">Center Diamond Not Included</strong> 1100 <a href="{%= o.items[i].diamondSearchUrl || '/ringsettings-diamonds' %}">Browse Diamonds</a> 1101 </span> 1102 </div> 1103 {% } %} 1104 <div class="cart-body-row"> 1105 <div class="d-flex flex-column justify-content-between"> 1106 <span class="btn-wrap"> 1107 <button type="button" 1108 class="btn btn-outline-dark btn-xs" 1109 aria-label="Save {%= o.items[i].title %} for later" 1110 data-wishlist-item 1111 data-item-id="{%= o.items[i].itemID %}" 1112 data-item-type="{%= (o.items[i].itemType === 'diamond') ? 'diamond' : 'item' %}" 1113 data-variation-style="{%= o.items[i].variationStyle %}"> 1114 <i class="icon-heart-o"></i> 1115 <span>Save for Later</span> 1116 </button> 1117 <button type="button" 1118 class="btn btn-outline-dark btn-xs" 1119 aria-label="Remove {%= o.items[i].title %}" 1120 data-remove-item="{%= o.items[i].itemID %}" 1121 data-item-id="{%= o.items[i].itemID %}" 1122 data-item-type="{%= (o.items[i].itemType === 'diamond') ? 'diamond' : 'item' %}" 1123 data-variation-style="{%= o.items[i].variationStyle %}"> 1124 <i class="icon-close"></i> 1125 <span>Remove Item</span> 1126 </button> 1127 </span> 1128 </div> 1129 </div> 1130 </div> 1131 </div> 1132{% } %} 1133</script>
1133 1134 1135 1136 <!-- shop by location picker --> 1137 1138 1139 <!-- loading icon --> 1140 1141 <div id="page-loading" data-loader-type="dots-1"> 1142 <div class="page-loading-inner" role="status" aria-live="polite" aria-busy="true"> 1143 <div class="dots-1" aria-hidden="true"></div> 1144 <div class="loading-text" aria-hidden="true">Loading</div> 1145 </div> 1146 </div> 1147 1148 <!-- global popup html --> 1149 1150 1151 <div class="js-div"> 1152 1153 <!-- dependencies --> 1154
1154<script>positionalScriptLoader.loadExternal({"type":"text/javascript","src":"//v6master-mizuno.shopfinejewelry.com/js/vendor/jquery-3.7.1.min.js","data-load-position":"early 0"});</script>
1154<script>positionalScriptLoader.loadExternal({"type":"text/javascript","src":"https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js","crossorigin":"","data-load-position":"early 0"});</script>
1154<script>positionalScriptLoader.loadExternal({"type":"text/javascript","src":"https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js","crossorigin":"","data-load-position":"early 100"});</script>
1154<script>positionalScriptLoader.loadExternal({"type":"text/javascript","src":"//cdn.jewelryimages.net/js/react_v17.0/react.production.min.js"});</script>
1154<script>positionalScriptLoader.loadExternal({"type":"text/javascript","src":"//cdn.jewelryimages.net/js/react_v17.0/react-dom.production.min.js"});</script>
1154<script>positionalScriptLoader.loadExternal({"type":"text/javascript","src":"//v6master-mizuno.shopfinejewelry.com/js/vendor/jquery.lazy-master/jquery.lazy.min.js","data-load-position":"early 100"});</script>
1154<script>positionalScriptLoader.loadExternal({"type":"text/javascript","src":"//v6master-mizuno.shopfinejewelry.com/js/vendor/JavaScript-Templates-master/js/tmpl.min.js","data-load-position":"early 0"});</script>
1154<script>positionalScriptLoader.loadExternal({"type":"text/javascript","src":"//v6master-mizuno.shopfinejewelry.com/js/vendor/jquery-hoverIntent-master/jquery.hoverIntent.min.js","data-load-position":"early 100"});</script>
1154<script>positionalScriptLoader.loadExternal({"type":"text/javascript","src":"//v6master-mizuno.shopfinejewelry.com/js/passive-event-listeners.min.js","async":""});</script>
1154 1155
1155<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/utils/DOMMutationUtils.min.js"});</script>
1155 1156
1156<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/utils/LoadingUtils.min.js"});</script>
1156 1157
1157<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/utils/GlobalIncluder.min.js?version=withLoginIncludes"});</script>
1157 1158
1158<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/globalScripts/addThisIncluder.min.js"});</script>
1158 1159
1159<script>positionalScriptLoader.loadExternal({"type":"text/javascript","src":"//v6master-mizuno.shopfinejewelry.com/js/nav/nav.min.js?t=hessandcojewelers14654","async":"","data-load-position":"early 300"});</script>
1159 1160 1161 <!-- ada support --> 1162
1162<script>positionalScriptLoader.loadExternal({"type":"text/javascript","src":"//v6master-mizuno.shopfinejewelry.com/js/header/toolbar-accessibility.min.js?t=hessandcojewelers14654","async":"","data-load-position":"early 300"});</script>
1162<script>positionalScriptLoader.loadExternal({"type":"text/javascript","src":"//v6master-mizuno.shopfinejewelry.com/js/globalScripts/accessibilitySkipLinks.min.js?t=hessandcojewelers14654","async":"","data-load-position":"early 300"});</script>
1162 1163 1164 <!-- local fonts --> 1165 1166 1167 <!-- adobe / google --> 1168 1169
1169<script>positionalScriptLoader.loadInline("<scr" + "ipt type=\'text/javascr" + "ipt\' data-load-position=\"early 0\">\n\ 1170 WebFontConfig = {\n\ 1171 typekit: { id: \'ocv8bbo\' }\n\ 1172 };\n\ 1173 (function(d) {\n\ 1174 var wf = d.createElement(\'scr" + "ipt\'), s = d.scr" + "ipts[0];\n\ 1175 wf.src = \'https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js\';\n\ 1176 wf.async = true;\n\ 1177 s.parentNode.insertBefore(wf, s);\n\ 1178 })(document);\n\ 1179 </scr" + "ipt>");</script>
1179 1180 1181 <!-- footer includes --> 1182 <div class="cmp-overlay hide" id="cmpMinimalPrompt" role="region" aria-label="Cookie consent"> 1183 <div class="cmp-content"> 1184 <table> 1185 <tr> 1186 <td> 1187 <div class="cmp-overlay-description"><p>Learn how we use cookies in our <a href="/privacy-policy">Privacy Policy</a><span class="consent-management-option-section hide"> or <a id="openModalButton" href="#cookie-preferences" onclick="return false;">manage cookie preferences</a></span>.</p></div> 1188 </td> 1189 <td> 1190 <button type="button" class="btn-close close-cmp-overlay forceExitCMPButton" aria-label="Close consent popup"><span class="sr-only">Close consent popup</span></button> 1191 </td> 1192 </tr> 1193 <tr> 1194 <td colspan="2"> 1195 <div class="consent-management-option-section hide"> 1196 <div class="d-flex pt-2 pt-md-0 w-100 justify-content-center my-10"> 1197 <button type="button" class="declineAllCookiesAndExitCMPButton mr-10">Decline all cookies</button> 1198 <button type="button" class="acceptAllCookiesAndExitCMPButton">Accept all cookies</button> 1199 </div> 1200 </div> 1201 </td> 1202 </tr> 1203 </table> 1204 </div> 1205 </div>
1205<script data-load-position="inline"> 1206 var cmpShowMinimalPrompt = ((false || false || (true && window.localStorage.getItem("personalizationCookiesPermission") === null)) && window.localStorage.getItem("cmpOverlayDismissed") === null) 1207 || (window.localStorage.getItem("trackerCookiesPermission") === null && window.localStorage.getItem("cmpTrackerPromptDismissed") === null && !(navigator.globalPrivacyControl === true || navigator.globalPrivacyControl === "1")); 1208 if(cmpShowMinimalPrompt){ 1209 document.getElementById("cmpMinimalPrompt").classList.remove("hide"); 1210 } 1211 </script>
1211<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/fragments/toggleSwitch.min.js","async":""});</script>
1211 1212
1212<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/utils/CookieUtils.min.js","data-load-position":"early 0"});</script>
1212 1213
1213<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/globalScripts/consentManagementPlatform.min.js?t=hessandcojewelers14654","data-load-position":"early 200"});</script>
1213 1214
1214<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/globalScripts/consentManagementPlatformOverlay.min.js","async":"","data-load-position":"late"});</script>
1214 1215
1215<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/widgets/cartEngine.min.js?t=hessandcojewelers14654"});</script>
1215 1216 1217
1217<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/utils/cartAnalytics.min.js?t=hessandcojewelers14654"});</script>
1217 1218 1219
1219<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/pages/login.min.js?t=hessandcojewelers14654","async":""});</script>
1219 1220 1221
1221<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/utils/CurrencyUtils.min.js?t=hessandcojewelers14654"});</script>
1221 1222 1223
1223<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/widgets/quick-search.min.js?t=hessandcojewelers14654"});</script>
1223 1224 1225
1225<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/vendor/sweetalert-master/docs/assets/sweetalert/sweetalert.min.js?t=hessandcojewelers14654"});</script>
1225 1226 1227
1227<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/utils/AlertUtils.min.js?t=hessandcojewelers14654"});</script>
1227 1228 1229
1229<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/fragments/login.min.js?t=hessandcojewelers14654"});</script>
1229 1230 1231
1231<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/fragments/schema-item-list.min.js?t=hessandcojewelers14654","async":""});</script>
1231 1232 1233
1233<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/vendor/OwlCarousel2-2.3.4/dist/owl.carousel.min.js?t=hessandcojewelers14654"});</script>
1233 1234 1235
1235<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/vendor/OwlCarousel2-Thumbs-master/dist/owl.carousel2.thumbs.min.js?t=hessandcojewelers14654"});</script>
1235 1236 1237
1237<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/vendor/isotope-master/dist/isotope.pkgd.min.js?t=hessandcojewelers14654"});</script>
1237 1238 1239
1239<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/vendor/imagesloaded-master/imagesloaded.pkgd.min.js?t=hessandcojewelers14654"});</script>
1239 1240 1241
1241<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/vendor/jquery.lazy-master/jquery.lazy.min.js?t=hessandcojewelers14654","data-load-position":"early 100"});</script>
1241 1242 1243
1243<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/vendor/JavaScript-Templates-master/js/tmpl.min.js?t=hessandcojewelers14654","data-load-position":"early 0"});</script>
1243 1244 1245
1245<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/vendor/bootstrap-slider-master/dist/bootstrap-slider.min.js?t=hessandcojewelers14654"});</script>
1245 1246 1247
1247<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/vendor/autosize-master/dist/autosize.min.js?t=hessandcojewelers14654"});</script>
1247 1248 1249
1249<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/vendor/sweetalert-master/sweetal.min.js?t=hessandcojewelers14654"});</script>
1249 1250 1251
1251<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/widgets/wishlist.min.js?t=hessandcojewelers14654"});</script>
1251 1252 1253
1253<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/utils/ArrayUtils.min.js?t=hessandcojewelers14654"});</script>
1253 1254 1255
1255<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/vendor/moment-develop/min/moment-with-locales.min.js?t=hessandcojewelers14654"});</script>
1255 1256 1257
1257<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/vendor/bootstrap4-datetimepicker-master/build/js/bootstrap-datetimepicker.min.js?t=hessandcojewelers14654"});</script>
1257 1258 1259
1259<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/vendor/jquery-validation-master/dist/jquery.validate.min.js?t=hessandcojewelers14654"});</script>
1259 1260 1261
1261<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/vendor/jquery-validation-master/dist/additional-methods.min.js?t=hessandcojewelers14654"});</script>
1261 1262 1263
1263<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/widgets/inquiry.min.js?t=hessandcojewelers14654"});</script>
1263 1264 1265
1265<script>positionalScriptLoader.loadExternal({"type":"text/javascript","src":"https://unpkg.com/[email protected]/bundle/libphonenumber-min.js"});</script>
1265 1266 1267
1267<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/build/components/phone-number-input/data/countryData.js?t=hessandcojewelers14654"});</script>
1267 1268 1269
1269<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/build/components/phone-number-input/phone-number-input.min.js?t=hessandcojewelers14654"});</script>
1269 1270 1271
1271<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/utils/AlertUtils.min.js?t=hessandcojewelers14654"});</script>
1271 1272 1273
1273<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/vendor/jquery.realperson.package-2.0.1/jquery.plugin.min.js?t=hessandcojewelers14654"});</script>
1273 1274 1275
1275<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/vendor/jquery.realperson.package-2.0.1/jquery.realperson.min.js?t=hessandcojewelers14654"});</script>
1275 1276 1277 <input type='hidden' value='{WIDGET_IMAGE_ALT_TAG_DEFAULT}' id='altTagDefaultValue'> 1278
1278<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/fragments/universal-cart.min.js?t=hessandcojewelers14654","async":""});</script>
1278 1279 1280
1280<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/footer/footer.min.js?t=hessandcojewelers14654","async":""});</script>
1280 1281 1282
1282<script>positionalScriptLoader.loadExternal({"src":"//v6master-mizuno.shopfinejewelry.com/js/pages/ringsettings.min.js?t=hessandcojewelers14654"});</script>
1282 1283 1284 1285 <!-- page includes --> 1286 1287 1288 <!-- editor includes --> 1289 1290 1291 <!-- global --> 1292
1293<script>positionalScriptLoader.loadExternal({"type":"text/javascript","src":"//v6master-mizuno.shopfinejewelry.com/js/lazy-load-binder.js","data-load-position":"early 200"});</script>
vendor: 1 bytes, line 1293
1293
1294<script>positionalScriptLoader.loadExternal({"type":"text/javascript","id":"main-js","src":"//v6master-mizuno.shopfinejewelry.com/js/main.min.js","async":""});</script>
vendor: 1 bytes, line 1294
1294
1295<script>positionalScriptLoader.loadExternal({"type":"text/javascript","src":"//v6master-mizuno.shopfinejewelry.com/js/selectpicker.js","data-load-position":"0"});</script>
vendor: 1 bytes, line 1295
1295
1296<script>positionalScriptLoader.loadExternal({"type":"text/javascript","src":"//v6master-mizuno.shopfinejewelry.com/js/plugins.min.js","async":""});</script>
1296 1297 1298 </div> 1299 1300 <!-- ga --> 1301 1302 1303 <!-- hits --> 1304 1305 1306
1306<script src="//v6master-mizuno.shopfinejewelry.com/js/globalScripts/scriptLoader.js" data-standard-load-delay-ms="5000" data-additional-late-load-delay-ms="2000"></script>
1306 1307 </body> 1308</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.