1 <form method=
"POST" action=
"/checkoutBillingInfoFrame.jhtml?_DARGS=/checkoutBillingInfoFrame.jhtml" name=
"CheckoutBillingInformation">
2 <!-- <setvalue bean="CheckoutRegistrationHandler.submitSuccessURL" value="processShowRegistrationNextPage.jhtml"> -->
3 <table border=
"0" width=
"100%" cellpadding=
"0" cellspacing=
"0">
6 <!--Begin Top Content Table -->
7 <table width=
"800" border=
"0" align=
"center" cellpadding=
"0" cellspacing=
"0">
8 <tbody><tr><td height=
"8" colspan=
"2"><img src=
"https://www.peapod.com/c/2Z/2ZAEE.gif" width=
"8" height=
"8"></td></tr>
11 <img src=
"https://www.peapod.com/c/WW/WWFDP.gif" border=
"0" alt=
"logo">
15 <table border=
"0" cellpadding=
"0" cellspacing=
"0">
17 <td nowrap=
""><a href=
"javascript:backToShopping('HIWYF1OFKGGQMCQBD0XCF3Q');">Return to Shopping
</a></td>
18 <td > |
</td>
19 <td nowrap=
""><a href=
"javascript:saveExit('HIWYF1OFKGGQMCQBD0XCF3Q');">Save
& Exit
</a></td>
20 <td > |
</td>
21 <td nowrap=
""><a href=
"javascript:myAccount('HIWYF1OFKGGQMCQBD0XCF3Q');" id=
"navLinkMyAccount">
23 <td > |
</td>
24 <td nowrap=
""><a href=
"javascript:help('HIWYF1OFKGGQMCQBD0XCF3Q');">Help
</a></td>
25 <td > |
</td>
26 <td nowrap=
""><a href=
"javascript:quickGuide('HIWYF1OFKGGQMCQBD0XCF3Q');">Top FAQs
</a></td>
31 <td align=
"right" nowrap=
"nowrap">
35 <td height=
"17" colspan=
"2"><img src=
"https://www.peapod.com/c/2Z/2ZAEE.gif" width=
"17" height=
"17"></td>
38 <!--End Top Content Table -->
43 <table width=
"713" border=
"0" align=
"center" cellpadding=
"0" cellspacing=
"0">
45 <td><img src=
"https://www.peapod.com/c/2Z/2ZAEE.gif" width=
"129" height=
"38" alt=
""></td>
46 <td><img src=
"https://www.peapod.com/c/2Z/2ZAEE.gif" width=
"82" height=
"38" alt=
""></td>
47 <td><img src=
"https://www.peapod.com/c/C9/C97QV.gif" width=
"102" height=
"38" title=
"Enter Billing Information"></td>
48 <td><img src=
"https://www.peapod.com/c/2Z/2ZAEE.gif" width=
"177" height=
"38" alt=
""></td>
49 <td><img src=
"https://www.peapod.com/c/2Z/2ZAEE.gif" width=
"113" height=
"38" alt=
""></td>
50 <td><img src=
"https://www.peapod.com/c/2Z/2ZAEE.gif" width=
"110" height=
"38" alt=
""></td>
53 <td><p><img src=
"https://www.peapod.com/c/ZC/ZCUFR.gif" width=
"129" height=
"27" alt=
"" border=
"0"></p></td>
54 <td><img src=
"https://www.peapod.com/c/UJ/UJMGS.gif" alt=
""></td>
55 <td><img src=
"https://www.peapod.com/c/YB/YB2VO.gif" alt=
""></td>
56 <td><img src=
"https://www.peapod.com/c/VH/VHS4Q.gif" alt=
""></td>
57 <td><img src=
"https://www.peapod.com/c/Y3/Y3U2O.gif" alt=
""></td>
58 <td><img src=
"https://www.peapod.com/c/WH/WHMKY.gif" alt=
""></td>
61 <td colspan=
"6"><img src=
"https://www.peapod.com/c/2Z/2ZAEE.gif" width=
"15" height=
"15"></td>
68 <table cellpadding=
"5" width=
"100%" cellspacing=
"0" border=
"0">
71 <table width=
"713" border=
"0" align=
"center" cellpadding=
"0" cellspacing=
"0">
73 <td width=
"11" height=
"9"><img src=
"https://www.peapod.com/c/C1/C1QGC.gif" width=
"11" height=
"9"></td>
74 <td height=
"9"><img src=
"https://www.peapod.com/c/KW/KWOGQ.gif" width=
"691" height=
"9"></td>
75 <td width=
"11" height=
"9" id=
"RightBorder"><img src=
"https://www.peapod.com/c/CK/CKBW7.gif" width=
"11" height=
"9"></td>
78 <td valign=
"top" background=
"https://www.peapod.com/c/HF/HFM6V.gif"><img src=
"https://www.peapod.com/c/HF/HFM6V.gif" width=
"11" height=
"61"></td>
79 <td valign=
"top" bgcolor=
"#FFFFFF" width=
"691">
80 <table width=
"100%" border=
"0" cellspacing=
"0" cellpadding=
"0">
82 <td colspan=
"5" valign=
"top"><img src=
"https://www.peapod.com/c/2Z/2ZAEE.gif" width=
"10" height=
"10"></td>
85 <td><img src=
"https://www.peapod.com/c/2Z/2ZAEE.gif" width=
"0" height=
"0"></td>
86 <td colspan=
"3" >Required fields shown in
<b>bold
</b></td>
87 <td><img src=
"https://www.peapod.com/c/2Z/2ZAEE.gif" width=
"0" height=
"0"></td>
90 <td width=
"15" valign=
"top"><img src=
"https://www.peapod.com/c/2Z/2ZAEE.gif" width=
"15" height=
"15"></td>
92 <table width=
"420" border=
"0" cellspacing=
"5" cellpadding=
"0">
95 <table border=
"0" cellpadding=
"0" cellspacing=
"0" bgcolor=
"white">
96 <tbody><tr valign=
"top">
99 <img src=
"https://www.peapod.com/c/2Z/2ZAEE.gif" width=
"5" height=
"5" border=
"0" bgcolor=
"white" name=
"imgTitle">
100 </div>Billing Information
107 <td colspan=
"3" align=
"right" >
108 <input type=
"checkbox" checked=
"" onclick=
"sameAddress('false');">My billing address and delivery address are the same.
</td>
111 <td colspan=
"3"> </td>
114 <td nowrap=
""><div align=
"right">Title:
</div></td>
116 <input maxlength=
"3" name=
"billTitle" size=
"3" type=
"TEXT" value=
"Ms." readonly=
""><input type=
"hidden" name=
"_D:billTitle" value=
" ">
120 <td nowrap=
""><div align=
"right">First Name:
</div></td>
122 <table border=
"0" bgcolor=
"white" cellpadding=
"0" cellspacing=
"0" width=
"100%">
125 <input maxlength=
"20" name=
"billFirstName" size=
"20" type=
"TEXT" value=
"Shorty" readonly=
""><input type=
"hidden" name=
"_D:billFirstName" value=
" ">
127 <td nowrap=
""> Middle Initial:
</td>
131 <td width=
"100%"> </td>
137 <td nowrap=
""><div align=
"right">Last Name:
</div></td>
139 <input maxlength=
"30" name=
"billLastName" size=
"30" type=
"TEXT" value=
"Nge" readonly=
""><input type=
"hidden" name=
"_D:billLastName" value=
" ">
143 <td nowrap=
""><div align=
"right">Street Address:
</div></td>
145 <input maxlength=
"30" name=
"billAddressLine1" size=
"30" type=
"TEXT" value=
"340 Main" readonly=
""><input type=
"hidden" name=
"_D:billAddressLine1" value=
" ">
149 <td nowrap=
""><div align=
"right">Address Line
2:
</div></td>
151 <input maxlength=
"30" name=
"billAddressLine2" size=
"30" type=
"TEXT" value=
"Apt 2" readonly=
""><input type=
"hidden" name=
"_D:billAddressLine2" value=
" ">
155 <td nowrap=
""><div align=
"right">City:
</div></td>
157 <input maxlength=
"20" name=
"billCity" size=
"20" type=
"TEXT" value=
"Agawam" readonly=
""><input type=
"hidden" name=
"_D:billCity" value=
" ">
161 <td nowrap=
""><div align=
"right">State:
</div></td>
163 <table border=
"0" cellpadding=
"0" cellspacing=
"0" bgcolor=
"white" width=
"100%">
166 <input maxlength=
"2" name=
"billState" size=
"2" type=
"TEXT" value=
"MA" readonly=
""><input type=
"hidden" name=
"_D:billState" value=
" ">
168 <td nowrap=
""> Zip Code:
</td>
170 <input maxlength=
"5" name=
"billZip" size=
"5" type=
"TEXT" value=
"01001" readonly=
""><input type=
"hidden" name=
"_D:billZip" value=
" ">
172 <td width=
"100%"> </td>
178 <td colspan=
"3"><div id=
"TitleBox3" ><img src=
"https://www.peapod.com/c/2Z/2ZAEE.gif" width=
"1" height=
"1" border=
"0" bgcolor=
"white" name=
"imgTitle"></div> </td>
181 <td nowrap=
""><div align=
"right">Contact Phone:
</div></td>
183 <input onkeyup=
"return autoTab(this,3,event);" type=
"TEXT" name=
"HomeArea" size=
"3" maxlength=
"3" value=
"310" readonly=
""><input type=
"hidden" name=
"_D:HomeArea" value=
" ">-
184 <input onkeyup=
"return autoTab(this,3,event);" type=
"TEXT" name=
"HomePrefix" size=
"3" maxlength=
"3" value=
"555" readonly=
""><input type=
"hidden" name=
"_D:HomePrefix" value=
" ">-
185 <input type=
"TEXT" name=
"HomeSuffix" size=
"4" maxlength=
"4" value=
"1212" readonly=
""><input type=
"hidden" name=
"_D:HomeSuffix" value=
" ">
189 <td colspan=
"3"><img src=
"https://www.peapod.com/c/2Z/2ZAEE.gif" width=
"5" height=
"5"></td>
192 <td colspan=
"3"><div id=
"TitleBox2" ><img src=
"https://www.peapod.com/c/2Z/2ZAEE.gif" width=
"1" height=
"1" border=
"0" bgcolor=
"white" name=
"imgTitle"></div> </td>
195 <td colspan=
"3" >Payment Information
</td>
199 <table border=
"0" cellpadding=
"0" cellspacing=
"0" bgcolor=
"white" width=
"100%">
201 <td >To secure your account, we require all customers to have a valid credit card on file. When it comes time to pay for your order, you will be able to choose to pay with a credit or debit card.
<br><br></td>
203 <a href=
"javascript:vrsn_splash()" tabindex=
"-1"><img name=
"seal" border=
"true" src=
"https://seal.websecurity.norton.com/getseal?at=0&sealid=1&dn=www.peapod.com&lang=en" oncontextmenu=
"return false;" alt=
"Click to Verify - This site has chosen an SSL Certificate to improve Web site security"></a>
211 <table border=
"0" cellpadding=
"0" cellspacing=
"0" bgcolor=
"white" width=
"100%">
213 <td valign=
"top"><img src=
"https://www.peapod.com/c/QK/QKLIM.gif" border=
"0" bgcolor=
"white" name=
"verisign"></td>
215 <td >We use SSL encryption to protect your personal information, including your credit card information.
<br></td>
223 <img src=
"https://www.peapod.com/c/9H/9HKB3.gif" border=
"0">
224 <img src=
"https://www.peapod.com/c/3O/3OQII.gif" border=
"0">
225 <img src=
"https://www.peapod.com/c/T1/T1YKZ.gif" border=
"0">
226 <img src=
"https://www.peapod.com/c/IG/IGCQH.gif" border=
"0">
230 <td nowrap=
""><div align=
"right">Card Type:
</div></td>
232 <select name=
"/peapod/handler/iditarod/CheckoutRegistrationHandler.creditCardType">
233 <option value=
"" selected=
"">-- Select Type --
</option>
234 <option value=
"AMEX">American Express
</option>
235 <option value=
"DISC">Discover
</option>
236 <option value=
"MC">MasterCard
</option>
237 <option value=
"VISA">Visa
</option>
238 </select><input type=
"hidden" name=
"_D:/peapod/handler/iditarod/CheckoutRegistrationHandler.creditCardType" value=
" ">
242 <td nowrap=
""><div align=
"right">Card Number:
</div></td>
244 <table border=
"0" cellpadding=
"0" cellspacing=
"0" bgcolor=
"white" width=
"100%">
246 <td nowrap=
""><input maxlength=
"16" autocomplete=
"off" name=
"cardNum" id=
"creditCardNumber" size=
"24" type=
"TEXT" value=
"" onfocus=
"return !showInfoBoxII('cardNumberHelp', event, 1 );"><input type=
"hidden" name=
"_D:cardNum" value=
" "></td>
247 <td> <a href=
"#" tabindex=
"-1" onclick=
"return !showInfoBoxII('cardNumberHelp', event);"><img src=
"https://www.peapod.com/c/C5/C5NC5.gif" width=
"21" height=
"21" border=
"0" alt=
"Help on entering your credit card number"></a>
248 <input id=
"ccNum" type=
"HIDDEN" value=
"" name=
"/peapod/handler/iditarod/CheckoutRegistrationHandler.ccNum"><input type=
"hidden" name=
"_D:/peapod/handler/iditarod/CheckoutRegistrationHandler.ccNum" value=
" ">
249 <input id=
"cvv" type=
"HIDDEN" value=
"" name=
"/peapod/handler/iditarod/CheckoutRegistrationHandler.cvv"><input type=
"hidden" name=
"_D:/peapod/handler/iditarod/CheckoutRegistrationHandler.cvv" value=
" ">
250 <input id=
"key" type=
"HIDDEN" value=
"" name=
"/peapod/handler/iditarod/CheckoutRegistrationHandler.key"><input type=
"hidden" name=
"_D:/peapod/handler/iditarod/CheckoutRegistrationHandler.key" value=
" ">
251 <input id=
"drCcNum" type=
"HIDDEN" value=
"" name=
"/peapod/handler/iditarod/CheckoutRegistrationHandler.drCcNum"><input type=
"hidden" name=
"_D:/peapod/handler/iditarod/CheckoutRegistrationHandler.drCcNum" value=
" ">
252 <input id=
"drCvv" type=
"HIDDEN" value=
"" name=
"/peapod/handler/iditarod/CheckoutRegistrationHandler.drCvv"><input type=
"hidden" name=
"_D:/peapod/handler/iditarod/CheckoutRegistrationHandler.drCvv" value=
" ">
253 <input id=
"drKey" type=
"HIDDEN" value=
"" name=
"/peapod/handler/iditarod/CheckoutRegistrationHandler.drKey"><input type=
"hidden" name=
"_D:/peapod/handler/iditarod/CheckoutRegistrationHandler.drKey" value=
" ">
254 <input id=
"cvvLength" type=
"HIDDEN" value=
"" name=
"/peapod/handler/iditarod/CheckoutRegistrationHandler.cvvLength"><input type=
"hidden" name=
"_D:/peapod/handler/iditarod/CheckoutRegistrationHandler.cvvLength" value=
" ">
255 <input id=
"errorCode" type=
"HIDDEN" value=
"" name=
"/peapod/handler/iditarod/CheckoutRegistrationHandler.errorCode"><input type=
"hidden" name=
"_D:/peapod/handler/iditarod/CheckoutRegistrationHandler.errorCode" value=
" ">
257 <td width=
"100%"> </td>
262 <!-- card id number -->
264 <td align=
"RIGHT" nowrap=
"">Security Code:
</td>
266 <table cellspacing=
"0" cellpadding=
"0">
268 <td align=
"left"><input maxlength=
"4" name=
"cid" id=
"creditCardCid" size=
"4" autocomplete=
"off" type=
"TEXT" value=
"" onfocus=
"return !showInfoBoxII('CardIdNumberHelp', event, 1 );"><input type=
"hidden" name=
"_D:cid" value=
" "> <a href=
"#" tabindex=
"-1" class=
"popupLink" onclick=
"return !showInfoBoxII('CardIdNumberHelp', event);"><img src=
"https://www.peapod.com/c/C5/C5NC5.gif" title=
"Help on entering your Security Code" width=
"21" height=
"21" border=
"0"></a></td>
269 <!-- red arrow looks bad <img src="bean:Image.URL[11405]" border=0></td> -->
271 <!-- displayed at top
274 <droplet bean="Switch">
275 <param name="value" value="bean:CheckoutRegistrationHandler.propertyExceptions.missingInfo.errorCode">
276 <oparam name="MissingCID">
277 <font color="red">Missing Security Code</font>
279 <oparam name="InvalidCID">
280 <font color="red">Invalid Security Code</font>
288 <!-- card id number -->
290 <td nowrap=
""><div align=
"right">Expiration Date:
</div></td>
292 <select name=
"/peapod/handler/iditarod/CheckoutRegistrationHandler.expirationMonth">
293 <option value=
"0"></option>
294 <option value=
"01">01</option>
295 <option value=
"02">02</option>
296 <option value=
"03">03</option>
297 <option value=
"04">04</option>
298 <option value=
"05">05</option>
299 <option value=
"06">06</option>
300 <option value=
"07">07</option>
301 <option value=
"08">08</option>
302 <option value=
"09">09</option>
303 <option value=
"10">10</option>
304 <option value=
"11">11</option>
305 <option value=
"12">12</option>
306 </select><input type=
"hidden" name=
"_D:/peapod/handler/iditarod/CheckoutRegistrationHandler.expirationMonth" value=
" ">
308 <select name=
"/peapod/handler/iditarod/CheckoutRegistrationHandler.expirationYear">
309 <option value=
"0"></option>
310 <option value=
"2014">2014</option>
311 <option value=
"2015">2015</option>
312 <option value=
"2016">2016</option>
313 <option value=
"2017">2017</option>
314 <option value=
"2018">2018</option>
315 <option value=
"2019">2019</option>
316 <option value=
"2020">2020</option>
317 <option value=
"2021">2021</option>
318 <option value=
"2022">2022</option>
319 <option value=
"2023">2023</option>
320 </select><input type=
"hidden" name=
"_D:/peapod/handler/iditarod/CheckoutRegistrationHandler.expirationYear" value=
" ">
324 <td nowrap=
""><div align=
"right">Name on Card:
</div></td>
326 <table border=
"0" cellpadding=
"0" cellspacing=
"0" bgcolor=
"white" width=
"100%">
327 <tbody><tr><td nowrap=
"">
328 <input maxlength=
"20" autocomplete=
"off" name=
"cardName" size=
"20" type=
"TEXT" value=
"Shorty Nge" onfocus=
"return !showInfoBoxII('cardNameHelp', event, 1 );"><input type=
"hidden" name=
"_D:cardName" value=
" ">
331 <valueof bean="CheckoutRegistrationHandler.billFirstName"></valueof> <valueof bean="CheckoutRegistrationHandler.billMiddleInitial"></valueof> <valueof bean="CheckoutRegistrationHandler.billLastName"></valueof></td>
333 <td align=
"right"> <a href=
"#" tabindex=
"-1" onclick=
"return !showInfoBoxII('cardNameHelp', event);"><img src=
"https://www.peapod.com/c/C5/C5NC5.gif" width=
"21" height=
"21" border=
"0" title=
"Help on entering the name on your credit card"></a></td>
334 <td width=
"100%"> </td>
340 <td colspan=
"3"><img src=
"https://www.peapod.com/c/2Z/2ZAEE.gif" width=
"5" height=
"5"></td>
349 <td width=
"15" valign=
"top"><img src=
"https://www.peapod.com/c/2Z/2ZAEE.gif" width=
"15" height=
"15"></td>
351 <table width=
"194" border=
"0" align=
"center" cellpadding=
"0" cellspacing=
"0">
352 <tbody><tr><td></td></tr>
353 <tr><td valign=
"top"></td></tr>
356 <td width=
"15" valign=
"top"><img src=
"https://www.peapod.com/c/2Z/2ZAEE.gif" width=
"15" height=
"15"></td>
358 <tr><td colspan=
"5" width=
"100%">
359 <div align=
"center"><input type=
"image" src=
"https://www.peapod.com/c/BY/BYKGM.gif" border=
"0" width=
"103" height=
"29" name=
"submitButton1" align=
"middle" title=
"Continue" onclick=
"return submitMonitor(2);"><input type=
"hidden" name=
"_D:submitButton1" value=
" "></div>
363 <td valign=
"top" background=
"https://www.peapod.com/c/AA/AANXG.gif"><img src=
"https://www.peapod.com/c/AA/AANXG.gif" width=
"11" height=
"61"></td>
366 <td width=
"11" height=
"13" valign=
"top"><img src=
"https://www.peapod.com/c/EX/EXMRJ.gif" width=
"11" height=
"13"></td>
367 <td height=
"13" valign=
"top"><img src=
"https://www.peapod.com/c/QT/QTRSM.gif" width=
"691" height=
"13"></td>
368 <td width=
"11" height=
"13" valign=
"top"><img src=
"https://www.peapod.com/c/4C/4CL8H.gif" width=
"11" height=
"13"></td>