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">The Golden Age of Hollywood</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 $10.00!</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="1732452611.3661"> <input id="session_token" type="hidden" name="session_token" value="xe86d1ed4a36f21e81fc90e658a8e6877"> <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="The Golden Age of Hollywood"> <div class="offer_presentation offer_1"> <p style="margin: auto; text-align: center;"><img src="/ecom/SPO/images/SIP-Golden Age of Hollywood.jpg" data-image="211050"></p> <br> <p><span style="font-size: 11px;"></span>Relive <strong>The Golden Age of Hollywood</strong> with this new collection of behind-the-scenes interviews — straight from the pages of The Saturday Evening Post — with the celebrities who defined “glamour” for a generation and who turned movie-making into a cultural art form. Get a glimpse into the personal lives of Humphrey Bogart, Lauren Bacall, Marlon Brando, Grace Kelly, Cary Grant, Sophia Loren, and many more — in their own words! You’ll also get a peek at some of Hollywood’s greatest controversies, including Charlie Chaplin’s retreat from the IRS, Judy Garland’s struggle with depression, and an inside look at the love triangle of Debbie Reynolds, Eddie Fisher, and Elizabeth Taylor.</p> This glossy, 112-page special edition is chock full of memorable photos and stories and is a great gift for anyone who loves the classic movies of the mid-20th century.<br> <div style="text-align: center;"><span style="font-size: 16px;"><div class="offer_selector_control" data-offer="1" data-group="0" data-desc="The Golden Age of Hollywood" data-type="ca" data-cd="SP2897X" data-prd="SP2897X" 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="10.00" data-usa-price="10.00" 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></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="The Golden Age of Hollywood" data-type="ca" data-cd="SP2897X" data-prd="SP2897X" data-sel="N" data-fut="N" data-atr="N" data-price="" data-shipping="" data-total=""> <div class="offer_short_description"> The Golden Age of Hollywood </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="10.00" data-usa-price="10.00" 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/SIPHWOOD/?org=SPO&pageid=SIPHWOOD'; 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': 'The Golden Age of Hollywood'}; var ai = {'1': [['10.00', '10.00', 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>