<!-- https://www.jcpenney.com/dotcom/jsp/checkout/secure/checkout.jsp -->
<form name="frmAddCreditCard" method="post" action="#" id="frmAddCreditCard">
<div>
<!-- Display bread crumb -->
<div id="pnlBreadCrumb">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="bottom">
<a href="#"><img border="0" height="60" width="172" src="#" alt="jcpenney.com" /><img border="0" width="4" src="#" alt="" /><br />
<img border="0" width="4" src="#" alt="" /></a>
</td>
<td valign="bottom">
<a id="Breadcrumb_hlStep1" href="#" name="Breadcrumb_hlStep1"><img src="#" alt="Step 1 of 4, Login" /></a>
</td>
<td valign="bottom">
<a id="Breadcrumb_hlStep2" href="#" name="Breadcrumb_hlStep2"><img src="#" alt="Step 2 of 4, Billing and Shipping" /></a>
</td>
<td valign="bottom">
<a id="Breadcrumb_hlStep3" href="#" name="Breadcrumb_hlStep3"><img src="#" alt="Step 3 of 4, Order Summary" /></a>
</td>
<td valign="bottom">
<a id="Breadcrumb_hlStep4" name="Breadcrumb_hlStep4"><img src="#" alt="Step 4 of 4, Payment Options" /></a>
</td>
</tr>
</table><noscript>
<table>
<tr>
<td valign="bottom">
<img border="0" height="40" width="40" src="#" alt="" />
</td>
<td valign="bottom">
<font class="ErrorMessageSmall">Javascript is disabled in your browser.</font> <font class="ErrorMessageSmallNonBold">Javascript is used to provide you with the best shopping experience.<br />
Please enable Javascript on your browser and refresh this page before continuing.</font> <a class="JavascriptLink" target="_blank" href="#">How to enable Javascript...</a><br />
</td>
</tr>
</table></noscript>
</div><!-- Display page header -->
<br />
<table width="770" border="0" cellpadding="0" cellspacing="0" summary="Page Heading">
<tr>
<td valign="bottom" class="PageHeading">
payment option
</td>
<td align="right" class="StandardCell">
<!-- Display Order total as additional information -->
<div id="PageHeader_pnlAdditionalInfo">
<font class="HighlightText">ORDER TOTAL:</font> <span id="PageHeader_lblOrderTotal">$20.05</span>
</div><!-- Display order total, gift card total and balance amount to pay as additional information -->
</td>
</tr>
<tr>
<td valign="top" colspan="2">
<img height="1" src="#" width="755" alt="" /><br />
<span id="PageHeader_lblErrors" class="ErrorMessageSmall"></span>
</td>
<td valign="top">
<img height="16" src="#" width="15" alt="" />
</td>
</tr>
</table>
<div id="validationErrorSummary" class="ErrorMessageSmall" style="color:Red;display:none;"></div><!--Display AddCreditCard box heading -->
<table width="768" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3" class="StandardCellHeading">
<span id="lblBoxHeading" class="PageHeading"> credit card</span>
</td>
</tr>
<tr>
<td width="1" class="Border">
<img width="0" height="0" src="#" alt="" />
</td>
<td width="770">
<div id="pnlExpressCheckout"></div>
<table width="100%" border="0" cellpadding="3" cellspacing="0" summary="Payment Options">
<tr>
<td class="StandardCell" colspan="3">
<table width="100%">
<tr>
<td class="StandardCell" width="5%">
</td>
<td class="StandardCell" width="95%">
Fields marked with an asterisk (*) are required.
</td>
</tr>
</table>
</td>
</tr><!-- Display Express Checkout Option -->
<tr>
<td class="CellAccent1" align="right">
</td>
<td class="CellAccent1" colspan="2">
</td>
</tr><!-- Display Card Type -->
<tr>
<td class="CellAccent1" align="right" valign="middle">
<span id="lblCardType">*Card type:</span>
</td>
<td class="CellAccent1" valign="middle">
<select name="drpdwnCardTypes" id="drpdwnCardTypes" class="StandardCell">
<option value="JCP1">
JCPenney
</option>
<option value="Visa">
Visa
</option>
<option value="Mastercard">
MasterCard
</option>
<option value="Amex">
American Express
</option>
<option value="Discover">
Discover Network
</option>
</select>
</td>
<td class="CellAccent1" valign="top" width="100%">
<img id="imgSevenCards" alt="JCPenney, Discover, Visa, Master Card, American Express" src="#" />
</td>
</tr><!-- Display Name on Card -->
<tr>
<td class="CellAccent1" align="right">
<span id="lblCardName">*Name on the card:</span>
</td>
<td class="CellAccent1" colspan="2">
<input name="txtNameOnCreditCard" type="text" size="20" id="txtNameOnCreditCard" title="Name on the card, Required" class="StandardCell" />
</td>
</tr><!-- Display Card Number -->
<tr>
<td class="CellAccent1" align="right">
<span id="lblCardNumber">*Card number:</span>
</td>
<td class="CellAccent1" colspan="2">
<input name="txtCreditCardNumber" type="text" size="20" id="txtCreditCardNumber" title="Card number, Required" class="StandardCell" />
</td>
</tr><!-- Display Expiration Date -->
<tr>
<td class="CellAccent1" align="right">
<span id="lblExpirationDate">*Expiration date:</span>
</td>
<td class="CellAccent1" colspan="2">
<select name="drpdwnExpirationMonth" id="drpdwnExpirationMonth" class="StandardCell">
<option value="00">
None
</option>
<option value="01">
Jan
</option>
<option value="02">
Feb
</option>
<option value="03">
Mar
</option>
<option value="04">
Apr
</option>
<option value="05">
May
</option>
<option value="06">
Jun
</option>
<option value="07">
Jul
</option>
<option value="08">
Aug
</option>
<option value="09">
Sep
</option>
<option value="10">
Oct
</option>
<option value="11">
Nov
</option>
<option value="12">
Dec
</option>
</select> <select name="drpdwnExpirationYear" id="drpdwnExpirationYear" class="StandardCell">
<option value="None">
None
</option>
<option selected="selected" value="2011">
2011
</option>
<option value="2012">
2012
</option>
<option value="2013">
2013
</option>
<option value="2014">
2014
</option>
<option value="2015">
2015
</option>
<option value="2016">
2016
</option>
<option value="2017">
2017
</option>
<option value="2018">
2018
</option>
<option value="2019">
2019
</option>
<option value="2020">
2020
</option>
<option value="2021">
2021
</option>
</select>
</td>
</tr><!-- Display VISA card verification -->
<tr>
<td class="CellAccent1" align="right">
<span id="lblVisaVerificationNumber">VISA Card Verification #</span>
</td>
<td class="CellAccent1" colspan="2">
<input name="txtVisaVerificationNumber" type="text" maxlength="3" size="3" id="txtVisaVerificationNumber" title="VISA Card Verification #, Optional" class="StandardCell" />
</td>
</tr>
<tr>
<td class="CellAccent1" align="center">
<img id="imgVisaVerification" title="The verification number is a three digit number found in the signature area on the back of the card" src="#" />
</td>
<td class="CellAccent1" valign="top" colspan="2">
(Required for VISA Cards only)<br />
VISA Card Verification # is a three digit number found in the signature<br />
area on the back of your VISA credit card. This three digit number is<br />
displayed after your credit card number.<br />
<input id="chkUnreadable" type="checkbox" name="chkUnreadable" /><label for="chkUnreadable">I can't read the numbers</label>
</td>
</tr>
<tr>
<td colspan="3" class="CellAccent1">
<span id="cstmValidateCreditCardInformation" style="color:Red;visibility:hidden;"></span>
</td>
</tr>
</table><!--Display AddCreditCard box tail -->
</td>
<td class="Border" width="1">
<img width="0" height="0" src="#" alt="" />
</td>
</tr>
<tr>
<td colspan="3" class="Border" height="1"></td>
</tr>
</table><!-- Display Buttons -->
<table width="768" border="0" cellpadding="0" cellspacing="0" summary="Action Items">
<tr>
<td width="350">
<img width="0" height="0" src="#" alt="" />
</td>
<td rowspan="2" align="center" valign="top">
<img id="imgRightArrow" alt="" src="#" />
</td>
</tr>
<tr>
<td align="left">
<input type="image" name="btnImgCancel" id="btnImgCancel" src="#" alt="Cancel" />
</td>
<td align="right">
<input type="image" name="btnImgPlaceOrder" id="btnImgPlaceOrder" src="#" alt="Place Your Order" /> <img id="imgPlaceOrder" src="#" alt="Place Your Order" style="border-width:0px;display:none;" />
</td>
</tr>
</table><!-- Display footer -->
<table width="770">
<tr>
<td class="StandardCell" align="center">
<span class="PageHeading"><br />
You are currently logged in.</span><br />
<span class="StandardText">For security purposes, you will be<br />
logged out after 10 minutes of inactivity,<br />
or you may <a id="LoggedInFooterMessage_hlSignOut" class="link" href="#" name="LoggedInFooterMessage_hlSignOut"><span style="text-decoration:underline">log out now</span></a>.</span>
</td>
</tr>
</table><br />
<table cellpadding="0" cellspacing="0" border="0" width="770">
<tr>
<td align="center" width="100%">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
</td>
<td align="center">
<a class="NavLinkFooterDeselected" href="#">my account</a>
</td>
<td width="20" align="center" class="NavText">
|
</td>
<td align="center">
<a class="NavLinkFooterDeselected" href="#">return policy</a>
</td>
<td width="20" align="center" class="NavText">
|
</td>
<td align="center">
<a class="NavLinkFooterDeselected" href="#">shipping rates & options</a>
</td>
<td width="20" align="center" class="NavText">
|
</td>
<td align="center">
<a class="NavLinkFooterDeselected" href="#">checkout</a>
</td>
<td width="20" align="center" class="NavText">
|
</td>
<td align="center">
<a class="NavLinkFooterDeselected" href="#">payment options</a>
</td>
<td width="20" align="center" class="NavText">
|
</td>
<td align="center">
<a class="NavLinkFooterDeselected" href="#">secure shopping</a>
</td>
<td width="20" align="center" class="NavText">
|
</td>
<td align="center">
<a class="NavLinkFooterDeselected" href="#">privacy policy</a>
</td>
<td width="20" align="center" class="NavText">
|
</td>
<td align="center">
<a class="NavLinkFooterDeselected" href="#">help</a>
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" width="600">
<tr>
<td bgcolor="#CCCCCC" align="center">
<img src="#" width="600" height="1" alt="" />
</td>
</tr>
</table>
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" width="770">
<tr>
<td align="center" width="100%">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" class="navlinkfooterbold">
<a tabindex="4100" class="navlinkfooterbold" href='#'>home</a>
</td>
<td align="center" width="10" class="navtext">
|
</td>
<td align="center" class="navlinkfooterbold">
<a tabindex="4102" class="navlinkfooterbold" href='#'>other products & services</a>
</td>
<td align="center" width="10" class="navtext">
|
</td>
<td align="center" class="navlinkfooterbold">
<a tabindex="4104" class="navlinkfooterbold" href='#'>store locator</a>
</td>
<td align="center" width="10" class="navtext">
|
</td>
<td align="center" class="navlinkfooterbold">
<a tabindex="4106" class="navlinkfooterbold" href='#'>gift cards</a>
</td>
<td align="center" width="10" class="navtext">
|
</td>
<td align="center" class="navlinkfooterbold">
<a tabindex="4110" class="navlinkfooterbold" href='#'>para ayuda</a>
</td>
<td align="center" width="10" class="navtext">
|
</td>
<td align="center" class="navlinkfooterbold">
<a tabindex="4112" class="navlinkfooterbold" href='#'>credit card</a>
</td>
<td align="center" width="10" class="navtext">
|
</td>
<td align="center" class="navlinkfooterbold">
<a tabindex="4114" class="navlinkfooterbold" href='#'>about us</a>
</td>
<td align="center" width="10" class="navtext">
|
</td>
<td align="center" class="navlinkfooterbold">
<a tabindex="4116" class="navlinkfooterbold" href='#'>contact us</a>
</td>
<td align="center" width="10" class="navtext">
|
</td>
<td align="center" class="navlinkfooterbold">
<a tabindex="4118" class="navlinkfooterbold" href='#'>copyright privacy</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</form>