/* https://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /*------------------------------------*\ GLOBAL \*------------------------------------*/ *, body { font-family: 'Open Sans', sans-serif; padding: 0; margin: 0; line-height: normal; } h1, form h3.ObjTitle { color: #000000; font-size: 34px; font-weight: 300; line-height: 46px; margin-bottom: 35px; } h2 { color: #b32017; font-size: 30px; font-weight: 400; line-height: inherit; margin-bottom: 35px; } h3 { color: #000000; font-size: 28px; font-weight: 400; line-height: inherit; } h4 { color: #000000; font-size: 24px; font-weight: 300; line-height: inherit; margin: 20px 0px; } h5 { color: #000000; font-size: 20px; font-weight: 300; line-height: inherit; margin: 20px 0px; } h6 { color: #000000; font-size: 18px; font-weight: 300; line-height: inherit; margin: 20px 0px; } p, main { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 26px; font-weight: 400; margin: 15px 0px; } a, A:link { color: #b32017; text-decoration: none; } a:hover { color: #00a4e3; } .blue { color: #00a4e3 !important; } .red { color: #b32017 !important; } .left { float: left; } .right { float: right; } .clear { clear: both; } .center { text-align: center; } .inline { display: inline-block; } .hide { display: none; } .widthAuto { width: auto; } .row { clear: both; width: 100%; display: block; } .mobileOnly { display: none; } .desktopOnly { display: block; } img { max-width: 100%; } /*------------------------------------*\ BUTTONS \*------------------------------------*/ .blueBtn, .Button, div.luminate-donationContainer input.submit-blue { background: #00a4e3 !important; background-image: none !important; padding: 10px 23px !important; text-align: center !important; color: #fff !important; font-size: 14px; font-weight: 600; text-transform: uppercase; text-decoration: none; border: 1px solid #00a4e3 !important; border-radius: 3px; } .blueBtn:hover, .Button:hover { color: #fff !important; background: #01739f !important; border: 1px solid #01739f !important; cursor: pointer; } .whiteBlue { background: #fff; background-image: none; padding: 10px 23px; text-align: center; color: #00a4e3; font-size: 14px; font-weight: 600; text-transform: uppercase; border: 1px solid #00a4e3; border-radius: 3px; } .whiteBlue:hover { background: #00a4e3; color: #fff; cursor: pointer; } .step-button, .participant-find-donate-link { background: #b32017 !important; background-image: none !important; border: none !important; color: #fff !important; } #pstep_finish { font-size: 32px; font-weight: 800; text-transform: uppercase; padding: 15px; max-width: 100%; float: none; } /*------------------------------------*\ STRUCTURE \*------------------------------------*/ #main-content { display: block; width: 100%; margin: 0; padding: 0; } .content-wrapper { width: 92%; max-width: 100%; padding: 23px 4%; margin: 0 auto; overflow: hidden; } /*------------------------------------*\ HEADER \*------------------------------------*/ header .content-wrapper { text-align: center; } header #logo { display: inline-block; vertical-align: middle; width: 45%; text-align: left; } header #contact { display: inline-block; vertical-align: middle; width: 45%; text-align: right; } header #contact p, header #contact p img{ display: inline-block; width: auto; vertical-align: middle; } header #contact p, header #contact p a { color: #010101; font-size: 14px; } header #contact p img { margin-left: 15px; } /*------------------------------------*\ BANNER \*------------------------------------*/ #redBanner { display: block; width: 100%; background: #b32017; padding: 20px 0px; } #redBanner div.content-wrapper { display: table; width:85%; } #redBanner h1 { color: #fff; font-weight: 400; font-size: 63px; text-align: left; /*width: 25%;*/ width: 30%; max-width: 100%; display: table-cell; vertical-align: middle; line-height: normal; } #redBanner div.banner-desc { width: 60%; max-width: 456px; text-align: center; display: table-cell; vertical-align: middle; } #redBanner p { color: #fff; font-size: 18px; line-height: 1.4; margin: 1rem auto; } #redBanner span.lgTxt { color: #fff; font-size: 24px; font-weight: 800; line-height: normal; } /*------------------------------------*\ FOOTER \*------------------------------------*/ #upperFooter { display: block; width: 100%; background: #303030; text-align: center; padding: 30px 0px; } #upperFooter p, #upperFooter p a { color: #b6b6b6 !important; font-size: 14px; line-height: 28px; margin: 0px; } #upperFooter p a:hover { color: #00a4e3 !important; } #upperFooter p.blue { font-size: 20px; line-height: 32px; } #lowerFooter { display: block; width: 100%; background: #fff; text-align: center; } #lowerFooter p { color: #303030; font-size: 13px; line-height: inherit; } /*------------------------------------*\ DONATION FORM STYLES \*------------------------------------*/ section div.content-wrapper { display: table; } form#ProcessForm { background: none !important; border: none !important; width: 75%; padding: 0px 4% 30px 4%; margin: 0; display: table-cell; } form#ProcessForm div.donation-form-container.responsive { background: none !important; border: none !important; width: 100%; padding: 0; margin: 0; display: block; } div.donation-form-content { display: block; width: 100%; } div.form-row div.form-content {width: 100%;} form#ProcessForm h2.section-header-container { color: #aaaaaa !important; font-size: 16px !important; font-weight: 600 !important; text-transform: uppercase !important; margin-bottom: 20px; } form#ProcessForm div.responsive label { font-size: 14px; font-weight: 400; vertical-align: top; } form#ProcessForm div.responsive input[type="text"], form#ProcessForm div.responsive input[type="number"], form#ProcessForm div.responsive input[type="password"], form#ProcessForm div.responsive select { background: #eeeeee !important; border: none !important; box-shadow: 0px; border-radius: 0px; color: #bc231d; font-size: 20px; font-weight: 300; /*text-transform: uppercase;*/ padding: 10px 12px; max-width: 100%; width: 90%; } form#ProcessForm div.responsive select { background: #eeeeee url("../custom/GeneralWrapper/img/genform-select-arrow.png") no-repeat right !important; background-position: right 8px center !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: content-box; } div.form-row { width: 45%; max-width: 100%; display: inline-block; vertical-align: top; } #billing_title_row, #donor_email_opt_in_Row, #send_ecard_row, #ecard_send_date_row, #ecard_recpients_row, #tribute_ecard_subject_row, #tribute_ecard_message_row, #preview_button_row, #billing_info_same_as_donor_row { display: block; width: 100%; } #responsive_payment_typecc_number_row { display: block; } #billing_title_row select, #responsive_payment_typecc_number_row input, #donor_email_opt_in_Row #responsive_payment_typecc_exp_date_row select, #ecard_send_date_row select, #tribute_ecard_subject_row input, #responsive_payment_typecc_cvvname { width: auto !important; } #responsive_payment_typecc_cvvname { max-width: 100px !important; } #responsive_payment_typecc_cvv_row { margin-left: 20px; } div.responsive div#ecard_send_date_row select { min-width: 110px; } #responsive_payment_typecc_exp_date_row select { width: 40% !important; display: inline-block; min-width: 110px; max-width: 110px !important; } .mobile div.responsive div.form-row { margin: 0; } /* Donation level styling begins */ div.donation-levels { position: relative; } form#ProcessForm div.don-standard-levels, form#ProcessForm div.don-standard-levels form-row, #level_standard_row, #donor_remember_me_row { width: 100% !important; } form#ProcessForm #level_standard_row div.form-content { display: block; } form#ProcessForm div.donation-level-label-input-container { display:block; } form#ProcessForm div.donation-level-container { display:inline-block; margin: 10px 5px; width: 112px; height: auto; max-width: 40%; } form#ProcessForm div.donation-level-container:first-child { margin-left: 0px; } div.donation-level-container input[type=radio] { position:absolute; left:-99999px; } div.donation-level-user-entered { margin:0 !important; display: inline-block !important; } div.donation-level-user-entered input { padding: 0px; } div.donation-level-input-container { color: #000 !important; font-size: 25px !important; height: 50px; line-height: 53.5px; width: 100%; height: auto; text-align: center; cursor: pointer !important; background: #eeeeee; padding:0; border-radius: 0px; border: none; display: table; } div.donation-level-label-container { cursor:pointer; margin: 0 auto; display: block; } div.donation-level-input-container label { cursor: pointer; font-size: 25px !important; font-weight: 600 !important; font-style: normal; font-variant: normal; font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif; color: #000 !important; width: 100%; height: 75px; display: table; } div.donation-level-input-container label.active { color:#ffffff !important; } div.donation-level-input-container.active, div.donation-level-input-container:hover { border: none; background-color: #b32317; background-image:none; color: #ffffff !important; } div.donation-level-input-container.active { position: relative; border: 1px solid #b32317; } div.donation-level-input-container.active:before { bottom: -52.5px; left: 50%; height: 40px; width: 40px; border: 1px solid #b32017; border-right: none; border-top: none; content: " "; background: white; position: absolute; pointer-events: none; transform: rotate(135deg); margin-left: -18px; z-index: 10; } div.donation-level-input-container.active label, div.donation-level-input-container:hover label {color: #fff !important;} div.donation-level-container:last-child div.donation-level-input-container.active, div.donation-level-container:last-child div.donation-level-input-container:hover { border: none; background-color: #eeeeee; background-image: none; color: #000; border: none; } div.donation-level-input-container.active input[type="text"] { color: #000 !important; font-size: 25px; font-style: normal; font-variant: normal; font-weight: 600; } div.donation-level-input-container.form-input div.donation-level-user-entered input { height:75px; width: 130px; margin-top: 0px; text-align: left; background-color:#eeeeee; border: none; box-shadow: none; text-align: center; padding:0px 12px !important; } form#ProcessForm input[type="text"]::placeholder { color: #000 !important; font-size: 25px; font-style: normal; font-variant: normal; font-weight: 600; width: 100% !important; text-transform: uppercase; } form#ProcessForm ::-webkit-input-placeholder { color: #000 !important; font-size: 25px; font-style: normal; font-variant: normal; font-weight: 600; width: 100% !important; text-transform: uppercase; } form#ProcessForm :-moz-placeholder { /* Firefox 18- */ color: #000 !important; font-size: 25px; font-style: normal; font-variant: normal; font-weight: 600; width: 100% !important; text-transform: uppercase; } form#ProcessForm ::-moz-placeholder { /* Firefox 19+ */ color: #000 !important; font-size: 25px; font-style: normal; font-variant: normal; font-weight: 600; width: 100% !important; text-transform: uppercase; } form#ProcessForm :-ms-input-placeholder { color: #000 !important; font-size: 25px; font-style: normal; font-variant: normal; font-weight: 600; width: 100% !important; text-transform: uppercase; } form#ProcessForm div.donation-level-input-container.form-input.active input::placeholder { color: #fff !important; } form#ProcessForm div.donation-level-input-container.form-input.active ::-webkit-input-placeholder { color: #fff !important; } form#ProcessForm div.donation-level-input-container.form-input.active ::-moz-placeholder { /* Firefox 19+ */ color: #fff !important; } form#ProcessForm div.donation-level-input-container.form-input.active :-ms-input-placeholder { color: #fff !important; } form#ProcessForm div.donation-level-input-container.form-input.active :-moz-placeholder { /* Firefox 18- */ color: #fff !important; } div.donation-level-input-container.active input[type="text"] { text-align: center; background-color:#ffffff; color: #b32317; } div.donation-level-amount-container, .donation-level-user-entered input[type="text"] { color: #000; font-weight: 600; font-size: 25px; } .donation-level-user-entered input[type="text"] { text-align:center; outline:none; } div.donation-level-amount-container {display: none;} div.donation-level-amount-container+div.donation-level-label-container { margin: 0 auto; } div.donation-level-container:last-child label {display:none;} div.donation-level-container:last-child div.donation-level-input-container { width: auto; } div.donation-level-input-container.form-input div.donation-level-user-entered input { background: none; border: none; border-radius: 0px; } div.donation-level-input-container.form-input.active div.donation-level-user-entered input, div.donation-level-container:last-child div.donation-level-input-container.active, #ProcessForm div.responsive div.donation-level-container:last-child div.donation-level-input-container.active input[type="text"] { /*background: #fff !important;*/ background: #b32317 !important; /*background-color: #fff! important;*/ background-color: #b32317 !important; /*color: #b32317 !important;*/ color: #fff !important; border: 1px solid #b32317; height: 75px; width: 100%; font-weight: bold !important; padding: 0 !important; } label + div.donation-level-expanded-label, div.donation-level-user-entered + div.donation-level-expanded-label { display: none; width: 100%; position: absolute; left: 0; padding: 20px 5%; margin: 0 auto; border: 1px solid #b32017; color: #b32017 !important; font-size: 17px; line-height: 27px; font-weight: 600; } div.donation-level-expanded-label p { color: #b32017 !important; font-size: 17px !important; line-height: 27px !important; font-weight: 600 !important; } #don-level-desc { position: relative; width: 90%; left: 0; padding: 20px 5%; background: #FFFFFF; border: 1px solid #b32017; color: #b32017 !important; font-size: 17px; line-height: 27px; font-weight: 600; margin-bottom: 50px; max-width: 910px; } #don-level-desc:empty { display: none; } div.donation-level-amount-container + div.donation-level-label-container { display: table-cell; vertical-align: middle; } div.donation-level-container-generic-repeat, #tribute_show_honor_fields_row { width: 45%; display: inline-block; } #tribute_show_honor_fields_row, #tribute_show_honor_fields_row div.form-content { margin: 0; } div.donation-level-container-generic-repeat label, #tribute_show_honor_fields_row label { display: inline-block; max-width: 100%; } div.generic-repeat-label-checkbox-container { padding: 0; width: 100%; } /* Donation level styling ends */ form#ProcessForm div.payment-type-element-container div.form-row { width: auto; } #payment_cc_container h3 {display: none;} #responsive_payment_typecc_cvv_row a.HelpLink {display: none;} form#ProcessForm button#pstep_cancel {display: none;} div.button-container { border: none; margin: 0; padding: 0; vertical-align: bottom; } div.secure-info { display: block; width: 85%; max-width: 100%; margin: 0 auto; } div.secure-info div.html-caption-container { display: block; width: 100%; max-width: 100%; } #bit-secure { color: #bc231d; margin-bottom: 30px; font-size: 20px; line-height: inherit; width: 50%; float: left; } #bit-secure img { vertical-align: middle; margin-right: 20px; } #truste { width: 50%; text-align: right; float: left; } .mobile div.button-container { text-align: left; } /* Learn more about email feature */ .more-info-popup { position: fixed; top: 40%; left: 20%; max-width: 444px; height: auto; background: #bc231d; padding: 15px; z-index: 2; } .more-info-popup h2 { color: #fff; font-size: 18px; font-weight: bold; } .more-info-popup p { color: #fff; font-size: 14px; line-height: 20px; font-weight: normal; text-transform: normal; } .more-info-popup a { color: #fff !important; } .popup-wrapper { position: relative; } .close-popup { color: #fff; font-weight: bold; position: absolute; top: -5px; right: 0; cursor: pointer; } #donor_email_address_row { position: relative; } #more-email { display: inline-block; width: 24px; height: 24px; position: absolute; top: 48%; right: 7%; cursor: pointer; } /*Hiding Billing Information Fields */ #billing-info { display: none; } /* Donation Form Sidebar */ #don-sidebar { width: 25%; display: table-cell; vertical-align: top; padding: 30px 2.5%; border-left: 1px solid #cccccc; text-align: center; } #don-sidebar h2 { color: #a0a0a0; font-size: 17px; font-weight: 400; line-height: 22px; text-align: center; } #don-sidebar form#participant-search { margin-bottom: 120px; position: relative; } #don-sidebar input#qf { background: none; border: 2px solid #00a4e3; color: #00a4e3; font-size: 17px; font-weight: 400; padding: 12px 5%; width: 90%; border-radius: 8px; } #don-sidebar #side_contact { margin-bottom: 6rem; font-style: italic; line-height: 1.4; } form#ProcessForm #don-sidebar ::-webkit-input-placeholder { color: #00a4e3 !important; font-size: 17px; font-style: normal; font-variant: normal; font-weight: 600; } form#ProcessForm #don-sidebar :-moz-placeholder { /* Firefox 18- */ color: #00a4e3 !important; font-size: 17px; font-style: normal; font-variant: normal; font-weight: 400 } form#ProcessForm #don-sidebar ::-moz-placeholder { /* Firefox 19+ */ color: #00a4e3 !important; font-size: 17px; font-style: normal; font-variant: normal; font-weight: 400 } form#ProcessForm #don-sidebar :-ms-input-placeholder { color: #00a4e3 !important; font-size: 17px; font-style: normal; font-variant: normal; font-weight: 400 } #don-sidebar h3 { color: #252725; font-size: 35px; font-weight: 300; text-align: center; margin-bottom: 30px; text-transform: uppercase; } #don-sidebar img#quote-img { margin-top: 120px; } #don-sidebar p.quote { font-size: 16px; font-weight: 300; font-style: italic; line-height: 22px; text-align: center; } #don-sidebar p.quotee { font-size: 16px; font-weight: 300; line-height: 22px; text-align: center; } #don-sidebar div.don-stat { margin-bottom: 20px; } #don-sidebar div.don-stat span.stat-num { color: #b32317; font-size: 33px; font-weight: 800; display: inline-block; width: 43%; text-align: right; margin-right: 5%; vertical-align: middle; } #don-sidebar div.don-stat span.stat-desc { color: #b32317; font-size: 17px; font-weight: 300; line-height: normal; display: inline-block; width: 50%; vertical-align: middle; } #submit-searchp { background: url('../custom/GeneralWrapper/img/gendon-search-icon.png') no-repeat; background-color: transparent; border: none; box-shadow: none; cursor: pointer; position: absolute; top: 16px; right: 5%; width: 15px; height: 16px; } /* Donation Form Mobile Nav */ #gen-don-nav { display: none; width: auto; margin: 0 auto; padding-bottom: 20px; text-align: center; } #gen-don-nav a { display: inline-block; font-weight: 300; font-size: 18px; text-transform: uppercase; width: 45%; text-align: center; color: #000; } #gen-don-nav a:first-child { border-right: 1px solid #000; padding-right: 2%; margin-right: 2%; } #gen-don-nav a:hover, #gen-don-nav a:active { color: #979797; } div.responsive textarea { background: #eeeeee !important; border: none !important; box-shadow: 0px; border-radius: 0px; color: #bc231d; font-size: 20px; font-weight: 300; max-width: 100%; } /* Donation Form Error Styling */ #ProcessForm div.responsive div.form-error { background: #bc231d; color: #ffffff; } #ProcessForm div.responsive div.form-error input, #ProcessForm div.responsive div.form-error select { border: 1px solid red !important; } #ProcessForm .form-error span.field-error-text { color: #ffffff !important; font-weight: bold; font-size: 2em; } p.formHelper { font-style: italic; color: #797979; font-size: .8em; margin: 0; text-indent: 2em; background-color: rgba(255,255,255,.85); border-radius: 5px; } /*------------------------------------*\ DONATION FORM THANK YOU PAGE \*------------------------------------*/ div.donation-form-container.responsive { background: none; border: none; } /*------------------------------------*\ ECOMMERCE STORE \*------------------------------------*/ div.ShoppingDescription label.title { display: block; } .mobile div.ProductShortDescription div.ShoppingDescription, div.ProductShortDescription div.ShoppingDescription { line-height: normal; } #ConfigureProduct { margin-top: 30px; } form[name="Donate"] div.cons-full-name-label, form[name="Donate"] div.cons-full-address-label, form[name="InputForm"] div.cons-full-name-label, form[name="InputForm"] div.cons-email-label, form[name="ShoppingCart"] div.cons-full-name-label, form[name="ShoppingCart"] div.cons-full-address-label, form[name="ShoppingCart"] div.cons-full-title-label, form[name="ShoppingCart"] div.cons-suffix-label, form[name="ShoppingCart"] div.cons-prof-sfx-label, form[name="ShoppingCart"] div.cons-dob-label, form[name="ShoppingCart"] div.cons-gender-label, form[name="ShoppingCart"] div.cons-email-label, form[name="ShoppingCart"] div.cons-phone-label, form[name="ShoppingCart"] div.cons-employer-label, form[name="ShoppingCart"] div.cons-occupation-label, form[name="ShoppingCart"] div.cons-full-address-label, form[name="ShoppingCart"] div.cons-city-town-label, form[name="ShoppingCart"] div.cons-state-label, form[name="ShoppingCart"] div.cons-zip-label, form[name="ShoppingCart"] div.cons-country-label, form[name="EditAddress"] div.cons-full-name-label, form[name="EditAddress"] div.cons-full-title-label, form[name="EditAddress"] div.cons-suffix-label, form[name="EditAddress"] div.cons-prof-sfx-label, form[name="EditAddress"] div.cons-dob-label, form[name="EditAddress"] div.cons-gender-label, form[name="EditAddress"] div.cons-email-label, form[name="EditAddress"] div.cons-phone-label, form[name="EditAddress"] div.cons-employer-label, form[name="EditAddress"] div.cons-occupation-label, form[name="EditAddress"] div.cons-full-address-label, form[name="EditAddress"] div.cons-city-town-label, form[name="EditAddress"] div.cons-state-label, form[name="EditAddress"] div.cons-zip-label, form[name="EditAddress"] div.cons-country-label { margin-bottom: 10px; } #confirmation_page_container #tracking_container {display: none;} div.purchase-confirmation { padding: 20px 0; } form[name="ShoppingCart"] input#UPDATE_ADDRESS { font-size: 12px; font-weight: bold; padding: 7px 15px; text-decoration: none; } /*------------------------------------*\ ADVOCACY SURVEY STYLES \*------------------------------------*/ form[action="https://support.zerocancer.org/site/Survey"] input#reset, form[action="https://support.zerocancer.org/site/Survey"] input#ACTION_CANCEL_RESPONSE_SUBMIT, form[action="https://support.zerocancer.org/site/Survey"] label[for="cons_title"], form[action="https://support.zerocancer.org/site/Survey"] label[for='cons_first_name'], form[action="https://support.zerocancer.org/site/Survey"] label[for='cons_last_name'], form[action="https://support.zerocancer.org/site/Survey"] label[for='cons_city'], form[action="https://support.zerocancer.org/site/Survey"] label[for='cons_state'], form[action="https://support.zerocancer.org/site/Survey"] label[for='cons_zip_code'] { display: none; } form[action="https://support.zerocancer.org/site/Survey"] input, form[action="https://support.zerocancer.org/site/Survey"] textarea { background: #eeeeee !important; border: none !important; box-shadow: 0px; border-radius: 0px; color: #bc231d; font-size: 16px; font-weight: 300; text-transform: uppercase; padding: 10px 10px; max-width: 100%; } form[action="https://support.zerocancer.org/site/Survey"] input.radio { margin-right: 5px; } form[action="https://support.zerocancer.org/site/Survey"] span.Hint { margin: 5px 0; display: block; } form[action="https://support.zerocancer.org/site/Survey"] textarea{ text-transform: initial; } form[action="https://support.zerocancer.org/site/Survey"] input.Button { background: #00a4e3 none repeat scroll 0 0 !important; border: 1px solid #00a4e3 !important; border-radius: 3px; color: #fff !important; font-size: 14px; font-weight: 600; padding: 10px 23px !important; text-align: center !important; text-decoration: none; text-transform: uppercase; } form[action="https://support.zerocancer.org/site/Survey"] div.appArea { width: 95%; max-width: 1150px; margin: 0 auto; padding: 0; } form[action="https://support.zerocancer.org/site/Survey"] input::-webkit-input-placeholder { color: #bc231d; } form[action="https://support.zerocancer.org/site/Survey"] input:-moz-placeholder { color: #bc231d; } form[action="https://support.zerocancer.org/site/Survey"] input::-moz-placeholder{ color: #bc231d; } form[action="https://support.zerocancer.org/site/Survey"] input:-ms-input-placeholder { color: #bc231d; } form[action="https://support.zerocancer.org/site/Survey"] td.req[width="5%"], form[action="https://support.zerocancer.org/site/Survey"] td[width="1%"] { display: none; } form[action="https://support.zerocancer.org/site/Survey"] span.Explicit, form[action="https://support.zerocancer.org/site/Survey"] .Explicit span { color: #000; font-family: "Open Sans",sans-serif; font-size: 16px; line-height: normal; margin-bottom: 20px; display: block; } form[action="https://support.zerocancer.org/site/Survey"] fieldset span.Explicit { display: inline-block; } form[action="https://support.zerocancer.org/site/Survey"] label span.Explicit { color: #000; font-family: "Open Sans",sans-serif; font-size: 16px; font-weight: 400; line-height: 26px; display: inline-block; /*max-width: 90%;*/ } div.interior-wrap { margin: 0 auto; max-width: 940px; padding: 50px 2.5%; width: 95%; } form[action="https://support.zerocancer.org/site/Survey"] td{ margin-right: 10px; } form[action="https://support.zerocancer.org/site/Survey"] select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none !important; box-shadow: 0px; border-radius: 0px; color: #bc231d; font-size: 16px; font-weight: 300; padding: 10px 25px 10px 10px; max-width: 100%; text-transform: uppercase; background: #eeeeee url("../custom/GeneralWrapper/img/genform-select-arrow.png") no-repeat right !important; background-position: right 8px center !important; margin-right:10px; margin-bottom: 10px; } form[action="https://support.zerocancer.org/site/Survey"] #cons_title, form[action="https://support.zerocancer.org/site/Survey"] #cons_state{ margin-right: 0; margin-bottom: 0; } /*form[action="https://support.zerocancer.org/site/Survey"] #cons_email, form[action="https://support.zerocancer.org/site/Survey"] #cons_street1, form[action="https://support.zerocancer.org/site/Survey"] #cons_street2, form[action="https://support.zerocancer.org/site/Survey"] #cons_country{ width: 100%; } */ input#4183_1881_10_1946_2 ~ .Explicit, input#4183_1881_10_1946_1 ~ .Explicit{ display: inline-block !important; margin-left: 10px; } /*------------------------------------*\ LUMINATE OVERRIDES \*------------------------------------*/ #search_part_team ul li { padding: 10px; } div.responsive input[type="text"], div.responsive input[type="number"], div.responsive input[type="password"], div.responsive select { background: #eeeeee !important; border: none !important; box-shadow: 0px; border-radius: 0px; color: #bc231d; max-width: 100%; } div.responsive select { background: #eeeeee url("../custom/GeneralWrapper/img/genform-select-arrow.png") no-repeat right !important; background-position: right 8px center !important; width: auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; } form#findFriendForm input[type="text"], form#teamFindFriendForm input[type="text"] { background: #fff !important; box-shadow: none !important; } .mobile div.responsive div.form-checkbox label, label.custom-element-checkbox-label { max-width: 90%; } div#find_participant div.list-component-body div.list-component-cell.list-component-cell-column-team-name, div#find_participant div.list-component-body div.list-component-cell.list-component-cell-column-company-name, div#find_participant div.list-component-body div.list-component-cell.list-component-cell-column-captain-name, div#find_participant div.list-component-body div.list-component-cell.list-component-cell-column-tr-name, div#find_participant div.list-component-body div.list-component-cell.list-component-cell-column-date { margin: 0 auto; padding: 5px 2.5% !important; text-align: center; width: 95%; } div#find_participant div.list-component-body div.list-component-cell-column-donate a { padding: 10px 7px; } ::-webkit-inner-spin-button {-webkit-appearance: none;} ::-webkit-outer-spin-button {-webkit-appearance: none;} input[type=number] {-moz-appearance: textfield;} div.responsive select { min-width: 110px; } /*------------------------------------*\ CALENDAR OF EVENTS STYLES \*------------------------------------*/ div.luminate-eventAppArea { display: block; width: 95%; max-width: 1150px; margin: 0 auto; padding: 0; } /*div.appArea { width: 95%; max-width: 1150px; margin: 0 auto; padding: 0; }*/ form[name="RSVPForm"] input[type="text"], form[name="TicketForm"] input[type="text"], form[name="RSVPForm"] textarea, form[name="TicketForm"] textarea { background: #eeeeee !important; border: none !important; box-shadow: 0px; border-radius: 0px; color: #bc231d; font-size: 16px; font-weight: 300; text-transform: normal; padding: 10px 10px; max-width: 100%; text-transform: initial; } form[name="RSVPForm"] select, form[name="TicketForm"] select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none !important; box-shadow: 0px; border-radius: 0px; color: #bc231d; font-size: 16px; font-weight: 300; padding: 10px 25px 10px 10px; max-width: 100%; text-transform: normal; background: #eeeeee url("../custom/GeneralWrapper/img/genform-select-arrow.png") no-repeat right !important; background-position: right 8px center !important; margin-right:10px; margin-bottom: 10px; } form[name="TicketForm"] div.lo-requiredLegend, form[name="RSVPForm"] div.lo-requiredLegend { display: none; } #rsvp_reset, #rsvp_cancel { display: none; } img.survey-captcha { display: block; } span.captcha-input-container input, span.captcha-input-container a { display: block; } div.lo-EventBorderContainer.responsive, div.lo-EventBorderContainer { width: 100%; border: none; } div.consRegFieldContainer .fieldContainer .field-row .value { display: block; float: none; } div.consRegFieldContainer label { margin-left: 0px; margin-bottom: 5px; } div.lo-EventSubHeaderBar { color: #aaaaaa !important; font-size: 16px !important; font-weight: 600 !important; margin-bottom: 20px; text-transform: uppercase !important; border-top: 1px solid #ccc; padding-top: 20px; width: 100%; } div.survey-question-container, div.consRegFieldContainer .fieldContainer .field-row { clear: both; display: block; margin: 15px 0; overflow: hidden; width: 100%; padding: 0; } div.survey-question-container legend { display: block; clear: both; overflow: hidden; } div.survey-question-container input[type="text"], div.survey-question-container input[type="number"], div.survey-question-container textarea { display: block; margin-top: 10px; } div.survey-question-container span.ungrouped { display: block; margin-top: 10px; } div.survey-question-container input, div.survey-question-container option { vertical-align: middle; } span.survey-question-number-container, span.survey-number-required-container { margin-bottom: 10px; display: inline-block; margin-right: 5px; float: left; } div.consRegFieldContainer .fieldContainer .field-row .label { margin-bottom: 10px; } span.survey-text-hint { margin-bottom: 10px; } form[name="RSVPForm"] span.survey-text-hint, form[name="TicketForm"] span.survey-text-hint { display: block; /*margin-top: 5px;*/ float: left; width: 100%; } div.lo-CalendarDateInfoContainer { max-width: 100%; } span.survey_combo_other_input_container { display: block; } span.survey_combo_other_input_container input[type="text"] { display: inline-block; } span.survey-combo-field-container select { margin: 10px 10px 10px 0; vertical-align: middle; } div.lo-EventBorderContainer, div.lo-BorderContainer { padding: 0; } #lo-EventButtonContainer, #EventButtonContainerDiv { float: none; width: 100%; } #lo-EventButtonContainer #rsvp_save { float: right; } #EventButtonContainerDiv div.lo-float-right { float: none; } #event_preference_information div.survey-question-container span.input-container { display: block; width: auto; } form[name="RSVPForm"] span.survey-question-label, form[name="TicketForm"] span.survey-question-label { float: left; } span.survey-textarea-container span.survey-text-hint { margin-top: 10px; } #lo-EventPrefContainer div.surveyQuestionContainer { margin-bottom: 10px; } #lo-EventPrefContainer div.surveyQuestionContainer span.survey-question { font-weight: 600; } #EventLinkContainer #eventLink2 { display: none; } #rsvpConfirmation { margin-bottom: 40px; } div.luminate-eventAppArea form#Donate #billing-info-container { border:none; } div.luminate-eventAppArea form#Donate div.requiredLegend { display: none; } div.luminate-eventAppArea form#Donate #billing_info_header_id { border-top: 1px solid #ccc; color: #aaaaaa !important; font-size: 16px !important; font-weight: 600 !important; margin-bottom: 20px; padding-top: 20px; text-transform: uppercase !important; width: 100%; } div.luminate-eventAppArea form#Donate input[type="text"], div.luminate-eventAppArea form#Donate input[type="text"], div.luminate-eventAppArea form#Donate textarea, div.luminate-eventAppArea form#Donate textarea { background: #eeeeee none repeat scroll 0 0 !important; border: medium none !important; border-radius: 0; color: #bc231d; font-size: 16px; font-weight: 300; max-width: 100%; padding: 10px; } div.luminate-eventAppArea form#Donate select { -moz-appearance: none; background: #eeeeee url("../custom/GeneralWrapper/img/genform-select-arrow.png") no-repeat scroll right 8px center !important; border: medium none !important; border-radius: 0; color: #bc231d; font-size: 16px; font-weight: 300; margin-bottom: 10px; margin-right: 10px; max-width: 100%; padding: 10px 25px 10px 10px; } div.luminate-eventAppArea form#Donate label { display: block; margin:10px 0px; } div.luminate-eventAppArea form#Donate table tr { margin-bottom: 10px; } div.luminate-eventAppArea form#Donate table tr td { display: block; } div.luminate-eventAppArea form#Donate table tr td.required-td, div.luminate-eventAppArea form#Donate table tr td.required-label { display: inline-block; } div.luminate-eventAppArea form#Donate table tr.cc-options td { display: inline-block; } div.luminate-eventAppArea form#Donate table tr.no-sec-title { display: none; } div.luminate-eventAppArea form#Donate table tr td.remove { display: none; } div.luminate-eventAppArea form#Donate #DON_EMAIL_OPT_IN, div.luminate-eventAppArea form#Donate#DON_EMAIL_OPT_IN { display: inline-block; } div.luminate-eventAppArea form#Donate label[for="s_rememberMe"], div.luminate-eventAppArea form#Donate label[for="DON_EMAIL_OPT_IN"] { display: inline-block; margin: 0 0 0 5px; max-width: 80%; vertical-align: top; } div.luminate-eventAppArea form#Donate #donation-botton-container input#home { display: none; } div.luminate-eventAppArea form#Donate #donation-botton-container { display: block; width: 100%; } div.luminate-eventAppArea form#Donate div#vs_seal { text-align: left; } div.luminate-eventAppArea #EventHistory { max-width: 100% !important; } div.luminate-eventAppArea #lo-ticket_class_list_user, div.luminate-eventAppArea table { max-width: 100% !important; } #lo-open_attendance_prompt_container #lo-register_link { display: block; background: #00a4e3 !important; background-image: none !important; padding: 10px 23px !important; text-align: center !important; color: #fff !important; font-size: 14px; font-weight: 600; text-transform: uppercase; text-decoration: none; border: 1px solid #00a4e3 !important; border-radius: 3px; margin-top: 20px; max-width: 150px; } #lo-open_attendance_prompt_container #lo-register_link:hover { color: #fff !important; background: #01739f !important; border: 1px solid #01739f !important; cursor: pointer; } /*------------------------------------*\ MEDIA QUERIES \*------------------------------------*/ @media (max-width: 1500px) { form#ProcessForm div.donation-level-container { width: 100px; } form#ProcessForm div.donation-level-container:last-child { width: 112px; } #don-sidebar { width: 30%; padding-right: 0; } } @media (max-width: 1380px) { form#ProcessForm { padding-left: 0px; } form#ProcessForm div.donation-level-container { width: 90px; } form#ProcessForm div.donation-level-container:last-child, form#ProcessForm div.donation-level-container:last-child input,div.donation-level-container:last-child div.donation-level-input-container { width: 100px; font-size: 25px !important; } form#ProcessForm div.donation-level-input-container div.donation-level-user-entered ::-webkit-input-placeholder { width: 100px; font-size: 25px !important; } form#ProcessForm div.donation-level-input-container div.donation-level-user-entered :-moz-placeholder { width: 100px; font-size: 25px !important; } form#ProcessForm div.donation-level-input-container div.donation-level-user-entered ::-moz-placeholder{ width: 100px; font-size: 25px !important; } form#ProcessForm div.donation-level-input-container div.donation-level-user-entered :-ms-input-placeholder { width: 100px; font-size: 25px !important; } div.donation-level-input-container label { font-size: 25px !important; } } @media (max-width: 1320px) { #don-sidebar div.don-stat span.stat-num { font-size: 28px; } #don-sidebar div.don-stat span.stat-desc { font-size: 16px; } } @media (max-width: 1225px) { form#ProcessForm div.donation-level-container { width: 80px; } } @media (max-width: 1200px) { section .content-wrapper { width: 95%; padding: 23px 2.5%; } .content-wrapper { max-width: 100%; } div.donation-level-container-generic-repeat label, #tribute_show_honor_fields_row label { display: inline-block; max-width: 80%; } } @media (max-width: 1090px) { #don-sidebar div.don-stat span.stat-num, #don-sidebar div.don-stat span.stat-desc { display: block; width: 100%; margin: 0 auto; text-align: center; } #don-sidebar div.don-stat span.stat-num { padding-bottom: 10px; } #don-sidebar form ::-webkit-input-placeholder { color: #fff; } #don-sidebar form :-moz-placeholder { /* Firefox 18- */ color: #fff; } #don-sidebar form ::-moz-placeholder { /* Firefox 19+ */ color: #fff; } #don-sidebar form :-ms-input-placeholder { color: #fff; } div.secure-info { width: 95%; } } @media (max-width: 1050px) { #gen-don-nav { display: block; } form#ProcessForm { padding: 0 2% 30px 0; width: 75%; } } @media (max-width: 980px) { label + div.donation-level-expanded-label, div.donation-level-user-entered + div.donation-level-expanded-label { display: none !important; } form#ProcessForm { width: 100%; display: block; } #don-sidebar { display: block; width: auto; padding: 3%; border-left: 0 none; } #don-sidebar > * { display: none; } #don-sidebar .always_show { display: block } } @media (max-width: 767px) { #redBanner div.content-wrapper { width: 92%; } form#ProcessForm div.donation-level-container:first-child { margin-left: 5px; } .mobile form#ProcessForm div.donation-level-container div.form-content { margin: 0px !important; } #don-level-desc { display: none !important; } div.donation-level-input-container.active:before { display: none !important; } #redBanner div.banner-desc { width: 50%; } .mobile div.catalog-product-quantity, .mobile div.catalog-product-container.grid-half div.catalog-product-quantity, .mobile div.catalog-product-button, .mobile div.catalog-product-container.grid-half div.catalog-product-button, .mobile div.catalog-product-price, .mobile div.catalog-product-container.grid-half div.catalog-product-price { display: block; text-align:center; } .mobile #confirmation_page_container div.ShoppingCart.table div.row div.table-cell { width: 45%; } .mobile #confirmation_page_container div.ShoppingCart.table .mobile-hide { display: none !important; } form[action="https://support.zerocancer.org/site/Survey"] label span.Explicit { max-width: 90%; } } @media (max-width: 640px) { #redBanner div.content-wrapper { display: block; } #redBanner h1 { display: block; width: 100%; text-align: center; } #redBanner div.banner-desc { display: block; width: 100%; max-width: 100%; } #redBanner div.banner-desc p { display: none; } #redBanner span.lgTxt { font-weight: 300; } .mobileHide { display: none; } header #contact p { margin: 0; } div.form-row, form#ProcessForm div.payment-type-element-container, #responsive_payment_typecc_numbername{ display: block; width: 100% !important; } div.donation-level-container-generic-repeat, #tribute_show_honor_fields_row { display: block; width: 100% !important; margin: 20px 0px; } div.generic-repeat-label-checkbox-container { width: 100%; } div.donation-level-container-generic-repeat label, #tribute_show_honor_fields_row label { max-width: 90%; } #bit-secure, #truste { display: block; width: 100%; text-align: center; } #truste { margin-bottom: 30px; } #bit-secure img, #truste img { max-width: 90%; display: block; margin: 0 auto; } div.button-container, .mobile div.button-sub-container { width: 100%; } .mobile div.responsive #pstep_finish { width: 95%; padding: 15px 2.5%; } #responsive_payment_typecc_cvv_row { margin-left: 0px; } #responsive_payment_typecc_cvvname { max-width: 110px !important; } .mobile div.button-container { text-align: center; } #bit-secure { margin-top: 0px; } #bit-secure img, #truste img { display: inline-block; vertical-align: middle; } } @media (max-width: 580px) { section div.content-wrapper { display: block; } form[action="https://support.zerocancer.org/site/Survey"] td { display: block; width: 100%; margin-bottom: 10px; } form[action="https://support.zerocancer.org/site/Survey"] table { width: 100%; } form[action="https://support.zerocancer.org/site/Survey"] input[type="text"], form[action="https://support.zerocancer.org/site/Survey"] select, form[action="https://support.zerocancer.org/site/Survey"] textarea { width: 90% !important; padding: 10px 2.5% !important; box-sizing: content-box; margin-right: 0 !important; } } @media (max-width: 530px) { div.donation-level-container-generic-repeat, #tribute_show_honor_fields_row { display: block; width: 100%; } div.donation-level-container-generic-repeat label, #tribute_show_honor_fields_row label { max-width: 95%; } #tribute_show_honor_fields_row { margin: 20px 0px; } /*form[action="https://support.zerocancer.org/site/Survey"] input[type="text"] { width: 96%; padding: 10px 2%; }*/ } @media (max-width: 480px) { div.searchWrap { width: 100%; padding: 23px 0; } #find_participant { border: medium none; margin: 0 auto; padding: 0; width: 96%; } #find_participant div.section-container { width: 100%; max-width: 100%; padding: 0; margin: 0; } div#find_participant div.search-content { width: 100%; padding: 10px 0; border: none; margin: 0 auto; } #find_participant h2 { font-size: 20px; width: auto !important; padding: 20px 2.5%; } #find_participant div.section-sub-header { padding: 0; width: 95%; } #find_participant div { padding-left: 0px !important; padding-right: 0px !important; margin-left: 0px !important; margin-right: 0px !important; max-width: 100% !important; line-height: normal !important; } #find_participant form { width: 95%; padding: 10px 2.5%; } .mobile div#find_participant li { width: 40% !important; padding: 10px 2%; } .mobile div#find_participant div#search_part_team { width: 100%; } div.tr-page-container div.header-container { width: 95%; } #find_participant div.list-component-row { text-align: center; width: 100%; padding: 10px 0; } div#find_participant div.list-component-body div.list-component-cell.list-component-cell-column-team-name, div#find_participant div.list-component-body div.list-component-cell.list-component-cell-column-company-name, div#find_participant div.list-component-body div.list-component-cell.list-component-cell-column-captain-name, div#find_participant div.list-component-body div.list-component-cell.list-component-cell-column-tr-name, div#find_participant div.list-component-body div.list-component-cell.list-component-cell-column-date { width: 95%; margin: 0 auto; } #find_participant div.participant-find-search-results { background: none; border: none; } .mobile div#find_participant div.list-component-body div.list-component-cell.list-component-cell-column-team-name, .mobile div#find_participant div.list-component-body div.list-component-cell.list-component-cell-column-team-captain-name, .moblie div#find_participant div.list-component-body div.list-component-cell.list-component-cell-column-tr-name, .mobile div#find_participant div.list-component-body div.list-component-cell.list-component-cell-column-date { display: block; margin: 0 auto; padding: 5px 2.5% !important; width: 95%; } div.responsive div#ecard_send_date_row select { min-width: 70px; } div.lo-CalendarDateInfoContainer div.lo-CalendarDateLabel { display: block; float: none; margin: 5px 0; } div.lo-CalendarDateInfoContainer div.lo-CalendarAddressLabel { display: block; float: none; height: auto; margin: 5px 0; } div.consRegFieldContainer .fieldContainer .field-row .value { width: 100%; } form[name="RSVPForm"] input[type="text"], form[name="TicketForm"] input[type="text"], form[name="RSVPForm"] textarea, form[name="TicketForm"] textarea { display: block; width: 90%; padding: 10px 2.5%; font-size: 14px; } form[name="RSVPForm"] select, form[name="TicketForm"] select { display: block; width: 95%; padding: 10px 2.5%; font-size: 14px; } form[name="RSVPForm"] span.survey-text-hint, form[name="TicketForm"] span.survey-text-hint { margin-top: 10px; } form[name="RSVPForm"] span.survey_combo_other_input_container input[type="text"], form[name="TicketForm"] span.survey_combo_other_input_container input[type="text"] { display: inline-block !important; } form[name="RSVPForm"] span.survey-combo-field-container select, form[name="TicketForm"] span.survey-combo-field-container select { display: inline-block !important; width: 80% !important; } #RSVPGuestNumberContainer label { display:block; margin-bottom: 10px; } form[name="RSVPForm"] span.survey-question-label, form[name="TicketForm"] span.survey-question-label { max-width: 80%; margin-bottom: 10px; } form[action="https://support.zerocancer.org/site/Survey"] input, form[action="https://support.zerocancer.org/site/Survey"] textarea, form[action="https://support.zerocancer.org/site/Survey"] select { font-size: 14px; } form[action="https://support.zerocancer.org/site/Survey"] span.combo-field-wrap input, form[action="https://support.zerocancer.org/site/Survey"] span.combo-field-wrap select { max-width: 80%; } div.luminate-eventAppArea form#Donate #donation-botton-container input { display: block; margin: 5px 0px; width: 100%; } } @media (max-width: 420px) { h1, form h3.ObjTitle { font-size: 28px; line-height: normal; } #redBanner h1 { font-size: 40px; margin-bottom: 20px; } #redBanner p { 16px; } form[action="https://support.zerocancer.org/site/Survey"] h3.ObjTitle { font-size: 28px; margin-bottom: 20px; } } @media (max-width: 405px) { #gen-don-nav a { width: 40%; } #responsive_payment_typecc_exp_date_row select { min-width: 40% } } @media (max-width: 320px) { div.donation-level-container-generic-repeat label, #tribute_show_honor_fields_row label { max-width: 90%; } #redBanner span.lgTxt { font-size: 22px; } div.responsive div#ecard_send_date_row select { display: block; margin-bottom: 10px; min-width: 100px; } } strong.question-header { font-weight:bold; margin-left: -30px; } div.payment-field-container span.payment-type-option.selected { background-color: #fdf2e0; background: -moz-linear-gradient(top, #ffffff 0%, #abd4ec 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#abd4ec)); background: -webkit-linear-gradient(top, #ffffff 0%, #abd4ec 100%); background: -o-linear-gradient(top, #ffffff 0%,#abd4ec 100%); background: -ms-linear-gradient(top, #ffffff 0%,#abd4ec 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#abd4ec',GradientType=0 ); background: linear-gradient(top, #ffffff 0%,#abd4ec 100%); } .payment-type-option label a { color: #767676 !important } .payment-type-option.selected label a { color: #117dc0 !important; font-weight: bold; }

Events

2017 Brewers Bocce Tournament - Chicago

Date:
Saturday, February 18, 2017
Time:
11:30 AM - 5:00 PM
Location:
Pinstripes Chicago
435 E Illinois Street
Chicago, IL 60611
United States

Your favorite local breweries are taking their rivalries to the court-- the bocce court, that is. Join us Saturday, February 18 at Pinstripes for the second annual Brewers Bocce Tournament.

Grab your friends to compete for bragging rights and raise money to end prostate cancer. All proceeds benefit ZERO - The End of Prostate Cancer.

 

CLICK HERE TO PURCHASE YOUR TICKET


Participating Breweries

Pinstripes Chicago 2017 Breweries

 

Schedule of Events

  • 11:30 am – 12:30 pm Check-in and Brewer Meet & Greet
  • 12:30 pm – 2:00 pm Lunch Buffet
  • 1:00 pm – Bocce Tournament Starts
  • 1:00 pm – 5:00 pm Brewer Tasting Opportunity
  • 5:00 pm Awards Ceremony

Ticket Types

  1. TEAM REGISTRATION:  Limited team registration is available to participate in the all-day tournament. Teams consist primarily of breweries, but a few spots are open to the public for a chance to beat the brewers! $400 covers registration for a team of four, plus lunch and unlimited brews to keep players hydrated!

  2. VIP: Get a piece of the action with front row seats and early access to the brewers in an exclusive pre-event happy hour. $40 gets you unlimited beers and an excellent buffet lunch!

  3. SPECTATOR: Snag a ticket for admission and 1 complimentary beer. After that, sip on $3 brews donated by participating breweries.  Watch the best bocce competition in town, all while raising money to eradicate prostate cancer. 

We're sorry, the deadline for buying tickets for this event has passed.