| OLD | NEW |
| (Empty) | |
| 1 <form name="orderSummaryForm" action="#" method="post" id="orderSummaryForm"> |
| 2 <div style="display:block;margin:0;padding:0;"> |
| 3 <h2 id="giftcardheadline"> |
| 4 victoria's secret gift card |
| 5 </h2> |
| 6 <div class="help giftcard-headline"> |
| 7 <a class="offerCodeLink" href="#">Gift Card Help</a> |
| 8 <div></div> |
| 9 </div> |
| 10 </div> |
| 11 <p id="gcMessage_withEGC" style="display:none;margin:10px 0 0 0;padding:0 0 0
1px;clear:both;"> |
| 12 If you have a Gift Card(s), please enter the GC Number and PIN (located on t
he back of the card) below. |
| 13 </p> |
| 14 <p id="gcMessage_withoutEGC" style="display:none;margin:10px 0 0 0;padding:0 0
0 1px;clear:both;"> |
| 15 If you have a Gift Card(s), please enter the GC Number and PIN (located on t
he back of the card) below. |
| 16 </p><a name='giftcard_ref' id="giftcard_ref"></a> |
| 17 <table class="gift-card-table" border="0" cellspacing="0" cellpadding="0"> |
| 18 <tr> |
| 19 <td align="left" width="732" colspan="6"> |
| 20 <!-- shows the error messages for invalid giftcards --> |
| 21 <div id='giftcarderror' class="error-container"></div><!-- ends --> |
| 22 </td> |
| 23 </tr> |
| 24 <tr> |
| 25 <td colspan="6"> |
| 26 <span class="giftcard-spacer"> </span> |
| 27 </td> |
| 28 </tr> |
| 29 <tr id='gcLabel1'> |
| 30 <td> |
| 31 <label for="giftcardnumber_EGC">Gift Card Number</label> |
| 32 </td> |
| 33 <td> |
| 34 <label for="pin_EGC">PIN</label> |
| 35 </td> |
| 36 <td> |
| 37 |
| 38 </td> |
| 39 <td> |
| 40 |
| 41 </td> |
| 42 <td> |
| 43 |
| 44 </td> |
| 45 <td> |
| 46 |
| 47 </td> |
| 48 </tr> |
| 49 <tr id='gcLabel2' valign="top"> |
| 50 <td> |
| 51 <input class="txt-field" type="text" name="giftcardnumber_EGC" id="giftc
ardnumber_EGC" value="" size="19" maxlength="19"> |
| 52 </td> |
| 53 <td> |
| 54 <input class="txt-field" type="password" name="pin_EGC" id="pin_EGC" val
ue="" size="4" maxlength="4"> |
| 55 <div id="moreGCslink"> |
| 56 <a href="#"><img src="#" width="69" height="22" border="0" alt="apply"
></a> <a href="#"><img src="#" width="94" height="22" border="0" alt="check bala
nce"></a> |
| 57 </div> |
| 58 <div> |
| 59 <div id="giftcard-progress-zone" style="display:none"> |
| 60 <img src="#" width="32" height="11" alt="loading"> |
| 61 </div> |
| 62 </div> |
| 63 </td> |
| 64 <td id="moreGCs" style="visibility: hidden;"> |
| 65 <input class="txt-field" type="text" name="giftCardNumber2" value="" siz
e="19" maxlength="19"> |
| 66 </td> |
| 67 <td id="moreGCspin" style="visibility: hidden;"> |
| 68 <input class="txt-field" type="text" name="giftCardPin2" value="" size="
4" maxlength="4"> |
| 69 </td> |
| 70 <td id="moreGCs2" style="visibility: hidden;"> |
| 71 <input class="txt-field" type="text" name="giftCardNumber3" value="" siz
e="19" maxlength="19"> |
| 72 </td> |
| 73 <td id="moreGCs2pin" style="visibility: hidden;"> |
| 74 <input class="txt-field" type="text" name="giftCardPin3" value="" size="
4" maxlength="4"> |
| 75 </td> |
| 76 </tr> |
| 77 <tr id='gcLabel1_noegc'> |
| 78 <!-- to be coded --> |
| 79 <td> |
| 80 <label for="giftcardnumber_EGC">Gift Card Number</label> |
| 81 </td> |
| 82 <td> |
| 83 <label for="pin_EGC">PIN</label> |
| 84 </td> |
| 85 </tr> |
| 86 <tr id='gcLabel2_noegc' valign="top"> |
| 87 <td width="130"> |
| 88 <input class="txt-field" type="text" name="giftcardnumber_GC" id="giftca
rdnumber_GC" value="" size="19" maxlength="19"> |
| 89 </td> |
| 90 <td> |
| 91 <input class="txt-field" type="password" name="pin_GC" id="pin_GC" value
="" size="4" maxlength="4"> |
| 92 <div id="moreGCslink"> |
| 93 <a href="#"><img src="#" width="69" height="22" border="0" alt="apply"
></a> <a href="#"><img src="#" width="94" height="22" border="0" alt="check bala
nce"></a> |
| 94 </div> |
| 95 </td> |
| 96 <td valign="middle"> |
| 97 <div> |
| 98 <div id="giftcard-progress-zone2" style="display:none"> |
| 99 <img src="#" width="32" height="11" alt="loading"> |
| 100 </div> |
| 101 </div> |
| 102 </td> |
| 103 <td class="space27" id="moreGCs" style="visibility: hidden;"> |
| 104 <input class="txt-field" type="text" name="giftCardNumber2" value="" siz
e="19" maxlength="19"> |
| 105 </td> |
| 106 <td class="space27" id="moreGCspin" style="visibility: hidden;"> |
| 107 <input class="txt-field" type="text" name="giftCardPin2" value="" size="
4" maxlength="4"> |
| 108 </td> |
| 109 <td class="space27" id="moreGCs2" style="visibility: hidden;"> |
| 110 <input class="txt-field" type="text" name="giftCardNumber3" value="" siz
e="19" maxlength="19"> |
| 111 </td> |
| 112 <td class="space27" id="moreGCs2pin" style="visibility: hidden;"> |
| 113 <input class="txt-field" type="text" name="giftCardPin3" value="" size="
4" maxlength="4"> |
| 114 </td> |
| 115 </tr><!-- to be coded --> |
| 116 <tr> |
| 117 <td align="left" width="732" colspan="6"> |
| 118 <!-- shows the messages for valid giftcards --> |
| 119 <div id='giftcardbalance' style="display:none;"> |
| 120 |
| 121 </div><!-- ends --> |
| 122 </td> |
| 123 </tr> |
| 124 </table> |
| 125 <div class="greyline3"> |
| 126 |
| 127 <hr> |
| 128 </div><!-- END gift card entry --> |
| 129 <div id="order-total-0"></div> |
| 130 <div id="order-total-0-noegc"></div><!--Start Credit Card Entry--> |
| 131 <div id='cc_section'> |
| 132 <h2> |
| 133 credit card information <em>(*=required)</em> |
| 134 </h2><img width="204" height="23" class="credit-cards" src="#" border="0" us
emap="#cards_map"> |
| 135 <table class="credit-card-table" border="0" cellpadding="0" cellspacing="0"> |
| 136 <tr align="left"> |
| 137 <!--td> |
| 138 Credit Card Type<span class="pink-star">*</span> |
| 139 </td--> |
| 140 <td> |
| 141 <nobr>Card Number<span class="pink-star">*</span></nobr> |
| 142 </td> |
| 143 <td> |
| 144 Expiration Month<span class="pink-star">*</span> |
| 145 </td> |
| 146 <td> |
| 147 Expiration Year<span class="pink-star">*</span> |
| 148 </td> |
| 149 </tr> |
| 150 <tr align="left"> |
| 151 <td class="space27"> |
| 152 <select class="select-field" id="cardType" name="cardType"> |
| 153 <option value="" selected> |
| 154 select |
| 155 </option> |
| 156 <option value="Z"> |
| 157 Victoria's Secret |
| 158 </option> |
| 159 <option value="V"> |
| 160 Visa |
| 161 </option> |
| 162 <option value="M"> |
| 163 Mastercard |
| 164 </option> |
| 165 <option value="D"> |
| 166 Discover Network |
| 167 </option> |
| 168 <option value="A"> |
| 169 American Express |
| 170 </option> |
| 171 <option value="J"> |
| 172 JCB Card |
| 173 </option> |
| 174 </select> |
| 175 </td> |
| 176 <td class="space27"> |
| 177 <input type="text" id="cardNumber" name="cardNumber" value="" class="t
xt-field" size="30" maxlength="20"> |
| 178 </td> |
| 179 <td class="space27"> |
| 180 <select name="cardMonth" class="select-field"> |
| 181 <option value="" selected> |
| 182 select |
| 183 </option> |
| 184 <option value="00"> |
| 185 No Expiration |
| 186 </option> |
| 187 <option value="01"> |
| 188 01 |
| 189 </option> |
| 190 <option value="02"> |
| 191 02 |
| 192 </option> |
| 193 <option value="03"> |
| 194 03 |
| 195 </option> |
| 196 <option value="04"> |
| 197 04 |
| 198 </option> |
| 199 <option value="05"> |
| 200 05 |
| 201 </option> |
| 202 <option value="06"> |
| 203 06 |
| 204 </option> |
| 205 <option value="07"> |
| 206 07 |
| 207 </option> |
| 208 <option value="08"> |
| 209 08 |
| 210 </option> |
| 211 <option value="09"> |
| 212 09 |
| 213 </option> |
| 214 <option value="10"> |
| 215 10 |
| 216 </option> |
| 217 <option value="11"> |
| 218 11 |
| 219 </option> |
| 220 <option value="12"> |
| 221 12 |
| 222 </option> |
| 223 </select> |
| 224 </td> |
| 225 <td class="last"> |
| 226 <select name="cardYear" class="select-field"> |
| 227 <option value="" selected> |
| 228 select |
| 229 </option> |
| 230 <option value="0000"> |
| 231 No Expiration |
| 232 </option> |
| 233 <option value="2011"> |
| 234 2011 |
| 235 </option> |
| 236 <option value="2012"> |
| 237 2012 |
| 238 </option> |
| 239 <option value="2013"> |
| 240 2013 |
| 241 </option> |
| 242 <option value="2014"> |
| 243 2014 |
| 244 </option> |
| 245 <option value="2015"> |
| 246 2015 |
| 247 </option> |
| 248 <option value="2016"> |
| 249 2016 |
| 250 </option> |
| 251 <option value="2017"> |
| 252 2017 |
| 253 </option> |
| 254 <option value="2018"> |
| 255 2018 |
| 256 </option> |
| 257 <option value="2019"> |
| 258 2019 |
| 259 </option> |
| 260 <option value="2020"> |
| 261 2020 |
| 262 </option> |
| 263 <option value="2021"> |
| 264 2021 |
| 265 </option> |
| 266 <option value="2022"> |
| 267 2022 |
| 268 </option> |
| 269 <option value="2023"> |
| 270 2023 |
| 271 </option> |
| 272 <option value="2024"> |
| 273 2024 |
| 274 </option> |
| 275 <option value="2025"> |
| 276 2025 |
| 277 </option> |
| 278 </select> |
| 279 </td> |
| 280 </tr> |
| 281 <tr> |
| 282 <td colspan="1"> |
| 283 |
| 284 </td> |
| 285 <td class="detail-txt" valign="top"> |
| 286 <nobr>Example: 1234567890123456</nobr> |
| 287 </td> |
| 288 <td colspan="2" class="detail-txt"> |
| 289 Victoria's Secret Angel credit cards do not require an expiration date
. |
| 290 </td> |
| 291 </tr> |
| 292 </table> |
| 293 </div> |
| 294 <table class="credit-card-table" border="0" cellpadding="0" cellspacing="0"></
table> |
| 295 <div class="button-row"> |
| 296 <div class="buttons"> |
| 297 <a href="#"><img src="#" name="cancel" width="91" height="26" border="0" i
d="cancel"></a> <a href="#"><img src="#" width="77" height="26" border="0"></a>
<a href="#"><img src="#" name="purchase" width="87" height="26" border="0" id="p
urchase"></a> |
| 298 </div><span class="detail-txt">Checkout pages are secured<br> |
| 299 with Secure Sockets Layer (SSL).</span> |
| 300 </div><!-- Messages for non-US shoppers --> |
| 301 </form> |
| OLD | NEW |