<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en" />
<meta name="description" content="Let us know your coming!" />

<meta property="og:image" content="https://w2.chabad.org/media/images/1323/nEaB13234022.png" itemprop="image" width="150" height="150" />
<meta property="og:image:width" content="150" />
<meta property="og:image:height" content="150" />
<meta name="keywords" content="Chabad,of,the,West,Side,-,Chanukah,Celebration,Dec,18" />
<meta name="title" content="Chabad of the West Side - Chanukah Celebration - Dec 18 - Chabad of Camden &amp; Burlington Counties" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="53524-53528-6720426-6766668-6675353-7128727" />
<meta name="article-keywords" content="23082-2471-8495-2170-2898-20962" />
<meta name="scope-aid" content="53524" />
<meta name="scope-aid" content="53528" />
<meta name="scope-aid" content="6720426" />
<meta name="scope-aid" content="6766668" />
<meta name="scope-aid" content="6675353" />
<meta name="scope-aid" content="7128727" />
<meta name="article-keyword" content="23082" />
<meta name="article-keyword" content="2471" />
<meta name="article-keyword" content="8495" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta name="article-keyword" content="20962" />
<meta property="og:url" content="https://www.thechabadcenter.org/templates/articlecco_cdo/aid/7128727/jewish/West-Side.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Chabad of the West Side - Chanukah Celebration - Dec 18" /><link rel="canonical" href="https://www.thechabadcenter.org/templates/articlecco_cdo/aid/7128727/jewish/West-Side.htm" />
<link rel="icon" type="image/png" href="https://www.thechabadcenter.org/media/images/1323/nEaB13234022.png" />
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css?v=98662BF4" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css?v=44B79007" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css?v=E669C926" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css?v=D1B7903A" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css?v=2B7F734E" id="k7" type="text/css"/>
<link rel="Stylesheet" href="https://w2.chabad.org/css/cco/minisites/global.css" id="k20962" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css?v=F7C22456" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="https://w2.chabad.org/images/Shluchim/minisites/themes/chanukah/chanukah-minisite.css?v=2" id="k23082" type="text/css"/>
<link rel="Stylesheet" href="/css/bootstrap/grid.css?v=B92FCAD8" id="kbootstrap4-grid" type="text/css"/>
<link rel="Stylesheet" href="/css/Library/reader-comments.css?v=5F31D0D8" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/inline/BookInfo.css?v=14B88022" id="kBookInfoCss" type="text/css"/>

<script>$q=[];$j=function(f){$q.push(f);}</script>
	
 
	
	<style type="text/css">
		body{margin:0;}
	</style>
	
	



<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2025-11-21","primaryArticleId":7128727,"title":"Chabad of the West Side - Chanukah Celebration - Dec 18","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Past Programs & Events","contentLevel3":"2025","contentLevel4":"Chanukah 2025","contentLevel5":"West Side","siteName":"Chabad of Camden & Burlington Counties"},"time":{"upcomingHoliday":"The Three Weeks","daysToUpcomingHoliday":27,"hebrewDate":"5786-03-20"}});
		dataLayer.push({ 'articleHierarchy': '-53524-53528-6720426-6766668-6675353-7128727-', 'keywords': '-k20962-k2898-k2170-k8495-k2471-k23082-', 'k': '-53524-53528-6720426-6766668-6675353-7128727--k20962-k2898-k2170-k8495-k2471-k23082-' });
	
</script>
<script>

(function(c,h,a,b,a,d){c[a]=c[a]||[];c[a].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=h.getElementsByTagName(b)[0],
j=h.createElement(b);j.async=true;
j.src='https://w6.chabad.org/mitzvah-tank.js';f.parentNode.insertBefore(j,f);
})(window,document,0,'script','dataLayer');</script>

	<!-- Start of StatCounter Code -->
	<script type="text/javascript">
	var sc_project = 1075873;var sc_partition = 1;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "82e35dbf";var sc_https = 1;
	</script>
	<script type="text/javascript" src="https://secure.statcounter.com/counter/counter_xhtml.js" defer async></script>
	<noscript><img src="//c2.statcounter.com/counter.php?sc_project=1075873&amp;java=0&amp;security=82e35dbf&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->


<meta name="google-site-verification" content="lRtKwgjQQTTuOI6mus5hzDiYoAxY5keA6jFU0pCvKLQ" />
<!-- Global site tag (gtag.js) - Google Analytics -->



<style type="text/css" rel="stylesheet">
/*<![CDATA[*//**/
@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,600);
/**/
}/*]]>*/</style>



<!--<link href="https://cdn.webmk.co/general/cdo-normalize.css" rel="stylesheet">-->

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Yakov-Chabad/Gala2026-CSS@main/gala-custom-header.css">

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/Yakov-Chabad/GimmelTammuzForm@main/FormCSS.css">

<style type="text/css">
/* =========================================================
   MODERN FORM STYLING - CHABADONE
   Target: Tefillin Tuesdays Breakfast (ID: 7387264)
   Theme: Mint Green (#359771) - Compact Version
========================================================= */

/* --- 0. CRUCIAL: Enforce Jotform Conditional Logic First --- */
form[id="7387264"] .hide,
form[id="7387264"] tr.hide,
form[id="7387264"] td.hide,
form[id="7387264"] div.hide,
form[id="7387264"] tbody.hide {
    display: none !important;
}

/* --- 1. Global Form Reset & Typography --- */
form[id="7387264"] {
    font-family: 'Montserrat', 'Open Sans', Arial, sans-serif !important;
    color: #333 !important;
    max-width: 800px !important;
    margin: 0 auto !important;
}

form[id="7387264"] .form-all {
    background: transparent !important;
    box-shadow: none !important;
}

/* Form Line - Tighter padding to save space */
form[id="7387264"] .form-line {
    display: block !important;
    padding: 8px 0 !important; 
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

form[id="7387264"] .form-line[style*="none"] {
    display: none !important;
}

/* --- 2. Labels (FORCED ON TOP) --- */
form[id="7387264"] .form-label,
form[id="7387264"] .form-label-left,
form[id="7387264"] .form-label-right,
form[id="7387264"] .form-label-top {
    color: #246b4f !important; /* Darker Mint Green */
    font-weight: 700 !important;
    font-size: 18px !important; 
    margin-bottom: 4px !important; /* Tighter gap below label */
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    float: none !important; 
    clear: both !important; 
}

form[id="7387264"] .form-sub-label {
    color: #8b8b8b !important;
    font-size: 13px !important;
    margin-top: 4px !important;
    font-weight: normal !important;
}

/* --- 3. Inputs (Text, Select, Phone) --- */
form[id="7387264"] .form-input,
form[id="7387264"] .form-input-wide {
    clear: both !important; 
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

form[id="7387264"] .form-textbox,
form[id="7387264"] .form-dropdown,
form[id="7387264"] .form-textarea {
    width: 100% !important;
    height: 44px !important; /* Slimmer text boxes */
    padding: 0 15px !important; 
    border: 1px solid #ccc !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
    color: #333 !important;
    font-style: normal !important; 
    background-color: #fff !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    outline: none !important;
}

form[id="7387264"] .form-textarea {
    height: auto !important;
    padding: 12px 15px !important; 
}

form[id="7387264"] .form-textbox:focus,
form[id="7387264"] .form-dropdown:focus {
    border-color: #359771 !important;
    box-shadow: 0 0 0 2px rgba(53, 151, 113, 0.2) !important;
}

/* --- 4. Layout: Side-by-Side Flex --- */
/* First & Last Name */
form[id="7387264"] #cid_1 {
    display: flex !important;
    flex-direction: row !important;
    gap: 15px !important;
    width: 100% !important;
}
form[id="7387264"] .form-sub-label-container {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    margin: 0 !important;
}
form[id="7387264"] .form-sub-label-container input,
form[id="7387264"] .form-sub-label-container select { order: 1 !important; }
form[id="7387264"] .form-sub-label-container label.form-sub-label { order: 2 !important; }

/* Address Block */
form[id="7387264"] .form-address-table { width: 100% !important; display: block !important; }
form[id="7387264"] .form-address-table tbody { display: flex !important; flex-direction: column !important; gap: 8px !important; width: 100% !important; }
form[id="7387264"] .form-address-table tr:not(.hide) { display: flex !important; flex-direction: row !important; gap: 15px !important; width: 100% !important; }
form[id="7387264"] .form-address-table td { display: flex !important; flex-direction: column !important; flex: 1 !important; padding: 0 !important; }

/* --- 5. Radio Buttons & Checkboxes --- */
form[id="7387264"] .form-single-column,
form[id="7387264"] .form-multiple-column {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important; /* Tighter gaps between options */
    width: 100% !important;
}

form[id="7387264"] .form-radio-item,
form[id="7387264"] .form-checkbox-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important; 
    border: 1px solid #ccc !important;
    border-radius: 8px !important;
    padding: 0 !important; 
    margin: 0 !important;
    background: #fff !important;
    transition: all 0.2s ease !important;
    min-height: 46px !important; /* Slimmer boxes */
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* ACTIVE STATE (Mint Green when checked) */
form[id="7387264"] .form-radio-item:has(input:checked),
form[id="7387264"] .form-checkbox-item:has(input:checked) {
    background-color: #e8f4ef !important;
    border-color: #359771 !important;
}

form[id="7387264"] input.form-radio,
form[id="7387264"] input.form-checkbox,
form[id="7387264"] input.form-checkbox-other {
    margin: 0 0 0 20px !important; 
    align-self: center !important; 
    width: 20px !important;
    height: 20px !important;
    accent-color: #359771 !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    display: inline-block !important; 
    opacity: 1 !important;
    z-index: 2 !important;
}

form[id="7387264"] .form-radio-item label,
form[id="7387264"] .form-checkbox-item label {
    margin: 0 !important;
    padding: 12px 20px 12px 15px !important; /* Slimmer padding */
    color: #333 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    flex: 1 !important; 
    display: flex !important;
    align-items: center !important;
    height: auto !important;
}

/* --- 6. The Number Spinner (Bulletproof Plugin Override) --- */
/* Hide native browser arrows */
form[id="7387264"] .form-spinner-input::-webkit-outer-spin-button,
form[id="7387264"] .form-spinner-input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}
form[id="7387264"] .form-spinner-input {
    -moz-appearance: textfield !important;
}

/* 1. Nuke the plugin's table layout */
form[id="7387264"] table:has(.form-spinner-up) {
    display: block !important;
    position: relative !important;
    width: 150px !important;
    height: 44px !important;
    border: 1px solid #ccc !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #fff !important;
    padding: 0 !important;
    margin: 0 !important;
    border-collapse: collapse !important;
}
form[id="7387264"] table:has(.form-spinner-up) tbody,
form[id="7387264"] table:has(.form-spinner-up) tr {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 2. Center the Input Box perfectly */
form[id="7387264"] .form-spinner-input-td {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 45px !important; 
    right: 45px !important; 
    height: 100% !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}
form[id="7387264"] .form-spinner-input-td input {
    width: 100% !important;
    height: 100% !important;
    text-align: center !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #333 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}

/* 3. Strip all inline script styles and lock the buttons */
form[id="7387264"] .form-spinner-down,
form[id="7387264"] .form-spinner-up {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 45px !important;
    height: 100% !important;
    padding: 0 !important; /* Forces the script's inline padding to zero */
    margin: 0 !important;
    background: #359771 !important; 
    color: #fff !important;
    cursor: pointer !important;
    z-index: 10 !important;
    opacity: 1 !important; /* Forces them to stay visible permanently */
    visibility: visible !important;
    transition: background 0.2s ease !important;
}

form[id="7387264"] .form-spinner-down {
    left: 0 !important;
    border: none !important;
    border-right: 1px solid #2a7a5a !important; 
}
form[id="7387264"] .form-spinner-up {
    right: 0 !important;
    border: none !important;
    border-left: 1px solid #2a7a5a !important; 
}

/* 4. Button Hovers */
form[id="7387264"] .form-spinner-down:hover,
form[id="7387264"] .form-spinner-up:hover {
    background: #2a7a5a !important;
}

/* 5. Hide the tiny script arrows */
form[id="7387264"] .form-spinner-down img,
form[id="7387264"] .form-spinner-up img {
    display: none !important;
}

/* 6. Perfect Center Math for the +/- */
form[id="7387264"] .form-spinner-down::after {
    content: '-' !important;
    font-size: 36px !important;
    line-height: 0 !important; /* Collapses the text height for perfect centering */
    margin-top: -4px !important;
    font-weight: 300 !important;
}
form[id="7387264"] .form-spinner-up::after {
    content: '+' !important;
    font-size: 30px !important;
    line-height: 0 !important; /* Collapses the text height for perfect centering */
    margin-top: -2px !important;
    font-weight: 300 !important;
}

/* --- 7. Total Amount Box --- */
form[id="7387264"] #cid_8 {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    background-color: #f8f8fa !important;
    border: 1px solid #ccc !important;
    border-radius: 8px !important;
    padding: 15px 20px !important; /* Slimmer padding */
    margin-top: 5px !important; /* Tighter gap */
}
form[id="7387264"] #cid_8 label { 
    margin: 0 !important; 
    font-size: 18px !important; 
    font-weight: 700 !important; 
    color: #333 !important;
}
form[id="7387264"] #total_amount { 
    font-size: 26px !important; 
    font-weight: 800 !important; 
    color: #359771 !important; 
    padding: 0 !important; 
}

/* --- 8. Payment / Credit Card Fields --- */
form[id="7387264"] .js-cc-number { padding-left: 15px !important; background-image: none !important; }

form[id="7387264"] .credit_card:not(.hide) > td > table { 
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important; /* Tighter row gaps */
    width: 100% !important; 
    border: 1px solid #ccc !important;
    padding: 15px !important; /* Slimmer inner padding */
    border-radius: 8px !important;
    background: #fafafa !important;
    margin-top: 10px !important;
}
form[id="7387264"] .credit_card:not(.hide) > td > table > tbody { display: flex !important; flex-direction: column !important; gap: 10px !important; width: 100% !important;}
form[id="7387264"] .credit_card:not(.hide) > td > table > tbody > tr { 
    display: flex !important; 
    flex-direction: row !important;
    width: 100% !important; 
    gap: 12px !important; 
}
form[id="7387264"] .credit_card td, form[id="7387264"] .cc-field-wrapper { display: flex !important; flex-direction: column !important; flex: 1 !important; padding: 0 !important; }
form[id="7387264"] .credit_card th { display: none !important; }
form[id="7387264"] .other { padding: 10px 0 0 0 !important; font-size: 15px !important; color: #555 !important; line-height: 1.5 !important; }

/* --- 9. Submit Button Centered --- */
form[id="7387264"] .form-buttons-wrapper {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 20px 0 0 0 !important; /* Tighter top gap */
    padding: 0 !important;
    text-indent: 0 !important;
}
form[id="7387264"] .form-submit-button {
    background-color: #359771 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 12px 40px !important; /* Slightly slimmer button */
    font-size: 18px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    width: 100% !important;
    max-width: 350px !important;
    transition: filter 0.3s ease, transform 0.1s ease !important;
}
form[id="7387264"] .form-submit-button:hover { filter: brightness(1.15) !important; transform: translateY(-2px) !important; }

/* =========================================================
   "OTHER" CHECKBOX FIX (100% Hitbox Overlay)
========================================================= */
form[id="7387264"] .form-checkbox-item:has(.form-checkbox-other) {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
}

form[id="7387264"] input.form-checkbox-other {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    margin: 0 !important;
    width: 100% !important; 
    height: 100% !important;
    cursor: pointer !important;
    z-index: 5 !important;
    outline: none !important;
    border: none !important;
    background: transparent !important;
}

form[id="7387264"] input.form-checkbox-other::before {
    content: "" !important;
    position: absolute !important;
    left: 20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 20px !important;
    height: 20px !important;
    border: 1px solid #767676 !important; 
    border-radius: 3px !important; 
    background-color: #fff !important;
    box-sizing: border-box !important;
    transition: all 0.1s ease !important;
}

form[id="7387264"] input.form-checkbox-other:checked::before {
    background-color: #359771 !important;
    border-color: #359771 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round' d='M3.5 8.5l3 3L12.5 4'/%3E%3C/svg%3E") !important;
    background-size: 15px !important; 
    background-position: center !important;
    background-repeat: no-repeat !important;
}

form[id="7387264"] .form-checkbox-item:has(.form-checkbox-other) span {
    display: flex !important;
    align-items: center !important;
    flex: none !important;
    padding: 0 !important;
    margin-left: 55px !important; 
    position: relative !important;
    z-index: 10 !important; 
}

form[id="7387264"] .form-checkbox-other-input {
    margin: 0 !important;
    padding: 8px 12px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    height: auto !important;
    width: 130px !important; 
    max-width: none !important;
    font-size: 15px !important;
    background: #fff !important;
    cursor: text !important;
    display: block !important;
    position: relative !important;
}

/* =========================================================
   BOTTOM FIXES: Payment Methods & Mobile Layout 
========================================================= */

/* Payment Methods (CC / Check) Side-by-Side dynamically */
form[id="7387264"] .form-single-column:has(input.paymentMethod),
form[id="7387264"] .form-multiple-column:has(input.paymentMethod) {
    display: flex !important;
    flex-direction: row !important;
    gap: 15px !important;
    width: 100% !important;
}

form[id="7387264"] .form-radio-item:has(input.paymentMethod) {
    flex: 1 !important;
    margin: 0 !important;
}

@media (max-width: 600px) {
    /* Stack Address Fields Mobile Fix */
    form[id="7387264"] .form-address-table tr:not(.hide) {
        flex-direction: column !important;
    }

    /* Wrap Credit Card Row */
    form[id="7387264"] .credit_card:not(.hide) > td > table > tbody > tr {
        flex-wrap: wrap !important;
    }

    /* Force CC Number container 100% */
    form[id="7387264"] .credit_card td:has(.js-cc-number) {
        flex: 0 0 100% !important;
        width: 100% !important;
    }

    /* Force CVV container 100% */
    form[id="7387264"] .credit_card td:has([id*="cc_ccv"]),
    form[id="7387264"] .credit_card td:has([name*="ccv"]),
    form[id="7387264"] .credit_card td:has([autocomplete="cc-csc"]) {
        flex: 0 0 100% !important;
        width: 100% !important;
    }

    /* Stack Payment Methods */
    form[id="7387264"] .form-single-column:has(input.paymentMethod),
    form[id="7387264"] .form-multiple-column:has(input.paymentMethod) {
        flex-direction: column !important;
    }
}
</style>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-186246458-1"></script><script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-186246458-1');
</script><script> jQuery

(function(){
	jQuery('select.co_form_input.row.active').find('option:first-child').html('<option value="">Table</option>');
});
</script><title>
	Chabad of the West Side - Chanukah Celebration - Dec 18 - Chabad of Camden & Burlington Counties
</title></head>
<body class="lang_en dir_ltr cco_body cco_templateless_page section_branch">
	
	
		<div width="100%" class="cco_templateless_template" style="z-index:100 !important;display:block !important;left:0px !important;top:0px !important;height:30px!important;width:100% !important;line-height:30px !important; position:relative !important; margin-bottom:0 !important; padding:0;text-indent: 25px;" align="Left"><a href="//www.TheChabadCenter.org" style="display:block!important;font-size:14px !important;">&laquo; Back to&nbsp;Chabad of Camden & Burlington Counties</a></div>
	
	<div class="cco_templatelates_content">
		
	<div class="co_content_container clearfix local_content" id="co_content_container">
		<div class="clearfix">
			<!-- BEGIN HEADER --><style type="text/css">    #RegisterSinglePage:has(.event_description img) :is(#RegisterHeader .column1, #RegisterHeader .column2) {
        width: auto;
    }

    .embedded_form .small {
        display: none
    }

    .form-checkbox-item,
    .form-radio-item {
        align-items: center;
    }

    .form-multiple-column:has(label[for^="input_tran"]) {
        display: flex;
flex-wrap:wrap;
    }

    .section_root #ContentBody .content-area-parent:has(#RegisterSinglePage) {
        display: block
    }

    .section_root #co_body_container:has(#RegisterSinglePage) {
        text-align: initial
    }

    /* stop large banner from being on the same line as a small promo */
    body:not(.mobile) .large_banner {
        flex-basis: 72%;
    }

    /* attempt to help issues with content overflowing screen on mobile */
    .co_body td,
    .co_body tr,
    .co_body table {
        max-width: 90vw;
    }

    .special_message {
        font-size: 14px;
        line-height: 20px;
        color: #000;
        font-family: Montserrat, sans-serif;
        padding: 11px 25px;
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .special_message .messageCta {
        text-align: center;
    }

    .special_message li {
        text-align: left;
    }

    .special_message .messageCta button {
        cursor: pointer;
    }

    .special_message .bannerCta {
        display: block !important
    }

    .co_content .co_features {
        vertical-align: top;
    }

    @media only screen and (max-width: 650px) {

        .chabad_header .headerTitle,
        .chabad_header .headerTitle a {
            font-size: 60pt;
        }
    }    div[name="co_section"][real_id^="column_promo"] {
        display: flex;
        width: 100%;
        height: fit-content;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;

        .sPromo-flex {
            overflow: hidden;
            margin: auto;
        }
    }
.sPromo-wrap {
    overflow: hidden;
}
</style>
<style type="text/css">
    /* 1. Desktop: Keep them small and centered */
    .sPromo-flex {
        max-width: 300px; /* Keeps desktop from looking huge */
        margin: 0 auto;   /* Centers them */
    }

    /* 2. Mobile: Force full width (Over 100% width, No Max) */
    @media only screen and (max-width: 650px) {
        .sPromo-flex {
            max-width: none !important; /* REMOVES the 300px limit */
            width: 100% !important;     /* Forces it to fill the screen */
        }
    }
</style>


<div id="chabad_body_page">
<div id="chabad_main_content">
<div id="chabad_head">
 

<div class="chabad_header">
<div class="headerTitle">
<a href="/6675353" style="text-decoration: none;">
                                     CHANUKAH  </a>
</div>
<div class="centerName">
                                 At                                 Chabad Lubavitch of Camden and Burlington Counties 
</div>
<div class="holidayDates">



<div class="widget-1 holiday_date custom v260 feed">
<div class="wrapper">

<div class="widget_header">
<h5>Holiday Date</h5>    
</div>
<div class="widget_content">
December 4 - 12, 2026</div></div>
</div>


</div>
</div>


<div id="navigation" class="chabad_navigator_bar">
<div class="chabad_menu_content">
<ul id="menu" class="navi">
<li class="item parent">
<a href="/article.asp?aid=6675353" class="parent">Home</a>
|
</li>
<li class="item parent arrow">
<a href="/article.asp?aid=6678227" class="parent arrow">Car Menorah Parade</a>
<div class="sub_menu">
<ul>
<li class="item first">
<a href="/article.asp?aid=6678229">Parade RSVP Form</a>
</li>
<li class="item">
<a href="/article.asp?aid=6678230">Parade Route</a>
</li>
<li class="item last">
<a href="/article.asp?aid=6678233">Car Menorah Purchase Options </a>
</li>
</ul>
</div>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=6676428" class="parent">18ft Menorah Grand Event</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=6679832" class="parent">Chanukah on Ice</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=6678244" class="parent">Medford</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=6676398" class="parent">Moorestown</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=6676364" class="parent">Collingswood</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=6676366" class="parent">Haddonfield</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=6678240" class="parent">Florence</a>
|
</li>
<li class="item parent selected">
<a href="/article.asp?aid=7128727" class="parent selected">West Side</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=6675421" class="parent">Sponsorships</a>
</li>

</ul>
</div>
</div>


</div>
<div id="chabad_body_content">
<div class="chabad_left_column">
<div detached="true" type="static" id="ContentArea" name="content_area" actions="edit,delete" class="chabad_left_column"><div id="content_page" class="content_page"><!-- END HEADER -->
			
			
			<div class="clearfix bh mobile-only align_right">ב"ה</div>
			
				<div class="master-content-wrapper " >
					

<header class="article-header cf ">
	
	
			<h1 class="article-header__title js-article-title js-page-title">West Side</h1>
		
			<div class="set-direction-to-content">
				<h2 class="article-header__subtitle">Dec 18</h2>
			</div>
		
			<div>
				
			</div>
		
</header>
				</div>
			
			<div class="body_wrapper clearfix co_body">
				<div class="" id="co_body_container">
					
					<div id="ContentBody">
						
						
							<div class="content-area-parent no_margin">
								
	<div id="cco_body">
		<div class="content  no_margin no_overflow" id="co_content_container">
			
			
	

	<article class="content js-content" itemscope itemtype="http://schema.org/Article">
	



<meta itemprop="mainEntityOfPage headline name" content="Chabad of the West Side - Chanukah Celebration - Dec 18" />

<meta itemprop="image" content="" />

	<meta itemprop="description" content="Let us know your coming!" />


<meta itemprop="uploadDate" content="2025-11-21T12:50:08" />
<span itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
	<meta itemprop="name" content="Chabad of Camden &amp; Burlington Counties" />
	<meta itemprop="brand" content="Chabad of Camden &amp; Burlington Counties" />
	<span itemprop="logo" itemscope itemtype="http://schema.org/ImageObject">
		<meta itemprop="url" content="https://w2.chabad.org/media/images/1323/nEaB13234022.png" />
		<meta itemprop="height" content="150" />
		<meta itemprop="width" content="150" />
	</span>
</span>
<meta itemprop="datePublished" content="2025-11-21T12:50:08" />
			<div itemprop="articleBody">
				<co:body xmlns:co="www1.chabadonline.com/alpha1" xmlns:ext="urn:xslt-extensions">
  <div class="co_body article-body cf">
<style type="text/css">

/* Style for the RSVP button */
    p {
      text-align: center; /* Center the button */
    }

    /* Add a unique class for this button */
    .rsvp-button {
      display: inline-block;
      padding: 10px 40px;
      background-color: #253b53; /* Deep sea blue color */
      color: white;
      text-decoration: none !important; /* Force no underline */
      border-radius: 5px;
      font-weight: bold;
      width: 250px; /* Button width */
      text-align: center; /* Center text inside the button */
      transition: background-color 0.3s ease; /* Smooth transition for color change */
    }

    /* Hover effect for only this specific button */
    .rsvp-button:hover {
      background-color: #1a2a42; /* Darker blue (deep ocean) on hover */
    }
</style>
<p>
<!-- Add the "rsvp-button" class to this specific button --><a class="rsvp-button" href="https://forms.gle/2ooYVaFaaUA138um7">RSVP HERE</a></p>

<p style="text-align:center">
<a href="https://docs.google.com/forms/d/e/1FAIpQLSfY09xeDmn2-jMMMxFrdurSuWB6Y28xJt3e9tTNWSNr_Jtpqw/viewform">
<img alt="" height="993" src="https://w2.chabad.org/media/images/1347/rTZD13473544.jpg" style="width: 100%; height: auto;" width="993"></a></p>

<p>
<!-- Add the "rsvp-button" class to this specific button --><a class="rsvp-button" href="https://forms.gle/2ooYVaFaaUA138um7">RSVP HERE</a></p>

</div>
</co:body>
			</div>
			

			<div class="break_floats"></div>
			
	<div class="break_floats"></div>
	

<div class="content-footer">
	<!-- END CACHE -->
	
	
	
	
	
</div>
	</article>

		</div>
	</div>
</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
				
			</div>
			
			<!-- BEGIN FOOTER -->
</div>
<div id="border_bottom"> </div>
</div>
</div>
</div>
<!-- END FOOTER -->
		</div>
		
		<aside class="page-tools-sidebar js-page-tools-sidebar hide_for_print">
<div class="page-tools js-page-tools-menu">
<div class="page-tools__section page-tools__section--share">
<a class="page-tools__tool js-share-popup page-tools__tool--facebook" data-share-url="https://www.facebook.com/dialog/share?app_id=188669250943&amp;display=popup&amp;href=https%3a%2f%2fwww.thechabadcenter.org%2ftemplates%2farticlecco_cdo%2faid%2f7128727%2fjewish%2fWest-Side.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dFB">
				<i class="fa fa-facebook"></i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--twitter" data-share-url="https://twitter.com/intent/tweet?text=Chabad+of+the+West+Side+-+Chanukah+Celebration+-+Dec+18+-+Chabad+of+Camden+%26+Burlington+Counties&amp;url=https%3a%2f%2fwww.thechabadcenter.org%2ftemplates%2farticlecco_cdo%2faid%2f7128727%2fjewish%2fWest-Side.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dtwitter&amp;via=Chabad">
				<i class="fa fa-twitter"></i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--whatsapp d-lg-none js-share-whatsapp" data-share-url="whatsapp://send?text=Chabad+of+the+West+Side+-+Chanukah+Celebration+-+Dec+18+-+Chabad+of+Camden+%26+Burlington+Counties https%3a%2f%2fwww.thechabadcenter.org%2ftemplates%2farticlecco_cdo%2faid%2f7128727%2fjewish%2fWest-Side.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dwhatsapp">
				<i class="fa fa-whatsapp">
					<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" fill="#128c7e" width="1em" height="1em"><path d="M25 2C12.318 2 2 12.318 2 25c0 3.96 1.023 7.854 2.963 11.29L2.037 46.73c-.096.343-.003.711.245.966.191.197.451.304.718.304.08 0 .161-.01.24-.029l10.896-2.699C17.463 47.058 21.21 48 25 48c12.682 0 23-10.318 23-23S37.682 2 25 2zm11.57 31.116c-.492 1.362-2.852 2.605-3.986 2.772-1.018.149-2.306.213-3.72-.231-.857-.27-1.957-.628-3.366-1.229-5.923-2.526-9.791-8.415-10.087-8.804-.295-.389-2.411-3.161-2.411-6.03s1.525-4.28 2.067-4.864c.542-.584 1.181-.73 1.575-.73s.787.005 1.132.021c.363.018.85-.137 1.329 1.001.492 1.168 1.673 4.037 1.819 4.33.148.292.246.633.05 1.022s-.294.632-.59.973-.62.76-.886 1.022c-.296.291-.603.606-.259 1.19s1.529 2.493 3.285 4.039c2.255 1.986 4.158 2.602 4.748 2.894.59.292.935.243 1.279-.146.344-.39 1.476-1.703 1.869-2.286s.787-.487 1.329-.292c.542.194 3.445 1.604 4.035 1.896.59.292.984.438 1.132.681.148.242.148 1.41-.344 2.771z"/></svg>
				</i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--pinterest d-none d-lg-block" data-share-url="http://pinterest.com/pin/create/button/?url=https%3a%2f%2fwww.thechabadcenter.org%2ftemplates%2farticlecco_cdo%2faid%2f7128727%2fjewish%2fWest-Side.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=Chabad+of+the+West+Side+-+Chanukah+Celebration+-+Dec+18+-+Chabad+of+Camden+%26+Burlington+Counties">
				<i class="fa fa-pinterest"></i>
			</a>
<a class="page-tools__tool" onclick="showEmailLayer(this);">
<i class="fa fa-envelope"></i>
</a>
</div>
<div class="page-tools__section page-tools__section--other js-page-tool-other">
<div class="page-tools__tool popover-parent d-lg-block">
<div class="popover popover--right align_left nowrap">
<div class="popover__content">
<label class="bold bottom_margin block">
Print Options:
</label>
<form class="vcenter" name="print-form" onsubmit="coPrint(event, 6675353);return false;">
<div>
<label><input type="checkbox" name="print-green"><span title="Save paper and ink">Print without images <i class="fa fa-leaf text-green"></i></span></label>
</div>
<br/>
<div class="center">
<button class="co-button page-tools__print-button">Print</button>
</div>
</form>
</div>
</div>
<i class="fa fa-print"></i>
</div>
</div>
</div>
<div class="js-fab-wrapper fab-wrapper">
<div class="fab">
<i class="fab-icon"></i>
</div>
</div>
</aside>
<!-- END CACHE -->
	</div>

	</div>

	<div id="BodyContainer">
		<div class="g960 footer">
			<div class="poweredby large_bottom_margin">
				



	<div class="footer3">
		<span class="footer-title" >Chabad of Camden & Burlington Counties</span>
		<div class="footer-address">
			<span class="footer-street">1925 Kresson Road </span>
			<span class="footer-city-state">Cherry Hill, NJ 08003</span>
		</div>
			<span>856-874-1500</span>
	</div>
	<img src="https://w2.chabad.org/images/global/spacer.gif" width="1" height="6" border="0" /><br />



Powered by <a href="https://www.chabad.org/" target="_new" class="">Chabad.org</a> &copy; 1993-2026 <a href="/4026210" target="_blank" class="privacy-link">Privacy Policy</a>




			</div>
		</div>
	</div>
	
	

	
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery-latest.min.js?v=0293E3EC"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js?v=F809B22F"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js?v=16F176A4"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/multimedia/infolayer.js?v=ED1B8531"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/commentsloader.js?v=AD6AAB79"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/minisites.js?v=F38E4DA5"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js?v=86D84DC2"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/modules/pagetools.js?v=930B07AB"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/deprecated.js?v=D506A83E"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/OverrideJSDocumentWrite.js?v=9A0227AA"></script><script>$j = $j.fn ? $j : jQuery;$j(()=>{$q.forEach(f=>{try{f.call(window);}catch(ex){console.error(ex);}});})</script>
	

<script  language="javascript" type="text/javascript"> Co.Settings      = {CacheClassName:'js-cache-default',MosadName:'Chabad of Camden & Burlington Counties'}; Co.ArticleId     = '7128727';Co.SectionId     = 6720426;Co.PartnerSiteId = 0;Co.SiteId        = 457;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'TheChabadCenter.org';Co.LanguageCode  = '';Co.LoginStatus   = 'None';</script>
	
	

<style>
#ReservationSummary tr.item.row {
position: initial!important;
}
</style>
<script>
window.onload = function() {
    // Function to check and validate the selection
    function checkSelection() {
        var selectElement = document.getElementById("row_res1");

        // If the dropdown doesn't exist, log and return
        if (!selectElement) {
            console.log("Dropdown not found.");
            return;
        }

        console.log("Checking selection...");
        if (selectElement.value === "") {
            console.log("No hostess selected. Setting field to invalid.");
            selectElement.setCustomValidity("Please select a hostess."); // Invalid field
        } else {
            console.log("Hostess selected: " + selectElement.value + ". Field is valid.");
            selectElement.setCustomValidity(""); // Valid field
        }
    }

    // Function to add the default "Please select a hostess" option to the dropdown
    function addDefaultOption() {
        var selectElement = document.getElementById("row_res1");

        if (!selectElement) {
            console.log("Dropdown not available yet.");
            return;
        }

        // Set the dropdown width to 130px
        selectElement.style.width = "130px";

        // Make the dropdown a required field
        selectElement.required = true;

        // Iterate through the options to check if the default option is already present
        var optionExists = false;
        for (var i = 0; i < selectElement.options.length; i++) {
            if (selectElement.options[i].text === "Please select a hostess") {
                optionExists = true;
                break;
            }
        }

        if (!optionExists) {
            console.log("Adding default 'Please select a hostess' option...");
            var defaultOption = document.createElement("option");
            defaultOption.text = "Please select a hostess";
            defaultOption.value = "";
            defaultOption.disabled = true;
            defaultOption.selected = true;

            // Insert the default option as the first one in the dropdown
            selectElement.insertBefore(defaultOption, selectElement.firstChild);
        } else {
            console.log("Default option already present.");
        }
    }

    // Function to handle the dropdown logic when it appears
    function handleDropdown() {
        addDefaultOption();
        checkSelection();
    }

    // Function to handle the red border for the dropdown when the text field is focused
    function handleRedBorder() {
        var selectElement = document.getElementById("row_res1");
        var textField = document.getElementById("first_res1-6");

        if (!selectElement || !textField) {
            console.log("Dropdown or text field not found.");
            return;
        }

        // Add an event listener for focus on the text field
        textField.addEventListener("focus", function() {
            if (selectElement.value === "") { // If the default option is still selected
                console.log("Default option selected, adding red border to dropdown.");
                selectElement.style.border = "solid red 2px";
            }
        });

        // Add an event listener for change on the dropdown
        selectElement.addEventListener("change", function() {
            if (selectElement.value !== "") { // If a different option is selected
                console.log("A different option selected, removing red border.");
                selectElement.style.border = ""; // Remove the red border
            }
        });
    }

    // Check if the dropdown is available on page load
    if (document.getElementById("row_res1")) {
        console.log("Dropdown found on page load. Modifying immediately...");
        handleDropdown();
        handleRedBorder();
    } else {
        console.log("Dropdown not found on page load. Waiting for button click or dropdown insertion...");
    }

    // Use MutationObserver to watch for the dropdown being added to the DOM
    var observer = new MutationObserver(function(mutationsList, observer) {
        for (var mutation of mutationsList) {
            if (mutation.type === 'childList') {
                var selectElement = document.getElementById("row_res1");
                if (selectElement) {
                    console.log("Dropdown added to DOM. Modifying...");
                    handleDropdown();
                    handleRedBorder();
                    observer.disconnect(); // Stop observing once the dropdown is found
                    return;
                }
            }
        }
    });

    // Observe the body for changes (or you can be more specific)
    observer.observe(document.body, { childList: true, subtree: true });

    // Add event listener to the button for fallback logic
    var button = document.getElementById("performance_24101_addAttendeeButton");
    if (button) {
        console.log("Button found. Setting up click event...");
        button.addEventListener("click", function() {
            console.log("Button clicked. Waiting 1 second before modifying the dropdown...");

            // Wait for 1 second before modifying the dropdown and running validation
            setTimeout(function() {
                handleDropdown();
                handleRedBorder();
            }, 1000); // 1000ms = 1 second
        });
    } else {
        console.log("Button not found.");
    }
};

</script>
</body>
</html>