CINXE.COM
FlexPage™
<!DOCTYPE html> <html lang="en"> <head> <title>FlexPage™</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="/js/vendor/bootstrap/bootstrap4/css/bootstrap.min.css"> <link rel="stylesheet" href="/js/vendor/jquery-ui/current/jquery-ui.min.css"> <link rel="stylesheet" href="/js/vendor/fontawesome/css/font-awesome.css"> <link rel="stylesheet" href="/css/flexpage/flexpage-2.0.css?v=15"> <script src="/js/jquery/jquery.js"></script> <script src="/js/jquery/jquery-migrate.js"></script> <script src="/js/vendor/promise-polyfill-master/dist/polyfill.min.js"></script> <script src="/js/vendor/bootstrap/bootstrap4/js/bootstrap.bundle.min.js"></script> <script src="/js/vendor/jquery-ui/current/jquery-ui.min.js"></script> <script src="/js/vendor/jquery.base64.min.js"></script> <script type="text/javascript"> var sfg_pagename = 'Donation Page'; var sfg_pageno = 1; </script> <style type="text/css"> /* custom styles */ #sfg_page_header { padding-left: 0; padding-right: 0; } #sfg_page_body { padding-left: 0; padding-right: 0; } #sfg_page_body > .max_width { max-width: 960px; } #sfg_page_footer { padding-left: 0; padding-right: 0; } </style> <style> #sfg_page_0 #sfg_page_header { padding-left: 0; padding-right: 0; } #sfg_page_0 #sfg_page_header > .max_width { max-width: 960px; } #sfg_page_0 #sfg_page_body { padding-left: 0; padding-right: 0; } #sfg_page_0 #sfg_page_body > .max_width { max-width: 960px; } #sfg_page_0 #sfg_page_footer { padding-left: 0; padding-right: 0; } #sfg_page_0 #sfg_page_footer > .max_width { max-width: 960px; } #sfg_page_1 #sfg_page_header { padding-left: 0; padding-right: 0; } #sfg_page_1 #sfg_page_header > .max_width { max-width: 960px; } #sfg_page_1 #sfg_page_body { padding-left: 0; padding-right: 0; } #sfg_page_1 #sfg_page_body > .max_width { max-width: 960px; } #sfg_page_1 #sfg_page_footer { padding-left: 0; padding-right: 0; } #sfg_page_1 #sfg_page_footer > .max_width { max-width: 960px; } #sfg_page_999 #sfg_page_header { padding-left: 0; padding-right: 0; } #sfg_page_999 #sfg_page_header > .max_width { max-width: 960px; } #sfg_page_999 #sfg_page_body { padding-left: 0; padding-right: 0; } #sfg_page_999 #sfg_page_body > .max_width { max-width: 960px; } #sfg_page_999 #sfg_page_footer { padding-left: 0; padding-right: 0; } #sfg_page_999 #sfg_page_footer > .max_width { max-width: 960px; } </style> </head> <body id="sfg_page_1" class=""> <div id="sfg_page_header" class=""> <div class="max_width"> <div class="container page_header_container"> <p style="margin: auto; text-align: center;"><img src="/ecom/SPO/images/spoheader.png" data-image="649699"></p><br> <span style="font-size: 60px;" data-sfg-fontfamily="+Times+New+Roman"><span style="font-family: ' Times New Roman'; font-weight: normal;" data-sfg-fontfamily="+Times+New+Roman">Your tax-deductible donation helps us achieve our mission.</span></span><br> <br> <span style="font-size: 18px;" data-sfg-fontfamily="+Times+New+Roman"><span style="font-size: 20px;" data-sfg-fontfamily="+Times+New+Roman"><span style="font-family: ' Times New Roman'; font-weight: normal;" data-sfg-fontfamily="+Times+New+Roman"><span style="font-size: 24px;">Your donations allow <em>The Saturday Evening Post</em> to continue its tradition of publishing a magazine and website dedicated to American history, culture, and art. Help from people like you supports our mission as a non-profit organization to preserve and share our extensive archives — an invaluable collection of writing and illustration that collectively documents a vital portion of American history.</span></span></span></span><br> <br> <br> <br> <p><span style="font-size: 18px;" data-sfg-fontfamily="+Times+New+Roman"><span style="font-size: 20px;" data-sfg-fontfamily="+Times+New+Roman"><span style="font-family: ' Times New Roman'; font-weight: normal;" data-sfg-fontfamily="+Times+New+Roman"><span style="font-size: 24px;">In order to share the rich history of this magazine with the public, the <em>Post</em> has launched a multi-year project to digitally scan every page of every issue. We are building a detailed index to the contents that will allow subscribers and historians to find and access articles, stories, illustrations, cartoons, and poems in any issue from 1821 to the present. The publications that we are preserving will play a key role in how America looks to its past—and what we can do in the future.</span></span></span></span></p> <p><span style="font-size: 18px;" data-sfg-fontfamily="+Times+New+Roman"><span style="font-size: 20px;" data-sfg-fontfamily="+Times+New+Roman"><span style="font-family: ' Times New Roman'; font-weight: normal;" data-sfg-fontfamily="+Times+New+Roman"><span style="font-size: 24px;">Thank you for your donation. Please select a donation amount:</span> </span></span></span></p> </div> </div> </div> <div id="sfg_page_body"> <div class="max_width"> <form class="form-horizontal" action="" method="POST" onsubmit="return false"> <input id="guid" type="hidden" name="sfg_guid" value="1740045579.399"> <input id="session_token" type="hidden" name="session_token" value="x3a16112d1fcc86f155752d21db09d439"> <input type="hidden" name="country" value="USA" disabled> <div id="sfg_page_content_0" class="page_content page_content_0" style="display: none"> </div> <div id="sfg_page_content_1" class="page_content page_content_1"> <div class="container-fluid page_content_container layout"> <div class="row row_1"> <div class="col-md-2"> <div class="zone"> <div class="widg widg_offer" data-offer-title="$5 one-time donation"> <div class="offer_presentation offer_2"> <span style="font-family: ' Times New Roman'; font-weight: normal; font-size: 24px;" data-sfg-fontfamily="+Times+New+Roman"><div class="offer_selector_control offer_selector_control_inline" data-offer="2" data-group="1" data-desc="$5 one-time donation" data-type="sp" data-cd="DONAT" data-pri="DONAT" data-sec="1TIMEDONAT" data-sel="N" data-fut="N" data-atr="N" data-price="" data-shipping="" data-total=""> <div class="form-check offer_selector"> <label class="form-check-label chk_selector"> <input class="form-check-input offer_selector_input" type="checkbox" name="self[1][2][sel]" value="Y" data-unchecked-value="N" data-offer-title="$5 one-time donation" data-price="5" data-usa-price="5" data-can-price="5" data-int-price="5"> <span class="offer_selector_text"></span> </label> </div> </div> <span class="offer_price" data-usa-price="5" data-can-price="5" data-int-price="5">$5</span></span> </div> </div> </div> </div> <div class="col-md-2"> <div class="zone"> <div class="widg widg_offer" data-offer-title="$10 one-time donation"> <div class="offer_presentation offer_3"> <span style="font-family: ' Times New Roman'; font-weight: normal; font-size: 24px;" data-sfg-fontfamily="+Times+New+Roman"><div class="offer_selector_control offer_selector_control_inline" data-offer="3" data-group="1" data-desc="$10 one-time donation" data-type="sp" data-cd="DONAT" data-pri="DONAT" data-sec="1TIMEDONAT" data-sel="N" data-fut="N" data-atr="N" data-price="" data-shipping="" data-total=""> <div class="form-check offer_selector"> <label class="form-check-label chk_selector"> <input class="form-check-input offer_selector_input" type="checkbox" name="self[1][3][sel]" value="Y" data-unchecked-value="N" data-offer-title="$10 one-time donation" data-price="10" data-usa-price="10" data-can-price="10" data-int-price="10"> <span class="offer_selector_text"></span> </label> </div> </div> <span class="offer_price" data-usa-price="10" data-can-price="10" data-int-price="10">$10</span></span> </div> </div> </div> </div> <div class="col-md-2"> <div class="zone"> <div class="widg widg_offer" data-offer-title="$25 one-time donation"> <div class="offer_presentation offer_4"> <span style="font-family: ' Times New Roman'; font-weight: normal; font-size: 24px;" data-sfg-fontfamily="+Times+New+Roman"><div class="offer_selector_control offer_selector_control_inline" data-offer="4" data-group="1" data-desc="$25 one-time donation" data-type="sp" data-cd="DONAT" data-pri="DONAT" data-sec="1TIMEDONAT" data-sel="N" data-fut="N" data-atr="N" data-price="" data-shipping="" data-total=""> <div class="form-check offer_selector"> <label class="form-check-label chk_selector"> <input class="form-check-input offer_selector_input" type="checkbox" name="self[1][4][sel]" value="Y" data-unchecked-value="N" data-offer-title="$25 one-time donation" data-price="25" data-usa-price="25" data-can-price="25" data-int-price="25"> <span class="offer_selector_text"></span> </label> </div> </div> <span class="offer_price" data-usa-price="25" data-can-price="25" data-int-price="25">$25</span></span> </div> </div> </div> </div> <div class="col-md-2"> <div class="zone"> <div class="widg widg_offer" data-offer-title="$50 one-time donation"> <div class="offer_presentation offer_5"> <span style="font-family: ' Times New Roman'; font-weight: normal; font-size: 24px;" data-sfg-fontfamily="+Times+New+Roman"><div class="offer_selector_control offer_selector_control_inline" data-offer="5" data-group="1" data-desc="$50 one-time donation" data-type="sp" data-cd="DONAT" data-pri="DONAT" data-sec="1TIMEDONAT" data-sel="N" data-fut="N" data-atr="N" data-price="" data-shipping="" data-total=""> <div class="form-check offer_selector"> <label class="form-check-label chk_selector"> <input class="form-check-input offer_selector_input" type="checkbox" name="self[1][5][sel]" value="Y" data-unchecked-value="N" data-offer-title="$50 one-time donation" data-price="50" data-usa-price="50" data-can-price="50" data-int-price="50"> <span class="offer_selector_text"></span> </label> </div> </div> <span class="offer_price" data-usa-price="50" data-can-price="50" data-int-price="50">$50</span></span> </div> </div> </div> </div> <div class="col-md-2"> <div class="zone"> <div class="widg widg_offer" data-offer-title="$100 one-time donation"> <div class="offer_presentation offer_6"> <span style="font-family: ' Times New Roman'; font-weight: normal; font-size: 24px;" data-sfg-fontfamily="+Times+New+Roman"><div class="offer_selector_control offer_selector_control_inline" data-offer="6" data-group="1" data-desc="$100 one-time donation" data-type="sp" data-cd="DONAT" data-pri="DONAT" data-sec="1TIMEDONAT" data-sel="N" data-fut="N" data-atr="N" data-price="" data-shipping="" data-total=""> <div class="form-check offer_selector"> <label class="form-check-label chk_selector"> <input class="form-check-input offer_selector_input" type="checkbox" name="self[1][6][sel]" value="Y" data-unchecked-value="N" data-offer-title="$100 one-time donation" data-price="100" data-usa-price="100" data-can-price="100" data-int-price="100"> <span class="offer_selector_text"></span> </label> </div> </div> <span class="offer_price" data-usa-price="100" data-can-price="100" data-int-price="100">$100</span></span> </div> </div> </div> </div> <div class="col-md-2"> <div class="zone"> <div class="widg widg_offer" data-offer-title="$500 one-time donation"> <div class="offer_presentation offer_7"> <span style="font-family: ' Times New Roman'; font-weight: normal; font-size: 24px;" data-sfg-fontfamily="+Times+New+Roman"><div class="offer_selector_control offer_selector_control_inline" data-offer="7" data-group="1" data-desc="$500 one-time donation" data-type="sp" data-cd="DONAT" data-pri="DONAT" data-sec="1TIMEDONAT" data-sel="N" data-fut="N" data-atr="N" data-price="" data-shipping="" data-total=""> <div class="form-check offer_selector"> <label class="form-check-label chk_selector"> <input class="form-check-input offer_selector_input" type="checkbox" name="self[1][7][sel]" value="Y" data-unchecked-value="N" data-offer-title="$500 one-time donation" data-price="500" data-usa-price="500" data-can-price="500" data-int-price="500"> <span class="offer_selector_text"></span> </label> </div> </div> <span class="offer_price" data-usa-price="500" data-can-price="500" data-int-price="500">$500</span></span> </div> </div> </div> </div> </div> <div class="row row_2"> <div class="col-md-12"> <div class="zone"> <div class="widg widg_offer" data-offer-title="Variable one-time donation"> <div class="offer_presentation offer_1"> <span style="font-family: ' Times New Roman'; font-weight: normal; font-size: 24px;" data-sfg-fontfamily="+Times+New+Roman"><div class="offer_selector_control" data-offer="1" data-group="1" data-desc="Variable one-time donation" data-type="sp" data-cd="DONAT" data-pri="DONAT" data-sec="1TIMEDONAT" data-sel="N" data-fut="N" data-atr="N" data-price="" data-shipping="" data-total=""> <div class="form-check offer_selector"> <label class="form-check-label chk_selector"> <input class="form-check-input offer_selector_input" type="checkbox" name="self[1][1][sel]" value="Y" data-unchecked-value="N" data-offer-title="Variable one-time donation" data-price=".00" data-usa-price=".00" data-can-price=".00" data-int-price=".00"> <span class="offer_selector_text">Other amount:</span> </label> </div> <div class="offer_options offer_amounts" style="display: none"> <div class="offer_amount" data-region="USA"> <div class="form-group row value_selector_control value_selector_boxes"> <label class="col-sm-3 control-label"></label> <div class="col-12 value_controls"> <!-- <div class="value_selectors"> --> <!-- </div> --> <div class="col-12 other_value_input other_value_toggle"> <span class="other_value_input_label"></span><input class="form-control" type="text" name="self[1][1][opts][amt][USA]" value="" placeholder="$" disabled> </div> </div> </div> </div> <div class="offer_amount" data-region="CAN" style="display: none"> <div class="form-group row value_selector_control value_selector_boxes"> <label class="col-sm-3 control-label"></label> <div class="col-12 value_controls"> <!-- <div class="value_selectors"> --> <!-- </div> --> <div class="col-12 other_value_input other_value_toggle"> <span class="other_value_input_label"></span><input class="form-control" type="text" name="self[1][1][opts][amt][CAN]" value="" placeholder="$" disabled> </div> </div> </div> </div> <div class="offer_amount" data-region="INT" style="display: none"> <div class="form-group row value_selector_control value_selector_boxes"> <label class="col-sm-3 control-label"></label> <div class="col-12 value_controls"> <!-- <div class="value_selectors"> --> <!-- </div> --> <div class="col-12 other_value_input other_value_toggle"> <span class="other_value_input_label"></span><input class="form-control" type="text" name="self[1][1][opts][amt][INT]" value="" placeholder="$" disabled> </div> </div> </div> </div> </div> </div> </span> </div> </div> </div> </div> </div> <div class="row row_3"> <div class="col-md-12"> <div class="zone"> <div class="widg widg_cust widg_cust_a"> <div class="section_header customer_info_header" role="heading" aria-level="3"> <span style="font-family: ' Times New Roman'; font-weight: normal; font-size: 48px;" data-sfg-fontfamily="+Times+New+Roman">Billing Details</span> </div> <div id="sfg_firstname_div" class="form-group row form_label_left"> <div class="col-sm-3 col_label"> <label for="sfg_firstname" class="control-label">First Name</label> </div> <div class="col-sm-8"> <input id="sfg_firstname" class="form-control" type="text" name="firstname" value="" maxlength="15"> </div> </div> <div id="sfg_lastname_div" class="form-group row form_label_left"> <div class="col-sm-3 col_label"> <label for="sfg_lastname" class="control-label">Last Name<span class="rq">*</span></label> </div> <div class="col-sm-8"> <input id="sfg_lastname" class="form-control" type="text" name="lastname" value="" maxlength="20"> </div> </div> <div id="sfg_address1_div" class="form-group row form_label_left"> <div class="col-sm-3 col_label"> <label for="sfg_address1" class="control-label">Address<span class="rq">*</span></label> </div> <div class="col-sm-8"> <input id="sfg_address1" class="form-control" type="text" name="address1" value="" maxlength="40"> </div> </div> <div id="sfg_address2_div" class="form-group row form_label_left"> <div class="col-sm-3 col_label"> <label for="sfg_address2" class="control-label">Address</label> </div> <div class="col-sm-8"> <input id="sfg_address2" class="form-control" type="text" name="address2" value="" maxlength="40"> </div> </div> <div id="sfg_city_div" class="form-group row form_label_left"> <div class="col-sm-3 col_label"> <label for="sfg_city" class="control-label">City<span class="rq">*</span></label> </div> <div class="col-sm-8"> <input id="sfg_city" class="form-control" type="text" name="city" value="" maxlength="25"> </div> </div> <div id="sfg_state_div" class="form-group row form_label_left"> <div class="col-sm-3 col_label"> <label for="sfg_state" class="control-label">State<span class="rq">*</span></label> </div> <div class="col-sm-8"> <select id="sfg_state" name="state" class="form-control" aria-label="State or province"> <option value=""> Select state / province... </option> <option value="1AL">Alabama</option> <option value="1AK">Alaska</option> <option value="1AZ">Arizona</option> <option value="1AR">Arkansas</option> <option value="1CA">California</option> <option value="1CO">Colorado</option> <option value="1CT">Connecticut</option> <option value="1DE">Delaware</option> <option value="1DC">District of Columbia</option> <option value="1FL">Florida</option> <option value="1GA">Georgia</option> <option value="1HI">Hawaii</option> <option value="1ID">Idaho</option> <option value="1IL">Illinois</option> <option value="1IN">Indiana</option> <option value="1IA">Iowa</option> <option value="1KS">Kansas</option> <option value="1KY">Kentucky</option> <option value="1LA">Louisiana</option> <option value="1ME">Maine</option> <option value="1MD">Maryland</option> <option value="1MA">Massachusetts</option> <option value="1MI">Michigan</option> <option value="1MN">Minnesota</option> <option value="1MS">Mississippi</option> <option value="1MO">Missouri</option> <option value="1MT">Montana</option> <option value="1NE">Nebraska</option> <option value="1NV">Nevada</option> <option value="1NH">New Hampshire</option> <option value="1NJ">New Jersey</option> <option value="1NM">New Mexico</option> <option value="1NY">New York</option> <option value="1NC">North Carolina</option> <option value="1ND">North Dakota</option> <option value="1OH">Ohio</option> <option value="1OK">Oklahoma</option> <option value="1OR">Oregon</option> <option value="1PA">Pennsylvania</option> <option value="1RI">Rhode Island</option> <option value="1SC">South Carolina</option> <option value="1SD">South Dakota</option> <option value="1TN">Tennessee</option> <option value="1TX">Texas</option> <option value="1UT">Utah</option> <option value="1VT">Vermont</option> <option value="1VA">Virginia</option> <option value="1WA">Washington</option> <option value="1WV">West Virginia</option> <option value="1WI">Wisconsin</option> <option value="1WY">Wyoming</option> <option value=""></option> <option value="2AS">American Samoa</option> <option value="2AE">Armed Forces - All Others</option> <option value="2AA">Armed Forces Americas</option> <option value="2AP">Armed Forces Pacific</option> <option value="2FM">Fed State Micronesia</option> <option value="2GU">Guam</option> <option value="2MH">Marshall Islands</option> <option value="2MP">Northen Mariana Isl</option> <option value="2PW">Palau</option> <option value="2PR">Puerto Rico</option> <option value="2VI">Virgin Islands</option> <option value=""></option> <option value="3AB">Alberta</option> <option value="3BC">British Columbia</option> <option value="3MB">Manitoba</option> <option value="3NB">New Brunswick</option> <option value="3NL">Newfoundland</option> <option value="3NT">Northwest Territories</option> <option value="3NS">Nova Scotia</option> <option value="3NU">Nunavut</option> <option value="3ON">Ontario</option> <option value="3PE">Prince Edward Island</option> <option value="3QC">Quebec (QC)</option> <option value="3SK">Saskatchewan</option> <option value="3YT">Yukon Territories</option> </select> <script type="text/javascript"> var js_st_types = new Array("1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","2","2","2","2","2","2","2","2","2","2","2","3","3","3","3","3","3","3","3","3","3","3","3","3"); var js_st_codes = new Array("AL","AK","AZ","AR","CA","CO","CT","DE","DC","FL","GA","HI","ID","IL","IN","IA","KS","KY","LA","ME","MD","MA","MI","MN","MS","MO","MT","NE","NV","NH","NJ","NM","NY","NC","ND","OH","OK","OR","PA","RI","SC","SD","TN","TX","UT","VT","VA","WA","WV","WI","WY","AS","AE","AA","AP","FM","GU","MH","MP","PW","PR","VI","AB","BC","MB","NB","NL","NT","NS","NU","ON","PE","QC","SK","YT"); var js_st_names = new Array("Alabama","Alaska","Arizona","Arkansas","California","Colorado","Connecticut","Delaware","District of Columbia","Florida","Georgia","Hawaii","Idaho","Illinois","Indiana","Iowa","Kansas","Kentucky","Louisiana","Maine","Maryland","Massachusetts","Michigan","Minnesota","Mississippi","Missouri","Montana","Nebraska","Nevada","New Hampshire","New Jersey","New Mexico","New York","North Carolina","North Dakota","Ohio","Oklahoma","Oregon","Pennsylvania","Rhode Island","South Carolina","South Dakota","Tennessee","Texas","Utah","Vermont","Virginia","Washington","West Virginia","Wisconsin","Wyoming","American Samoa","Armed Forces - All Others","Armed Forces Americas","Armed Forces Pacific","Fed State Micronesia","Guam","Marshall Islands","Northen Mariana Isl","Palau","Puerto Rico","Virgin Islands","Alberta","British Columbia","Manitoba","New Brunswick","Newfoundland","Northwest Territories","Nova Scotia","Nunavut","Ontario","Prince Edward Island","Quebec (QC)","Saskatchewan","Yukon Territories"); var clicked_optins = new Array(); // use to determine if a particular optin box has been clicked var unclicked_optins = new Array(); // use to keep track of the unclicked default value of each optin checkbox var selected_states = new Array(); // use as a "stack" for selected states var listeners_added = new Array(); // use to tell if I've already added a listener for a state dropdown var hid_sfg_state = document.getElementById('hid_sfg_state'); var sfg_state = document.getElementById('sfg_state'); if (!hid_sfg_state && sfg_state) { var parent_element = sfg_state.parentNode; if (parent_element !== null) { var hid_selection = document.createElement("input"); hid_selection.type = "hidden"; hid_selection.id = 'hid_sfg_state'; hid_selection.name = 'hid_sfg_state'; parent_element.appendChild(hid_selection); } } </script> <script type="text/javascript"> function optin_click ( optin_id ) { if (optin_id == undefined || optin_id == null || optin_id == '') return; clicked_optins[optin_id] = true; return true; } function register_state_choice () { state_dropdown_id = this.id; st = this; if (st.selectedIndex != -1) { var selected_state = st.options[st.selectedIndex].value; } else { var selected_state = ''; } if (selected_state == '') return; if (typeof selected_states[state_dropdown_id] === 'undefined') { selected_states[state_dropdown_id] = new Array(); } if (selected_state > '') { if (selected_states[state_dropdown_id].indexOf(selected_state) < 0) { selected_states[state_dropdown_id].push(selected_state); } hid_selection = document.getElementById('hid_'+state_dropdown_id); if (hid_selection) { hid_selection.value = selected_state; } } } function toggle_state_dropdown (country_dropdown_id, state_dropdown_id, cur_state, optin_id) { // NOTE: optin_id begins optional args // if they didn't supply optin_id, set it to blank optin_id = typeof optin_id === "undefined" ? "" : optin_id; var c = document.getElementById(country_dropdown_id); if (c == undefined) return; var my_country = ''; if (c.tagName == 'SELECT') { if (c.selectedIndex == undefined || c.selectedIndex == null || (c.selectedIndex < 0 && c.options.length)) c.selectedIndex = 0; if (c.options[c.selectedIndex] == undefined) return; my_country = c.options[c.selectedIndex].value; } else { my_country = c.value; } // special processing of optin if my_country is not USA // begin by making sure we store the default value of the optin checkbox if (optin_id > '') { // get the optin box associated with this country var e = document.getElementById(optin_id); // if we have not stored the default chkbox state of optin_id, store it now if (unclicked_optins[optin_id] == undefined || unclicked_optins[optin_id] == null) { if (e != undefined && e != null) { unclicked_optins[optin_id] = e.checked; } } // if the optin chkbox has been clicked, don't do anything; they've "intervened" if (clicked_optins[optin_id] != undefined && clicked_optins[optin_id] != null) { // the optin box was clicked, so no need to unclick it now } else { // the optin box was not clicked, so if USA, restore it to its default // if not USA, uncheck it if (e != undefined && e != null) { if (my_country == 'USA') { // restore the checkbox back to what it was if (unclicked_optins[optin_id] != undefined && unclicked_optins[optin_id] != null) { e.checked = unclicked_optins[optin_id]; } } else { // since this is not USA, uncheck it e.checked = false; } } else { // something went wrong unclicking the box; move on } } } var st = document.getElementById(state_dropdown_id); if (st == undefined) return; // add a listener to register any changes to the state dropdown if (listeners_added[state_dropdown_id] === undefined || selected_states[state_dropdown_id] === null) { // keep track of the fact that we added the listener listeners_added[state_dropdown_id] = true; // add the listener if (st.addEventListener) { st.addEventListener("change", register_state_choice); } else { st.attachEvent("onchange", register_state_choice); } } // scrape the most recent selection from the hidden input // in case this is a "back button," which does not // process correctly in this scenario on IE hid_selection = document.getElementById('hid_'+state_dropdown_id); var prev_selected_state = ''; if (hid_selection) { prev_selected_state = hid_selection.value ? hid_selection.value : ''; } var had_one = true; if (selected_states[state_dropdown_id] == undefined || selected_states[state_dropdown_id] === null) { selected_states[state_dropdown_id] = new Array(); if (prev_selected_state > '') { selected_states[state_dropdown_id].push(prev_selected_state); } had_one = false; } if (had_one || prev_selected_state == '') { if (st.selectedIndex != -1) { var selected_state = st.options[st.selectedIndex].value; } else { var selected_state = ''; } if (selected_state > '') { if (selected_states[state_dropdown_id].indexOf(selected_state) < 0) { selected_states[state_dropdown_id].push(selected_state); } } } // re-populate the states based on the country selected st.options.length = 0; // clear the select options if (my_country == "USA") { var opt = document.createElement("option"); st.options.add(opt); opt.value = ''; opt.text = ' Select state... '; for (var i = 0; i < js_st_types.length; i++) { if (js_st_types[i] != '1' && js_st_types[i] != '2') continue; var opt = document.createElement("option"); st.options.add(opt); opt.value = js_st_types[i] + js_st_codes[i]; opt.text = js_st_names[i]; if (cur_state.toUpperCase() == js_st_codes[i].toUpperCase()) { opt.selected = true; if (hid_selection) hid_selection.value = opt.value; } else { for (j = selected_states[state_dropdown_id].length; j > 0; j--) { if (opt.value == selected_states[state_dropdown_id][j-1]) { opt.selected = true; // register the most recent state that is selected for the // country if (hid_selection) { hid_selection.value = opt.value; } break; } } } } } else if (my_country == "CANADA") { var opt = document.createElement("option"); st.options.add(opt); opt.value = ''; opt.text = ' Select province... '; opt.selected = true; for (var i = 0; i < js_st_types.length; i++) { if (js_st_types[i] == '1' || js_st_types[i] == '2') continue; var opt = document.createElement("option"); st.options.add(opt); opt.value = js_st_types[i] + js_st_codes[i]; opt.text = js_st_names[i]; if (cur_state.toUpperCase() == js_st_codes[i].toUpperCase()) { opt.selected = true; if (hid_selection) hid_selection.value = opt.value; } else { for (j = selected_states[state_dropdown_id].length; j > 0; j--) { if (opt.value == selected_states[state_dropdown_id][j-1]) { opt.selected = true; // register the most recent state that is selected for the // country if (hid_selection) { hid_selection.value = opt.value; } break; } } } } } else { var opt = document.createElement("option"); st.options.add(opt); opt.value = ''; opt.text = ' None '; } } </script> </div> </div> <div id="sfg_zip_div" class="form-group row form_label_left"> <div class="col-sm-3 col_label"> <label for="sfg_zip" class="control-label">Zip/Postal Code<span class="rq">*</span></label> </div> <div class="col-sm-8"> <input id="sfg_zip" class="form-control" type="text" name='zip' value=""> </div> </div> <div id="sfg_country_div" class="form-group row form_label_left"> <div class="col-sm-3 col_label"> <label for="sfg_country" class="control-label">Country<span class="rq">*</span></label> </div> <div class="col-sm-8"> <select id="sfg_country" name="country" class="form-control country_control" aria-label="Country" onchange="toggle_state_dropdown('sfg_country', 'sfg_state', '', 'optin')"> <option value=""> Select Country... </option> <option selected value="USA">USA</option> <option value="CANADA">Canada</option> <option value="AFGHANISTAN">Afghanistan</option> <option value="ALAND ISLANDS">Aland Islands</option> <option value="ALBANIA">Albania</option> <option value="ALGERIA">Algeria</option> <option value="AMERICAN SAMOA">American Samoa</option> <option value="ANDORRA">Andorra</option> <option value="ANGOLA">Angola</option> <option value="ANGUILLA">Anguilla</option> <option value="ANTARCTICA">Antarctica</option> <option value="ANTIGUA AND BARBUDA">Antigua and Barbuda</option> <option value="ARGENTINA">Argentina</option> <option value="ARMENIA">Armenia</option> <option value="ARUBA">Aruba</option> <option value="AUSTRALIA">Australia</option> <option value="AUSTRIA">Austria</option> <option value="AZERBAIJAN">Azerbaijan</option> <option value="BAHAMAS">Bahamas</option> <option value="BAHRAIN">Bahrain</option> <option value="BANGLADESH">Bangladesh</option> <option value="BARBADOS">Barbados</option> <option value="BELARUS">Belarus</option> <option value="BELGIUM">Belgium</option> <option value="BELIZE">Belize</option> <option value="BENIN">Benin</option> <option value="BERMUDA">Bermuda</option> <option value="BHUTAN">Bhutan</option> <option value="BOLIVIA">Bolivia</option> <option value="BONAIRE, SAINT EUSTATIUS AND">Bonaire, Saint Eustatius and</option> <option value="BOSNIA AND HERZEGOVINA">Bosnia and Herzegovina</option> <option value="BOTSWANA">Botswana</option> <option value="BOUVET ISLAND">Bouvet Island</option> <option value="BRAZIL">Brazil</option> <option value="BRITISH INDIAN OCEAN TERRITORY">British Indian Ocean Territory</option> <option value="BRUNEI DARUSSALAM">Brunei Darussalam</option> <option value="BULGARIA">Bulgaria</option> <option value="BURKINA FASO">Burkina Faso</option> <option value="BURUNDI">Burundi</option> <option value="CAMBODIA">Cambodia</option> <option value="CAMEROON">Cameroon</option> <option value="CAPE VERDE">Cape Verde</option> <option value="CAYMAN ISLANDS">Cayman Islands</option> <option value="CENTRAL AFRICAN REPUBLIC">Central African Republic</option> <option value="CHAD">Chad</option> <option value="CHILE">Chile</option> <option value="CHINA">China</option> <option value="CHRISTMAS ISLAND">Christmas Island</option> <option value="COCOS (KEELING) ISLANDS">Cocos (Keeling) Islands</option> <option value="COLOMBIA">Colombia</option> <option value="COMOROS">Comoros</option> <option value="CONGO">Congo</option> <option value="CONGO, THE DEMOCRATIC REPUBLIC">Congo, the Democratic Republic</option> <option value="COOK ISLANDS">Cook Islands</option> <option value="COSTA RICA">Costa Rica</option> <option value="CROATIA">Croatia</option> <option value="CUBA">Cuba</option> <option value="CURACAO">Curacao</option> <option value="CYPRUS">Cyprus</option> <option value="CZECH REPUBLIC">Czech Republic</option> <option value="DENMARK">Denmark</option> <option value="DJIBOUTI">Djibouti</option> <option value="DOMINICA">Dominica</option> <option value="DOMINICAN REPUBLIC">Dominican Republic</option> <option value="EAST TIMOR">East Timor</option> <option value="ECUADOR">Ecuador</option> <option value="EGYPT">Egypt</option> <option value="EL SALVADOR">El Salvador</option> <option value="EQUATORIAL GUINEA">Equatorial Guinea</option> <option value="ERITREA">Eritrea</option> <option value="ESTONIA">Estonia</option> <option value="ETHIOPIA">Ethiopia</option> <option value="FALKLAND ISLANDS">Falkland Islands</option> <option value="FAROE ISLANDS">Faroe Islands</option> <option value="FIJI">Fiji</option> <option value="FINLAND">Finland</option> <option value="FRANCE">France</option> <option value="FRENCH GUIANA">French Guiana</option> <option value="FRENCH POLYNESIA">French Polynesia</option> <option value="FRENCH SOUTHERN TERRITORIES">French Southern Territories</option> <option value="GABON">Gabon</option> <option value="GAMBIA">Gambia</option> <option value="GEORGIA">Georgia</option> <option value="GERMANY">Germany</option> <option value="GHANA">Ghana</option> <option value="GIBRALTAR">Gibraltar</option> <option value="GREECE">Greece</option> <option value="GREENLAND">Greenland</option> <option value="GRENADA">Grenada</option> <option value="GUADELOUPE">Guadeloupe</option> <option value="GUATEMALA">Guatemala</option> <option value="GUERNSEY">Guernsey</option> <option value="GUINEA">Guinea</option> <option value="GUINEA-BISSAU">Guinea-bissau</option> <option value="GUYANA">Guyana</option> <option value="HAITI">Haiti</option> <option value="HEARD ISLAND AND MCDONALD ISLA">Heard Island and Mcdonald Isla</option> <option value="HOLY SEE (VATICAN CITY STATE)">Holy See (Vatican City State)</option> <option value="HONDURAS">Honduras</option> <option value="HONG KONG">Hong Kong</option> <option value="HUNGARY">Hungary</option> <option value="ICELAND">Iceland</option> <option value="INDIA">India</option> <option value="INDONESIA">Indonesia</option> <option value="IRAN">Iran</option> <option value="IRAQ">Iraq</option> <option value="IRELAND">Ireland</option> <option value="ISLE OF MAN">Isle of Man</option> <option value="ISRAEL">Israel</option> <option value="ITALY">Italy</option> <option value="IVORY COAST">Ivory Coast</option> <option value="JAMAICA">Jamaica</option> <option value="JAPAN">Japan</option> <option value="JERSEY">Jersey</option> <option value="JORDAN">Jordan</option> <option value="KAZAKHSTAN">Kazakhstan</option> <option value="KENYA">Kenya</option> <option value="KIRIBATI">Kiribati</option> <option value="KOSOVO">Kosovo</option> <option value="KUWAIT">Kuwait</option> <option value="KYRGYZSTAN">Kyrgyzstan</option> <option value="LAOS PEOPLES DEMOCRATIC REPUBL">Laos Peoples Democratic Republ</option> <option value="LATVIA">Latvia</option> <option value="LEBANON">Lebanon</option> <option value="LESOTHO">Lesotho</option> <option value="LIBERIA">Liberia</option> <option value="LIBYAN ARAB JAMAHIRIYA">Libyan Arab Jamahiriya</option> <option value="LIECHTENSTEIN">Liechtenstein</option> <option value="LITHUANIA">Lithuania</option> <option value="LUXEMBOURG">Luxembourg</option> <option value="MACAU">Macau</option> <option value="MACEDONIA">Macedonia</option> <option value="MADAGASCAR">Madagascar</option> <option value="MALAWI">Malawi</option> <option value="MALAYSIA">Malaysia</option> <option value="MALDIVES">Maldives</option> <option value="MALI">Mali</option> <option value="MALTA">Malta</option> <option value="MARSHALL ISLANDS">Marshall Islands</option> <option value="MARTINIQUE">Martinique</option> <option value="MAURITANIA">Mauritania</option> <option value="MAURITIUS">Mauritius</option> <option value="MAYOTTE">Mayotte</option> <option value="MEXICO">Mexico</option> <option value="MICRONESIA, FEDERATED STATES O">Micronesia, Federated States O</option> <option value="MOLDOVA, REPUBLIC OF">Moldova, Republic of</option> <option value="MONACO">Monaco</option> <option value="MONGOLIA">Mongolia</option> <option value="MONTENEGRO">Montenegro</option> <option value="MONTSERRAT">Montserrat</option> <option value="MOROCCO">Morocco</option> <option value="MOZAMBIQUE">Mozambique</option> <option value="MYANMAR">Myanmar</option> <option value="NAMIBIA">Namibia</option> <option value="NAURU">Nauru</option> <option value="NEPAL">Nepal</option> <option value="NETHERLANDS">Netherlands</option> <option value="NETHERLANDS ANTILLES">Netherlands Antilles</option> <option value="NEW CALEDONIA">New Caledonia</option> <option value="NEW ZEALAND">New Zealand</option> <option value="NICARAGUA">Nicaragua</option> <option value="NIGER">Niger</option> <option value="NIGERIA">Nigeria</option> <option value="NIUE">Niue</option> <option value="NORFOLK ISLAND">Norfolk Island</option> <option value="NORTH KOREA">North Korea</option> <option value="NORTHERN MARIANA ISLANDS">Northern Mariana Islands</option> <option value="NORWAY">Norway</option> <option value="OMAN">Oman</option> <option value="PAKISTAN">Pakistan</option> <option value="PALAU">Palau</option> <option value="PALESTINIAN TERRITORY">Palestinian Territory</option> <option value="PANAMA">Panama</option> <option value="PAPUA NEW GUINEA">Papua New Guinea</option> <option value="PARAGUAY">Paraguay</option> <option value="PERU">Peru</option> <option value="PHILIPPINES">Philippines</option> <option value="PITCAIRN">Pitcairn</option> <option value="POLAND">Poland</option> <option value="PORTUGAL">Portugal</option> <option value="QATAR">Qatar</option> <option value="REUNION">Reunion</option> <option value="ROMANIA">Romania</option> <option value="RUSSIAN FEDERATION">Russian Federation</option> <option value="RWANDA">Rwanda</option> <option value="SAINT BARTHELEMY">Saint Barthelemy</option> <option value="SAINT HELENA">Saint Helena</option> <option value="SAINT KITTS AND NEVIS">Saint Kitts and Nevis</option> <option value="SAINT LUCIA">Saint Lucia</option> <option value="SAINT MARTIN">Saint Martin</option> <option value="SAINT PIERRE AND MIQUELON">Saint Pierre and Miquelon</option> <option value="SAINT VINCENT AND THE GRENADIN">Saint Vincent and the Grenadin</option> <option value="SAMOA (INDEPENDENT)">Samoa (Independent)</option> <option value="SAN MARINO">San Marino</option> <option value="SAO TOME AND PRINCIPE">Sao Tome and Principe</option> <option value="SAUDI ARABIA">Saudi Arabia</option> <option value="SENEGAL">Senegal</option> <option value="SERBIA">Serbia</option> <option value="SEYCHELLES">Seychelles</option> <option value="SIERRA LEONE">Sierra Leone</option> <option value="SINGAPORE">Singapore</option> <option value="SINT MAARTEN (DUTCH PART)">Sint Maarten (Dutch Part)</option> <option value="SLOVAKIA">Slovakia</option> <option value="SLOVENIA">Slovenia</option> <option value="SOLOMON ISLANDS">Solomon Islands</option> <option value="SOMALIA">Somalia</option> <option value="SOUTH AFRICA">South Africa</option> <option value="SOUTH GEORGIA AND THE SOUTH SA">South Georgia and the South Sa</option> <option value="SOUTH KOREA">South Korea</option> <option value="SOUTH SUDAN">South Sudan</option> <option value="SPAIN">Spain</option> <option value="SRI LANKA">Sri Lanka</option> <option value="SUDAN">Sudan</option> <option value="SURINAME">Suriname</option> <option value="SVALBARD AND JAN MAYEN ISLANDS">Svalbard and Jan Mayen Islands</option> <option value="SWAZILAND">Swaziland</option> <option value="SWEDEN">Sweden</option> <option value="SWITZERLAND">Switzerland</option> <option value="SYRIAN ARAB REPUBLIC">Syrian Arab Republic</option> <option value="TAIWAN">Taiwan</option> <option value="TAJIKISTAN">Tajikistan</option> <option value="TANZANIA">Tanzania</option> <option value="THAILAND">Thailand</option> <option value="TIMOR-LESTE">Timor-leste</option> <option value="TOGO">Togo</option> <option value="TOKELAU">Tokelau</option> <option value="TONGA">Tonga</option> <option value="TRINIDAD AND TOBAGO">Trinidad and Tobago</option> <option value="TUNISIA">Tunisia</option> <option value="TURKEY">Turkey</option> <option value="TURKMENISTAN">Turkmenistan</option> <option value="TURKS AND CAICOS ISLANDS">Turks and Caicos Islands</option> <option value="TUVALU">Tuvalu</option> <option value="UGANDA">Uganda</option> <option value="UKRAINE">Ukraine</option> <option value="UNITED ARAB EMIRATES">United Arab Emirates</option> <option value="UNITED KINGDOM">United Kingdom</option> <option value="URUGUAY">Uruguay</option> <option value="UZBEKISTAN">Uzbekistan</option> <option value="VANUATU">Vanuatu</option> <option value="VENEZUELA">Venezuela</option> <option value="VIETNAM">Vietnam</option> <option value="VIRGIN ISLANDS (BRITISH)">Virgin Islands (British)</option> <option value="WALLIS AND FUTUNA">Wallis and Futuna</option> <option value="WESTERN SAHARA">Western Sahara</option> <option value="YEMEN">Yemen</option> <option value="ZAMBIA">Zambia</option> <option value="ZIMBABWE">Zimbabwe</option> </select> </div> </div> <div id="sfg_email_div" class="form-group row form_label_left"> <div class="col-sm-3 col_label"> <label for="sfg_email" class="control-label">Email</label> </div> <div class="col-sm-8"> <input id="sfg_email" class="form-control" type="text" name="email" value="" maxlength="80"> </div> </div> </div> </div> </div> </div> <div class="row row_4"> <div class="col-md-8"> <div class="zone"> <div class="widg widg_paymt widg_paymt_a"> <input id="sfg_cardholder" type="hidden" name="cardholder" value=""> <div class="section_header payment_info_header" role="heading" aria-level="3"> <span style="font-family: ' Times New Roman'; font-weight: normal; font-size: 48px;" data-sfg-fontfamily="+Times+New+Roman">Payment Information</span> </div> <div class="row"> <div class="col-sm-12"> <div id="sfg_credit_card_payment_section" class="cc_section"> <div class="cc_section_ovr"></div> <div class="row"> <div class="col-sm-9 offset-sm-3"> <div id="sfg_cards_accepted" class="cards_accepted"> <img class="cc_logo" src="/common/images/visa-curved-32px.png" alt="Visa" /> <img class="cc_logo" src="/common/images/mastercard-curved-32px.png" alt="MasterCard" /> <img class="cc_logo" src="/common/images/discover-curved-32px.png" alt="Discover" /> </div> </div> </div> <div id="sfg_cardno_div" class="form-group row form_label_left"> <div class="col-sm-3 col_label"> <label for="sfg_cardno" class="control-label">Credit Card <span class="text-nowrap">Number</span></label> </div> <div class="col-sm-8"> <input id="sfg_cardno" type="text" class="form-control" name="cardno" value="" autocomplete="off"> </div> </div> <div id="sfg_cardcvv_div" class="form-group row form_label_left"> <div class="col-sm-3 col_label"> <label for="sfg_cardcvv" class="control-label">Security Code</label> </div> <div class="col-sm-8 cardcvv_div"> <input id="sfg_cardcvv" class="form-control" type="password" name="cardcvv" value="" maxlength="4" autocomplete="off"> <div class="cvv_info_launcher_div"> <a id="sfg_cvv_info_launcher" class="cvv_info_launcher" href="#" role="button">What is this?</a> </div> </div> </div> <div class="row"> <div class="offset-sm-2 col-sm-9"> <div id="sfg_cvv_info" class="row cvv_info" style="display: none"> <div class="col-12 cvv_info_header"> <!-- <button id="sfg_cvv_info_close" class="close cvv_info_close_icon" type="button" aria-label="Close"> <span aria-hidden="true">×</span> </button> --> <div class="cvv_info_title">Where to find your CVV code...</div> </div> <div class="col-12 cvv_info_body"> <img src="https://www.merchantequip.com/images/logos/all-cvv.gif" width="328" height="149" alt="Merchant Equipment Store Credit Card Logos" /> </div> <div class="col-12 cvv_info_footer"> <button id="sfg_cvv_info_close_button" class="btn btn-link cvv_info_close_button" type="button">Close</button> </div> </div> </div> </div> <div id="sfg_expire_div" class="form-group row form_label_left"> <div class="col-sm-3 col_label"> <label for="sfg_expiremonth" class="control-label">Expi­ration</label> </div> <div class="col-sm-7 cc_expire"> <select id="sfg_expiremonth" name="expiremonth" class="form-control" data-value="" autocomplete="off" aria-label="Expiration month"> <option value="01">01</option> <option selected value="02">02</option> <option value="03">03</option> <option value="04">04</option> <option value="05">05</option> <option value="06">06</option> <option value="07">07</option> <option value="08">08</option> <option value="09">09</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> </select> <div class="cc_expire_slash">/</div> <select id="sfg_expireyear" class="form-control" name="expireyear" data-value="" autocomplete="off" aria-label="Expiration year"> <option selected value="2025">2025</option> <option value="2026">2026</option> <option value="2027">2027</option> <option value="2028">2028</option> <option value="2029">2029</option> <option value="2030">2030</option> <option value="2031">2031</option> <option value="2032">2032</option> <option value="2033">2033</option> <option value="2034">2034</option> <option value="2035">2035</option> <option value="2036">2036</option> <option value="2037">2037</option> <option value="2038">2038</option> <option value="2039">2039</option> <option value="2040">2040</option> <option value="2041">2041</option> <option value="2042">2042</option> <option value="2043">2043</option> <option value="2044">2044</option> <option value="2045">2045</option> </select> </div> </div> </div> </div> </div> </div> </div> </div> <div class="col-md-4"> <div class="zone"> <div class="widg widg_minipvw"> <div class="card card-primary clear"> <div class="card-body pb-0 order_totals"> <table class="order_offers"> <tbody> <tr class="nam"> <th class="item_label minipvw_header minipvw_order_header" scope="row">Order</th> <td class="item_data"> <span class="offer"></span></td> </tr> </tbody> </table> <table class="order_subtot"> <tbody> <tr class="tot sub"> <th class="item_label" scope="row">Total</th> <td class="item_data">$<span class="amt">0.00</span></td> </tr> </tbody> </table> <table class="order_alltot" style="display: none"> <tbody> <tr class="tot sub"> <th class="item_label" scope="row">Subtotal</th> <td class="item_data">$<span class="amt">0.00</span></td> </tr> <tr class="tot dis" style="display:none"> <th class="item_label" scope="row"">Discount</th> <td class="item_data">$<span class="amt">0.00</span><span class="neg" style="display: none;">-</span></td> </tr> <tr class="tot shp"> <th class="item_label" scope="row">Shipping</th> <td class="item_data">$<span class="amt">0.00</span></td> </tr> <tr class="tot tax"> <th class="item_label" scope="row">Tax</th> <td class="item_data">$<span class="amt">0.00</span></td> </tr> <tr class="tot fee tmpl" style="display:none"> <th class="item_label" scope="row"></th> <td class="item_data">$<span class="amt"></span></td> </tr> <tr class="tot gnd"> <th class="item_label" scope="row">Grand Total</th> <td class="item_data">$<span class="amt">0.00</span></td> </tr> </tbody> </table> </div> <div class="card-body order_billing"> <hr class="order_billing_divider" /> <div class="card-title item_label minipvw_header minipvw_billing_header">Address</div> <ul class="list-group list-group-flush list-unstyled"> <li class="item_data"><span class="firstname"></span> <span class="lastname"></span></li> <li class="item_data"><span class="address1"></span></li> <li class="item_data"><span class="address2"></span></li> <li class="item_data"><span class="city"></span><span class="comma">, </span><span class="state"></span> <span class="zip"></span></li> <li class="item_data"><span class="country">USA</span></li> <li class="item_data"><span class="email"></span></li> </ul> </div> <div class="card-body order_notes"></div> </div> </div> </div> </div> </div> <div class="row row_5"> <div class="col-md-8 offset-md-2"> <div class="zone"> <div class="widg widg_navorder"> <div class="row"> <div class="col-12 buttons"> <div class="order_button_control"> <button class="btn btn-primary btn_nav btn_order btn_autodis btn_autowait" type="button" name="nav" value="order" disabled> <div class="text">Process Donation</div> <div class="wait" style="display: none"><img src="/common/images/waitimage.gif" width="20" height="20" alt="Please wait..."></div> </button> <div class="order_button_message"></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="sfg_page_content_999" class="page_content page_content_999" style="display: none"> </div> </form> </div> </div> <div id="sfg_page_footer" class=""> <div class="max_width"> <div class="container page_footer_container"> </div> </div> </div> <script type="text/javascript"> var ip = '8.222.208.146'; var url = 'https://ssl.drgnetwork.com/flex/SPO/DONATIONS/?org=SPO&pageid=DONATIONS'; var org = 'SPO'; var to = 30; var act = []; var r0 = 'USA'; var pn = 1; var gn = 0; var gx = 50; var oi = [{o: 1, r: 0, s: 0, u: 0, g: 1, n: 7, m: 0, w: 0, x: 999, f: 0, c: 1, p: 0, a: 0, q: 0, v: 0, b: 0, y: 0, z: 0}, {o: 2, r: 0, s: 0, u: 0, g: 1, n: 7, m: 0, w: 0, x: 999, f: 0, c: 1, p: 0, a: 0, q: 0, v: 0, b: 0, y: 0, z: 0}, {o: 3, r: 0, s: 0, u: 0, g: 1, n: 7, m: 0, w: 0, x: 999, f: 0, c: 1, p: 0, a: 0, q: 0, v: 0, b: 0, y: 0, z: 0}, {o: 4, r: 0, s: 0, u: 0, g: 1, n: 7, m: 0, w: 0, x: 999, f: 0, c: 1, p: 0, a: 0, q: 0, v: 0, b: 0, y: 0, z: 0}, {o: 5, r: 0, s: 0, u: 0, g: 1, n: 7, m: 0, w: 0, x: 999, f: 0, c: 1, p: 0, a: 0, q: 0, v: 0, b: 0, y: 0, z: 0}, {o: 6, r: 0, s: 0, u: 0, g: 1, n: 7, m: 0, w: 0, x: 999, f: 0, c: 1, p: 0, a: 0, q: 0, v: 0, b: 0, y: 0, z: 0}, {o: 7, r: 0, s: 0, u: 0, g: 1, n: 7, m: 0, w: 0, x: 999, f: 0, c: 1, p: 0, a: 0, q: 0, v: 0, b: 0, y: 0, z: 0}]; var od = {'1': '', '2': '', '3': '', '4': '', '5': '', '6': '', '7': ''}; var ai = []; var pd = [1, 1, 1, 1]; var pi = [0, 0, 0, 0]; var pr = [0, 0, 0, 0]; var bi = [0, 0, 0]; var web_state = {}; //[]; var validation_rules = { // address1: { // required: true // }, // email: { // required: true, // email: true // } }; function is_uscbp(country, state, zip) { country = country.trim(); state = state.slice(-2); zip = zip.trim(); if (country === '') return false; if (country !== 'USA') return true; var ss = ['AS','AE','AA','AP','FM','GU','MH','MP','PW','PR','VI']; if (ss.indexOf(state) >= 0) return true; var zz = ['006','007','008','009','09','340','962','963','964','965','966','96799','96898','969']; for (i in zz) if (zip.startsWith(zz[i])) return true; return false; } </script> <script src="/js/vendor/jquery-validation/jquery.validate.js"></script> <script src="/js/vendor/jquery-validation/additional-methods.js"></script> <script src="/js/vendor/sweetalert2/current/sweetalert2.all.min.js"></script> <script src="/js/internal/general.min.js?v=2"></script> <script src="/js/flexpage/flexpage-2.0.js?v=20"></script> <script class="page"> $("#sfg_page_header").addClass("pt-5"); </script> <script src="https://www.google.com/recaptcha/api.js?render=6LehujYbAAAAAMHoZhKvtt29WZ6wirvFOkhRA0LY&badge=bottomright"></script> <script> $(function() { $('form').prepend('<input type="hidden" name="recaptcha_verify">'); }); function validate_recaptcha() { return new Promise(function(resolve, reject) { var key = '6LehujYbAAAAAMHoZhKvtt29WZ6wirvFOkhRA0LY'; if (typeof grecaptcha === 'undefined') { reject('reCAPTCHA: grecaptcha undefined'); } else { grecaptcha.ready(function() { grecaptcha.execute(key, {action: 'submit'}).then(function(token) { $('input[name="recaptcha_token"]').remove(); $('form').prepend('<input type="hidden" name="recaptcha_token" value="'+token+'">'); resolve(); }); }); } }); } </script> <div id="sfg_page_error" class="alert alert-danger" title="" style="display: none;"></div> <div id="sfg_page_timeout" title="" style="display: none;"></div> </body> </html>