www.jimmyjohns.com
Open in
urlscan Pro
2606:4700::6811:52a9
Public Scan
Submitted URL: https://click.pxsweb.com/AgAYmGoa_GBgwBaK3x9jFRAVnsXPAoxEMmz1l20ZfB3VvD0EauCYQDdadYkmNNLa7cSQklN5JCfP1DEbW_pxQ5Med_Ns-rjj...
Effective URL: https://www.jimmyjohns.com/menu/?utm_source=eclub&utm_medium=email&utm_campaign=2023-promo&utm_content=mobilemonday
Submission: On May 03 via manual from US — Scanned from DE
Effective URL: https://www.jimmyjohns.com/menu/?utm_source=eclub&utm_medium=email&utm_campaign=2023-promo&utm_content=mobilemonday
Submission: On May 03 via manual from US — Scanned from DE
Form analysis 1 forms found in the DOM
Name: aspnetForm — POST ./?utm_source=eclub&utm_medium=email&utm_campaign=2023-promo&utm_content=mobilemonday
<form name="aspnetForm" method="post" action="./?utm_source=eclub&utm_medium=email&utm_campaign=2023-promo&utm_content=mobilemonday" id="ctl01">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="SCkJSzyWfxAO1cWEfTyHPv2ded1V0v5EI6s9lfkYR/KdR51c/aeyBA7WLcrwuVOcKtuDtxcNVr9GUUjW1gUp7BXNLk1Y3H3ZTIP1aBr0LSro99hz22cU5551be5ONcdNAhegsb8UHJX5vBwslxgzNA==">
</div>
<div>
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="88B80B11">
</div>
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MBF8DNC&gtm_auth=bTuXlaBn56MgfrKBPtKtYw&gtm_preview=env-2&gtm_cookies_win=x" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<div class="wrapper">
<style>
header {
position: fixed;
right: 0;
left: 0;
top: 0;
z-index: 1030;
background: white;
}
.relative-header {
height: 85px;
}
header .jjnavbar {
background-color: black;
width: 100%;
}
header .jjnavbar-content {
display: flex;
flex-direction: row;
justify-content: center;
height: 72px;
margin: 0 auto;
}
header .header-left {
width: 50%;
background-color: #E4002B;
}
header .header-right {
width: 50%;
}
header .logo {
margin: 0 auto;
padding-top: 22px;
position: fixed;
}
header .logo .logo-link {
width: 90px;
height: 90px;
cursor: pointer;
}
header .jjnavbar .logo img {
position: relative;
z-index: 999;
height: 110px;
width: 110px;
margin-top: -24px;
}
header .header-text {
font-family: "KO Junior Cruiserweight", sans-serif;
font-weight: 500;
font-size: 16px;
display: block;
vertical-align: middle;
}
header .login .header-text {
display: flex;
align-items: center;
}
header .header-link {
color: white;
cursor: pointer;
}
header .header-link.header-red-bg:hover {
color: #000000;
}
header .header-link-right {
margin-right: 5rem;
justify-content: flex-end;
}
header .header-link-left {
margin-left: 5rem;
}
header .header-star-divider {
color: #ffffff;
padding: 0 20px;
width: 17px;
}
header .header-star-divider img {
width: 100%;
}
header .jjnavbar-content .login {
height: 100%;
}
header .login {
display: flex;
}
header .login img {
max-height: 32px;
padding: 0 7px;
}
header .mobile-only {
display: none;
}
header .header-link-container {
height: 100%;
display: flex;
align-items: center;
}
/* MOBILE */
@media all and (max-width:725px) {
header .logo {
margin: 0;
}
header .jjnavbar .logo img {
height: 94px;
width: 94px;
margin-top: -24px;
}
header .header-link-right {
margin-right: 1rem;
}
header .header-link-left {
margin-left: 1rem;
flex: 1;
}
header .login .header-text {
display: flex;
flex-direction: row-reverse;
}
header .desktop-only {
display: none;
}
header .mobile-only {
display: flex;
}
header .jjnavbar-content {
height: 65px;
}
header .jjnavbar-content .login {
flex: 1;
padding: 0;
}
header .login img {
max-height: 27px;
padding: 0 5px;
}
header .jjnavbar-content .header-link.header-text {
flex: 1;
}
header .header-text {
font-size: 22px;
}
.relative-header {
height: 73px;
}
}
</style>
<header>
<a href="#mainContent" class="skipToContent" alt="Skip to main content">Skip to main content</a>
<div class="jjnavbar">
<div class="jjnavbar-content desktop-only">
<div class="header-left">
<div class="header-link-container header-link-left">
<a class="header-link header-text header-red-bg" href="/menu/">MENU</a>
<span aria-hidden="true" class="header-star-divider"><img alt="|" src="https://resources.jimmyjohns.com/icons/jj_icon_star_white_rgb.png"></span>
<a class="header-link header-text header-red-bg" href="/find-a-jjs/">
FIND A JJ'S
</a>
</div>
</div>
<div class="logo">
<a href="/" class="logo-link" title="Homepage">
<img alt="Jimmy John's Gourmet Sandwiches" src="https://resources.jimmyjohns.com/logos/jj_logo_2020.png">
</a>
</div>
<div class="header-right">
<div class="login header-link-container header-link-right">
<a class="header-text header-link" href="https://online.jimmyjohns.com/login" onmouseover="headerImgChange(true)" onmouseout="headerImgChange(false)">
<img class="login-icon" src="/images/header/head_icon.png" alt="Login Icon" title="Login Icon">
LOGIN
</a>
</div>
</div>
</div>
<div class="jjnavbar-content mobile-only">
<div class="header-left">
<div class="header-link-container header-link-left">
<a class="header-link header-text" href="/find-a-jjs/">
FIND A JJ'S
</a>
</div>
</div>
<div class="logo">
<a href="/" class="logo-link" title="Homepage">
<img alt="Jimmy John's Gormet Sandwiches" src="https://resources.jimmyjohns.com/logos/jj_logo_2020.png">
</a>
</div>
<div class="header-right">
<div class="login header-link-container header-link-right">
<a class="header-text header-link" href="https://online.jimmyjohns.com/login" onmouseover="headerImgChange(true)" onmouseout="headerImgChange(false)">
LOGIN
<img class="login-icon" src="/images/header/head_icon.png" alt="Login Icon" title="Login Icon">
</a>
</div>
</div>
</div>
</div>
</header>
<div class="relative-header"></div>
<script type="text/javascript">
function headerImgChange(isMouseOver) {
var src = "/images/header/head_icon.png";
if (isMouseOver) {
src = "/images/header/head_icon_over.png";
}
var elements = document.getElementsByClassName("login-icon");
for (var i = 0; i < elements.length - 1; i++) {
elements[i].src = src;
}
}
</script>
<script src="https://code.jquery.com/jquery-1.8.3.min.js" integrity="sha256-YcbK69I5IXQftf/mYD8WY0/KmEDCv1asggHpJk1trM8=" crossorigin="anonymous"></script>
<script>
if (!window.jQuery) {
document.write('<script src="/js/libs/jQuery/1.8.3/jquery-1.8.3.min.js"><\/script>');
}
</script>
<script type="text/javascript">
var orderTalkURL = 'https://online.jimmyjohns.com/';
var orderTalkBaseUrl = 'https://online.jimmyjohns.com/';
$(function() {
var url = window.location.pathname;
$('header .menu .navItem a').each(function() {
if (url.indexOf($(this).attr('href')) > -1) {
$(this).closest('li').addClass('selected');
return false;
}
});
});
</script>
<section id="mainContent" class="content clearfix">
<div class="jjMenu main-content-wrapper">
<span class="wrapper">
<style type="text/css">
.order-container {
height: 90px;
display: flex;
flex-direction: row;
justify-content: center;
align-content: center;
margin-bottom: 22px;
}
.order-container .mobile-only {
display: none;
}
.order-container .order-img-container {
display: flex;
}
.order-container .order-img-link {
align-self: center;
}
.order-container .order-img {
max-height: 85px;
align-self: center;
}
.order-container .star-img {
max-height: 35px;
align-self: center;
margin-right: 0.5rem;
}
.order-container .order-link {
color: white;
background-color: #E4002B;
font-family: 'Barlow Condensed', sans-serif;
font-weight: 700;
letter-spacing: 0.05em;
margin: auto 1rem;
font-size: 24px;
line-height: 48px;
height: 48px;
width: 154px;
text-align: center;
border-radius: 4px;
transition: box-shadow .5s ease-out;
}
.order-container .order-link:hover {
box-shadow: inset 0 0 0 20em rgba(0, 0, 0, .5);
color: white !important;
}
@media (min-width:801px) and (max-width:1000px) {
.order-container {
height: 75px;
}
.order-container .star-img {
max-height: 31px;
}
.order-container .order-img {
max-height: 54px;
}
.order-container .order-link {
margin: auto 13px;
font-size: 22px;
line-height: 44px;
height: 44px;
}
}
@media (min-width:726px) and (max-width:800px) {
.order-container {
height: 75px;
}
.order-container .star-img {
max-height: 25px;
}
.order-container .order-img {
max-height: 43px;
}
.order-container .order-link {
margin: auto 11px;
font-size: 20px;
line-height: 40px;
height: 40px;
}
}
/* MOBILE */
@media all and (max-width:725px) {
.order-container .desktop-only {
display: none;
}
.order-container .mobile-only {
display: block;
}
.order-container .order-img-container {
margin: auto;
width: 100%;
}
.order-container {
height: auto;
flex-direction: column;
padding-bottom: 6px;
padding-top: 3px;
}
.order-container .star-img {
max-width: 7vw;
margin: auto;
}
.order-container .star-img.star-left {
padding-left: 10px;
}
.order-container .star-img.star-right {
padding-right: 10px;
}
.order-container .order-img {
max-width: 75vw;
max-height: 1000px;
}
.order-container .order-link {
margin: 0.25em auto;
width: 63vw;
text-align: center;
font-size: 24px;
line-height: 48px;
height: 48px;
}
}
</style>
<div class="order-container">
<div class="order-img-container">
<img alt="star icon" class="star-img star-left" src="/images/home/star_red_navigation.png" title="Star">
<a id="order-a-sandwich-img-link" class="cta order-img-link" href="https://online.jimmyjohns.com/">
<img alt="Order A Sandwich" class="order-img" src="/images/home/order_a_sandwich.png?v-637477636586070656" title="Order A Sandwich">
</a>
<img alt="star icon" class="star-img star-right mobile-only" src="/images/home/star_red_navigation.png" title="Star">
</div>
<a id="order-a-sandwich-delivery-link" class="cta order-link" href="https://online.jimmyjohns.com/">DELIVERY</a>
<a id="order-a-sandwich-pickup-link" class="cta order-link" href="https://online.jimmyjohns.com/">PICKUP</a>
<img alt="star icon" class="star-img desktop-only" src="/images/home/star_red_navigation.png" title="Star">
</div>
<section id="mainContent" class="content hasDynamicTooltips clearfix menuTabs koApplied" data-bind="css: { 'koApplied': typeof jjMenuItems !== 'undefined' }">
<nav role="navigation" class="tabs clearfix">
<a href="/menu/" class="tab menuTab pie">JJ's Menu</a>
<a href="/catering/" class="tab cateringTab pie">Catering</a>
</nav>
<div class="menuWrapper mobileMenuDefault">
<div id="menuAccordianWrapper">
<ol id="menuAccordian" data-bind="visible: jjMenuItems.showMenu(), template: { name: 't_Menu', data: 'jjMenuItems' }">
<li class="menuCat sandwichPane" data-landingimg="/images/menu/Items/section_fudge-brownie.jpg" aria-expanded="false">
<h2 class="catHeader grayGradient menunew new" data-catslug="new">
<a href="#"><span class="catHeadCopy_new">New! Fudge Chocolate Brownie</span></a>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowDown">v</span>
</h2>
<!-- ko with: { itemArray: jjMenuItems.itemData.Sandwiches.New } -->
<ul class="menuItems sandwiches menunew" data-bind="template: { name: 't_SandwichMenuItems', foreach: itemArray }">
<li>
<a class="menuItem last" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/new/fudge-chocolate-brownie" item-url="fudge-chocolate-brownie">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">Fudge Chocolate Brownie</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange">350 cal</span></h4>
<p class="description" data-bind="html: shortDescription">Brownie made with semi-sweet chocolate, cocoa and melted chocolate.</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
</ul>
<!-- /ko -->
</li>
<li class="menuCat sandwichPane" data-landingimg="/images/menu/Items/combo_menu_landing.jpg" aria-expanded="false">
<h2 class="catHeader grayGradient menujjscombos jjscombos" data-catslug="jjscombos">
<a href="#"><span class="catHeadCopy">JJ's Combos!</span></a>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowDown">v</span>
</h2>
<!-- ko with: { itemArray: jjMenuItems.itemData.Sandwiches.JJsCombos } -->
<ul class="menuItems sandwiches menujjscombos" data-bind="template: { name: 't_SandwichMenuItems', foreach: itemArray }">
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/jjscombos/caprese-salami-pesto-combo" item-url="caprese-salami-pesto-combo">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">Caprese Salami Pesto Combo</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange"></span></h4>
<p class="description" data-bind="html: shortDescription">Our all new Caprese Salami Pesto with your choice of a side and a drink.</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/jjscombos/favorite-combo" item-url="favorite-combo">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">8" Favorite Combo</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange"></span></h4>
<p class="description" data-bind="html: shortDescription">Any of our 8" Favorite sandwiches with your choice of chips or pickle and a drink.</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/jjscombos/8-original-combo" item-url="8-original-combo">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">8" Original Combo</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange"></span></h4>
<p class="description" data-bind="html: shortDescription">Any of our 8" Original sandwiches with your choice of chips or pickle and a drink. </p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/jjscombos/little-john-combo" item-url="little-john-combo">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">Little John Combo</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange"></span></h4>
<p class="description" data-bind="html: shortDescription">Any of our Little John sandwiches with your choice of chips or pickle and a drink.</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/jjscombos/8-jj-gargantuan-combo" item-url="8-jj-gargantuan-combo">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">8" J.J. Gargantuan<sup>®</sup> Combo</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange"></span></h4>
<p class="description" data-bind="html: shortDescription">8" J.J. Gargantuan<sup>®</sup> sandwich with your choice of chips or pickle and a drink.</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/jjscombos/8-slim-combo" item-url="8-slim-combo">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">8" Slim Combo</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange"></span></h4>
<p class="description" data-bind="html: shortDescription">Any of our 8" Slim sandwiches with your choice of chips or pickle and a drink.</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/jjscombos/16-favorite-combo" item-url="16-favorite-combo">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">16" Favorite Combo</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange"></span></h4>
<p class="description" data-bind="html: shortDescription">Any of our 16" Favorite sandwiches with your choice of chips or pickle and a drink.</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/jjscombos/16-original-combo" item-url="16-original-combo">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">16" Original Combo</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange"></span></h4>
<p class="description" data-bind="html: shortDescription">Any of our 16" Original sandwiches with your choice of chips or pickle and a drink.</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/jjscombos/16-jj-gargantuan-combo" item-url="16-jj-gargantuan-combo">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">16" J.J. Gargantuan<sup>®</sup> Combo</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange"></span></h4>
<p class="description" data-bind="html: shortDescription">16" J.J. Gargantuan<sup>®</sup> sandwich with your choice of chips or pickle and a drink.</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem last" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/jjscombos/16-slim-combo" item-url="16-slim-combo">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">16" Slim Combo</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange"></span></h4>
<p class="description" data-bind="html: shortDescription">Any of our 16" Slim sandwiches with your choice of chips or pickle and a drink.</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
</ul>
<!-- /ko -->
</li>
<li class="menuCat sandwichPane" data-landingimg="/images/menu/Items/section_favorites.jpg" aria-expanded="false">
<h2 class="catHeader grayGradient menufavorites favorites" data-catslug="favorites">
<a href="#"><span class="catHeadCopy">Favorites</span></a>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowDown">v</span>
</h2>
<!-- ko with: { itemArray: jjMenuItems.itemData.Sandwiches.Favorites } -->
<ul class="menuItems sandwiches menuFavorites" data-bind="template: { name: 't_SandwichMenuItems', foreach: itemArray }">
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/favorites/spicy-east-coast-italian" item-url="spicy-east-coast-italian">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">#7 Spicy East Coast Italian</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange">740-1110 | 1940 cal</span></h4>
<p class="description" data-bind="html: shortDescription">DOUBLE GENOA SALAMI, DOUBLE CAPOCOLLO & PROVOLONE hot peppers, sauce, onion, lettuce, tomato & easy mayo (GUTTED)</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/favorites/billy-club" item-url="billy-club">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">#8 Billy Club®</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange">460-830 | 1630 cal</span></h4>
<p class="description" data-bind="html: shortDescription">ROAST BEEF, HAM & PROVOLONE Dijon, lettuce, tomato & mayo</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/favorites/italian-night-club" item-url="italian-night-club">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">#9 Italian Night Club®</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange">580-950 | 1860 cal</span></h4>
<p class="description" data-bind="html: shortDescription">SALAMI, CAPOCOLLO, HAM & PROVOLONE onion, lettuce, tomato, mayo, oil & vinegar, & oregano-basil</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/favorites/hunters-club" item-url="hunters-club">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">#10 Hunter's Club®</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange">480-840 | 1650 cal</span></h4>
<p class="description" data-bind="html: shortDescription">DOUBLE ROAST BEEF & PROVOLONE lettuce, tomato & mayo</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/favorites/country-club" item-url="country-club">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">#11 Country Club®</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange">430-800 | 1570 cal</span></h4>
<p class="description" data-bind="html: shortDescription">TURKEY, HAM & PROVOLONE lettuce, tomato & mayo</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/favorites/beach-club" item-url="beach-club">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">#12 Beach Club®</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange">510-870 | 1710 cal</span></h4>
<p class="description" data-bind="html: shortDescription">TURKEY, PROVOLONE & AVOCADO SPREAD cucumber, lettuce, tomato & mayo</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/favorites/jimmy-cubano" item-url="jimmy-cubano">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">#13 Jimmy Cubano®</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange">490-850 | 1440 cal</span></h4>
<p class="description" data-bind="html: shortDescription">BACON, SMOKED HAM & PROVOLONE sliced pickle, mayo & Dijon</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/favorites/bootlegger-club" item-url="bootlegger-club">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">#14 Bootlegger Club®</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange">330-700 | 1370 cal</span></h4>
<p class="description" data-bind="html: shortDescription">ROAST BEEF & TURKEY lettuce, tomato & mayo</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/favorites/club-tuna" item-url="club-tuna">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">#15 Club Tuna®</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange">500-870 | 1710 cal</span></h4>
<p class="description" data-bind="html: shortDescription">TUNA SALAD & PROVOLONE cucumber, lettuce & tomato</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/favorites/club-lulu" item-url="club-lulu">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">#16 Club Lulu®</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange">340-700 | 1370 cal</span></h4>
<p class="description" data-bind="html: shortDescription">TURKEY & BACON lettuce, tomato & mayo</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem last" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/favorites/ultimate-porker" item-url="ultimate-porker">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">#17 Ultimate Porker®</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange">340-710 | 1390 cal</span></h4>
<p class="description" data-bind="html: shortDescription">HAM & BACON lettuce, tomato & mayo</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
</ul>
<!-- /ko -->
</li>
<li class="menuCat sandwichPane" data-landingimg="/images/menu/Items/section_originals.jpg" aria-expanded="false">
<h2 class="catHeader grayGradient menuoriginals originals" data-catslug="originals">
<a href="#"><span class="catHeadCopy">Originals</span></a>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowDown">v</span>
</h2>
<!-- ko with: { itemArray: jjMenuItems.itemData.Sandwiches.Originals } -->
<ul class="menuItems sandwiches menuoriginals" data-bind="template: { name: 't_SandwichMenuItems', foreach: itemArray }">
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/originals/pepe" item-url="pepe">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">#1 The Pepe®</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange">370-730 | 1200 cal</span></h4>
<p class="description" data-bind="html: shortDescription">HAM & PROVOLONE lettuce, tomato & mayo</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/originals/big-john" item-url="big-john">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">#2 Big John®</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange">270-640 | 1000 cal</span></h4>
<p class="description" data-bind="html: shortDescription">ROAST BEEF lettuce, tomato & mayo</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/originals/totally-tuna" item-url="totally-tuna">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">#3 Totally Tuna®</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange">270-630 | 990 cal</span></h4>
<p class="description" data-bind="html: shortDescription">TUNA SALAD cucumber, lettuce & tomato</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/originals/turkey-tom" item-url="turkey-tom">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">#4 Turkey Tom®</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange">250-610 | 950 cal</span></h4>
<p class="description" data-bind="html: shortDescription">TURKEY lettuce, tomato & mayo</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/originals/vito" item-url="vito">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">#5 Vito®</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange">350-710 | 1150 cal</span></h4>
<p class="description" data-bind="html: shortDescription">SALAMI, CAPOCOLLO & PROVOLONE onion, lettuce, tomato, oil & vinegar, & oregano-basil</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/originals/vegetarian" item-url="vegetarian">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">#6 The Veggie</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange">440-810 | 1350 cal</span></h4>
<p class="description" data-bind="html: shortDescription">PROVOLONE & AVOCADO SPREAD cucumber, lettuce, tomato & mayo</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem last" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/originals/jj-blt" item-url="jj-blt">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">J.J.B.L.T.<sup>®</sup></span></h4>
<h4><span class="displayName" data-bind="html: calorieRange">360-730 | 1190 cal</span></h4>
<p class="description" data-bind="html: shortDescription">BACON lettuce, tomato & mayo</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
</ul>
<!-- /ko -->
</li>
<li class="menuCat sandwichPane" data-landingimg="/images/menu/Items/section_gargantuan.jpg" aria-expanded="false">
<h2 class="catHeader grayGradient menugargantuan gargantuan" data-catslug="gargantuan">
<a href="#"><span class="catHeadCopy">Gargantuan</span></a>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowDown">v</span>
</h2>
<!-- ko with: { itemArray: jjMenuItems.itemData.Sandwiches.Gargantuan } -->
<ul class="menuItems sandwiches menugargantuan" data-bind="template: { name: 't_SandwichMenuItems', foreach: itemArray }">
<li>
<a class="menuItem last" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/gargantuan/jj-gargantuan" item-url="jj-gargantuan">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">The J.J. Gargantuan<sup>®</sup></span></h4>
<h4><span class="displayName" data-bind="html: calorieRange">730-1100 | 2160 cal</span></h4>
<p class="description" data-bind="html: shortDescription">SALAMI, CAPOCOLLO, TURKEY, ROAST BEEF, HAM & PROVOLONE onion, lettuce, tomato, mayo, oil & vinegar, & oregano-basil</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
</ul>
<!-- /ko -->
</li>
<li class="menuCat sandwichPane" data-landingimg="/images/menu/Items/section_littlejohns.jpg" aria-expanded="false">
<h2 class="catHeader grayGradient menulittlejohns littlejohns" data-catslug="littlejohns">
<a href="#"><span class="catHeadCopy">Little Johns</span></a>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowDown">v</span>
</h2>
<!-- ko with: { itemArray: jjMenuItems.itemData.Sandwiches.LittleJohns } -->
<ul class="menuItems sandwiches menulittlejohns" data-bind="template: { name: 't_SandwichMenuItems', foreach: itemArray }">
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/littlejohns/little-john-1" item-url="little-john-1">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">Little John #1</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange">300 cal</span></h4>
<p class="description" data-bind="html: shortDescription">HAM & PROVOLONE lettuce, tomato & mayo</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/littlejohns/little-john-2" item-url="little-john-2">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">Little John #2</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange">250 cal</span></h4>
<p class="description" data-bind="html: shortDescription">ROAST BEEF lettuce, tomato & mayo</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/littlejohns/little-john-3" item-url="little-john-3">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">Little John #3</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange">250 cal</span></h4>
<p class="description" data-bind="html: shortDescription">TUNA SALAD cucumber, lettuce, & tomato</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/littlejohns/little-john-4" item-url="little-john-4">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">Little John #4</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange">240 cal</span></h4>
<p class="description" data-bind="html: shortDescription">TURKEY lettuce, tomato & mayo</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/littlejohns/little-john-5" item-url="little-john-5">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">Little John #5</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange">290 cal</span></h4>
<p class="description" data-bind="html: shortDescription">SALAMI, CAPOCOLLO & PROVOLONE onion, lettuce, tomato, oil & vinegar, & oregano-basil</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/littlejohns/little-john-6" item-url="little-john-6">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">Little John #6</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange">340 cal</span></h4>
<p class="description" data-bind="html: shortDescription">PROVOLONE & AVOCADO SPREAD cucumber, lettuce, tomato, and mayo</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem last" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/littlejohns/little-john-blt" item-url="little-john-blt">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">Little John B.L.T.</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange">300 cal</span></h4>
<p class="description" data-bind="html: shortDescription">BACON lettuce, tomato & mayo</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
</ul>
<!-- /ko -->
</li>
<li class="menuCat sandwichPane" data-landingimg="/images/menu/Items/section_slims.jpg" aria-expanded="false">
<h2 class="catHeader grayGradient menuplainslims slims" data-catslug="slims">
<a href="#"><span class="catHeadCopy">Plain Slims<sup>®</sup></span></a>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowDown">v</span>
</h2>
<!-- ko with: { itemArray: jjMenuItems.itemData.Sandwiches.PlainSlims } -->
<ul class="menuItems sandwiches menuplainslims" data-bind="template: { name: 't_SandwichMenuItems', foreach: itemArray }">
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/slims/slim-1-ham-cheese" item-url="slim-1-ham-cheese">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">Slim 1</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange">190-560 | 1080 cal</span></h4>
<p class="description" data-bind="html: shortDescription">HAM & CHEESE</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/slims/slim-2-roast-beef" item-url="slim-2-roast-beef">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">Slim 2</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange">90-460 | 880 cal</span></h4>
<p class="description" data-bind="html: shortDescription">ROAST BEEF</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/slims/slim-3-tuna-salad" item-url="slim-3-tuna-salad">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">Slim 3</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange">250-610 | 1200 cal</span></h4>
<p class="description" data-bind="html: shortDescription">TUNA SALAD</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/slims/slim-4-turkey-breast" item-url="slim-4-turkey-breast">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">Slim 4</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange">70-430 | 830 cal</span></h4>
<p class="description" data-bind="html: shortDescription">TURKEY</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/slims/slim-5-salami-capocollo-cheese" item-url="slim-5-salami-capocollo-cheese">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">Slim 5</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange">280-650 | 1260 cal</span></h4>
<p class="description" data-bind="html: shortDescription">SALAMI, CAPOCOLLO & PROVOLONE</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem last" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/slims/slim-6-double-provolone" item-url="slim-6-double-provolone">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">Slim 6</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange">240-600 | 1180 cal</span></h4>
<p class="description" data-bind="html: shortDescription">CHEESE</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
</ul>
<!-- /ko -->
</li>
<li class="menuCat sandwichPane" data-landingimg="/images/menu/Items/section_french_bread.jpg" aria-expanded="false">
<h2 class="catHeader grayGradient menufrenchbread frenchbread" data-catslug="frenchbread">
<a href="#"><span class="catHeadCopy">French Bread</span></a>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowDown">v</span>
</h2>
<!-- ko with: { itemArray: jjMenuItems.itemData.Sandwiches.FrenchBread } -->
<ul class="menuItems sandwiches menufrenchbread" data-bind="template: { name: 't_SandwichMenuItems', foreach: itemArray }">
<li>
<a class="menuItem last" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/frenchbread/fresh-baked-french-bread" item-url="fresh-baked-french-bread">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName">Fresh Baked French Bread</span></h4>
<h4><span class="displayName" data-bind="html: calorieRange">790 cal</span></h4>
<p class="description" data-bind="html: shortDescription">Our Freaky Fresh<sup>®</sup> 16" French bread is perfectly golden and baked all day long. Quantity limitations and participation may vary by store.</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
</ul>
<!-- /ko -->
</li>
<li class="menuCat minorCat sidesPane" data-landingimg="/images/menu/Items/section_sides.jpg" aria-expanded="false">
<h2 class="catHeader grayGradient sides" data-catslug="sides"><span class="catHeadCopy">Sides & Desserts</span><span aria-hidden="true" class="iconJJCommons menuArrow menuArrowDown">v</span></h2>
<ul class="menuItems sides">
<h3 class="catSubHdr menuchips chips" data-catslug="chips">Kickin' Ranch<sup>®</sup></h3>
<!-- ko with: { itemArray: jjMenuItems.itemData.Sides.Ranch } -->
<li>
<ul class="catSub menuranch" data-bind="template: { name: 't_MenuItems', foreach: itemArray }">
<li>
<a class="menuItem last" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/sides/kickin-ranch" item-url="kickin-ranch">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName + ' ' + calorieRange">Kickin' Ranch<sup>®</sup> 160 cal ea.</span></h4>
<p class="description" data-bind="html: shortDescription"></p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
</ul>
</li>
<!-- /ko -->
<h3 class="catSubHdr menuchips chips" data-catslug="chips">Jimmy Chips<sup>®</sup></h3>
<!-- ko with: { itemArray: jjMenuItems.itemData.Sides.Chips } -->
<li>
<ul class="catSub menuchips" data-bind="template: { name: 't_MenuItems', foreach: itemArray }">
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/sides/regular-chips" item-url="regular-chips">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName + ' ' + calorieRange">Regular 300 cal/bag</span></h4>
<p class="description" data-bind="html: shortDescription"></p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/sides/bbq-jimmy-chips" item-url="bbq-jimmy-chips">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName + ' ' + calorieRange">BBQ 290 cal/bag</span></h4>
<p class="description" data-bind="html: shortDescription"></p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/sides/jalapeno-chips" item-url="jalapeno-chips">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName + ' ' + calorieRange">Jalapeño 290 cal/bag</span></h4>
<p class="description" data-bind="html: shortDescription"></p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/sides/sea-salt-vinegar-chips" item-url="sea-salt-vinegar-chips">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName + ' ' + calorieRange">Salt & Vinegar 290 cal/bag</span></h4>
<p class="description" data-bind="html: shortDescription"></p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem last" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/sides/thinny-chips" item-url="thinny-chips">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName + ' ' + calorieRange">Thinny Chips<sup>®</sup> 260 cal/bag</span></h4>
<p class="description" data-bind="html: shortDescription"></p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
</ul>
</li>
<!-- /ko -->
<h3 class="catSubHdr menucookies cookies" data-catslug="cookies">Desserts</h3>
<!-- ko with: { itemArray: jjMenuItems.itemData.Sides.Cookies } -->
<li>
<ul class="catSub menucookies" data-bind="template: { name: 't_MenuItems', foreach: itemArray }">
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/sides/fudge-chocolate-brownie" item-url="fudge-chocolate-brownie">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName + ' ' + calorieRange">Fudge Chocolate Brownie 350 cal</span></h4>
<p class="description" data-bind="html: shortDescription">Brownie made with semi-sweet chocolate, cocoa and melted chocolate.</p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/sides/raisin-oatmeal-cookie" item-url="raisin-oatmeal-cookie">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName + ' ' + calorieRange">Oatmeal Raisin Cookie 370 cal</span></h4>
<p class="description" data-bind="html: shortDescription"></p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem last" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/sides/chocolate-chunk-cookie" item-url="chocolate-chunk-cookie">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName + ' ' + calorieRange">Chocolate Chip Cookie 410 cal</span></h4>
<p class="description" data-bind="html: shortDescription"></p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
</ul>
</li>
<!-- /ko -->
<h3 class="catSubHdr menupickles pickles" data-catslug="pickles">Jimmy Pickles<sup>®</sup></h3>
<!-- ko with: { itemArray: jjMenuItems.itemData.Sides.Pickles } -->
<li>
<ul class="catSub menupickles" data-bind="template: { name: 't_MenuItems', foreach: itemArray }">
<li>
<a class="menuItem last" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/sides/pickle-whole" item-url="pickle-whole">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName + ' ' + calorieRange">Jumbo Kosher Dill Jimmy Pickles® 20 cal</span></h4>
<p class="description" data-bind="html: shortDescription"></p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
</ul>
</li>
<!-- /ko -->
</ul>
</li>
<li class="menuCat minorCat drinksPane" data-landingimg="/images/menu/Items/drinks-landing.jpeg" aria-expanded="false">
<h2 class="catHeader grayGradient drinks" data-catslug="drinks"><span class="">Drinks</span><span aria-hidden="true" class="iconJJCommons menuArrow menuArrowDown">v</span></h2>
<ul class="menuItems drinks">
<!-- ko with: { itemArray: jjMenuItems.itemData.Drinks.Coke } -->
<li>
<ul class="catSub menucoke" data-bind="template: { name: 't_MenuItems', foreach: itemArray }">
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/drinks/coke-regular" item-url="coke-regular">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName + ' ' + calorieRange">Coke<sup>®</sup> (Regular) 22oz. 280 cal</span></h4>
<p class="description" data-bind="html: shortDescription"></p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/drinks/coke-large" item-url="coke-large">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName + ' ' + calorieRange">Coke<sup>®</sup> (Large) 30oz. 380 cal</span></h4>
<p class="description" data-bind="html: shortDescription"></p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/drinks/coke-bottle" item-url="coke-bottle">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName + ' ' + calorieRange">Bottled Coke<sup>®</sup> 20oz. 350 cal</span></h4>
<p class="description" data-bind="html: shortDescription"></p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/drinks/diet-coke-regular" item-url="diet-coke-regular">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName + ' ' + calorieRange">Diet Coke<sup>®</sup> (Regular) 22oz. 0 cal</span></h4>
<p class="description" data-bind="html: shortDescription"></p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/drinks/diet-coke-large" item-url="diet-coke-large">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName + ' ' + calorieRange">Diet Coke<sup>®</sup> (Large) 30oz. 0 cal</span></h4>
<p class="description" data-bind="html: shortDescription"></p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem last" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/drinks/diet-coke-bottle" item-url="diet-coke-bottle">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName + ' ' + calorieRange">Bottled Diet Coke<sup>®</sup> 20oz. 0 cal</span></h4>
<p class="description" data-bind="html: shortDescription"></p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
</ul>
</li>
<!-- /ko -->
<!-- ko with: { itemArray: jjMenuItems.itemData.Drinks.Sprite } -->
<li>
<ul class="catSub menusprite" data-bind="template: { name: 't_MenuItems', foreach: itemArray }">
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/drinks/sprite-regular" item-url="sprite-regular">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName + ' ' + calorieRange">Sprite<sup>®</sup> (Regular) 22oz. 260 cal</span></h4>
<p class="description" data-bind="html: shortDescription"></p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/drinks/sprite-large" item-url="sprite-large">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName + ' ' + calorieRange">Sprite<sup>®</sup> (Large) 30oz. 350 cal</span></h4>
<p class="description" data-bind="html: shortDescription"></p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem last" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/drinks/sprite-bottle" item-url="sprite-bottle">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName + ' ' + calorieRange">20 oz. Bottle Sprite<sup>®</sup>. 240 cal</span></h4>
<p class="description" data-bind="html: shortDescription"></p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
</ul>
</li>
<!-- /ko -->
<!-- ko with: { itemArray: jjMenuItems.itemData.Drinks.DrPepper } -->
<li>
<ul class="catSub menudrpepper" data-bind="template: { name: 't_MenuItems', foreach: itemArray }">
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/drinks/dr-pepper-small" item-url="dr-pepper-small">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName + ' ' + calorieRange">Dr Pepper<sup>®</sup> (Regular) 22oz. 280 cal</span></h4>
<p class="description" data-bind="html: shortDescription"></p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
<li>
<a class="menuItem last" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/drinks/dr-pepper-large" item-url="dr-pepper-large">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName + ' ' + calorieRange">Dr Pepper<sup>®</sup> (Large) 30oz. 380 cal</span></h4>
<p class="description" data-bind="html: shortDescription"></p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
</ul>
</li>
<!-- /ko -->
<!-- ko with: { itemArray: jjMenuItems.itemData.Drinks.DasaniBottledWater } -->
<li>
<ul class="catSub menudasanibottledwater" data-bind="template: { name: 't_MenuItems', foreach: itemArray }">
<li>
<a class="menuItem last" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/drinks/bottled-water" item-url="bottled-water">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName + ' ' + calorieRange">Dasani<sup>®</sup> Bottled Water 0 cal</span></h4>
<p class="description" data-bind="html: shortDescription"></p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
</ul>
</li>
<!-- /ko -->
<!-- ko with: { itemArray: jjMenuItems.itemData.Drinks.Simply } -->
<li>
<ul class="catSub menusimply" data-bind="template: { name: 't_MenuItems', foreach: itemArray }">
<li>
<a class="menuItem last" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/drinks/bottle-simply-lemonade" item-url="bottle-simply-lemonade">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName + ' ' + calorieRange">Simply<sup>®</sup> Lemonade. 160 cal</span></h4>
<p class="description" data-bind="html: shortDescription"></p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
</ul>
</li>
<!-- /ko -->
<!-- ko with: { itemArray: jjMenuItems.itemData.Drinks.Monster } -->
<li>
<ul class="catSub menumonster lastSubSection" data-bind="template: { name: 't_MenuItems', foreach: itemArray }">
<li>
<a class="menuItem last" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }" href="/menu/drinks/monster-16" item-url="monster-16">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName + ' ' + calorieRange">Monster<sup>®</sup> Energy. 230 cal</span></h4>
<p class="description" data-bind="html: shortDescription"></p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
</ul>
</li>
<!-- /ko -->
</ul>
</li>
<a id="ctl00_ContentPlaceHolder_JavasciptIncludes_ucMenuKnockOut_linkPDF" class="shadedBtn printMenuBtn" rel="noindex noopener noreferrer" href="https://resources.jimmyjohns.com/downloadable-files/Jimmy-Johns-Menu.pdf" target="_blank">Print Menu
<span class="pdfSize">(497KB PDF)</span>
</a>
<a class="shadedBtn printMenuBtn" href="/unwich-info/">Unwich® Info</a>
<a class="shadedBtn printMenuBtn" rel="noindex noopener noreferrer" href="https://resources.jimmyjohns.com/downloadable-files/NutritionGuide.pdf" target="_blank">Nutrition & Allergen Guide
</a>
<p class="disclaimer" style="margin: 1em; font-size: 12px">2,000 calories a day is used for general nutrition advice, but calorie needs vary. Additional nutrition information available upon request.</p>
</ol>
</div>
</div>
<div class="detailWrapper" data-bind="visible: jjMenuItems.showDetailWrapper()">
<!-- ko with: { jjData: jjMenuItems } -->
<div id="itemDetail" class="itemDetail" data-bind="template: { name: 't_itemDetail', data: jjData.itemDetail }, visible: jjMenuItems.showDetail()" style="display: none;">
<!-- ko if: jjMenuItems.itemDetail() -->
<h1 class="displayName" style="text-align: center;">
<span data-bind="html: displayName"></span>
<!--<em class="addCustomizedTag" data-bind="visible: isCustomized">(customized)</em>-->
</h1>
<div style="text-align: center; margin-bottom: 15px;">
<a href="https://online.jimmyjohns.com/" class="redBtn" style="margin: 0 auto;">
<span class="btnTxtWrap">ORDER ONLINE</span>
</a>
</div>
<p id="OgPricesDisclaimer" class="imgCaption"> See prices after starting an online order </p>
<div class="detailImg" data-bind="visible: itemType === '0001' || imageUrl !== ''" style="display: none;">
<img data-bind="attr: { src: itemImgUrl, alt: itemImgAlt }" width="715" height="259" src="" alt="">
<p class="defaultIngredients" data-bind="html: longDescription"></p>
</div>
<!-- /ko -->
<!-- ko if: jjMenuItems.itemDetail() && jjMenuItems.itemDetail().fullDescription --><!-- /ko -->
<!-- ko if: jjMenuItems.itemDetail() && jjMenuItems.itemDetail().detailCalories --><!-- /ko -->
<!-- ko if: jjMenuItems.itemDetail() && jjMenuItems.itemDetail().additionalOptions -->
<div class="additional-sandwiches-section">
<h2 class="additional-sandwiches-header">Additional Great Sandwich Options</h2>
<div class="additional-sandwiches">
<a class="sandwich-card" data-bind="attr: { href: additionalOptions.option1.url }" href="">
<img data-bind="attr: { src: additionalOptions.option1.img }" src="">
<span data-bind="html: additionalOptions.option1.name"></span>
</a>
<a class="sandwich-card" data-bind="attr: { href: additionalOptions.option2.url }" href="">
<img data-bind="attr: { src: additionalOptions.option2.img }" src="">
<span data-bind="html: additionalOptions.option2.name"></span>
</a>
<a class="sandwich-card" data-bind="attr: { href: additionalOptions.option3.url }" href="">
<img data-bind="attr: { src: additionalOptions.option3.img }" src="">
<span data-bind="html: additionalOptions.option3.name"></span>
</a>
<a class="sandwich-card" data-bind="attr: { href: additionalOptions.option4.url }" href="">
<img data-bind="attr: { src: additionalOptions.option4.img }" src="">
<span data-bind="html: additionalOptions.option4.name"></span>
</a>
</div>
</div>
<!-- /ko -->
</div>
<div class="itemDetail itemNutrition" data-bind="template: { name: 't_itemDetailNutrition', data: jjData.itemDetail }, visible: jjMenuItems.showDetail()" style="display: none;">
</div>
<!-- /ko -->
<div class="itemDetailLanding fullSizeOnly" data-bind="visible: jjMenuItems.showLanding()">
<h1>JJ's Menu</h1>
<p>Browse the menu at left and add items to your meal.</p>
<img alt="Make it a Combo" title="Make it a Combo" src="/images/menu/Items/combo_menu_landing.jpg">
</div>
</div>
</section>
<script type="text/javascript">
var orderTalkURL = 'https://online.jimmyjohns.com/';
var orderTalkBaseUrl = 'https://online.jimmyjohns.com/';
</script>
<!--[if lt IE 9]>
<script type="text/javascript" src="/js/plugins/jquery.hashchange.min.js"></script>
<!--<![endif]-->
<!--[if (gt IE 8)|!(IE)]><!-->
<script type="text/javascript" src="/js/plugins/jquery.alerts.js"></script>
<!--<![endif]-->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/knockout/2.2.0/knockout-min.js"></script>
<script>
// Fallback to loading knockout locally if the CDN is unavailable
(window.ko || document.write("<script src='/js/libs/knockout/2.2.0/knockout-min.js'><\/script>"));
</script>
<script type="text/javascript" src="/js/dist/menu.min.js?v-638185374272486810"></script>
<script type="text/html" id="t_Menu">
<li class="menuCat sandwichPane" data-landingimg="/images/menu/Items/section_fudge-brownie.jpg" aria-expanded="false">
<h2 class="catHeader grayGradient menunew new" data-catslug="new">
<a href="#"><span class="catHeadCopy_new">New! Fudge Chocolate Brownie</span></a>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowDown">v</span>
</h2>
<!-- ko with: { itemArray: jjMenuItems.itemData.Sandwiches.New } -->
<ul class='menuItems sandwiches menunew' data-bind="template: { name: 't_SandwichMenuItems', foreach: itemArray }"></ul>
<!-- /ko -->
</li>
<li class="menuCat sandwichPane" data-landingimg="/images/menu/Items/combo_menu_landing.jpg" aria-expanded="false">
<h2 class="catHeader grayGradient menujjscombos jjscombos" data-catslug="jjscombos">
<a href="#"><span class="catHeadCopy">JJ's Combos!</span></a>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowDown">v</span>
</h2>
<!-- ko with: { itemArray: jjMenuItems.itemData.Sandwiches.JJsCombos } -->
<ul class='menuItems sandwiches menujjscombos' data-bind="template: { name: 't_SandwichMenuItems', foreach: itemArray }"></ul>
<!-- /ko -->
</li>
<li class="menuCat sandwichPane" data-landingimg="/images/menu/Items/section_favorites.jpg" aria-expanded="false">
<h2 class="catHeader grayGradient menufavorites favorites" data-catslug="favorites">
<a href="#"><span class="catHeadCopy">Favorites</span></a>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowDown">v</span>
</h2>
<!-- ko with: { itemArray: jjMenuItems.itemData.Sandwiches.Favorites } -->
<ul class='menuItems sandwiches menuFavorites' data-bind="template: { name: 't_SandwichMenuItems', foreach: itemArray }"></ul>
<!-- /ko -->
</li>
<li class="menuCat sandwichPane" data-landingimg="/images/menu/Items/section_originals.jpg" aria-expanded="false">
<h2 class="catHeader grayGradient menuoriginals originals" data-catslug="originals">
<a href="#"><span class="catHeadCopy">Originals</span></a>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowDown">v</span>
</h2>
<!-- ko with: { itemArray: jjMenuItems.itemData.Sandwiches.Originals } -->
<ul class='menuItems sandwiches menuoriginals' data-bind="template: { name: 't_SandwichMenuItems', foreach: itemArray }"></ul>
<!-- /ko -->
</li>
<li class="menuCat sandwichPane" data-landingimg="/images/menu/Items/section_gargantuan.jpg" aria-expanded="false">
<h2 class="catHeader grayGradient menugargantuan gargantuan" data-catslug="gargantuan">
<a href="#"><span class="catHeadCopy">Gargantuan</span></a>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowDown">v</span>
</h2>
<!-- ko with: { itemArray: jjMenuItems.itemData.Sandwiches.Gargantuan } -->
<ul class='menuItems sandwiches menugargantuan' data-bind="template: { name: 't_SandwichMenuItems', foreach: itemArray }"></ul>
<!-- /ko -->
</li>
<li class="menuCat sandwichPane" data-landingimg="/images/menu/Items/section_littlejohns.jpg" aria-expanded="false">
<h2 class="catHeader grayGradient menulittlejohns littlejohns" data-catslug="littlejohns">
<a href="#"><span class="catHeadCopy">Little Johns</span></a>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowDown">v</span>
</h2>
<!-- ko with: { itemArray: jjMenuItems.itemData.Sandwiches.LittleJohns } -->
<ul class='menuItems sandwiches menulittlejohns' data-bind="template: { name: 't_SandwichMenuItems', foreach: itemArray }"></ul>
<!-- /ko -->
</li>
<li class="menuCat sandwichPane" data-landingimg="/images/menu/Items/section_slims.jpg" aria-expanded="false">
<h2 class="catHeader grayGradient menuplainslims slims" data-catslug="slims">
<a href="#"><span class="catHeadCopy">Plain Slims<sup>®</sup></span></a>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowDown">v</span>
</h2>
<!-- ko with: { itemArray: jjMenuItems.itemData.Sandwiches.PlainSlims } -->
<ul class='menuItems sandwiches menuplainslims' data-bind="template: { name: 't_SandwichMenuItems', foreach: itemArray }"></ul>
<!-- /ko -->
</li>
<li class="menuCat sandwichPane" data-landingimg="/images/menu/Items/section_french_bread.jpg" aria-expanded="false">
<h2 class="catHeader grayGradient menufrenchbread frenchbread" data-catslug="frenchbread">
<a href="#"><span class="catHeadCopy">French Bread</span></a>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowDown">v</span>
</h2>
<!-- ko with: { itemArray: jjMenuItems.itemData.Sandwiches.FrenchBread } -->
<ul class='menuItems sandwiches menufrenchbread' data-bind="template: { name: 't_SandwichMenuItems', foreach: itemArray }"></ul>
<!-- /ko -->
</li>
<li class="menuCat minorCat sidesPane" data-landingimg="/images/menu/Items/section_sides.jpg" aria-expanded="false">
<h2 class="catHeader grayGradient sides" data-catslug="sides"><span class="catHeadCopy">Sides & Desserts</span><span aria-hidden="true" class="iconJJCommons menuArrow menuArrowDown">v</span></h2>
<ul class="menuItems sides">
<h3 class="catSubHdr menuchips chips" data-catslug="chips">Kickin' Ranch<sup>®</sup></h3>
<!-- ko with: { itemArray: jjMenuItems.itemData.Sides.Ranch } -->
<li>
<ul class="catSub menuranch" data-bind="template: { name: 't_MenuItems', foreach: itemArray }"></ul>
</li>
<!-- /ko -->
<h3 class="catSubHdr menuchips chips" data-catslug="chips">Jimmy Chips<sup>®</sup></h3>
<!-- ko with: { itemArray: jjMenuItems.itemData.Sides.Chips } -->
<li>
<ul class="catSub menuchips" data-bind="template: { name: 't_MenuItems', foreach: itemArray }"></ul>
</li>
<!-- /ko -->
<h3 class="catSubHdr menucookies cookies" data-catslug="cookies">Desserts</h3>
<!-- ko with: { itemArray: jjMenuItems.itemData.Sides.Cookies } -->
<li>
<ul class="catSub menucookies" data-bind="template: { name: 't_MenuItems', foreach: itemArray }"></ul>
</li>
<!-- /ko -->
<h3 class="catSubHdr menupickles pickles" data-catslug="pickles">Jimmy Pickles<sup>®</sup></h3>
<!-- ko with: { itemArray: jjMenuItems.itemData.Sides.Pickles } -->
<li>
<ul class="catSub menupickles" data-bind="template: { name: 't_MenuItems', foreach: itemArray }"></ul>
</li>
<!-- /ko -->
</ul>
</li>
<li class="menuCat minorCat drinksPane" data-landingimg="/images/menu/Items/drinks-landing.jpeg" aria-expanded="false">
<h2 class="catHeader grayGradient drinks" data-catslug="drinks"><span class="">Drinks</span><span aria-hidden="true" class="iconJJCommons menuArrow menuArrowDown">v</span></h2>
<ul class="menuItems drinks">
<!-- ko with: { itemArray: jjMenuItems.itemData.Drinks.Coke } -->
<li>
<ul class="catSub menucoke" data-bind="template: { name: 't_MenuItems', foreach: itemArray }"></ul>
</li>
<!-- /ko -->
<!-- ko with: { itemArray: jjMenuItems.itemData.Drinks.Sprite } -->
<li>
<ul class="catSub menusprite" data-bind="template: { name: 't_MenuItems', foreach: itemArray }"></ul>
</li>
<!-- /ko -->
<!-- ko with: { itemArray: jjMenuItems.itemData.Drinks.DrPepper } -->
<li>
<ul class="catSub menudrpepper" data-bind="template: { name: 't_MenuItems', foreach: itemArray }"></ul>
</li>
<!-- /ko -->
<!-- ko with: { itemArray: jjMenuItems.itemData.Drinks.DasaniBottledWater } -->
<li>
<ul class="catSub menudasanibottledwater" data-bind="template: { name: 't_MenuItems', foreach: itemArray }"></ul>
</li>
<!-- /ko -->
<!-- ko with: { itemArray: jjMenuItems.itemData.Drinks.Simply } -->
<li>
<ul class="catSub menusimply" data-bind="template: { name: 't_MenuItems', foreach: itemArray }"></ul>
</li>
<!-- /ko -->
<!-- ko with: { itemArray: jjMenuItems.itemData.Drinks.Monster } -->
<li>
<ul class="catSub menumonster lastSubSection" data-bind="template: { name: 't_MenuItems', foreach: itemArray }"></ul>
</li>
<!-- /ko -->
</ul>
</li>
<a id="ctl00_ContentPlaceHolder_JavasciptIncludes_ucMenuKnockOut_linkPDF" class="shadedBtn printMenuBtn" rel="noindex noopener noreferrer" href="https://resources.jimmyjohns.com/downloadable-files/Jimmy-Johns-Menu.pdf" target="_blank">Print Menu
<span class="pdfSize">(497KB PDF)</span>
</a>
<a class="shadedBtn printMenuBtn" href="/unwich-info/">Unwich® Info</a>
<a class="shadedBtn printMenuBtn" rel="noindex noopener noreferrer" href="https://resources.jimmyjohns.com/downloadable-files/NutritionGuide.pdf" target="_blank">Nutrition & Allergen Guide
</a>
<p class="disclaimer" style="margin: 1em; font-size: 12px">2,000 calories a day is used for general nutrition advice, but calorie needs vary. Additional nutrition information available upon request.</p>
</script>
<script type="text/html" id="t_SandwichMenuItems">
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName"></span></h4>
<h4><span class="displayName" data-bind="html: calorieRange"></span></h4>
<p class="description" data-bind="html: shortDescription"></p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
</script>
<script type="text/html" id="t_MenuItems">
<li>
<a class="menuItem" data-bind="attr: { href: '/menu/' + catUrl + '/' + itemUrl, 'item-url': itemUrl }, css: { 'last': $index() === $parent.itemArray.length - 1, 'selectedItem': jjMenuItems.itemDetail() && displayName === jjMenuItems.itemDetail().displayName }">
<span aria-hidden="true" class="iconJJCommons redBtnStar">*</span>
<h4><span class="displayName" data-bind="html: displayName + ' ' + calorieRange"></span></h4>
<p class="description" data-bind="html: shortDescription"></p>
<span aria-hidden="true" class="iconJJCommons menuArrow menuArrowRight">></span>
</a>
</li>
</script>
<script type="text/html" id="t_itemDetail">
<!-- ko if: jjMenuItems.itemDetail() -->
<h1 class="displayName" style="text-align: center;">
<span data-bind="html: displayName"></span>
<!--<em class="addCustomizedTag" data-bind="visible: isCustomized">(customized)</em>-->
</h1>
<div style="text-align: center; margin-bottom: 15px;">
<a href="https://online.jimmyjohns.com/" class="redBtn" style="margin: 0 auto;">
<span class="btnTxtWrap">ORDER ONLINE</span>
</a>
</div>
<div class="detailImg" data-bind="visible: itemType === '0001' || imageUrl !== ''">
<img data-bind="attr: { src: itemImgUrl, alt: itemImgAlt }" width="715" height="259" />
<p class="defaultIngredients" data-bind="html: longDescription"></p>
</div>
<!-- /ko -->
<!-- ko if: jjMenuItems.itemDetail() && jjMenuItems.itemDetail().fullDescription -->
<h2 class="displayName">
<span data-bind="html: displayName"></span>
</h2>
<p class="sandwich-description">
<span data-bind="html: fullDescription"></span>
</p>
<div style="text-align: center; margin: 15px 0;">
<p class="imgCaption">Click "Order Online" to begin building your order.</p>
<a href="https://online.jimmyjohns.com/" class="redBtn" style="margin: 0 auto;">
<span class="btnTxtWrap">ORDER ONLINE</span>
</a>
</div>
<!-- /ko -->
<!-- ko if: jjMenuItems.itemDetail() && jjMenuItems.itemDetail().detailCalories -->
<div class="nutritional-information-section">
<h2 class="nutritional-information-title">Nutrition Information <span aria-hidden="true" class="iconJJCommons menuArrowDown">v</span></h2>
<div class="nutritional-information" style="display: none;">
<span class="calorie-list">
<!-- ko if: jjMenuItems.itemDetail() && jjMenuItems.itemDetail().detailCalories().french -->
<span class="calorie-list-item" data-bind="html: jjMenuItems.itemDetail().detailCalories().frenchHtml(), style: { borderWidth: jjMenuItems.itemDetail().detailCalories().frenchBorderWidth() } "></span>
<!-- /ko -->
<!-- ko if: jjMenuItems.itemDetail() && jjMenuItems.itemDetail().detailCalories().wheat -->
<span class="calorie-list-item" data-bind="html: jjMenuItems.itemDetail().detailCalories().wheatHtml()"></span>
<!-- /ko -->
<!-- ko if: jjMenuItems.itemDetail() && jjMenuItems.itemDetail().detailCalories().unwich -->
<span class="calorie-list-item" data-bind="html: jjMenuItems.itemDetail().detailCalories().unwichHtml()"></span>
<!-- /ko -->
<!-- ko if: jjMenuItems.itemDetail() && jjMenuItems.itemDetail().detailCalories().wrap -->
<span class="calorie-list-item" data-bind="html: jjMenuItems.itemDetail().detailCalories().wrapHtml()"></span>
<!-- /ko -->
</span>
<!-- ko if: jjMenuItems.itemDetail() && jjMenuItems.itemDetail().nutritionFacts -->
<div style="margin: 15px 0;">
<table class="nutrition-table">
<tr>
<td>Protein (g): <span data-bind="html: nutritionFacts.protein "></span></td>
<td>Total carb (g): <span data-bind="html: nutritionFacts.carb "></span></td>
</tr>
<tr>
<td>Cholesterol (mg): <span data-bind="html: nutritionFacts.cholesterol "></span></td>
<td>Dietary fiber (g): <span data-bind="html: nutritionFacts.fiber "></span></td>
</tr>
<tr>
<td>Total Fat (g): <span data-bind="html: nutritionFacts.fat "></span></td>
<td>Trans Fat (g): <span data-bind="html: nutritionFacts.transFat "></span></td>
</tr>
</table>
</div>
<!-- /ko -->
</div>
<a href="https://resources.jimmyjohns.com/downloadable-files/NutritionGuide.pdf" rel="noindex noopener noreferrer" target="_blank">Download More Nutrition Information</a>
</div>
<!-- /ko -->
<!-- ko if: jjMenuItems.itemDetail() && jjMenuItems.itemDetail().additionalOptions -->
<div class="additional-sandwiches-section">
<h2 class="additional-sandwiches-header">Additional Great Sandwich Options</h2>
<div class="additional-sandwiches">
<a class="sandwich-card" data-bind="attr: { href: additionalOptions.option1.url }">
<img data-bind="attr: { src: additionalOptions.option1.img }" />
<span data-bind="html: additionalOptions.option1.name"></span>
</a>
<a class="sandwich-card" data-bind="attr: { href: additionalOptions.option2.url }">
<img data-bind="attr: { src: additionalOptions.option2.img }" />
<span data-bind="html: additionalOptions.option2.name"></span>
</a>
<a class="sandwich-card" data-bind="attr: { href: additionalOptions.option3.url }">
<img data-bind="attr: { src: additionalOptions.option3.img }" />
<span data-bind="html: additionalOptions.option3.name"></span>
</a>
<a class="sandwich-card" data-bind="attr: { href: additionalOptions.option4.url }">
<img data-bind="attr: { src: additionalOptions.option4.img }" />
<span data-bind="html: additionalOptions.option4.name"></span>
</a>
</div>
</div>
<!-- /ko -->
</script>
<script type="text/javascript">
$(document).on("click", ".nutritional-information-title", function() {
$(".nutritional-information").toggle("slow");
})
</script>
<script type="text/html" id="t_itemDetailNutrition">
</script>
<script type="text/html" id="t_selectedMeal">
<li class="mealItem clearfix">
<a href="#deleteItem" class="spriteJJCommons deleteBtn"></a>
<span class="itemName" data-bind="html: displayName"></span>
<a href="#editItem" class="editItem">Edit<span aria-hidden="true" class="iconJJCommons redArrowRight">></span></a>
</li>
</script>
<script type="text/html" id="t_selectedMealEditing">
<li class="mealItem clearfix">
<span aria-hidden="true" class="iconJJCommons selectedGreyStar">*</span>
<span class="itemName editing" data-bind="html: displayName"></span>
<span class="fakeEditLink" data-bind="visible: $root.showIfEditingItem() && $root.itemDetail().id === id">Editing…</span>
</li>
</script>
<script type="text/html" id="t_selectedMealNonEditable">
<li class="mealItem clearfix">
<a href="#deleteItem" class="spriteJJCommons deleteBtn"></a>
<span class="itemName" data-bind="html: displayName"></span>
</li>
</script>
<script type="text/html" id="t_includedIngredient">
<div class="ingredient clearfix">
<h4 data-bind="html: displayName, visible: ekId !== menuData.exceptionData.vitoMeat.genoaSalami && ekId !== menuData.exceptionData.vitoMeat.capocollo"></h4>
<div class="formWrapper clearfix" data-bind="if: ekId === menuData.exceptionData.vitoMeat.standard, visible: ekId === menuData.exceptionData.vitoMeat.standard">
<span class="selectWrapper">
<select class="vitoSelect sBoxIt" data-bind="options: jjMenuItems.itemDetail().customizeOptions().vitoMeat,
optionsText: 'displayName',
optionsValue: 'ekId',
value: jjMenuItems.itemDetail().vitoMeatSelected"></select>
</span>
</div>
<span id="RadioButtonListIncluded">
</span>
<div class="optionWrap clearfix"
data-bind="visible: _.indexOf(_.values(menuData.exceptionData.vitoMeat), ekId) === -1 || (ekId === menuData.exceptionData.vitoMeat.standard && jjMenuItems.itemDetail().showVitoStandard) || (ekId === menuData.exceptionData.vitoMeat.genoaSalami && jjMenuItems.itemDetail().showVitoGenoaSalami) || (ekId === menuData.exceptionData.vitoMeat.capocollo && jjMenuItems.itemDetail().showVitoCapicola)">
<input class="rcReplace xtra included" data-bind="attr: { 'name': baseIng.actionIds.included.id, 'data-label': 'XTRA<br/>' + calorieProfileIncluded().xtra, 'value': baseIng.actionIds.included.xtra }, checked: checkedVal"
type="radio" />
<input class="rcReplace reg included" data-bind="attr: { 'name': baseIng.actionIds.included.id, 'data-label': 'REG<br/>' + calorieProfileIncluded().reg, 'value': baseIng.actionIds.included.reg }, checked: checkedVal" type="radio" />
<input class="rcReplace ez included" data-bind="attr: { 'name': baseIng.actionIds.included.id, 'data-label': 'EZ<br/>' + calorieProfileIncluded().ez, 'value': baseIng.actionIds.included.ez }, checked: checkedVal" type="radio" />
<input class="rcReplace no included" data-bind="attr: { 'name': baseIng.actionIds.included.id, 'data-label': 'NO<br/>' + calorieProfileIncluded().no, 'value': baseIng.actionIds.included.no }, checked: checkedVal" type="radio" />
</div>
</div>
</script>
<script type="text/html" id="t_ingredient">
<div class="ingredient clearfix">
<h4 data-bind="html: baseIng.displayName, visible: ekId !== menuData.exceptionData.vitoMeat.genoaSalami && ekId !== menuData.exceptionData.vitoMeat.capocollo"></h4>
<div class="formWrapper clearfix" data-bind="if: ekId === menuData.exceptionData.vitoMeat.standard, visible: ekId === menuData.exceptionData.vitoMeat.standard">
<label for="vitoMeat" class="hiddenLabel">Vito Meat</label>
<span class="selectWrapper">
<select ID="vitoMeat" class="vitoSelect sBoxIt" data-bind="options: jjMenuItems.itemDetail().customizeOptions().vitoMeat,
optionsText: 'displayName',
optionsValue: 'ekId',
value: jjMenuItems.itemDetail().vitoMeatSelected"></select>
</span>
</div>
<div class="optionWrap clearfix"
data-bind="attr: {'id': baseIng.actionIds.add.id}, visible: _.indexOf(_.values(menuData.exceptionData.vitoMeat), ekId) === -1 || (ekId === menuData.exceptionData.vitoMeat.standard && jjMenuItems.itemDetail().showVitoStandard) || (ekId === menuData.exceptionData.vitoMeat.genoaSalami && jjMenuItems.itemDetail().showVitoGenoaSalami) || (ekId === menuData.exceptionData.vitoMeat.capocollo && jjMenuItems.itemDetail().showVitoCapicola)">
<input class="rcReplace xtra extra" data-bind="attr: { 'name': baseIng.actionIds.add.id, 'data-label': 'XTRA<br/>' + calorieProfileExtra().xtra, 'value': baseIng.actionIds.add.xtra }, checked: checkedVal" type="radio" />
<input class="rcReplace reg extra" data-bind="attr: { 'name': baseIng.actionIds.add.id, 'data-label': 'REG<br/>' + calorieProfileExtra().reg, 'value': baseIng.actionIds.add.reg }, checked: checkedVal" type="radio" />
<input class="rcReplace ez extra" data-bind="attr: { 'name': baseIng.actionIds.add.id, 'data-label': 'EZ<br/>' + calorieProfileExtra().ez, 'value': baseIng.actionIds.add.ez }, checked: checkedVal" type="radio" />
<input class="rcReplace no extra" data-bind="attr: { 'name': baseIng.actionIds.add.id, 'data-label': 'NO<br/>' + calorieProfileExtra().no, 'value': '' }, checked: checkedVal" type="radio" />
</div>
</div>
</script>
<script type="text/html" id="t_selectBoxBread">
<div class="ingredient addIngredient clearfix" data-bind="if: $root.itemDetail().customizeOptions()">
<div class="formWrapper clearfix">
<span class="selectWrapper" data-bind="foreach: bread, afterRender: jjMenu.applyMenuUIStyles">
<input class="rcReplace rcBread" data-bind="attr: { 'name': 'BreadSelect', 'data-label': displayName, 'value': ekId }, checked: $root.itemDetail().selectedBread" type="radio" />
</span>
</div>
<div class="formWrapper hasTooltip clearfix" data-bind="visible: $root.itemDetail().lbiCBVisible">
<label class="cbLbl clearfix" for="lbi">
<input type="checkbox" name="lbi" id="lbi" class="breadCB" data-bind="attr: { value: $root.itemDetail().breadCBValue }, checked: $root.itemDetail().lbiChecked">
<a href="#" role="checkbox" aria-checked="false" title="Leave bread in" class="breadCBLink tboBreadLink checkbox spriteJJCommons" data-bind="css: { checkboxChecked: $root.itemDetail().lbiChecked }"></a>
<span class="cbLblText">Leave bread in</span>
</label>
<abbr data-tiptitle='We will not scoop any bread out of the top shell if you select this option.' rel="tooltip" class="tooltipWrap"><span class="question"><span class="char">?</span></span></abbr>
<span class="cbLblText" style="padding-left: 5px" data-bind="html: $root.itemDetail().frenchModCalorieProfile"></span>
</div>
<div class="formWrapper hasTooltip clearfix" data-bind="visible: $root.itemDetail().tboCBVisible">
<label class="cbLbl clearfix" for="tbo">
<input type="checkbox" name="tbo" id="tbo" class="breadCB" data-bind="attr: { value: $root.itemDetail().breadCBValue }, checked: $root.itemDetail().tboChecked">
<a href="#" role="checkbox" aria-checked="false" title="Take bread out" class="breadCBLink lbiBreadLink checkbox spriteJJCommons" data-bind="css: { checkboxChecked: $root.itemDetail().tboChecked }"></a>
<span class="cbLblText">Take bread out</span>
</label>
<abbr data-tiptitle='We will scoop bread out of the top shell if you select this option.' rel="tooltip" class="tooltipWrap"><span class="question"><span class="char">?</span></span></abbr>
<span class="cbLblText" style="padding-left: 5px" data-bind="html: $root.itemDetail().frenchModCalorieProfile"></span>
</div>
<div class="formWrapper cutInHalf clearfix" data-bind="visible: $root.itemDetail().cihCBVisible">
<label class="cbLbl clearfix">
<a href="#" role="checkbox" aria-checked="false" title="Cut in half" class="checkbox spriteJJCommons" data-bind="css: { checkboxChecked: $root.itemDetail().cutInHalf }, attr: { 'aria-checked': $root.itemDetail().cutInHalf() + '' }"></a>
<span class="cbLblText">Cut in half</span>
</label>
</div>
<div class="formWrapper clearfix" data-bind="visible: $root.itemDetail().sandwichSizeVisible">
<label class="header" style="margin-bottom: 6px">Choose Your Size:</label>
<span class="selectWrapper radioboxlist">
<input id="BreadSize8" class="rcBreadSize" data-bind="attr: { 'name': 'BreadSize', 'value': '8' }, checked: $root.itemDetail().breadSizeValue" type="radio" />
<label for="BreadSize8" onclick="$('#BreadSize8').attr('checked', 'checked');" style="margin-right: -4px;">8" (Original)</label>
<input id="BreadSize16" class="rcBreadSize" data-bind="attr: { 'name': 'BreadSize', 'value': '16' }, checked: $root.itemDetail().breadSizeValue" type="radio" />
<label for="BreadSize16" onclick="$('#BreadSize16').attr('checked', 'checked');">16" (Giant)</label>
</span>
</div>
</div>
</script>
<script type="text/html" id="t_customizeItems">
<!-- ko if: itemDetail() && itemDetail().customizeOptions() -->
<label class="header" for="breadSelect">
<span>Choose Your Bread</span>
</label>
<!-- ko template: {name: 't_selectBoxBread', data: itemDetail().customizeOptions(), afterRender: jjMenu.applyMenuUIStyles } -->
<!-- /ko -->
<h3>Included</h3>
<div class="ingredients includedIngredients" data-bind="template: { name: 't_includedIngredient', foreach: itemDetail().customizeOptions().included, afterRender: jjMenu.applyMenuUIStyles }"></div>
<h3 data-bind="visible: _.size(itemDetail().customizeOptions().freebies())">Freebies</h3>
<div class="ingredients freebiesIngredients"
data-bind="visible: _.size(itemDetail().customizeOptions().freebies()), template: { name: 't_ingredient', foreach: itemDetail().customizeOptions().freebies, afterRender: jjMenu.applyMenuUIStyles }"></div>
<h3>Add-Ons: <span>Additional charge</span></h3>
<div class="ingredients extrasIngredients" data-bind="template: { name: 't_ingredient', foreach: itemDetail().customizeOptions().extras, afterRender: jjMenu.applyMenuUIStyles }"></div>
<!-- /ko -->
<p class="disclaimer" style="margin: 1em; font-size:12px">2,000 calories a day is used for general nutrition advice, but calorie needs vary. Additional nutrition information is available
<a href="/downloadable-files/NutritionGuide.pdf">here</a>.</p>
</script>
</span>
</div>
</section>
<style type="text/css">
footer {
bottom: 0px;
width: 100%
}
footer .footer-link {
color: white;
cursor: pointer;
text-decoration: none;
}
footer .footer-link.footer-red-bg:hover {
color: #000000;
}
footer .mobile-only,
footer .mobile-only-db {
display: none;
}
footer .redbar {
height: 55px;
background-color: #E4002B;
width: 100%;
}
footer .redbar-content {
max-width: 1400px;
display: flex;
flex-direction: row;
height: 55px;
margin: 0 auto;
justify-content: center;
}
footer .redbar-links {
display: flex;
justify-content: center;
width: 100%;
}
footer .redbar .footer-divider {
color: black;
font-size: 25px;
line-height: 53px;
padding: 0 50px;
}
footer .redbar .jj-icon-container {
margin-left: auto;
display: flex;
margin: auto;
padding-right: 2em;
align-items: center;
}
footer .redbar .jj-icon {
width: 40px;
}
footer .redbar .footer-text {
font-family: 'Barlow Condensed', sans-serif;
font-weight: 500;
font-size: 20px;
line-height: 55px;
height: 100%;
}
footer .blackbar {
background-color: black;
color: #999999;
}
footer .blackbar .col {
flex: 1;
display: flex;
flex-direction: column;
margin-right: 75px;
}
footer .blackbar .col>a {
margin-bottom: 5px;
}
footer .blackbar .col-header {
font-weight: 700;
color: #c9c9c9;
font-size: 18px;
font-family: 'Barlow Condensed', sans-serif;
padding: 0 12px;
margin-bottom: 5px;
}
footer .blackbar .footer-link {
font-size: 18px;
color: #868686;
font-family: 'Barlow Condensed', sans-serif;
padding: 0 12px;
}
footer .blackbar .footer-link img {
height: 36px;
width: 36px;
}
footer .blackbar .link-container,
footer .blackbar .legal-container {
display: flex;
flex-direction: row;
justify-content: space-between;
max-width: 1400px;
margin: 0 auto;
}
footer .blackbar .link-container {
padding: 15px 0 5px;
}
footer .blackbar .legal-container {
padding: 5px 0 15px;
}
footer .blackbar .link-container .local-links {
margin-left: 40px;
}
footer .blackbar .link-container .local-links a:hover {
color: white !important;
}
footer .blackbar .legal-container .copyright {
display: flex;
align-items: center;
margin-left: 52px;
text-align: left;
color: #868686;
font: 9px 'KO Junior Cruiserweight', sans-serif;
}
footer .blackbar .social-container,
footer .blackbar .legal-container .legal-links {
padding-right: 2em;
}
footer .blackbar .legal-container .legal-links>a {
font-size: 0.9rem !important;
}
footer .blackbar .social-container .footer-link:last-child,
footer .blackbar .legal-container .footer-link:last-child {
padding-right: 0;
}
footer .social-links {
display: flex;
justify-content: space-between;
}
@media (min-width:771px) and (max-width:1100px) {
footer .redbar .footer-divider {
padding: 0 30px;
}
}
@media (min-width:726px) and (max-width:900px) {
footer .blackbar .legal-container .legal-links>a {
padding: 0 6px !important;
}
}
@media (min-width:726px) and (max-width:1140px) {
footer .blackbar .col {
display: flex;
justify-content: center;
margin-bottom: 10px
}
footer .blackbar .legal-container {
display: block;
}
footer .blackbar .legal-container .copyright {
display: block;
text-align: center;
width: 100%;
margin: 10px auto;
}
footer .blackbar .legal-container .legal-links {
width: 90%;
display: flex;
justify-content: space-between;
margin: 0 auto;
}
}
@media (min-width:726px) and (max-width:800px) {
footer .redbar .footer-divider {
padding: 0 20px;
}
}
/* MOBILE */
@media all and (max-width:725px) {
footer {
position: inherit;
bottom: 0;
width: 100%
}
footer .mobile-only {
display: flex;
}
footer .mobile-only-db {
display: block;
}
footer .redbar {
height: inherit;
}
footer .redbar-content {
flex-direction: column;
height: inherit;
}
footer .redbar .footer-divider {
display: none;
}
footer .redbar-links {
flex-direction: column;
text-align: center;
}
footer .redbar .footer-text {
line-height: 50px;
width: 80%;
margin: 0 10%;
}
footer .redbar .footer-text:not(.last) {
border-bottom: 2px solid black;
}
footer .redbar .jj-icon-container {
padding-right: 0;
justify-content: center;
padding-top: 10px;
padding-bottom: 10px;
}
footer .blackbar .footer-link {
font-size: 20px;
}
footer .blackbar .col .footer-link {
padding: 0.5em 0 0.5em 0;
}
footer .blackbar .col-header {
font-size: 25px;
text-align: left;
margin: 20px 0 12px;
padding-left: 0;
}
footer .blackbar .link-container {
flex-direction: column;
height: inherit;
max-width: 575px;
}
footer .blackbar .local-links {
display: flex;
padding: 0 10%;
margin: 0 !important;
}
footer .blackbar .local-links .footer-link,
footer .blackbar .social-links .footer-link {
padding: 0 !important;
font-size: 21px !important;
}
footer .blackbar .local-links .col {
flex: 1;
flex-direction: column;
display: flex;
}
footer .blackbar .nutrition-links.col {
width: 70% !important;
margin: 0;
flex: auto;
}
footer .blackbar .company-links.col {
width: 30% !important;
margin: 0;
flex: auto;
}
footer .blackbar .social-container {
padding: 0 10%;
}
footer .blackbar .social-links {
margin-top: 1em;
text-align: center;
justify-content: space-between;
}
footer .blackbar .app-links {
flex-direction: column;
text-align: center;
color: black !important;
padding: 0 10%;
}
footer .blackbar .local-links .footer-link,
footer .blackbar .social-links .footer-link {
padding: 0 !important;
font-size: 21px !important;
}
footer .blackbar .app-link-imgs {
display: flex;
flex-direction: row;
justify-content: space-between;
}
footer .blackbar .app-link-imgs img {
width: 88%;
height: 100%;
}
footer .blackbar .app-links .footer-text {
line-height: inherit;
}
footer .blackbar .app-link-imgs>a>img {
width: 176px !important;
height: 52px !important;
}
footer .blackbar .footer-link img {
height: 50px;
width: 50px;
}
footer .blackbar .legal-container {
margin-top: 10px;
display: block;
}
footer .blackbar .legal-container .copyright {
display: block;
text-align: center;
width: 100%;
margin: 10px auto;
font-size: 12px;
}
footer .blackbar .legal-container .legal-links {
width: 75%;
margin: 0 auto;
text-align: center;
padding-bottom: 10px;
padding-right: 0;
}
footer .blackbar .legal-container .legal-links>a {
font-size: 14px !important;
padding: 0 7px;
}
}
@media all and (max-width:415px) {
footer .blackbar .legal-container .legal-links>a {
font-size: 12px !important;
}
footer .blackbar .app-link-imgs>a>img {
width: 146px !important;
height: 43px !important;
}
}
</style>
<footer>
<div class="redbar">
<div class="redbar-content">
<div class="redbar-links">
<a class="footer-link footer-text mobile-only-db" href="/menu/">
MENU
</a>
<span class="footer-divider footer-text mobile-only-db">|</span>
<a class="footer-link footer-text footer-red-bg" href="/rewards">
REWARDS
</a>
<span class="footer-divider footer-text">|</span>
<a class="footer-link footer-text footer-red-bg" href="/about-us/">
ABOUT US
</a>
<span class="footer-divider footer-text">|</span>
<a class="footer-link footer-text footer-red-bg" href="/promos/">
PROMOS
</a>
<span class="footer-divider footer-text">|</span>
<a class="footer-link footer-text footer-red-bg" href="https://jimmyjohns.digitalgiftcardmanager.com/landingpage">
GIFT CARDS
</a>
<span class="footer-divider footer-text">|</span>
<a class="footer-link footer-text footer-red-bg" href="https://store.jimmyjohns.com/">
JJ STORE
</a>
<span class="footer-divider footer-text">|</span>
<a class="footer-link footer-text footer-red-bg" href="https://www.jimmyjohnsfranchising.com/">
FRANCHISING
</a>
<span class="footer-divider footer-text">|</span>
<a class="footer-link footer-text last footer-red-bg" href="https://careers.jimmyjohns.com/us/en">
CAREERS
</a>
</div>
<div class="jj-icon-container">
<a href="/">
<img src="https://resources.jimmyjohns.com/imgs/footer/jj_white_icon.png" class="jj-icon" alt="Jimmy John's Gourmet Sandwiches" title="Jimmy John's Gourmet Sandwiches">
</a>
</div>
</div>
</div>
<div class="blackbar">
<div class="link-container">
<div class="local-links row">
<div class="col nutrition-links">
<div class="col-header">NUTRITION</div>
<a href="https://resources.jimmyjohns.com/downloadable-files/Jimmy-Johns-Menu.pdf" class="footer-link">Print Menu (PDF)</a>
<a href="/unwich-info/" class="footer-link">Unwich Info</a>
<a href="https://resources.jimmyjohns.com/downloadable-files/NutritionGuide.pdf" class="footer-link">Nutrition & Allergen Guide (PDF)</a>
</div>
<div class="col company-links">
<div class="col-header">COMPANY</div>
<a href="/contact-us/feedback/" class="footer-link">Feedback</a>
<a href="/contact-us/faqs/" class="footer-link">FAQs</a>
<a href="https://careers.jimmyjohns.com" class="footer-link">Careers</a>
<a href="/about-us/history/" class="footer-link">History</a>
</div>
<div class="col">
<a class="col-header" href="/jimmyjohnsfoundation/">Foundation</a>
<a class="col-header" href="/sandwich-types/">Sandwich Types</a>
<a class="col-header" href="/sitemap">Sitemap</a>
</div>
</div>
<div class="social-container">
<div class="col-header">CONNECT</div>
<div class="social-links">
<a href="https://twitter.com/jimmyjohns" target="_blank" rel="noopener noreferrer" class="footer-link">
<img src="https://resources.jimmyjohns.com/imgs/footer/2020/social_twitter.png" onmouseover="this.src='https://resources.jimmyjohns.com/imgs/footer/2020/social_twitter_over.png';" onmouseout="this.src='https://resources.jimmyjohns.com/imgs/footer/2020/social_twitter.png';" alt="Jimmy John's Twitter" title="Jimmy John's Twitter">
</a>
<a href="https://www.facebook.com/jimmyjohns/" target="_blank" rel="noopener noreferrer" class="footer-link">
<img src="https://resources.jimmyjohns.com/imgs/footer/2020/social_facebook.png" onmouseover="this.src='https://resources.jimmyjohns.com/imgs/footer/2020/social_facebook_over.png';" onmouseout="this.src='https://resources.jimmyjohns.com/imgs/footer/2020/social_facebook.png';" alt="Jimmy John's Facebook" title="Jimmy John's Facebook">
</a>
<a href="https://www.instagram.com/jimmyjohns" target="_blank" rel="noopener noreferrer" class="footer-link">
<img src="https://resources.jimmyjohns.com/imgs/footer/2020/social_instagram.png" onmouseover="this.src='https://resources.jimmyjohns.com/imgs/footer/2020/social_instagram_over.png';" onmouseout="this.src='https://resources.jimmyjohns.com/imgs/footer/2020/social_instagram.png';" alt="Jimmy John's Instagram" title="Jimmy John's Instagram">
</a>
<a href="https://www.youtube.com/user/jimmyjohns" target="_blank" rel="noopener noreferrer" class="footer-link">
<img src="https://resources.jimmyjohns.com/imgs/footer/2020/social_youtube.png" onmouseover="this.src='https://resources.jimmyjohns.com/imgs/footer/2020/social_youtube_over.png';" onmouseout="this.src='https://resources.jimmyjohns.com/imgs/footer/2020/social_youtube.png';" alt="Jimmy John's YouTube" title="Jimmy John's YouTube">
</a>
</div>
</div>
<div class="app-links mobile-only">
<div class="col-header"> DOWNLOAD THE APP </div>
<div class="app-link-imgs">
<a title="Download the Jimmy John's App on the iTunes App Store" href="https://itunes.apple.com/us/app/jimmy-johns-sandwiches/id409366411?mt=8">
<img src="https://linkmaker.itunes.apple.com/en-us/badge-lrg.svg?releaseDate=2010-12-20&kind=iossoftware&bubble=ios_apps" alt="Jimmy John's on the iTunes App Store">
</a>
<a title="Download the Jimmy John's App on Google Play" href="https://play.google.com/store/apps/details?id=com.jimmyjohns&referrer=utm_source%3Dwebfooter%26utm_medium%3Dwebsite%26utm_campaign%3Dwebfooter">
<img src="https://resources.jimmyjohns.com/imgs/footer/google-play-badge-2.png" alt="Jimmy John's on Google Play">
</a>
</div>
</div>
</div>
<div class="legal-container">
<div class="copyright"> TM & ©2021 Jimmy John's Franchisor SPV, LLC All Rights Reserved. </div>
<div class="legal-links">
<a href="/terms-and-conditions/" class="footer-link">Terms & Conditions</a>
<a href="/ad-cookie-policy/" class="footer-link">Ad & Cookie Policy</a>
<a href="/privacy-policy/" class="footer-link">Privacy Policy</a>
<a href="https://jimmyjohns.truyo.com/consumer/donotsell" class="footer-link">Do Not Sell My Info</a>
<a href="/accessibility/" class="footer-link">Accessibility</a>
<a href="/california-transparency-in-supply-chain-act/" class="footer-link">CA Transparency In Supply Chains Act</a>
</div>
</div>
</div>
</footer>
<script type="text/javascript">
var GOOGLE_MAPS_API_KEY = 'AIzaSyA13Dhl__MAsr2FCq6kaEfKMSIn_oczXvY';
</script>
<script type="text/javascript" src="/js/dist/vendor.min.js?v-637157504650256818"></script>
<script type="text/javascript" src="https://ws.audioeye.com/ae.js"></script>
</div>
</form>Text Content
Jimmy John's uses cookies to improve our site and provide content and ads that
might interest you. By using this site, you consent to our use of cookies as
described in our Cookie Policy. For more about how we use your information, read
our Privacy Policy.
GOT IT
Skip to main content
MENU FIND A JJ'S
LOGIN
FIND A JJ'S
LOGIN
DELIVERY PICKUP
JJ's Menu Catering
1. NEW! FUDGE CHOCOLATE BROWNIE V
* *
FUDGE CHOCOLATE BROWNIE
350 CAL
Brownie made with semi-sweet chocolate, cocoa and melted chocolate.
>
2. JJ'S COMBOS! V
* *
CAPRESE SALAMI PESTO COMBO
Our all new Caprese Salami Pesto with your choice of a side and a drink.
>
* *
8" FAVORITE COMBO
Any of our 8" Favorite sandwiches with your choice of chips or pickle and
a drink.
>
* *
8" ORIGINAL COMBO
Any of our 8" Original sandwiches with your choice of chips or pickle and
a drink.
>
* *
LITTLE JOHN COMBO
Any of our Little John sandwiches with your choice of chips or pickle and
a drink.
>
* *
8" J.J. GARGANTUAN® COMBO
8" J.J. Gargantuan® sandwich with your choice of chips or pickle and a
drink.
>
* *
8" SLIM COMBO
Any of our 8" Slim sandwiches with your choice of chips or pickle and a
drink.
>
* *
16" FAVORITE COMBO
Any of our 16" Favorite sandwiches with your choice of chips or pickle
and a drink.
>
* *
16" ORIGINAL COMBO
Any of our 16" Original sandwiches with your choice of chips or pickle
and a drink.
>
* *
16" J.J. GARGANTUAN® COMBO
16" J.J. Gargantuan® sandwich with your choice of chips or pickle and a
drink.
>
* *
16" SLIM COMBO
Any of our 16" Slim sandwiches with your choice of chips or pickle and a
drink.
>
3. FAVORITES V
* *
#7 SPICY EAST COAST ITALIAN
740-1110 | 1940 CAL
DOUBLE GENOA SALAMI, DOUBLE CAPOCOLLO & PROVOLONE hot peppers, sauce,
onion, lettuce, tomato & easy mayo (GUTTED)
>
* *
#8 BILLY CLUB®
460-830 | 1630 CAL
ROAST BEEF, HAM & PROVOLONE Dijon, lettuce, tomato & mayo
>
* *
#9 ITALIAN NIGHT CLUB®
580-950 | 1860 CAL
SALAMI, CAPOCOLLO, HAM & PROVOLONE onion, lettuce, tomato, mayo, oil &
vinegar, & oregano-basil
>
* *
#10 HUNTER'S CLUB®
480-840 | 1650 CAL
DOUBLE ROAST BEEF & PROVOLONE lettuce, tomato & mayo
>
* *
#11 COUNTRY CLUB®
430-800 | 1570 CAL
TURKEY, HAM & PROVOLONE lettuce, tomato & mayo
>
* *
#12 BEACH CLUB®
510-870 | 1710 CAL
TURKEY, PROVOLONE & AVOCADO SPREAD cucumber, lettuce, tomato & mayo
>
* *
#13 JIMMY CUBANO®
490-850 | 1440 CAL
BACON, SMOKED HAM & PROVOLONE sliced pickle, mayo & Dijon
>
* *
#14 BOOTLEGGER CLUB®
330-700 | 1370 CAL
ROAST BEEF & TURKEY lettuce, tomato & mayo
>
* *
#15 CLUB TUNA®
500-870 | 1710 CAL
TUNA SALAD & PROVOLONE cucumber, lettuce & tomato
>
* *
#16 CLUB LULU®
340-700 | 1370 CAL
TURKEY & BACON lettuce, tomato & mayo
>
* *
#17 ULTIMATE PORKER®
340-710 | 1390 CAL
HAM & BACON lettuce, tomato & mayo
>
4. ORIGINALS V
* *
#1 THE PEPE®
370-730 | 1200 CAL
HAM & PROVOLONE lettuce, tomato & mayo
>
* *
#2 BIG JOHN®
270-640 | 1000 CAL
ROAST BEEF lettuce, tomato & mayo
>
* *
#3 TOTALLY TUNA®
270-630 | 990 CAL
TUNA SALAD cucumber, lettuce & tomato
>
* *
#4 TURKEY TOM®
250-610 | 950 CAL
TURKEY lettuce, tomato & mayo
>
* *
#5 VITO®
350-710 | 1150 CAL
SALAMI, CAPOCOLLO & PROVOLONE onion, lettuce, tomato, oil & vinegar, &
oregano-basil
>
* *
#6 THE VEGGIE
440-810 | 1350 CAL
PROVOLONE & AVOCADO SPREAD cucumber, lettuce, tomato & mayo
>
* *
J.J.B.L.T.®
360-730 | 1190 CAL
BACON lettuce, tomato & mayo
>
5. GARGANTUAN V
* *
THE J.J. GARGANTUAN®
730-1100 | 2160 CAL
SALAMI, CAPOCOLLO, TURKEY, ROAST BEEF, HAM & PROVOLONE onion, lettuce,
tomato, mayo, oil & vinegar, & oregano-basil
>
6. LITTLE JOHNS V
* *
LITTLE JOHN #1
300 CAL
HAM & PROVOLONE lettuce, tomato & mayo
>
* *
LITTLE JOHN #2
250 CAL
ROAST BEEF lettuce, tomato & mayo
>
* *
LITTLE JOHN #3
250 CAL
TUNA SALAD cucumber, lettuce, & tomato
>
* *
LITTLE JOHN #4
240 CAL
TURKEY lettuce, tomato & mayo
>
* *
LITTLE JOHN #5
290 CAL
SALAMI, CAPOCOLLO & PROVOLONE onion, lettuce, tomato, oil & vinegar, &
oregano-basil
>
* *
LITTLE JOHN #6
340 CAL
PROVOLONE & AVOCADO SPREAD cucumber, lettuce, tomato, and mayo
>
* *
LITTLE JOHN B.L.T.
300 CAL
BACON lettuce, tomato & mayo
>
7. PLAIN SLIMS® V
* *
SLIM 1
190-560 | 1080 CAL
HAM & CHEESE
>
* *
SLIM 2
90-460 | 880 CAL
ROAST BEEF
>
* *
SLIM 3
250-610 | 1200 CAL
TUNA SALAD
>
* *
SLIM 4
70-430 | 830 CAL
TURKEY
>
* *
SLIM 5
280-650 | 1260 CAL
SALAMI, CAPOCOLLO & PROVOLONE
>
* *
SLIM 6
240-600 | 1180 CAL
CHEESE
>
8. FRENCH BREAD V
* *
FRESH BAKED FRENCH BREAD
790 CAL
Our Freaky Fresh® 16" French bread is perfectly golden and baked all day
long. Quantity limitations and participation may vary by store.
>
9. SIDES & DESSERTSV
KICKIN' RANCH®
* * *
KICKIN' RANCH® 160 CAL EA.
>
JIMMY CHIPS®
* * *
REGULAR 300 CAL/BAG
>
* *
BBQ 290 CAL/BAG
>
* *
JALAPEÑO 290 CAL/BAG
>
* *
SALT & VINEGAR 290 CAL/BAG
>
* *
THINNY CHIPS® 260 CAL/BAG
>
DESSERTS
* * *
FUDGE CHOCOLATE BROWNIE 350 CAL
Brownie made with semi-sweet chocolate, cocoa and melted chocolate.
>
* *
OATMEAL RAISIN COOKIE 370 CAL
>
* *
CHOCOLATE CHIP COOKIE 410 CAL
>
JIMMY PICKLES®
* * *
JUMBO KOSHER DILL JIMMY PICKLES® 20 CAL
>
10. DRINKSV
* * *
COKE® (REGULAR) 22OZ. 280 CAL
>
* *
COKE® (LARGE) 30OZ. 380 CAL
>
* *
BOTTLED COKE® 20OZ. 350 CAL
>
* *
DIET COKE® (REGULAR) 22OZ. 0 CAL
>
* *
DIET COKE® (LARGE) 30OZ. 0 CAL
>
* *
BOTTLED DIET COKE® 20OZ. 0 CAL
>
* * *
SPRITE® (REGULAR) 22OZ. 260 CAL
>
* *
SPRITE® (LARGE) 30OZ. 350 CAL
>
* *
20 OZ. BOTTLE SPRITE®. 240 CAL
>
* * *
DR PEPPER® (REGULAR) 22OZ. 280 CAL
>
* *
DR PEPPER® (LARGE) 30OZ. 380 CAL
>
* * *
DASANI® BOTTLED WATER 0 CAL
>
* * *
SIMPLY® LEMONADE. 160 CAL
>
* * *
MONSTER® ENERGY. 230 CAL
>
Print Menu (497KB PDF)
Unwich® Info
Nutrition & Allergen Guide
2,000 calories a day is used for general nutrition advice, but calorie
needs vary. Additional nutrition information available upon request.
ORDER ONLINE
See prices after starting an online order
ADDITIONAL GREAT SANDWICH OPTIONS
JJ'S MENU
Browse the menu at left and add items to your meal.
MENU | REWARDS | ABOUT US | PROMOS | GIFT CARDS | JJ STORE | FRANCHISING |
CAREERS
NUTRITION
Print Menu (PDF) Unwich Info Nutrition & Allergen Guide (PDF)
COMPANY
Feedback FAQs Careers History
Foundation Sandwich Types Sitemap
CONNECT
DOWNLOAD THE APP
TM & ©2021 Jimmy John's Franchisor SPV, LLC All Rights Reserved.
Terms & Conditions Ad & Cookie Policy Privacy Policy Do Not Sell My Info
Accessibility CA Transparency In Supply Chains Act
Feedback
Opens in new window
PDF Download
Word Download
Excel Download
PowerPoint Download
Document Download
close carousel