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=14"> <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 = 'Order 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; } .widg.widg_gifts .btn.gift_control { background-color: #007bff; color: #ffffff; border-color: #ffffff; } .widg.widg_gifts .btn.gift_control.add_gift { background: #007bff; color: #ffffff; } .widg.widg_gifts .btn.gift_control.edit_gift { background: #007bff; color: #ffffff; } .widg.widg_gifts .btn.btn_save { background: #007bff; color: #ffffff; border-color: #ffffff; } </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> <div style="text-align: center;"><span style="font-size: 48px;" data-sfg-fontfamily="+Times+New+Roman"><span style="font-family: ' Times New Roman'; font-weight: normal;" data-sfg-fontfamily="+Times+New+Roman">Life Lessons From America's Greatest Thinkers</span></span></div> <div style="text-align: center;"><span style="font-size: 48px;" data-sfg-fontfamily="+Times+New+Roman"><span style="font-family: ' Times New Roman'; font-weight: normal;" data-sfg-fontfamily="+Times+New+Roman">Just $12.99!</span></span></div> </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="1732452046.3989"> <input id="session_token" type="hidden" name="session_token" value="x37098df2cf8bc65e63118f243a279c04"> <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-12"> <div class="zone"> <div class="widg widg_offer" data-offer-title="Life Lessons"> <div class="offer_presentation offer_1"> <p style="margin: auto; text-align: center;"><img src="/ecom/SPO/images/SIP-Life Lessons From Americas Greatest Thinkers.jpg" data-image="1977780"></p> <br> <p><strong>In Their Own Words</strong><br> </p> Discover the wit and wisdom of:<br> <ul><li>Abraham Lincoln</li><li>Eleanor Roosevelt</li><li>Benjamin Franklin</li><li>Clarence Darrow</li><li>Dorothy Parker</li><li>Martin Luther King Jr.</li><li>Orville Wright</li><li>Norman Rockwell</li><li>Marilyn Monroe</li><li>Yogi Berra</li><li>Aaron Copland</li><li>Robert F. Kennedy</li></ul> and many more!<br> Plus! 50 pages of classic Norman Rockwell illustrations!<br> <span style="font-size: 11px;"><span style="font-size: 16px;"></span></span> <div style="text-align: center;"><span style="font-size: 16px;"><div class="offer_selector_control" data-offer="1" data-group="0" data-desc="Life Lessons From America's Greatest Thinkers" data-type="ca" data-cd="SP2927X" data-prd="SP2927X" data-sel="N" data-fut="N" data-atr="N" data-price="" data-shipping="" data-total=""> <div class="offer_selector"> <div class="form-group row qty_selector"> <div class="col-sm-3 col_label"> <label for="self_0_1_qty" class="control-label">Qty</label> </div> <div class="col-sm-8 col_control"> <select id="self_0_1_qty" class="form-control qty_control" name="self[0][1][qty]" data-price="12.99" data-usa-price="12.99" aria-label="Quantity"> <option value="">----</option> <option value="1"> 1</option> <option value="2"> 2</option> <option value="3"> 3</option> <option value="4"> 4</option> <option value="5"> 5</option> <option value="6"> 6</option> <option value="7"> 7</option> <option value="8"> 8</option> <option value="9"> 9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> </select> </div> </div> </div> </div> </span><span style="font-size: 16px;"></span></div> </div> </div> </div> </div> </div> <div class="row row_2"> <div class="col-md-12"> <div class="zone"> <div class="widg widg_hdiv"> <div> <hr> </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_c"> <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 class="row"> <div class="col-lg-6"> <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> <div class="col-lg-6"> <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_statezip_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-4"> <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 class="col-sm-1 px-sm-0 col_label"> <label for="sfg_zip" class="control-label">Zip<span class="rq">*</span></label> </div> <div class="col-sm-3"> <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> </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> </div> <div class="row row_4"> <div class="col-md-12"> <div class="zone"> <div class="widg widg_hdiv"> <div> <hr> </div> </div> </div> </div> </div> <div class="row row_5"> <div class="col-md-7"> <div class="zone"> <div class="widg widg_gifts widg_gifts_m widg_gifts_a"> <div class="modal gift_modal fade" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="sfg_modal_title" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header gift_modal_header"> <div id="sfg_modal_title" class="modal-title gift_modal_title"><span class="title_qual"></span> Gift Recipient <span class="recipient_num"></span></div> <button class="close" type="button" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> </div> <div class="modal-body gift_modal_body"> <div id="sfg_gift_firstname_div" class="form-group row"> <label for="sfg_gift_firstname" class="col-sm-3 control-label col_label">First Name</label> <div class="col-sm-9"> <input id="sfg_gift_firstname" class="form-control" type="text" name="gift_firstname" maxlength="15"> </div> </div> <div id="sfg_gift_lastname_div" class="form-group row"> <label for="sfg_gift_lastname" class="col-sm-3 control-label col_label">Last Name<span class="rq">*</span></label> <div class="col-sm-9"> <input id="sfg_gift_lastname" class="form-control" type="text" name="gift_lastname" maxlength="20"> </div> </div> <div id="sfg_gift_address1_div" class="form-group row"> <label for="sfg_gift_address1" class="col-sm-3 control-label col_label">Address<span class="rq">*</span></label> <div class="col-sm-9"> <input id="sfg_gift_address1" class="form-control" type="text" name="gift_address1" maxlength="40"> </div> </div> <div id="sfg_gift_address2_div" class="form-group row"> <label for="sfg_gift_address2" class="col-sm-3 control-label col_label">Address</label> <div class="col-sm-9"> <input id="sfg_gift_address2" class="form-control" type="text" name="gift_address2" maxlength="40"> </div> </div> <div id="sfg_gift_city_div" class="form-group row"> <label for="sfg_gift_city" class="col-sm-3 control-label col_label">City<span class="rq">*</span></label> <div class="col-sm-9"> <input id="sfg_gift_city" class="form-control" type="text" name="gift_city" maxlength="25"> </div> </div> <div id="sfg_gift_state_div" class="form-group row"> <label for="sfg_gift_state" class="col-sm-3 control-label col_label">State<span class="rq">*</span></label> <div class="col-sm-9"> <select id="sfg_gift_state" name="gift_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_gift_state = document.getElementById('hid_sfg_gift_state'); var sfg_gift_state = document.getElementById('sfg_gift_state'); if (!hid_sfg_gift_state && sfg_gift_state) { var parent_element = sfg_gift_state.parentNode; if (parent_element !== null) { var hid_selection = document.createElement("input"); hid_selection.type = "hidden"; hid_selection.id = 'hid_sfg_gift_state'; hid_selection.name = 'hid_sfg_gift_state'; parent_element.appendChild(hid_selection); } } </script> </div> </div> <div id="sfg_gift_zip_div" class="form-group row"> <label for="sfg_gift_zip" class="col-sm-3 control-label col_label">Zip/Postal Code<span class="rq">*</span></label> <div class="col-sm-9"> <input id="sfg_gift_zip" type="text" class="form-control" name="gift_zip" maxlength="10"> </div> </div> <div id="sfg_gift_country_div" class="form-group row"> <label for="sfg_gift_country" class="col-sm-3 control-label col_label">Country<span class="rq">*</span></label> <div class="col-sm-9"> <select id="sfg_gift_country" name="gift_country" class="form-control country_control" aria-label="Country" onchange="toggle_state_dropdown('sfg_gift_country', 'sfg_gift_state', '', 'optin')"> <option value=""> Select Country... </option> <option selected value="USA">USA</option> </select> </div> </div> <div id="sfg_gift_email_div" class="form-group row"> <label for="sfg_gift_email" class="col-sm-3 control-label col_label">Email</label> <div class="col-sm-9"> <input id="sfg_gift_email" class="form-control" type="text" name="gift_email" maxlength="80"> </div> </div> <div id="sfg_gift_msg_div" class="form-group row"> <label for="sfg_gift_msg" class="col-sm-3 control-label col_label">Gift Message</label> <div class="col-sm-9"> <textarea id="sfg_gift_msg" class="form-control" name="gift_msg" rows="3" maxlength="300" data-sfg-counter-maxlines="10" data-sfg-counter-linewidth="30" data-sfg-counter-spacer=" • " data-sfg-counter-placement="after" ></textarea> </div> </div> </div> <div class="modal-footer gift_modal_footer"> <button type="button" class="btn btn-default btn_close" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary btn_save btn_autodis" rel="">Save</button> </div> </div> </div> </div> <div class="gift_dialog" title="" style="display: none;"></div> <div class="section_header gift_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">Give a Gift</span> </div> <div class="gift_top"> <div class="gift_subtext" role="heading" aria-level="4"> <span style="font-size: 20px; font-family: Arial; font-weight: normal;" data-sfg-fontfamily="Arial">Add a gift recipient:</span> </div> <div class="row"> <div class="offset-sm-2 col-sm-8"> <button class="btn gift_control add_gift btn_add btn_autodis" type="button">Add Recipient</button> </div> </div> </div> <div id="sfg_gifts" class="gift_mid"> <div class="row"> <div class="col-12"> <ul id="sfg_giftlist" class="list-group gift_list"> <li class="list-group-item gift_recipient gift_recipient_templ" rel="###" style="display: none"> <div class="row"> <div class="col gift_summary"> <div class="gift_description"> <span class="recipient_num"></span> <label> <input id="sfg_gift_###_sel" class="recipient_check" name="gifts[-1][sel]" type="checkbox" value="Y" data-unchecked-value="N" checked disabled> <span id="sfg_gift_###_name" class="recipient_name"><span class="recipient_title"></span> <span class="recipient_firstname"></span> <span class="recipient_lastname"></span> <span class="recipient_suffix"></span></span> </label> </div> <!-- </div> <div class="col"> --> <div class="gift_controls"> <button class="btn btn-sm gift_control edit_gift btn_autodis" type="button" rel="###" disabled>Edit</button><i class="fa fa-times gift_control del_gift"></i> <input type="hidden" name="gifts[-1][ctry]" value="" disabled> <input type="hidden" name="gifts[-1][del]" value="N"> </div> </div> </div> <div class="row"> <div class="col gift_selectors"> <div class="offer_all_selector_control"> <div class="offer_group_selection_instr"> </div> <div class="offer_selector_control" data-offer="1" data-group="0" data-desc="Life Lessons From America's Greatest Thinkers" data-type="ca" data-cd="SP2927X" data-prd="SP2927X" data-sel="N" data-fut="N" data-atr="N" data-price="" data-shipping="" data-total=""> <div class="offer_short_description"> Life Lessons From America's Greatest Thinkers </div> <div class="offer_selector"> <div class="form-group row qty_selector"> <div class="col-sm-3 col_label"> <label for="gifts_-1_0_1_qty" class="control-label">Qty</label> </div> <div class="col-sm-8 col_control"> <select id="gifts_-1_0_1_qty" class="form-control qty_control" name="gifts[-1][0][1][qty]" data-price="12.99" data-usa-price="12.99" aria-label="Quantity"> <option value="">----</option> <option value="1"> 1</option> <option value="2"> 2</option> <option value="3"> 3</option> <option value="4"> 4</option> <option value="5"> 5</option> <option value="6"> 6</option> <option value="7"> 7</option> <option value="8"> 8</option> <option value="9"> 9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> </select> </div> </div> </div> </div> </div> </div> </div> </li> </ul> </div> </div> </div> <div class="gift_bottom"> <div class="row"> <div class="offset-sm-2 col-sm-8"> <button class="btn gift_control add_gift btn_add btn_autodis" type="button" style="display: none">Add Recipient</button> </div> </div> </div> </div> </div> </div> <div class="col-md-5"> <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_6"> <div class="col-md-12"> <div class="zone"> <div class="widg widg_hdiv"> <div> <hr> </div> </div> </div> </div> </div> <div class="row row_7"> <div class="col-md-12"> <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="" aria-label="Expiration month"> <option value="01">01</option> <option 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 selected 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="" aria-label="Expiration year"> <option selected value="2024">2024</option> <option 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> </select> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row row_8"> <div class="col-md-12"> <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">Submit Order</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/SIPLIFE/?org=SPO&pageid=SIPLIFE'; 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: 0, n: 1, m: 1, w: 0, x: 1, f: 0, c: 1, p: 0, a: 0, q: 0, v: 0, b: 0, y: 0, z: 0}]; var od = {'1': 'Life Lessons From America\'s Greatest Thinkers'}; var ai = {'1': [['12.99', '12.99', null]]}; 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=16"></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>