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 <link rel=
"stylesheet" href=
"/site/common/templates/page/style/peapodUIKit_v1.1.1.css" type=
"text/css">
8 <table width=
"800" border=
"0" align=
"center" cellpadding=
"0" cellspacing=
"0">
9 <tbody><tr><td height=
"8" colspan=
"2"><img src=
"https://www.peapod.com/c/2Z/2ZAEE.gif" width=
"8" height=
"8"></td></tr>
12 <img src=
"https://www.peapod.com/c/WW/WWFDP.gif" border=
"0" alt=
"logo">
16 <table border=
"0" cellpadding=
"0" cellspacing=
"0">
18 <td nowrap=
""><a href=
"javascript:backToShopping('HIWYF1OFKGGQMCQBD0XCF3Q');">Return to Shopping
</a></td>
19 <td > |
</td>
20 <td nowrap=
""><a href=
"javascript:saveExit('HIWYF1OFKGGQMCQBD0XCF3Q');">Save
& Exit
</a></td>
21 <td > |
</td>
22 <td nowrap=
""><a href=
"javascript:myAccount('HIWYF1OFKGGQMCQBD0XCF3Q');" id=
"navLinkMyAccount">
24 <td > |
</td>
25 <td nowrap=
""><a href=
"javascript:help('HIWYF1OFKGGQMCQBD0XCF3Q');">Help
</a></td>
26 <td > |
</td>
27 <td nowrap=
""><a href=
"javascript:quickGuide('HIWYF1OFKGGQMCQBD0XCF3Q');">Top FAQs
</a></td>
32 <td align=
"right" nowrap=
"nowrap">
36 <td height=
"17" colspan=
"2"><img src=
"https://www.peapod.com/c/2Z/2ZAEE.gif" width=
"17" height=
"17"></td>
39 <!--End Top Content Table -->
44 <table width=
"713" border=
"0" align=
"center" cellpadding=
"0" cellspacing=
"0">
46 <td><img src=
"https://www.peapod.com/c/2Z/2ZAEE.gif" width=
"129" height=
"38" alt=
""></td>
47 <td><img src=
"https://www.peapod.com/c/2Z/2ZAEE.gif" width=
"82" height=
"38" alt=
""></td>
48 <td><img src=
"https://www.peapod.com/c/C9/C97QV.gif" width=
"102" height=
"38" title=
"Enter Billing Information"></td>
49 <td><img src=
"https://www.peapod.com/c/2Z/2ZAEE.gif" width=
"177" height=
"38" alt=
""></td>
50 <td><img src=
"https://www.peapod.com/c/2Z/2ZAEE.gif" width=
"113" height=
"38" alt=
""></td>
51 <td><img src=
"https://www.peapod.com/c/2Z/2ZAEE.gif" width=
"110" height=
"38" alt=
""></td>
54 <td><p><img src=
"https://www.peapod.com/c/ZC/ZCUFR.gif" width=
"129" height=
"27" alt=
"" border=
"0"></p></td>
55 <td><img src=
"https://www.peapod.com/c/UJ/UJMGS.gif" alt=
""></td>
56 <td><img src=
"https://www.peapod.com/c/YB/YB2VO.gif" alt=
""></td>
57 <td><img src=
"https://www.peapod.com/c/VH/VHS4Q.gif" alt=
""></td>
58 <td><img src=
"https://www.peapod.com/c/Y3/Y3U2O.gif" alt=
""></td>
59 <td><img src=
"https://www.peapod.com/c/WH/WHMKY.gif" alt=
""></td>
62 <td colspan=
"6"><img src=
"https://www.peapod.com/c/2Z/2ZAEE.gif" width=
"15" height=
"15"></td>
69 <table cellpadding=
"5" width=
"100%" cellspacing=
"0" border=
"0">
72 <table width=
"713" border=
"0" align=
"center" cellpadding=
"0" cellspacing=
"0">
74 <td width=
"11" height=
"9"><img src=
"https://www.peapod.com/c/C1/C1QGC.gif" width=
"11" height=
"9"></td>
75 <td height=
"9"><img src=
"https://www.peapod.com/c/KW/KWOGQ.gif" width=
"691" height=
"9"></td>
76 <td width=
"11" height=
"9" id=
"RightBorder"><img src=
"https://www.peapod.com/c/CK/CKBW7.gif" width=
"11" height=
"9"></td>
79 <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>
80 <td valign=
"top" bgcolor=
"#FFFFFF" width=
"691">
81 <table width=
"100%" border=
"0" cellspacing=
"0" cellpadding=
"0">
83 <td colspan=
"5" valign=
"top"><img src=
"https://www.peapod.com/c/2Z/2ZAEE.gif" width=
"10" height=
"10"></td>
86 <td><img src=
"https://www.peapod.com/c/2Z/2ZAEE.gif" width=
"0" height=
"0"></td>
87 <td colspan=
"3" >Required fields shown in
<b>bold
</b></td>
88 <td><img src=
"https://www.peapod.com/c/2Z/2ZAEE.gif" width=
"0" height=
"0"></td>
91 <td width=
"15" valign=
"top"><img src=
"https://www.peapod.com/c/2Z/2ZAEE.gif" width=
"15" height=
"15"></td>
93 <table width=
"420" border=
"0" cellspacing=
"5" cellpadding=
"0">
96 <table border=
"0" cellpadding=
"0" cellspacing=
"0" bgcolor=
"white">
97 <tbody><tr valign=
"top">
100 <img src=
"https://www.peapod.com/c/2Z/2ZAEE.gif" width=
"5" height=
"5" border=
"0" bgcolor=
"white" name=
"imgTitle">
101 </div>Billing Information
108 <td colspan=
"3" align=
"right" >
109 <input type=
"checkbox" checked=
"" onclick=
"sameAddress('false');">My billing address and delivery address are the same.
</td>
112 <td colspan=
"3"> </td>
115 <td nowrap=
""><div align=
"right">Title:
</div></td>
117 <input maxlength=
"3" name=
"billTitle" size=
"3" type=
"TEXT" value=
"Ms." readonly=
""><input type=
"hidden" name=
"_D:billTitle" value=
" ">
121 <td nowrap=
""><div align=
"right">First Name:
</div></td>
123 <table border=
"0" bgcolor=
"white" cellpadding=
"0" cellspacing=
"0" width=
"100%">
126 <input maxlength=
"20" name=
"billFirstName" size=
"20" type=
"TEXT" value=
"Shorty" readonly=
""><input type=
"hidden" name=
"_D:billFirstName" value=
" ">
128 <td nowrap=
""> Middle Initial:
</td>
132 <td width=
"100%"> </td>
138 <td nowrap=
""><div align=
"right">Last Name:
</div></td>
140 <input maxlength=
"30" name=
"billLastName" size=
"30" type=
"TEXT" value=
"Nge" readonly=
""><input type=
"hidden" name=
"_D:billLastName" value=
" ">
144 <td nowrap=
""><div align=
"right">Street Address:
</div></td>
146 <input maxlength=
"30" name=
"billAddressLine1" size=
"30" type=
"TEXT" value=
"340 Main" readonly=
""><input type=
"hidden" name=
"_D:billAddressLine1" value=
" ">
150 <td nowrap=
""><div align=
"right">Address Line
2:
</div></td>
152 <input maxlength=
"30" name=
"billAddressLine2" size=
"30" type=
"TEXT" value=
"Apt 2" readonly=
""><input type=
"hidden" name=
"_D:billAddressLine2" value=
" ">
156 <td nowrap=
""><div align=
"right">City:
</div></td>
158 <input maxlength=
"20" name=
"billCity" size=
"20" type=
"TEXT" value=
"Agawam" readonly=
""><input type=
"hidden" name=
"_D:billCity" value=
" ">
162 <td nowrap=
""><div align=
"right">State:
</div></td>
164 <table border=
"0" cellpadding=
"0" cellspacing=
"0" bgcolor=
"white" width=
"100%">
167 <input maxlength=
"2" name=
"billState" size=
"2" type=
"TEXT" value=
"MA" readonly=
""><input type=
"hidden" name=
"_D:billState" value=
" ">
169 <td nowrap=
""> Zip Code:
</td>
171 <input maxlength=
"5" name=
"billZip" size=
"5" type=
"TEXT" value=
"01001" readonly=
""><input type=
"hidden" name=
"_D:billZip" value=
" ">
173 <td width=
"100%"> </td>
179 <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>
182 <td nowrap=
""><div align=
"right">Contact Phone:
</div></td>
184 <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=
" ">-
185 <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=
" ">-
186 <input type=
"TEXT" name=
"HomeSuffix" size=
"4" maxlength=
"4" value=
"1212" readonly=
""><input type=
"hidden" name=
"_D:HomeSuffix" value=
" ">
190 <td colspan=
"3"><img src=
"https://www.peapod.com/c/2Z/2ZAEE.gif" width=
"5" height=
"5"></td>
193 <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>
196 <td colspan=
"3" >Payment Information
</td>
200 <table border=
"0" cellpadding=
"0" cellspacing=
"0" bgcolor=
"white" width=
"100%">
202 <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>
204 <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>
212 <table border=
"0" cellpadding=
"0" cellspacing=
"0" bgcolor=
"white" width=
"100%">
214 <td valign=
"top"><img src=
"https://www.peapod.com/c/QK/QKLIM.gif" border=
"0" bgcolor=
"white" name=
"verisign"></td>
216 <td >We use SSL encryption to protect your personal information, including your credit card information.
<br></td>
224 <img src=
"https://www.peapod.com/c/9H/9HKB3.gif" border=
"0">
225 <img src=
"https://www.peapod.com/c/3O/3OQII.gif" border=
"0">
226 <img src=
"https://www.peapod.com/c/T1/T1YKZ.gif" border=
"0">
227 <img src=
"https://www.peapod.com/c/IG/IGCQH.gif" border=
"0">
231 <td nowrap=
""><div align=
"right">Card Type:
</div></td>
233 <select name=
"/peapod/handler/iditarod/CheckoutRegistrationHandler.creditCardType">
234 <option value=
"" selected=
"">-- Select Type --
</option>
235 <option value=
"AMEX">American Express
</option>
236 <option value=
"DISC">Discover
</option>
237 <option value=
"MC">MasterCard
</option>
238 <option value=
"VISA">Visa
</option>
239 </select><input type=
"hidden" name=
"_D:/peapod/handler/iditarod/CheckoutRegistrationHandler.creditCardType" value=
" ">
243 <td nowrap=
""><div align=
"right">Card Number:
</div></td>
245 <table border=
"0" cellpadding=
"0" cellspacing=
"0" bgcolor=
"white" width=
"100%">
247 <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>
248 <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>
249 <input id=
"ccNum" type=
"HIDDEN" value=
"" name=
"/peapod/handler/iditarod/CheckoutRegistrationHandler.ccNum"><input type=
"hidden" name=
"_D:/peapod/handler/iditarod/CheckoutRegistrationHandler.ccNum" value=
" ">
250 <input id=
"cvv" type=
"HIDDEN" value=
"" name=
"/peapod/handler/iditarod/CheckoutRegistrationHandler.cvv"><input type=
"hidden" name=
"_D:/peapod/handler/iditarod/CheckoutRegistrationHandler.cvv" value=
" ">
251 <input id=
"key" type=
"HIDDEN" value=
"" name=
"/peapod/handler/iditarod/CheckoutRegistrationHandler.key"><input type=
"hidden" name=
"_D:/peapod/handler/iditarod/CheckoutRegistrationHandler.key" value=
" ">
252 <input id=
"drCcNum" type=
"HIDDEN" value=
"" name=
"/peapod/handler/iditarod/CheckoutRegistrationHandler.drCcNum"><input type=
"hidden" name=
"_D:/peapod/handler/iditarod/CheckoutRegistrationHandler.drCcNum" value=
" ">
253 <input id=
"drCvv" type=
"HIDDEN" value=
"" name=
"/peapod/handler/iditarod/CheckoutRegistrationHandler.drCvv"><input type=
"hidden" name=
"_D:/peapod/handler/iditarod/CheckoutRegistrationHandler.drCvv" value=
" ">
254 <input id=
"drKey" type=
"HIDDEN" value=
"" name=
"/peapod/handler/iditarod/CheckoutRegistrationHandler.drKey"><input type=
"hidden" name=
"_D:/peapod/handler/iditarod/CheckoutRegistrationHandler.drKey" value=
" ">
255 <input id=
"cvvLength" type=
"HIDDEN" value=
"" name=
"/peapod/handler/iditarod/CheckoutRegistrationHandler.cvvLength"><input type=
"hidden" name=
"_D:/peapod/handler/iditarod/CheckoutRegistrationHandler.cvvLength" value=
" ">
256 <input id=
"errorCode" type=
"HIDDEN" value=
"" name=
"/peapod/handler/iditarod/CheckoutRegistrationHandler.errorCode"><input type=
"hidden" name=
"_D:/peapod/handler/iditarod/CheckoutRegistrationHandler.errorCode" value=
" ">
258 <td width=
"100%"> </td>
263 <!-- card id number -->
265 <td align=
"RIGHT" nowrap=
"">Security Code:
</td>
267 <table cellspacing=
"0" cellpadding=
"0">
269 <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>
270 <!-- red arrow looks bad <img src="bean:Image.URL[11405]" border=0></td> -->
272 <!-- displayed at top
275 <droplet bean="Switch">
276 <param name="value" value="bean:CheckoutRegistrationHandler.propertyExceptions.missingInfo.errorCode">
277 <oparam name="MissingCID">
278 <font color="red">Missing Security Code</font>
280 <oparam name="InvalidCID">
281 <font color="red">Invalid Security Code</font>
289 <!-- card id number -->
291 <td nowrap=
""><div align=
"right">Expiration Date:
</div></td>
293 <select name=
"/peapod/handler/iditarod/CheckoutRegistrationHandler.expirationMonth">
294 <option value=
"0"></option>
295 <option value=
"01">01</option>
296 <option value=
"02">02</option>
297 <option value=
"03">03</option>
298 <option value=
"04">04</option>
299 <option value=
"05">05</option>
300 <option value=
"06">06</option>
301 <option value=
"07">07</option>
302 <option value=
"08">08</option>
303 <option value=
"09">09</option>
304 <option value=
"10">10</option>
305 <option value=
"11">11</option>
306 <option value=
"12">12</option>
307 </select><input type=
"hidden" name=
"_D:/peapod/handler/iditarod/CheckoutRegistrationHandler.expirationMonth" value=
" ">
309 <select name=
"/peapod/handler/iditarod/CheckoutRegistrationHandler.expirationYear">
310 <option value=
"0"></option>
311 <option value=
"2014">2014</option>
312 <option value=
"2015">2015</option>
313 <option value=
"2016">2016</option>
314 <option value=
"2017">2017</option>
315 <option value=
"2018">2018</option>
316 <option value=
"2019">2019</option>
317 <option value=
"2020">2020</option>
318 <option value=
"2021">2021</option>
319 <option value=
"2022">2022</option>
320 <option value=
"2023">2023</option>
321 </select><input type=
"hidden" name=
"_D:/peapod/handler/iditarod/CheckoutRegistrationHandler.expirationYear" value=
" ">
325 <td nowrap=
""><div align=
"right">Name on Card:
</div></td>
327 <table border=
"0" cellpadding=
"0" cellspacing=
"0" bgcolor=
"white" width=
"100%">
328 <tbody><tr><td nowrap=
"">
329 <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=
" ">
332 <valueof bean="CheckoutRegistrationHandler.billFirstName"></valueof> <valueof bean="CheckoutRegistrationHandler.billMiddleInitial"></valueof> <valueof bean="CheckoutRegistrationHandler.billLastName"></valueof></td>
334 <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>
335 <td width=
"100%"> </td>
341 <td colspan=
"3"><img src=
"https://www.peapod.com/c/2Z/2ZAEE.gif" width=
"5" height=
"5"></td>
350 <td width=
"15" valign=
"top"><img src=
"https://www.peapod.com/c/2Z/2ZAEE.gif" width=
"15" height=
"15"></td>
352 <table width=
"194" border=
"0" align=
"center" cellpadding=
"0" cellspacing=
"0">
353 <tbody><tr><td></td></tr>
354 <tr><td valign=
"top"></td></tr>
357 <td width=
"15" valign=
"top"><img src=
"https://www.peapod.com/c/2Z/2ZAEE.gif" width=
"15" height=
"15"></td>
359 <tr><td colspan=
"5" width=
"100%">
360 <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>
364 <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>
367 <td width=
"11" height=
"13" valign=
"top"><img src=
"https://www.peapod.com/c/EX/EXMRJ.gif" width=
"11" height=
"13"></td>
368 <td height=
"13" valign=
"top"><img src=
"https://www.peapod.com/c/QT/QTRSM.gif" width=
"691" height=
"13"></td>
369 <td width=
"11" height=
"13" valign=
"top"><img src=
"https://www.peapod.com/c/4C/4CL8H.gif" width=
"11" height=
"13"></td>