www.bernardin.ca
Open in
urlscan Pro
35.182.92.154
Public Scan
Submitted URL: http://bernardin.ca/
Effective URL: https://www.bernardin.ca/
Submission: On December 05 via api from TR — Scanned from CA
Effective URL: https://www.bernardin.ca/
Submission: On December 05 via api from TR — Scanned from CA
Form analysis
1 forms found in the DOMPOST /
<form method="post" action="/" id="aspnetForm" style="position: relative;">
<div class="aspNetHidden">
<input type="hidden" name="ctl00_RadScriptManager1_TSM" id="ctl00_RadScriptManager1_TSM" value="">
<input type="hidden" name="ctl00_RadStyleSheetManager1_TSSM" id="ctl00_RadStyleSheetManager1_TSSM" value="">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="">
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
value="2z4hJjdRJuS22eWmuZlhjbKUzopaLlaJLz1pKfQK6RrcNusSAtubxuznpi5/fpxiFoSuWVM5a3Je2wgnE4/V2YkVCCgTZMxOgQjelz2Vcof8/irNPAbdRQgkWW71ldfMMoL/bw8hnYZhT2T10WCUZbL6SVlmftBd5gQKUI5AYeGNd/wLplwyhb7yhBdZXeMiTBhYdckjOL6pl+QmYRHOvrPq2Wlxutq4s5DwydokFZVcznDiHxe9gSktrRUa2UN6qRTZHBFB/rX8ExnRSUoc9OQxLu7231B2KOgipNRxuhFIsd0caBrVxAakpamJzbQv9GWhC7aayM1XqvpTLtraN+lsDw5a2aTWD2BSlGvO7gCwh5pMLIs2Pzyt+mHcFINlgOwBjyB/AbXnrAwyYTQuT7Y0nYQhb48FkjBwelNBtBdutSkJNsIlfB5lXlaGGXH0j0wTnDMHDeKjp+1eAjylsRm5nrWyi412lr85+DQpKUzLArTKY1HR07AqkImQLo9dOLO3ziJO0QIIdhTRBKxuH6DGIyU=">
</div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['aspnetForm'];
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
<script src="/WebResource.axd?d=pynGkmcFUV13He1Qd6_TZOzrDV3OpNBQ5Jts2Gb24O_9RcbwOq3ZSEdTaY1I0S28xKlkTA2&t=637814372020000000" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=D9drwtSJ4hBA6O8UhT6CQrhw-x7kwCO7glq5YGzXFxiuM6Vyqrsh0X_dSG3sJU4-260WwwOMy1ZCjtdvOyP8cN0AgsS5i1HDvnDDxlwvx-3oqmkH4aLzkqheyS2eN9ZRYQK0t9saMffZsoHGC9kvDc8xMRE1&t=49337fe8" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(Sys) === 'undefined') throw new Error('ASP.NET Ajax client-side framework failed to load.');
//]]>
</script>
<script src="/ScriptResource.axd?d=JnUc-DEDOM5KzzVKtsL1tZsu_SprPHrFFbV2Y-KJoYDlsjBb5MmhLGm6PQGfD5wRuwsbGwEhC_7oPCbHRUUm0gPLBjoykBUs3wwb3s36SZXOhVRDwP9VQvbK2V523OXdSNvDZze2hmgegt5DpjdNtI8CdWtAyzKWGAMByIH5Go8xiLbo0&t=49337fe8"
type="text/javascript"></script>
<script src="/Design/WebServices/CustomSearch.asmx/jsdebug" type="text/javascript"></script>
<input type="hidden" id="g-recaptcha-response" name="g-recaptcha-response">
<script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ctl00$RadScriptManager1', 'aspnetForm', ['tctl00$RadAjaxManager1SU', ''], [], [], 90, 'ctl00');
//]]>
</script>
<!-- 2018.1.117.45 -->
<div id="ctl00_RadAjaxManager1SU" style="display: none;">
<span id="ctl00_RadAjaxManager1" style="display:none;"></span>
</div>
<script>
var LoadStart = new Date().getTime();
document.addEventListener("DOMContentLoaded", function(event) {
setTimeout(function() {
window.console && console.log('DOM loaded at ' + (new Date().getTime() - LoadStart) + 'ms.');
}, 0);
});
window.addEventListener('load', function() {
setTimeout(function() { //Make sure this is the last-most item to fire
document.body.className += ' PageLoaded'; //Add the PageLoaded class
$telerik.$(window).resize(); //Fire the resize event just before the page is finished loading
window.console && console.log('Page complete at ' + (new Date().getTime() - LoadStart) + 'ms.');
}, 100);
});
</script>
<!-- Meta Tags -->
<!-- Favicon -->
<!-- Script Files -->
<!-- Social Profiles -->
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "Bernardin",
"url": "https://www.bernardin.com",
"logo": "/sitecm/i/logo.png"
"sameAs": ["http://www.facebook.com/bernardinjars", "http://instagram.com/bernardincanning", "http://plus.google.com/+bernardin", "http://www.twitter.com/Bernardin", "http://www.youtube.com/user/TheBernardinChannel",
"http://www.pinterest.com/bernardinjars"
]
}
</script>
<!-- Basic Scripts Required for SCM -->
<script language="javascript">
//<![CDATA[
var currentLanguage = "EN-US";
// override to redirect sitecm pages to associated pages.
var langAssoc = [{
"LanguageID": "EN-US",
"FileName": "/EN/Default.aspx"
}, {
"LanguageID": "FR-CA",
"FileName": "/FR/Default.aspx"
}];
function loadChangeLanguage() {
var links = $telerik.$("span.LanguageSelector>a").not(".Current");
try {
if (links.length) {
links.each(function() {
var a = $telerik.$(this);
var lang = a.attr("href").replace("javascript: ", "").replace("CCM_ChangeLanguage('", "").replace("');", "");
var assoc = getLanguageAssocation(lang);
var langid = assoc.LanguageID.toLowerCase();
if (langid == "fr-ca") {
langid = "FR";
} else {
langid = "EN";
}
if (assoc) {
a.attr("href", assoc.FileName.replace("/" + assoc.LanguageID.toLowerCase() + "/", "/" + langid + "/").replace("/" + assoc.LanguageID + "/", "/" + langid + "/"))
}
});
}
} catch (ex) {}
}
addPageLoad_Handler(loadChangeLanguage);
function getLanguageAssocation(_langId) {
var sLang1, sLang2 = _langId.substring(0, _langId.indexOf("-"));
for (var k = 0; k < langAssoc.length; k++) {
sLang1 = langAssoc[k].LanguageID.substring(0, langAssoc[k].LanguageID.indexOf("-"));
if (sLang1 == sLang2) {
return langAssoc[k];
} else if (langAssoc[k].LanguageID == _langId) {
return langAssoc[k];
}
}
return false;
}
function CCM_ChangeLanguage(_lang) {
var currentHref = document.location.href;
var newHref = document.location.href;
var theLanguage = _lang;
if (theLanguage.indexOf("|") > 0) {
theLanguage = theLanguage.split("|")[0]
}
//SiteCM page, Commercecm Dept/Product association check
var thisPage;
var found = false;
if (langAssoc && langAssoc.length > 0) {
for (var k = 0; k < langAssoc.length; k++) {
if (langAssoc[k].LanguageID == theLanguage) {
thisPage = langAssoc[k].FileName;
found = true;
k = langAssoc.length
}
}
if (!found) {
thisPage = "/EN/Default.aspx";
}
if (thisPage && thisPage.length > 0) {
currentHref = thisPage;
}
}
// in file name
if (!found || (found && !currentHref.match(/\/[a-z]{2}\-[a-z]{2}\//gi)) || (found && !currentHref.match(/\/[a-z]{2}\//gi))) {
// no querystring
if (currentHref.indexOf("?") < 0) {
newHref = currentHref //+ "?lang=" + theLanguage;
}
// no pricecat in querystring
else if (currentHref.toLowerCase().indexOf("lang=") < 0) {
newHref = currentHref //+ "&lang=" + theLanguage;
}
// replace pricecat in querystring
else {
newHref = currentHref.replace(/lang\=[A-Z]{2}\-[A-Z]{2}/gi, "Lang=" + theLanguage);
}
} else {
newHref = currentHref.replace(/\?lang\=[A-Z]{2}\-[A-Z]{2}&/gi, "?").replace(/\?lang\=[A-Z]{2}\-[A-Z]{2}/gi, "").replace(/&lang\=[A-Z]{2}\-[A-Z]{2}&/gi, "&").replace(/&lang\=[A-Z]{2}\-[A-Z]{2}/gi, "");
}
// redirect to update currency
document.location.href = newHref;
}
function submitCustomForm(formData) {
var jsonFormData = JSON.stringify(formData);
console.log(jsonFormData);
CustomForm.submitData(jsonFormData, submitCustomFormCallback, submitCustomFormError);
}
var submitCustomFormCallback = function(_response) {
console.log(_response);
};
var submitCustomFormError = function(_response) {
console.log(_response)
}
//]]>
</script>
<!-- Topbar -->
<a href="#MainWrapper" class="link-skip">Skip to Main Content</a>
<div class="top">
<div class="row">
<div class="column small-6 medium-4 large-push-4 top-logo">
<a href="/EN/"><img src="/sitecm/i/logo.png" alt="Bernardin Logo"></a>
</div>
<div class="column small-5 medium-7 large-4 large-pull-4 top-search">
<script language="javascript" type="text/javascript">
function loadSearchForm_ctl00_HeaderPlaceholder1_ctl00_ctl04() {
var searchForm = $telerik.$("#Custom_Search_Formctl00_HeaderPlaceholder1_ctl00_ctl04");
if (searchForm.length == 1) {
searchForm.searchForm({
enableExpand: true,
showFieldClose: true,
useCloseAsGo: false
}, {});
}
}
function deferLoadSearch() {
addPageLoad_Handler(loadSearchForm_ctl00_HeaderPlaceholder1_ctl00_ctl04);
}
addPageLoad_Handler(deferLoadSearch);
</script>
<div id="Custom_Search_Formctl00_HeaderPlaceholder1_ctl00_ctl04" class="Custom_Search_Form">
<label for="BernardinSiteSearch">Search Our Website</label>
<div id="Field">
<input id="BernardinSiteSearch" type="text" class="search_input" name="Search_Spec" autocomplete="off" placeholder="Search Our Website">
<button id="ProxySearchButton" class="SearchButton">search</button>
<!-- <a class="Close"></a> -->
</div>
<!-- /Custom_Search_Results -->
</div> <!-- /Custom_Search_Form -->
</div>
<div class="column small-1 large-4 top-menu">
<div class="top-menu__nav show-for-large-up">
<script type="text/javascript">
function onClientLoadctl00_HeaderPlaceholder1_ctl00_TopMenu_RadMenu1(menu, args) {
// progressive offset
// get the rendered menu width
var items = menu.get_items();
var cumulativeWidth = 0;
for (var a = 0; a < items.get_count(); a++) {
// get the menu item
var item = items.getItem(a);
// get the menu item text element
var itemDomElement = $telerik.$(item.get_textElement());
// get the menu item width
var itemWidth = itemDomElement.outerWidth();
if (a > 0) {
// bump the offset up by the cumulative width of the previous menu items
item._groupSettings.set_offsetX(cumulativeWidth + item._groupSettings.get_offsetX());
}
/*try{
console.log(item.get_text());
console.log("This Item Width: " + itemWidth);
console.log("Cumulative Width of Previous Items: " + cumulativeWidth);
console.log("This Item Offset: " + item._groupSettings.get_offsetX());
}catch(x){}*/
// add to the running total
cumulativeWidth -= itemWidth;
}
// client custom on client load
try {
(menu, args);
} catch (x) {}
}
</script>
<div class="MegaFlyout ">
<div tabindex="0" id="ctl00_HeaderPlaceholder1_ctl00_TopMenu_RadMenu1" class="RadMenu RadMenu_" style="z-index: 7000;">
<ul class="rmRootGroup rmHorizontal">
<li class="rmItem rmFirst rmLast item1"><a class="rmLink rmRootLink link1" href="/en/contact-bernardin.htm"><span class="rmText">Contact Us</span></a></li>
</ul><input id="ctl00_HeaderPlaceholder1_ctl00_TopMenu_RadMenu1_ClientState" name="ctl00_HeaderPlaceholder1_ctl00_TopMenu_RadMenu1_ClientState" type="hidden" autocomplete="off">
</div>
</div>
</div>
<div class="top-menu__language show-for-large-up">
<span class="LanguageSelector"><select name="ctl00$HeaderPlaceholder1$ctl00$ctl05$ctl00" onchange="CCM_ChangeLanguage(this.options[this.selectedIndex].value);">
<option selected="selected" value="EN-US|https://www.bernardin.ca/EN/Default.aspx">English</option>
<option value="FR-CA|https://www.bernardin.ca/FR/Default.aspx">Francais</option>
</select></span>
</div>
<div class="MobileMenuWrapper hide-for-large-up">
<span class="MenuTrigger">
<button type="button" class="MMTrig" aria-label="Menu">Menu</button>
</span>
</div>
</div>
</div>
<!-- mobile nav -->
<nav class="MobileMenu row hide-for-large-up" role="dialog" aria-modal="true" aria-label="menu">
<div class="column small-12">
<div id="ctl00_HeaderPlaceholder1_ctl00_MobileNav_radAccordion1" class="RadPanelBar RadPanelBar_None">
<ul class="rpRootGroup">
<li class="rpItem rpFirst"><button type="button" class="ExpandBtn" aria-expanded="false" aria-controls="rpSlide0" aria-label="Products"
onclick="updateExpandedState(this)"></button><a href="/EN/Products/Department.aspx" class="rpLink isparent link1 rpRootLink rpExpandable"><span class="rpOut rpNavigation"><span class="rpExpandHandle hasButton"></span><span class="rpText">Products</span></span></a>
<div class="rpSlide" id="rpSlide0">
<ul class="rpGroup rpLevel1 group1">
<li class="rpItem rpFirst"><button type="button" class="ExpandBtn" aria-expanded="false" aria-controls="rpSlide1" aria-label="Jars"
onclick="updateExpandedState(this)"></button><a href="/EN/Products/Jars/Department.aspx" class="rpLink isparent link1 rpExpandable"><span class="rpOut rpNavigation"><span class="rpExpandHandle hasButton"></span><span class="rpText">Jars</span></span></a>
<div class="rpSlide" id="rpSlide1">
<ul class="rpGroup rpLevel2 group1">
<li class="rpItem rpFirst">
<a href="/EN/Products/Jars/Regular-Bernardin-Jars/Department.aspx" class="rpLink link1"><span class="rpOut rpNavigation"><span class="rpExpandHandle hasButton"></span><span class="rpText">Regular Bernardin Jars</span></span></a>
</li>
<li class="rpItem">
<a href="/EN/Products/Jars/Decorative-Bernardin-Jars/Department.aspx" class="rpLink link2"><span class="rpOut rpNavigation"><span class="rpExpandHandle hasButton"></span><span class="rpText">Decorative Bernardin Jars</span></span></a>
</li>
<li class="rpItem">
<a href="/EN/Products/Jars/Collection-bernardin-jars/Department.aspx" class="rpLink link3"><span class="rpOut rpNavigation"><span class="rpExpandHandle hasButton"></span><span class="rpText">Collection Bernardin Jars</span></span></a>
</li>
<li class="rpItem">
<a href="/Smooth-Bernardin-Jars-new/Department.aspx" class="rpLink link4"><span class="rpOut rpNavigation"><span class="rpExpandHandle hasButton"></span><span class="rpText">Smooth Bernardin Jars</span></span></a></li>
<li class="rpItem rpLast"><a href="/Heritage-Jars/Department.aspx" class="rpLink link5"><span class="rpOut rpNavigation"><span class="rpExpandHandle hasButton"></span><span class="rpText">Heritage Jars</span></span></a></li>
</ul>
</div>
</li>
<li class="rpItem"><button type="button" class="ExpandBtn" aria-expanded="false" aria-controls="rpSlide2" aria-label="Closures"
onclick="updateExpandedState(this)"></button><a href="/EN/Products/Closures/Department.aspx" class="rpLink isparent link2 rpExpandable"><span class="rpOut rpNavigation"><span class="rpExpandHandle hasButton"></span><span class="rpText">Closures</span></span></a>
<div class="rpSlide" id="rpSlide2">
<ul class="rpGroup rpLevel2 group2">
<li class="rpItem rpFirst">
<a href="/EN/Standard-70-MM-Snap-Lids/Department.aspx" class="rpLink link1"><span class="rpOut rpNavigation"><span class="rpExpandHandle hasButton"></span><span class="rpText">Standard 70 MM Snap Lids</span></span></a></li>
<li class="rpItem rpLast">
<a href="/EN/Wide-Mouth-86-MM-Snap-Lids/Department.aspx" class="rpLink link2"><span class="rpOut rpNavigation"><span class="rpExpandHandle hasButton"></span><span class="rpText">Wide Mouth 86 MM Snap Lids</span></span></a>
</li>
</ul>
</div>
</li>
<li class="rpItem"><button type="button" class="ExpandBtn" aria-expanded="false" aria-controls="rpSlide3" aria-label="Pectins and Mixes"
onclick="updateExpandedState(this)"></button><a href="/EN/Products/pectins-and-Mixes/Department.aspx" class="rpLink isparent link3 rpExpandable"><span class="rpOut rpNavigation"><span class="rpExpandHandle hasButton"></span><span class="rpText">Pectins and Mixes</span></span></a>
<div class="rpSlide" id="rpSlide3">
<ul class="rpGroup rpLevel2 group3">
<li class="rpItem rpFirst"><a href="/EN/Pectins/Department.aspx" class="rpLink link1"><span class="rpOut rpNavigation"><span class="rpExpandHandle hasButton"></span><span class="rpText">Pectins</span></span></a></li>
<li class="rpItem"><a href="/EN/Mixes/Department.aspx" class="rpLink link2"><span class="rpOut rpNavigation"><span class="rpExpandHandle hasButton"></span><span class="rpText">Mixes</span></span></a></li>
<li class="rpItem rpLast"><a href="/Sugar-Free/Department.aspx" class="rpLink link3"><span class="rpOut rpNavigation"><span class="rpExpandHandle hasButton"></span><span class="rpText">Sugar Free</span></span></a></li>
</ul>
</div>
</li>
<li class="rpItem"><a href="/EN/Products/Accessories/Department.aspx" class="rpLink link4"><span class="rpOut rpNavigation"><span class="rpExpandHandle hasButton"></span><span class="rpText">Accessories</span></span></a></li>
<li class="rpItem rpLast"><a href="/EN/Products/Publications/Department.aspx" class="rpLink link5"><span class="rpOut rpNavigation"><span class="rpExpandHandle hasButton"></span><span class="rpText">Publications</span></span></a>
</li>
</ul>
</div>
</li>
<li class="rpItem"><a href="/en/where-to-buy.htm" class="rpLink link2 rpRootLink"><span class="rpOut rpNavigation"><span class="rpExpandHandle"></span><span class="rpText">Where To Buy</span></span></a></li>
<li class="rpItem"><button type="button" class="ExpandBtn" aria-expanded="false" aria-controls="rpSlide4" aria-label="How To Guide"
onclick="updateExpandedState(this)"></button><a href="/en/howtoguide.htm" class="rpLink isparent link3 rpRootLink rpExpandable"><span class="rpOut rpNavigation"><span class="rpExpandHandle hasButton"></span><span class="rpText">How To Guide</span></span></a>
<div class="rpSlide" id="rpSlide4">
<ul class="rpGroup rpLevel1 group3">
<li class="rpItem rpFirst"><a href="/en/intro.htm" class="rpLink link1"><span class="rpOut rpNavigation"><span class="rpExpandHandle hasButton"></span><span class="rpText">Introduction to Canning</span></span></a></li>
<li class="rpItem"><a href="/en/beforeyougetstarted.htm" class="rpLink link2"><span class="rpOut rpNavigation"><span class="rpExpandHandle hasButton"></span><span class="rpText">Before You Get Started</span></span></a></li>
<li class="rpItem">
<a href="/en/sciencebehindheatprocessing.htm" class="rpLink link3"><span class="rpOut rpNavigation"><span class="rpExpandHandle hasButton"></span><span class="rpText">The Science Behind Heat Processing</span></span></a></li>
<li class="rpItem rpLast"><a href="/en/stepbystep.htm" class="rpLink link4"><span class="rpOut rpNavigation"><span class="rpExpandHandle hasButton"></span><span class="rpText">Step by Step</span></span></a></li>
</ul>
</div>
</li>
<li class="rpItem"><a href="/en/recipessearch.htm" class="rpLink link4 rpRootLink"><span class="rpOut rpNavigation"><span class="rpExpandHandle"></span><span class="rpText">Recipes</span></span></a></li>
<li class="rpItem rpLast"><a href="/en/how-to-can/faq.htm" class="rpLink link5 rpRootLink"><span class="rpOut rpNavigation"><span class="rpExpandHandle"></span><span class="rpText">Frequently Asked Questions</span></span></a></li>
</ul><input id="ctl00_HeaderPlaceholder1_ctl00_MobileNav_radAccordion1_ClientState" name="ctl00_HeaderPlaceholder1_ctl00_MobileNav_radAccordion1_ClientState" type="hidden" autocomplete="off">
</div>
<div class="None">
<div id="ctl00_HeaderPlaceholder1_ctl00_TopMenu_Mobile_sitecmAccordionMenu" class="RadPanelBar RadPanelBar_None">
<ul class="rpRootGroup">
<li class="rpItem rpFirst rpLast"><a href="/en/contact-bernardin.htm" class="rpLink link1 rpRootLink"><span class="rpOut rpNavigation"><span class="rpExpandHandle"></span><span class="rpText">Contact Us</span></span></a></li>
</ul><input id="ctl00_HeaderPlaceholder1_ctl00_TopMenu_Mobile_sitecmAccordionMenu_ClientState" name="ctl00_HeaderPlaceholder1_ctl00_TopMenu_Mobile_sitecmAccordionMenu_ClientState" type="hidden" autocomplete="off">
</div>
</div>
<span class="LanguageSelector"><a href="https://www.bernardin.ca/EN/Default.aspx" class="Current" lang="EN-US">English</a><span
class="LanguageSelectorSeparator"></span><a href="https://www.bernardin.ca/FR/Default.aspx" lang="FR-CA">Francais</a></span>
</div>
</nav>
</div>
<!-- Menu -->
<div class="header header-centered" style="opacity: 0;">
<div class="header-content">
<nav aria-label="main" class="menu">
<div class="DesktopMenuWrapper small-0 medium-0">
<style>
/* Rudimentary mega menu CSS for demonstration */
.accessible-megamenu-toggle {
display: none;
}
/* mega menu list */
.nav-menu {
display: block;
position: relative;
list-style: none;
margin: 0;
padding: 0;
z-index: 15;
}
/* a top level navigation item in the mega menu */
.nav-item {
list-style: none;
display: inline-block;
padding: 0;
margin: 0;
}
/* first descendant link within a top level navigation item */
.nav-item>a {
position: relative;
display: inline-block;
padding: 0.5em 1em;
margin: 0 0 -1px 0;
border: 1px solid transparent;
}
/* focus/open states of first descendant link within a top level
navigation item */
.nav-item>a:focus,
.nav-item>a.open {
border: 1px solid #dedede;
}
/* open state of first descendant link within a top level
navigation item */
.nav-item>a.open {
background-color: #fff;
border-bottom: none;
z-index: 1;
}
/* sub-navigation panel */
.sub-nav {
position: absolute;
display: none;
top: 2.6em;
margin-top: -1px;
padding: 0.5em 1em;
border: 1px solid #dedede;
background-color: #fff;
}
/* sub-navigation panel open state */
.sub-nav.nav-menu-open {
display: block;
}
/* list of items within sub-navigation panel */
.sub-nav ul {
display: inline-block;
vertical-align: top;
margin: 0 1em 0 0;
padding: 0;
}
/* list item within sub-navigation panel */
.sub-nav li {
display: block;
list-style-type: none;
margin: 0;
padding: 0;
}
</style>
<nav id="test-nav-menu_cloned" class="megamenu">
<button class="accessible-megamenu-toggle" aria-expanded="false">
<span class="sr-only">Toggle Navigation</span>
<span></span><span></span><span></span>
</button>
<ul class="nav-menu">
<li class="nav-item">
<a id="ctl00_HeaderPlaceholder1_ctl00_DesktopNav_rptRootNav_ctl01_rootLink_cloned" class=" hasChildren" href="/EN/Products/Department.aspx">Products</a>
<div class="sub-nav">
<ul class="sub-nav-group">
<li class="accessible-megamenu-panel-group">
<a id="ctl00_HeaderPlaceholder1_ctl00_DesktopNav_rptRootNav_ctl01_rptInnerNavItems_ctl01_rootLink_cloned" class=" link1" href="/EN/Products/Jars/Department.aspx">Jars</a>
</li>
<li class="accessible-megamenu-panel-group">
<a id="ctl00_HeaderPlaceholder1_ctl00_DesktopNav_rptRootNav_ctl01_rptInnerNavItems_ctl02_rootLink_cloned" class=" link2" href="/EN/Products/Closures/Department.aspx">Closures</a>
</li>
<li class="accessible-megamenu-panel-group">
<a id="ctl00_HeaderPlaceholder1_ctl00_DesktopNav_rptRootNav_ctl01_rptInnerNavItems_ctl03_rootLink_cloned" class=" link3" href="/EN/Products/pectins-and-Mixes/Department.aspx">Pectins and Mixes</a>
</li>
<li class="accessible-megamenu-panel-group">
<a id="ctl00_HeaderPlaceholder1_ctl00_DesktopNav_rptRootNav_ctl01_rptInnerNavItems_ctl04_rootLink_cloned" class=" link4" href="/EN/Products/Accessories/Department.aspx">Accessories</a>
</li>
<li class="accessible-megamenu-panel-group">
<a id="ctl00_HeaderPlaceholder1_ctl00_DesktopNav_rptRootNav_ctl01_rptInnerNavItems_ctl05_rootLink_cloned" class=" link5" href="/EN/Products/Publications/Department.aspx">Publications</a>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<a id="ctl00_HeaderPlaceholder1_ctl00_DesktopNav_rptRootNav_ctl02_rootLink_cloned" class=" link2" href="/en/where-to-buy.htm">Where To Buy</a>
</li>
<li class="nav-item">
<a id="ctl00_HeaderPlaceholder1_ctl00_DesktopNav_rptRootNav_ctl03_rootLink_cloned" class=" link3 hasChildren" href="/en/howtoguide.htm">How To Guide</a>
<div class="sub-nav">
<ul class="sub-nav-group">
<li class="accessible-megamenu-panel-group">
<a id="ctl00_HeaderPlaceholder1_ctl00_DesktopNav_rptRootNav_ctl03_rptInnerNavItems_ctl01_rootLink_cloned" class=" link1" href="/en/intro.htm">Introduction to Canning</a>
</li>
<li class="accessible-megamenu-panel-group">
<a id="ctl00_HeaderPlaceholder1_ctl00_DesktopNav_rptRootNav_ctl03_rptInnerNavItems_ctl02_rootLink_cloned" class=" link2" href="/en/beforeyougetstarted.htm">Before You Get Started</a>
</li>
<li class="accessible-megamenu-panel-group">
<a id="ctl00_HeaderPlaceholder1_ctl00_DesktopNav_rptRootNav_ctl03_rptInnerNavItems_ctl03_rootLink_cloned" class=" link3" href="/en/sciencebehindheatprocessing.htm">The Science Behind Heat Processing</a>
</li>
<li class="accessible-megamenu-panel-group">
<a id="ctl00_HeaderPlaceholder1_ctl00_DesktopNav_rptRootNav_ctl03_rptInnerNavItems_ctl04_rootLink_cloned" class=" link4" href="/en/stepbystep.htm">Step by Step</a>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<a id="ctl00_HeaderPlaceholder1_ctl00_DesktopNav_rptRootNav_ctl04_rootLink_cloned" class=" link4" href="/recipes/default.htm?Lang=EN-US">Recipes</a>
</li>
<li class="nav-item">
<a id="ctl00_HeaderPlaceholder1_ctl00_DesktopNav_rptRootNav_ctl05_rootLink_cloned" class=" link5" href="/en/how-to-can/faq.htm">Frequently Asked Questions</a>
</li>
</ul>
</nav>
</div>
</nav>
</div>
</div>
<div class="header header-centered FixedElementStack absolute" data-fix="absolute" offset_top="0" style="position: absolute; top: 118px; left: 0px; margin: 0px; max-width: 1600px;">
<div class="header-content">
<nav aria-label="main" class="menu">
<div class="DesktopMenuWrapper small-0 medium-0">
<style>
/* Rudimentary mega menu CSS for demonstration */
.accessible-megamenu-toggle {
display: none;
}
/* mega menu list */
.nav-menu {
display: block;
position: relative;
list-style: none;
margin: 0;
padding: 0;
z-index: 15;
}
/* a top level navigation item in the mega menu */
.nav-item {
list-style: none;
display: inline-block;
padding: 0;
margin: 0;
}
/* first descendant link within a top level navigation item */
.nav-item>a {
position: relative;
display: inline-block;
padding: 0.5em 1em;
margin: 0 0 -1px 0;
border: 1px solid transparent;
}
/* focus/open states of first descendant link within a top level
navigation item */
.nav-item>a:focus,
.nav-item>a.open {
border: 1px solid #dedede;
}
/* open state of first descendant link within a top level
navigation item */
.nav-item>a.open {
background-color: #fff;
border-bottom: none;
z-index: 1;
}
/* sub-navigation panel */
.sub-nav {
position: absolute;
display: none;
top: 2.6em;
margin-top: -1px;
padding: 0.5em 1em;
border: 1px solid #dedede;
background-color: #fff;
}
/* sub-navigation panel open state */
.sub-nav.nav-menu-open {
display: block;
}
/* list of items within sub-navigation panel */
.sub-nav ul {
display: inline-block;
vertical-align: top;
margin: 0 1em 0 0;
padding: 0;
}
/* list item within sub-navigation panel */
.sub-nav li {
display: block;
list-style-type: none;
margin: 0;
padding: 0;
}
</style>
<nav id="test-nav-menu" class="megamenu" role="navigation">
<button class="accessible-megamenu-toggle" aria-expanded="false" aria-controls="accessible-megamenu-1701772810710-1">
<span class="sr-only">Toggle Navigation</span>
<span></span><span></span><span></span>
</button>
<ul class="nav-menu js-nav-menu" id="accessible-megamenu-1701772810710-1">
<li class="nav-item">
<a id="ctl00_HeaderPlaceholder1_ctl00_DesktopNav_rptRootNav_ctl01_rootLink" class=" hasChildren" href="/EN/Products/Department.aspx" role="button" aria-controls="accessible-megamenu-1701772810710-2" aria-expanded="false" tabindex="0">Products</a>
<div class="sub-nav" id="accessible-megamenu-1701772810710-2" role="region" aria-hidden="true" aria-labelledby="ctl00_HeaderPlaceholder1_ctl00_DesktopNav_rptRootNav_ctl01_rootLink">
<ul class="sub-nav-group">
<li class="accessible-megamenu-panel-group">
<a id="ctl00_HeaderPlaceholder1_ctl00_DesktopNav_rptRootNav_ctl01_rptInnerNavItems_ctl01_rootLink" class=" link1" href="/EN/Products/Jars/Department.aspx">Jars</a>
</li>
<li class="accessible-megamenu-panel-group">
<a id="ctl00_HeaderPlaceholder1_ctl00_DesktopNav_rptRootNav_ctl01_rptInnerNavItems_ctl02_rootLink" class=" link2" href="/EN/Products/Closures/Department.aspx">Closures</a>
</li>
<li class="accessible-megamenu-panel-group">
<a id="ctl00_HeaderPlaceholder1_ctl00_DesktopNav_rptRootNav_ctl01_rptInnerNavItems_ctl03_rootLink" class=" link3" href="/EN/Products/pectins-and-Mixes/Department.aspx">Pectins and Mixes</a>
</li>
<li class="accessible-megamenu-panel-group">
<a id="ctl00_HeaderPlaceholder1_ctl00_DesktopNav_rptRootNav_ctl01_rptInnerNavItems_ctl04_rootLink" class=" link4" href="/EN/Products/Accessories/Department.aspx">Accessories</a>
</li>
<li class="accessible-megamenu-panel-group">
<a id="ctl00_HeaderPlaceholder1_ctl00_DesktopNav_rptRootNav_ctl01_rptInnerNavItems_ctl05_rootLink" class=" link5" href="/EN/Products/Publications/Department.aspx">Publications</a>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<a id="ctl00_HeaderPlaceholder1_ctl00_DesktopNav_rptRootNav_ctl02_rootLink" class=" link2" href="/en/where-to-buy.htm">Where To Buy</a>
</li>
<li class="nav-item">
<a id="ctl00_HeaderPlaceholder1_ctl00_DesktopNav_rptRootNav_ctl03_rootLink" class=" link3 hasChildren" href="/en/howtoguide.htm" role="button" aria-controls="accessible-megamenu-1701772810711-3" aria-expanded="false" tabindex="0">How To Guide</a>
<div class="sub-nav" id="accessible-megamenu-1701772810711-3" role="region" aria-hidden="true" aria-labelledby="ctl00_HeaderPlaceholder1_ctl00_DesktopNav_rptRootNav_ctl03_rootLink">
<ul class="sub-nav-group">
<li class="accessible-megamenu-panel-group">
<a id="ctl00_HeaderPlaceholder1_ctl00_DesktopNav_rptRootNav_ctl03_rptInnerNavItems_ctl01_rootLink" class=" link1" href="/en/intro.htm">Introduction to Canning</a>
</li>
<li class="accessible-megamenu-panel-group">
<a id="ctl00_HeaderPlaceholder1_ctl00_DesktopNav_rptRootNav_ctl03_rptInnerNavItems_ctl02_rootLink" class=" link2" href="/en/beforeyougetstarted.htm">Before You Get Started</a>
</li>
<li class="accessible-megamenu-panel-group">
<a id="ctl00_HeaderPlaceholder1_ctl00_DesktopNav_rptRootNav_ctl03_rptInnerNavItems_ctl03_rootLink" class=" link3" href="/en/sciencebehindheatprocessing.htm">The Science Behind Heat Processing</a>
</li>
<li class="accessible-megamenu-panel-group">
<a id="ctl00_HeaderPlaceholder1_ctl00_DesktopNav_rptRootNav_ctl03_rptInnerNavItems_ctl04_rootLink" class=" link4" href="/en/stepbystep.htm">Step by Step</a>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<a id="ctl00_HeaderPlaceholder1_ctl00_DesktopNav_rptRootNav_ctl04_rootLink" class=" link4" href="/recipes/default.htm?Lang=EN-US">Recipes</a>
</li>
<li class="nav-item">
<a id="ctl00_HeaderPlaceholder1_ctl00_DesktopNav_rptRootNav_ctl05_rootLink" class=" link5" href="/en/how-to-can/faq.htm">Frequently Asked Questions</a>
</li>
</ul>
</nav>
<script>
function loadAccessibleMega() {
$telerik.$("nav#test-nav-menu").accessibleMegaMenu({
/* prefix for generated unique id attributes, which are required
to indicate aria-owns, aria-controls and aria-labelledby */
uuidPrefix: "accessible-megamenu",
/* css class used to define the megamenu styling */
menuClass: "nav-menu",
/* css class for a top-level navigation item in the megamenu */
topNavItemClass: "nav-item",
/* css class for a megamenu panel */
panelClass: "sub-nav",
/* css class for a group of items within a megamenu panel */
panelGroupClass: "sub-nav-group",
/* css class for the hover state */
hoverClass: "nav-menu-hover",
/* css class for the focus state */
focusClass: "nav-menu-focus",
/* css class for the open state */
openClass: "nav-menu-open",
openOnMouseover: true
});
}
addPageLoad_Handler(loadAccessibleMega);
</script>
</div>
</nav>
</div>
</div>
<!-- HIDDEN -->
<div id="MainWrapper" name="Top">
<!-- Main Site Header -->
<nav aria-label="main" style="display: none;">
<a href="#Main">Skip to Main Content</a> | <a href="/about.htm">About Us</a> | <a href="/contact-us.htm">Contact Us</a>
</nav>
<div id="Main" role="main">
<a name="MainContent" id="MainContent" class="hidden"></a>
<!-- Home Page Rotator -->
<nav aria-label="main">
<div class="rotator">
<script language="javascript" type="text/javascript" src="/scripts/rotator.js"></script>
<div id="RotatorSwipeTarget" class="ui_rotator_wrapper">
<div class="ui_rotator ui_center">
<span class="ContentBlock_Wrapper ContentBlockCategory65093 ContentBlock71917"><span class="ContentBlock">
<div id="RotatorSwipeTarget" class="ContentRotator_Wrapper ContentRotator_Category65094">
<div class="ContentRotator ContentRotatordb0f396cc">
<div class="SliderPrevious SliderPreviousBottom"><a href="javascript:CONTENTROTATORdb0f396cc.prev();"><span><</span></a></div>
<div class="LinksTop_Wrapper LinksTop_Category65094">
<div id="divTopdb0f396cc" class="LinksTop" style="display: block;">
</div>
</div>
<div class="Contents_Wrapper Contents_Category65094">
<div class="Contents" style="OVERFLOW:auto;position:relative;Width:1306px;Height:460px;">
<div class="Row Row1" id="ContentRotator_db0f396cc_1" onmouseover="CONTENTROTATORdb0f396cc.pause();" onmouseout="CONTENTROTATORdb0f396cc.start();" style="position: absolute;">
<div class="widget-tile widget-tile__right--bottom">
<img src="/sitecm/i/20250-bernardin-fresh-preserving-8oz-gray-counter-wide-angle-beauty1900x750.jpg?Width=1900" width="1900" height="1033" alt="">
<table class="widget-tile__size--small-full--medium-half--large-quarter">
<tbody>
<tr class="widget-tile__text--dark">
<td class="widget-tile__position--right-middle row">
<h6>Learn more</h6>
<h1>Looking for Bernardin® Canning Lids?</h1>
<p>We've heard you! See our update about Bernardin® canning lids.</p>
<p><a href="/en/how-to-can/faq.htm" class="button-basic--primary">Visit our fAQs</a><br>
</p>
</td>
</tr>
</tbody>
</table>
<p class="widget-tile__image-wrapper backgrounded" style="background-image:url();"> </p>
</div>
</div>
</div>
</div>
<div class="LinksBottom_Wrapper LinksBottom_Category65094">
<div id="divBottomdb0f396cc" class="LinksBottom" style="display: block;">
<a href="javascript:CONTENTROTATORdb0f396cc.change(1)" id="ContentRotator_db0f396cc_Bottomlink_1" class="Link1 selected"><span>1</span></a>
</div>
</div>
<div class="SliderNext SliderNextBottom"><a href="javascript:CONTENTROTATORdb0f396cc.next();"><span>></span></a></div>
</div>
</div>
<script type="text/javascript">
//<![CDATA[
var CONTENTROTATORdb0f396cc;
function loadRotator_db0f396cc() {
$telerik.$("#divTopdb0f396cc").css("display", "block");
$telerik.$("#divBottomdb0f396cc").css("display", "block");
CONTENTROTATORdb0f396cc = new CONTENTROTATOR(15, 1, 'ContentRotator_db0f396cc_', 'both', 'CONTENTROTATORdb0f396cc.change(-1)');
}
if (typeof(addPageLoad_Handler) === 'function') {
addPageLoad_Handler(loadRotator_db0f396cc);
} else {
loadRotator_db0f396cc();
}
function startRotator_db0f396cc() {
CONTENTROTATORdb0f396cc.change(1);
}
if (typeof(addPageLoad_Handler) === 'function') {
addPageLoad_Handler(startRotator_db0f396cc);
} else {
startRotator_db0f396cc();
}
//]]>
</script>
</span></span>
</div>
</div>
</div>
</nav>
<a class="#main"></a>
<div class="content">
<div class="row">
<div class="column">
<div class="row">
<div class="column medium-12">
<table class="wysiwyg-editor-wrap">
<tbody>
<tr>
<td>
<section class="block-text-button">
<div class="row">
<div class="column small-12 medium-7 large-8 block-text-button__left">
<table role="presentation">
<tbody>
<tr>
<td>
<h2>Let's make great food. There's no better way to safely capture those flavours than home canning.</h2>
</td>
</tr>
</tbody>
</table>
</div>
<div class="column small-12 medium-5 large-4 block-text-button__right">
<table role="presentation">
<tbody>
<tr>
<td><a class="button-large-arrow" href="/recipes/default.htm?Lang=EN-US">View all Recipes</a> </td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="row">
<div class="column medium-12">
<table class="wysiwyg-editor-wrap">
<tbody>
<tr>
<td>
<div class="block-recipes">
<div class="block-recipes__info">
<table>
<tbody>
<tr class="block-recipes__info--title">
<td>
<h6>Most Popular</h6>
<h3>Baby Food Fruit Purée</h3>
</td>
</tr>
<tr class="block-recipes__info--stars stars-0 ">
<td>
<img src="/images/ic-star-filled.png" alt="">
<img src="/images/ic-star-filled.png" alt="">
<img src="/images/ic-star-filled.png" alt="">
<img src="/images/ic-star-filled.png" alt="">
<img src="/images/ic-star-filled.png" alt="">
</td>
</tr>
<tr class="block-recipes__info--content">
<td>
<p>Choose from apples, berries, cherries, peaches, nectarines, apricots, pears and plums. Do not can puréed figs or tomatoes.</p>
<a href="/recipes/en/baby-food-fruit-puree.htm" class="link-arrow">View Recipe</a>
</td>
</tr>
</tbody>
</table>
</div>
<div class="row">
<div class="column small-12 medium-6">
<table>
<tbody>
<tr>
<td>
<img src="/DirectoryAttachments/722015_114458_230__babyfoodfruitpuree_lrg.jpg" alt="">
</td>
</tr>
</tbody>
</table>
</div>
<div class="column small-12 medium-6">
<table>
<tbody>
<tr>
<td>
<img src="/DirectoryAttachments/722015_114458_230__babyfoodfruitpuree_lrg.jpg" alt="">
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Most Popular Block -->
<section class="block-popular">
<div class="row">
<div class="column small-12 medium-6 large-5">
<h2>Most Popular Items</h2>
<p>Make the most of your canning experience with jars that are ideal for any type of food They are versatile, multi-use home canning mason jars.</p>
<a class="button-large--primary" href="/recipes/default.htm?Lang=EN-US">View all Recipes</a> <a class="button-large-hollow--dark" href="/EN/Jars/Regular-Bernardin-Jars/Department.aspx">Shop Regular Jars</a>
</div>
<div class="column small-12 medium-6 large-7 block-popular__carousel">
<!-- JER: PLEASE ADD MOST POPULAR ITEMS SLIDER HERE -->
<section aria-label="carousel">
<script language="javascript" type="text/javascript">
function bxSliderOnLoad_ctl00_ContentPlaceholder1_ctl00_HomePopularSlider() {}
function addBxSlider_ctl00_ContentPlaceholder1_ctl00_HomePopularSlider() {
if (typeof(bxSliderObj) === "function" && typeof(BXSLIDERS) === "object") {
BXSLIDERS.bx_ctl00_ContentPlaceholder1_ctl00_HomePopularSlider = new bxSliderObj("horizontal", false, 265, 5, 2, 0, true, 35, true, "Next", "Previous", false, "outside",
bxSliderOnLoad_ctl00_ContentPlaceholder1_ctl00_HomePopularSlider, true, 1, 2, 4, 10, 15, 20, 480, 1024, true);
}
}
addPageLoad_Handler(addBxSlider_ctl00_ContentPlaceholder1_ctl00_HomePopularSlider);
</script>
<div class="hide_slider show_slider" style="width: 647px;">
<div class="ccm_bxSlider">
<div class="bx-wrapper" style="max-width: 535px;"><button type="button" class="bx-prev disabled" href="">Previous</button>
<div class="bx-viewport" aria-live="polite" style="width: 100%; overflow: hidden; position: relative; height: 374px;">
<ul id="bx_ctl00_ContentPlaceholder1_ctl00_HomePopularSlider" style="width: 2215%; position: relative; transition-duration: 0s; transform: translate3d(0px, 0px, 0px);">
<li class="ccm_bxSlider_product" role="group" aria-label="Product" aria-hidden="false" tabindex="0" style="float: left; list-style: none; position: relative; width: 265px; margin-right: 5px;">
<div itemscope="" itemtype="http://schema.org/Product" class="ProductSmall"><span
class="ProductImage"><a href="/EN/Products/Closures/-Wide-Mouth-86-mm-SNAP-LID-sealing-disc/Product.aspx" itemprop="url" class="" tabindex="0"><img src="/i/374L_2.jpg" border="0" alt="Wide Mouth 86 mm SNAP LID sealing disc" itemprop="image"></a></span>
<div class="product-small-info">
<h6 class="DepartmentName">Closures</h6>
<h4 class="ProductName">
<a href="/EN/Products/Closures/-Wide-Mouth-86-mm-SNAP-LID-sealing-disc/Product.aspx" itemprop="url" class="" tabindex="0"><span itemprop="name">Wide Mouth 86 mm SNAP LID sealing disc</span></a></h4>
</div>
</div>
</li>
<li class="ccm_bxSlider_product ccm_bxSlider_alternate_product" role="group" aria-label="Product" style="float: left; list-style: none; position: relative; width: 265px; margin-right: 5px;" aria-hidden="false"
tabindex="0">
<div itemscope="" itemtype="http://schema.org/Product" class="ProductSmall"><span
class="ProductImage"><a href="/Smooth-Bernardin-Jars-new/Bernardin-Smooth-250ml-Jars-WM-Lids/Product.aspx" itemprop="url" class="" tabindex="0"><img src="/i/364L_2.jpg" border="0" alt="Bernardin Smooth 250ml Jars/WM Lids" itemprop="image"></a></span>
<div class="product-small-info">
<h6 class="DepartmentName">Smooth Bernardin Jars</h6>
<h4 class="ProductName">
<a href="/Smooth-Bernardin-Jars-new/Bernardin-Smooth-250ml-Jars-WM-Lids/Product.aspx" itemprop="url" class="" tabindex="0"><span itemprop="name">Bernardin Smooth 250ml Jars/WM Lids</span></a></h4>
</div>
</div>
</li>
</ul>
</div>
<div class="bx-controls"></div><button type="button" class="bx-next disabled" href="">Next</button>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="hide_loading" style="width: 647px;">
<img src="/images/processing_anim.gif" id="ctl00_ContentPlaceholder1_ctl00_HomePopularSlider_imgLoadingGIF" alt=" ">
</div>
</section>
</div>
</div>
</section>
<!-- About Block -->
<!-- Videos Block -->
<section class="block-videos">
<h6> Tips & Tricks </h6>
<h2> More to Explore </h2>
<div class="row">
<div class="column small-12 medium-4">
<div class="video">
<span class="ContentBlock_Wrapper ContentBlockCategory65123 ContentBlock71977"><span class="ContentBlock"><iframe width="560" height="315" src="https://www.youtube.com/embed/4sNBcGtPkbM?wmode=transparent"
title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></span></span>
</div>
</div>
<div class="column small-12 medium-4">
<div class="video">
<span class="ContentBlock_Wrapper ContentBlockCategory65122 ContentBlock71994"><span class="ContentBlock"><iframe width="560" height="315" src="https://www.youtube.com/embed/d84RVUqPCT0?wmode=transparent"
title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></span></span>
</div>
</div>
<div class="column small-12 medium-4">
<div class="video">
<span class="ContentBlock_Wrapper ContentBlockCategory65123 ContentBlock71979"><span class="ContentBlock"><iframe width="560" height="315" src="https://www.youtube.com/embed/qq6gtE1Myds?wmode=transparent"
title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></span></span>
</div>
</div>
</div>
<a class="button-large--primary" href="https://www.youtube.com/channel/UCyuiANxrACYafI6YzCEzuEA" target="_blank">View Videos</a> <a href="/en/stepbystep.htm" class="button-large-arrow">Canning Steps</a>
</section>
<div style="display:none">
<!-- OLD STUFF -->
<div class="block-recipes">
<div class="block-recipes__info">
<table>
<tbody>
<tr class="block-recipes__info--title">
<td>
<h6>Most Popular</h6>
<h3>Apple Ginger Chutney</h3>
</td>
</tr>
<tr class="block-recipes__info--stars stars-3 ">
<td>
<img src="/images/ic-star-filled.png" alt="">
<img src="/images/ic-star-filled.png" alt="">
<img src="/images/ic-star-filled.png" alt="">
<img src="/images/ic-star-filled.png" alt="">
<img src="/images/ic-star-filled.png" alt="">
</td>
</tr>
<tr class="block-recipes__info--content">
<td>
<p>Make this delicious condiment using non-seasonal ingredients any time of the year. It’s delicious served with meats or combined with sour cream or cream cheese in appetizer toppings or sauces</p>
<a href="/recipes/en/apple-ginger-chutney.htm" class="link-arrow">View Recipe</a>
</td>
</tr>
</tbody>
</table>
</div>
<div class="row">
<div class="column small-12 medium-6">
<table>
<tbody>
<tr>
<td>
<img src="/DirectoryAttachments/7222015_84449_550_apple-ginger-chutney.jpg" alt="">
</td>
</tr>
</tbody>
</table>
</div>
<div class="column small-12 medium-6">
<table>
<tbody>
<tr>
<td>
<img src="/DirectoryAttachments/7222015_84449_550_apple-ginger-chutney.jpg" alt="">
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="row" eh="">
<div class="column small-12 medium-6 large-7 Feature1">
<table class="feature-table-top-left" role="presentation">
<tbody>
<tr>
<td class="light-grade">
<p><img src="/sitecm/i/downright_domestic.jpg?Width=840" width="840" height="468" alt=""> </p>
<h2>WATCH NOW!</h2>
<p>Downright Domestic</p>
<p>Watch the Youtube video of Downright Domestic as Chef Emerie Brine and host Rebecca Webster prepare Strawberry Jam. </p>
<p><a target="_blank" class="ButtonStyle2" href="https://www.youtube.com/watch?v=vZGOOIy5VRc">WATCH VIDEO</a> </p> blob
</td>
</tr>
</tbody>
</table>
</div>
<div class="column small-12 medium-6 large-5 Feature2">
<table class="feature-table-top-left" role="presentation">
<tbody>
<tr>
<td class="light-grade">
<p><img src="/sitecm/i/10500-bernardin-fresh-preserving-rm-500ml-salad-on-the-go-beauty.jpg" width="500" height="500" alt=""></p>
<h2>Salad in a Jar</h2>
<p>Take your meals on the go with Bernardin<sup>®/MD</sup></p>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="row HomeSliderWrap">
<div class="row" eh="">
<div class="column small-12 medium-6 large-3 Feature3">
<table class="feature-table-top-left" role="presentation">
<tbody>
<tr>
<td>
<p><img src="/sitecm/i/storage_beauty.png?Width=840" width="840" height="559" alt=""></p>
<!--p>LIMITED EDITION</p>
<p>PURPLE VINTAGE JARS</p>
<p><a target="_self" class="ButtonStyle1" href="/Vintage-Jars/Purple-Jars/Product.aspx">SEE MORE</a></p-->
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="row" eh="">
<div class="column small-12 medium-4 large-3">
<sitecm:contentblock run_at="server" id="RecipeCategories" contentblockid="17947" wrapper="none">
</sitecm:contentblock>
</div>
<div class="column small-12 medium-8 large-6">
</div>
<div class="column small-0 medium-12 large-3 BlogLinks">
<table class="cta-table-grey" role="presentation">
<tbody>
<tr>
<td class="cta-table-title">
<h2>OUR EXPERT ADVICE</h2>
</td>
</tr>
<tr>
<td class="cta-table-content">
<p><span class="ContentBlock_Wrapper ContentBlockCategory31828 ContentBlock18976"><span class="ContentBlock"></span></span></p>
<div class="twitter-timeline twitter-timeline-rendered" style="display: flex; width: 520px; max-width: 100%; margin-top: 0px; margin-bottom: 0px;"><iframe id="twitter-widget-0" scrolling="no" frameborder="0"
allowtransparency="true" allowfullscreen="true" class="" title="Twitter Timeline"
src="https://syndication.twitter.com/srv/timeline-profile/screen-name/Bernardin?dnt=false&embedId=twitter-widget-0&features=eyJ0ZndfdGltZWxpbmVfbGlzdCI6eyJidWNrZXQiOltdLCJ2ZXJzaW9uIjpudWxsfSwidGZ3X2ZvbGxvd2VyX2NvdW50X3N1bnNldCI6eyJidWNrZXQiOnRydWUsInZlcnNpb24iOm51bGx9LCJ0ZndfdHdlZXRfZWRpdF9iYWNrZW5kIjp7ImJ1Y2tldCI6Im9uIiwidmVyc2lvbiI6bnVsbH0sInRmd19yZWZzcmNfc2Vzc2lvbiI6eyJidWNrZXQiOiJvbiIsInZlcnNpb24iOm51bGx9LCJ0ZndfZm9zbnJfc29mdF9pbnRlcnZlbnRpb25zX2VuYWJsZWQiOnsiYnVja2V0Ijoib24iLCJ2ZXJzaW9uIjpudWxsfSwidGZ3X21peGVkX21lZGlhXzE1ODk3Ijp7ImJ1Y2tldCI6InRyZWF0bWVudCIsInZlcnNpb24iOm51bGx9LCJ0ZndfZXhwZXJpbWVudHNfY29va2llX2V4cGlyYXRpb24iOnsiYnVja2V0IjoxMjA5NjAwLCJ2ZXJzaW9uIjpudWxsfSwidGZ3X3Nob3dfYmlyZHdhdGNoX3Bpdm90c19lbmFibGVkIjp7ImJ1Y2tldCI6Im9uIiwidmVyc2lvbiI6bnVsbH0sInRmd19kdXBsaWNhdGVfc2NyaWJlc190b19zZXR0aW5ncyI6eyJidWNrZXQiOiJvbiIsInZlcnNpb24iOm51bGx9LCJ0ZndfdXNlX3Byb2ZpbGVfaW1hZ2Vfc2hhcGVfZW5hYmxlZCI6eyJidWNrZXQiOiJvbiIsInZlcnNpb24iOm51bGx9LCJ0ZndfdmlkZW9faGxzX2R5bmFtaWNfbWFuaWZlc3RzXzE1MDgyIjp7ImJ1Y2tldCI6InRydWVfYml0cmF0ZSIsInZlcnNpb24iOm51bGx9LCJ0ZndfbGVnYWN5X3RpbWVsaW5lX3N1bnNldCI6eyJidWNrZXQiOnRydWUsInZlcnNpb24iOm51bGx9LCJ0ZndfdHdlZXRfZWRpdF9mcm9udGVuZCI6eyJidWNrZXQiOiJvbiIsInZlcnNpb24iOm51bGx9fQ%3D%3D&frame=false&hideBorder=false&hideFooter=false&hideHeader=false&hideScrollBar=false&lang=en&maxHeight=400px&origin=https%3A%2F%2Fwww.bernardin.ca%2FEN%2FDefault.aspx&sessionId=0b17e48b1ecef2e494006de8291c703e73fd3729&showHeader=true&showReplies=false&siteScreenName=bernardin&transparent=false&widgetsVersion=01917f4d1d4cb%3A1696883169554"
style="position: static; visibility: visible; width: 0px; height: 0px; display: block; flex-grow: 1;"></iframe></div>
<a class="twitter-timeline" href="https://twitter.com/Bernardin" data-widget-id="621401676050595840" height="400" data-twitter-extracted-i1701772809163819615="true">Tweets by @Bernardin</a>
<script>
! function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0],
p = /^http:/.test(d.location) ? 'http' : 'https';
if (!d.getElementById(id)) {
js = d.createElement(s);
js.id = id;
js.src = p + "://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
}
}(document, "script", "twitter-wjs");
</script>
<p></p>
<p><a class="ButtonStyle2" href="https://twitter.com/Bernardin">View All Tweets</a></p>
</td>
</tr>
</tbody>
</table> -->
</div>
</div>
<div class="row HomeSliderWrap">
<div class="row">
<div class="column small-12 medium-6 large-3 Feature4">
<table class="feature-table-top-left" role="presentation">
<tbody>
<tr>
<td>
<p><img src="/sitecm/i/homepage-jars-small_2019.png" width="404" height="420" alt=""></p>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="row" eh="">
<div class="column small-12 medium-6 large-7 Feature5">
<table class="feature-table-top-left" role="presentation">
<tbody>
<tr>
<td class="light-grade">
<p><img src="/sitecm/i/500ml-smoothie-beauty.jpg" width="800" height="533" alt=""></p>
<h2>Dress up your drinkware </h2>
<p>with Bernardin<sup>®/MD</sup> Mason Jars!</p>
</td>
</tr>
</tbody>
</table>
</div>
<div class="column small-12 medium-6 large-5 Feature6">
<table class="feature-table-top-right" role="presentation">
<tbody>
<tr>
<td>
<p><img src="/sitecm/i/purple_jars_bernardin_480.png" width="480" height="480" alt=""></p>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- bxSlider for Pressly -->
<bernardin:scroller run_at="server">
<!-- END OF OLD STUFF -->
</bernardin:scroller>
</div>
<script type="text/javascript">
function hideMobileMenu() {
var OnlyOnce = 0;
$telerik.$(window).resize(function() {
var startingPosition = $telerik.$(window).scrollTop();
if ($telerik.$(window).width() < 768 && OnlyOnce == 0) {
$telerik.$(".jq-Footer-Menu a.rpExpanded .rpExpandHandle").click();
OnlyOnce = 1;
} else if ($telerik.$(window).width() >= 768 && OnlyOnce == 1) {
$telerik.$(".jq-Footer-Menu a.rpExpandable:not(.rpExpanded) .rpExpandHandle").click();
OnlyOnce = 0;
}
$telerik.$("html, body").scrollTop(startingPosition);
});
}
//addPageLoad_Handler(hideMobileMenu);
</script>
</div>
</div>
</div>
</div>
<div class="row">
<div class="column">
<div class="block-email">
<div class="row">
<div class="column small-12 medium-7 large-4 medium-centered">
<h6> #canningwithbernardin </h6>
<h2> @bernardincanning </h2>
<p><a href="/contact-bernardin.htm">Contact us</a> and we'll respond to any questions as soon as possible.</p>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="row">
<div class="column small-12 medium-6 large-4">
<img src="/images/logo-white.svg" class="footer__logo" alt=""> A subsidiary of Newell Brands Canada ULC <br> Design by <a href="https://www.idealever.com" target="_blank">ideaLEVER Solutions Inc</a>. Powered by
<a href="https://commercecm.idealever.com" target="_blank">CommerceCM</a><sup>TM</sup>. <div class="footer__social">
<table>
<tbody>
<tr>
<td>
<span class="ContentBlock_Wrapper ContentBlockCategory65106 ContentBlock71943"><span class="ContentBlock"><!-- Go to www.addthis.com/dashboard to customize your tools -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-608971f0a99bcd55"></script>
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<div class="addthis_inline_follow_toolbox"></div>
</span></span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="column small-12 medium-6 large-8 jq-Footer-Menu">
<div class="FooterAccordionNav">
<div id="ctl00_FooterPlaceholder1_ctl00_SCMFooterNavNew_sitecmAccordionMenu" class="RadPanelBar RadPanelBar_FooterAccordionNav">
<ul class="rpRootGroup">
<li class="rpItem rpFirst"><button type="button" class="ExpandBtn expanded" aria-expanded="true" aria-controls="rpSlide5" aria-label="Help"
onclick="updateExpandedState(this)"></button><a href="/en/help.htm" class="rpLink link1 rpRootLink rpExpandable rpExpanded"><span class="rpOut rpNavigation"><span class="rpExpandHandle hasButton"></span><span class="rpText">Help</span></span></a>
<div class="rpSlide" style="display:block;" id="rpSlide5">
<ul class="rpGroup rpLevel1 group1" style="display: block; width: 100%;">
<li class="rpItem rpFirst"><a href="/en/howtoguides.htm" class="rpLink link1"><span class="rpOut rpNavigation"><span class="rpExpandHandle hasButton"></span><span class="rpText">How-To-Guides</span></span></a></li>
<li class="rpItem">
<a href="https://privacy.newellbrands.com/index_en.html" class="rpLink link2" target="_blank"><span class="rpOut rpNavigation"><span class="rpExpandHandle hasButton"></span><span class="rpText">Privacy Statement</span></span></a>
</li>
<li class="rpItem">
<a href="https://privacy.newellbrands.com/cookie_en.html" class="rpLink link3" target="_blank"><span class="rpOut rpNavigation"><span class="rpExpandHandle hasButton"></span><span class="rpText">Cookie Policy</span></span></a>
</li>
<li class="rpItem">
<a href="/en/commitment-accessibility.htm" class="rpLink link4"><span class="rpOut rpNavigation"><span class="rpExpandHandle hasButton"></span><span class="rpText">Commitment to Accessibility</span></span></a></li>
<li class="rpItem rpLast"><a href="/en/terms-of-use.htm" class="rpLink link5"><span class="rpOut rpNavigation"><span class="rpExpandHandle hasButton"></span><span class="rpText">Terms of Use</span></span></a></li>
</ul>
</div>
</li>
<li class="rpItem rpLast"><button type="button" class="ExpandBtn expanded" aria-expanded="true" aria-controls="rpSlide6" aria-label="About"
onclick="updateExpandedState(this)"></button><a href="/en/about.htm" class="rpLink link2 rpRootLink rpExpandable rpExpanded"><span class="rpOut rpNavigation"><span class="rpExpandHandle hasButton"></span><span class="rpText">About</span></span></a>
<div class="rpSlide" style="display:block;" id="rpSlide6">
<ul class="rpGroup rpLevel1 group2" style="display: block; width: 100%;">
<li class="rpItem rpFirst rpLast"><a href="/en/storelocatorlink.htm" class="rpLink link1"><span class="rpOut rpNavigation"><span class="rpExpandHandle hasButton"></span><span class="rpText">Store Locator</span></span></a></li>
</ul>
</div>
</li>
<li class="rpItem rpFirst rpLast"><button type="button" class="ExpandBtn expanded" aria-expanded="true" aria-controls="rpSlide7" aria-label="Products"
onclick="updateExpandedState(this)"></button><a href="/EN/Products/Department.aspx" class="rpLink link1 rpRootLink rpExpandable rpExpanded"><span class="rpOut rpNavigation"><span class="rpExpandHandle hasButton"></span><span class="rpText">Products</span></span></a>
<div class="rpSlide" style="display:block;" id="rpSlide7">
<ul class="rpGroup rpLevel1 group1" style="display: block; width: 100%;">
<li class="rpItem rpFirst"><a href="/EN/Products/Jars/Department.aspx" class="rpLink link1"><span class="rpOut rpNavigation"><span class="rpExpandHandle hasButton"></span><span class="rpText">Jars</span></span></a></li>
<li class="rpItem"><a href="/EN/Products/Closures/Department.aspx" class="rpLink link2"><span class="rpOut rpNavigation"><span class="rpExpandHandle hasButton"></span><span class="rpText">Closures</span></span></a></li>
<li class="rpItem">
<a href="/EN/Products/pectins-and-Mixes/Department.aspx" class="rpLink link3"><span class="rpOut rpNavigation"><span class="rpExpandHandle hasButton"></span><span class="rpText">Pectins and Mixes</span></span></a></li>
<li class="rpItem"><a href="/EN/Products/Accessories/Department.aspx" class="rpLink link4"><span class="rpOut rpNavigation"><span class="rpExpandHandle hasButton"></span><span class="rpText">Accessories</span></span></a></li>
<li class="rpItem rpLast">
<a href="/EN/Products/Publications/Department.aspx" class="rpLink link5"><span class="rpOut rpNavigation"><span class="rpExpandHandle hasButton"></span><span class="rpText">Publications</span></span></a></li>
</ul>
</div>
</li>
</ul><input id="ctl00_FooterPlaceholder1_ctl00_SCMFooterNavNew_sitecmAccordionMenu_ClientState" name="ctl00_FooterPlaceholder1_ctl00_SCMFooterNavNew_sitecmAccordionMenu_ClientState" type="hidden" autocomplete="off"
value="{"expandedItems":["0","1"],"logEntries":[],"selectedItems":[]}">
</div>
</div>
</div>
</div>
</div>
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="CA0B0334">
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="3BfOj9QlSDHFYe9O24bmYT5x84xlPzYlGMBJGtzmXTpUhBNRQ/Jz/bsBVcMuC3fkFuzmjs0jXL75CiAaqys9DH9XzrpDYcw7cv3oIJem75/Q3zWH">
</div>
<script src="https://d2i2wahzwrm1n5.cloudfront.net/ajaxz/2018.1.117/Common/Core.js" type="text/javascript"></script>
<script src="https://d2i2wahzwrm1n5.cloudfront.net/ajaxz/2018.1.117/Common/jQuery.js" type="text/javascript"></script>
<script src="https://d2i2wahzwrm1n5.cloudfront.net/ajaxz/2018.1.117/Common/jQueryInclude.js" type="text/javascript"></script>
<script src="https://d2i2wahzwrm1n5.cloudfront.net/ajaxz/2018.1.117/Ajax/Ajax.js" type="text/javascript"></script>
<script src="https://d2i2wahzwrm1n5.cloudfront.net/ajaxz/2018.1.117/Common/MaterialRipple/MaterialRippleScripts.js" type="text/javascript"></script>
<script src="https://d2i2wahzwrm1n5.cloudfront.net/ajaxz/2018.1.117/Common/jQueryPlugins.js" type="text/javascript"></script>
<script src="https://d2i2wahzwrm1n5.cloudfront.net/ajaxz/2018.1.117/Common/Scrolling/ScrollingScripts.js" type="text/javascript"></script>
<script src="https://d2i2wahzwrm1n5.cloudfront.net/ajaxz/2018.1.117/Common/Navigation/OData/OData.js" type="text/javascript"></script>
<script src="https://d2i2wahzwrm1n5.cloudfront.net/ajaxz/2018.1.117/Common/AnimationFramework/AnimationFramework.js" type="text/javascript"></script>
<script src="https://d2i2wahzwrm1n5.cloudfront.net/ajaxz/2018.1.117/Common/Navigation/NavigationScripts.js" type="text/javascript"></script>
<script src="https://d2i2wahzwrm1n5.cloudfront.net/ajaxz/2018.1.117/Common/Navigation/OverlayScript.js" type="text/javascript"></script>
<script src="https://d2i2wahzwrm1n5.cloudfront.net/ajaxz/2018.1.117/Menu/RadMenuScripts.js" type="text/javascript"></script>
<script src="https://d2i2wahzwrm1n5.cloudfront.net/ajaxz/2018.1.117/Menu/MenuItem/RadMenuItem.js" type="text/javascript"></script>
<script src="https://d2i2wahzwrm1n5.cloudfront.net/ajaxz/2018.1.117/Menu/Views/ClassicView.js" type="text/javascript"></script>
<script src="https://d2i2wahzwrm1n5.cloudfront.net/ajaxz/2018.1.117/Common/TouchScrollExtender.js" type="text/javascript"></script>
<script src="https://d2i2wahzwrm1n5.cloudfront.net/ajaxz/2018.1.117/PanelBar/RadPanelBarScripts.js" type="text/javascript"></script>
<script src="https://d2i2wahzwrm1n5.cloudfront.net/ajaxz/2018.1.117/PanelBar/Views/ClassicView.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
Sys.Application.add_init(function() {
$create(Telerik.Web.UI.RadAjaxManager, {
"_updatePanels": "",
"ajaxSettings": [],
"clientEvents": {
OnRequestStart: "runAjaxOnRequestStart_Handlers",
OnResponseEnd: "runAjaxOnResponseEnd_Handlers"
},
"defaultLoadingPanelID": "ctl00_ContentPlaceholder1",
"enableAJAX": true,
"enableHistory": false,
"links": [],
"styles": [],
"uniqueID": "ctl00$RadAjaxManager1",
"updatePanelsRenderMode": 0
}, null, null, $get("ctl00_RadAjaxManager1"));
});
Sys.Application.add_init(function() {
$create(Telerik.Web.UI.RadMenu, {
"_childListElementCssClass": null,
"clientStateFieldID": "ctl00_HeaderPlaceholder1_ctl00_TopMenu_RadMenu1_ClientState",
"collapseAnimation": "{\"type\":1,\"duration\":450}",
"collapseDelay": 100,
"enableScreenBoundaryDetection": false,
"expandAnimation": "{\"type\":1,\"duration\":450}",
"itemData": [{
"groupSettings": {
"expandDirection": 0,
"offsetX": 0,
"offsetY": 0
},
"value": "211251",
"navigateUrl": "/en/contact-bernardin.htm",
"outerCssClass": " item1",
"cssClass": " link1"
}]
}, {
"load": onClientLoadctl00_HeaderPlaceholder1_ctl00_TopMenu_RadMenu1
}, null, $get("ctl00_HeaderPlaceholder1_ctl00_TopMenu_RadMenu1"));
});
Sys.Application.add_init(function() {
$create(Telerik.Web.UI.RadPanelBar, {
"_skin": "None",
"clientStateFieldID": "ctl00_HeaderPlaceholder1_ctl00_MobileNav_radAccordion1_ClientState",
"collapseAnimation": "{\"duration\":450}",
"expandAnimation": "{\"duration\":450}",
"itemData": [{
"items": [{
"items": [{
"value": "DeptId=46",
"cssClass": " link1"
}, {
"value": "DeptId=28",
"cssClass": " link2"
}, {
"value": "DeptId=32",
"cssClass": " link3"
}, {
"value": "DeptId=61",
"cssClass": " link4"
}, {
"value": "DeptId=47",
"cssClass": " link5"
}],
"value": "DeptId=3",
"cssClass": "isparent link1"
}, {
"items": [{
"value": "DeptId=36",
"cssClass": " link1"
}, {
"value": "DeptId=37",
"cssClass": " link2"
}],
"value": "DeptId=4",
"cssClass": "isparent link2"
}, {
"items": [{
"value": "DeptId=40",
"cssClass": " link1"
}, {
"value": "DeptId=41",
"cssClass": " link2"
}, {
"value": "DeptId=62",
"cssClass": " link3"
}],
"value": "DeptId=14",
"cssClass": "isparent link3"
}, {
"value": "DeptId=16",
"cssClass": " link4"
}, {
"value": "DeptId=17",
"cssClass": " link5"
}],
"value": "DeptId=1",
"cssClass": "isparent link1"
}, {
"value": "PageId=211254",
"cssClass": " link2"
}, {
"items": [{
"value": "PageId=105651",
"cssClass": " link1"
}, {
"value": "PageId=105062",
"cssClass": " link2"
}, {
"value": "PageId=105653",
"cssClass": " link3"
}, {
"value": "PageId=105077",
"cssClass": " link4"
}],
"value": "LinkUrl=/en/intro.htm",
"cssClass": "isparent link3"
}, {
"value": "LinkUrl=/recipes/default.htm?lang=en-us",
"cssClass": " link4"
}, {
"value": "PageId=105073",
"cssClass": " link5"
}]
}, null, null, $get("ctl00_HeaderPlaceholder1_ctl00_MobileNav_radAccordion1"));
});
Sys.Application.add_init(function() {
$create(Telerik.Web.UI.RadPanelBar, {
"_skin": "None",
"clientStateFieldID": "ctl00_HeaderPlaceholder1_ctl00_TopMenu_Mobile_sitecmAccordionMenu_ClientState",
"collapseAnimation": "{\"duration\":450}",
"expandAnimation": "{\"duration\":450}",
"itemData": [{
"value": "211251",
"cssClass": " link1"
}]
}, null, null, $get("ctl00_HeaderPlaceholder1_ctl00_TopMenu_Mobile_sitecmAccordionMenu"));
});
Sys.Application.add_init(function() {
$create(Telerik.Web.UI.RadPanelBar, {
"_skin": "FooterAccordionNav",
"clientStateFieldID": "ctl00_FooterPlaceholder1_ctl00_SCMFooterNavNew_sitecmAccordionMenu_ClientState",
"collapseAnimation": "{\"duration\":450}",
"expandAnimation": "{\"duration\":450}",
"itemData": [{
"items": [{
"value": "105085",
"cssClass": " link1"
}, {
"value": "211204",
"target": "_blank",
"cssClass": " link2"
}, {
"value": "211206",
"target": "_blank",
"cssClass": " link3"
}, {
"value": "211208",
"cssClass": " link4"
}, {
"value": "104797",
"cssClass": " link5"
}],
"value": "104793",
"expanded": true,
"cssClass": " link1"
}, {
"items": [{
"value": "105657",
"cssClass": " link1"
}],
"value": "104798",
"expanded": true,
"cssClass": " link2"
}]
}, null, null, $get("ctl00_FooterPlaceholder1_ctl00_SCMFooterNavNew_sitecmAccordionMenu"));
});
Sys.Application.add_init(function() {
$create(Telerik.Web.UI.RadPanelBar, {
"_skin": "FooterAccordionNav",
"clientStateFieldID": "ctl00_FooterPlaceholder1_ctl00_CCMFooterNavNew_radAccordion1_ClientState",
"collapseAnimation": "{\"duration\":450}",
"expandAnimation": "{\"duration\":450}",
"itemData": [{
"items": [{
"value": "DeptId=3",
"cssClass": " link1"
}, {
"value": "DeptId=4",
"cssClass": " link2"
}, {
"value": "DeptId=14",
"cssClass": " link3"
}, {
"value": "DeptId=16",
"cssClass": " link4"
}, {
"value": "DeptId=17",
"cssClass": " link5"
}],
"value": "DeptId=1",
"expanded": true,
"cssClass": " link1"
}]
}, null, null, $get("ctl00_FooterPlaceholder1_ctl00_CCMFooterNavNew_radAccordion1"));
});
//]]>
</script>
</div>
</form>
Text Content
Close SEARCH RESULTS Search RECIPES * {4} {3} {0} No Recipes PRODUCTS * {1} {5} {3} {2} No Results INFORMATION {0} {1} No Results Skip to Main Content Search Our Website search * Contact Us English Francais Menu * Products * Jars * Regular Bernardin Jars * Decorative Bernardin Jars * Collection Bernardin Jars * Smooth Bernardin Jars * Heritage Jars * Closures * Standard 70 MM Snap Lids * Wide Mouth 86 MM Snap Lids * Pectins and Mixes * Pectins * Mixes * Sugar Free * Accessories * Publications * Where To Buy * How To Guide * Introduction to Canning * Before You Get Started * The Science Behind Heat Processing * Step by Step * Recipes * Frequently Asked Questions * Contact Us EnglishFrancais Toggle Navigation * Products * Jars * Closures * Pectins and Mixes * Accessories * Publications * Where To Buy * How To Guide * Introduction to Canning * Before You Get Started * The Science Behind Heat Processing * Step by Step * Recipes * Frequently Asked Questions Toggle Navigation * Products * Jars * Closures * Pectins and Mixes * Accessories * Publications * Where To Buy * How To Guide * Introduction to Canning * Before You Get Started * The Science Behind Heat Processing * Step by Step * Recipes * Frequently Asked Questions Skip to Main Content | About Us | Contact Us < LEARN MORE LOOKING FOR BERNARDIN® CANNING LIDS? We've heard you! See our update about Bernardin® canning lids. Visit our fAQs 1 > LET'S MAKE GREAT FOOD. THERE'S NO BETTER WAY TO SAFELY CAPTURE THOSE FLAVOURS THAN HOME CANNING. View all Recipes MOST POPULAR BABY FOOD FRUIT PURÉE Choose from apples, berries, cherries, peaches, nectarines, apricots, pears and plums. Do not can puréed figs or tomatoes. View Recipe MOST POPULAR ITEMS Make the most of your canning experience with jars that are ideal for any type of food They are versatile, multi-use home canning mason jars. View all Recipes Shop Regular Jars Previous * CLOSURES WIDE MOUTH 86 MM SNAP LID SEALING DISC * SMOOTH BERNARDIN JARS BERNARDIN SMOOTH 250ML JARS/WM LIDS Next TIPS & TRICKS MORE TO EXPLORE View Videos Canning Steps MOST POPULAR APPLE GINGER CHUTNEY Make this delicious condiment using non-seasonal ingredients any time of the year. It’s delicious served with meats or combined with sour cream or cream cheese in appetizer toppings or sauces View Recipe WATCH NOW! Downright Domestic Watch the Youtube video of Downright Domestic as Chef Emerie Brine and host Rebecca Webster prepare Strawberry Jam. WATCH VIDEO blob SALAD IN A JAR Take your meals on the go with Bernardin®/MD OUR EXPERT ADVICE Tweets by @Bernardin View All Tweets --> DRESS UP YOUR DRINKWARE with Bernardin®/MD Mason Jars! #CANNINGWITHBERNARDIN @BERNARDINCANNING Contact us and we'll respond to any questions as soon as possible. A subsidiary of Newell Brands Canada ULC Design by ideaLEVER Solutions Inc. Powered by CommerceCMTM. * Help * How-To-Guides * Privacy Statement * Cookie Policy * Commitment to Accessibility * Terms of Use * About * Store Locator * Products * Jars * Closures * Pectins and Mixes * Accessories * Publications