<!-- Copied from https://www.staples.com/office/supplies/StaplesCheckoutFlow -->
<!DOCTYPE html>
<html>
<head>
<title>It's easy to find the Office Supplies, Copy Paper, Furniture, Ink, Toner, Cleaning Products, Electronics and the Technology you need | Staples®</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="PageName" content="easycheckout" />
<meta name="robots" content="noindex,follow" />
<meta name="description" content="Staples® has the {0} you need for a home office or business. Get FREE delivery on orders over $49.99 and enjoy up to 5 % back when you become a Rewards Member." />
<meta name="viewport" content="width=960" />
<meta name="msvalidate.01" content="1F761CF721E5CB79CC390BC6065F888B" /><meta name="verify-v1" content="gAyQKyUa69eO8tRAW3GHgnRfrxbGTcT79mdFMT9KaJY=" /><meta name="verify-v1" content="y9IrLDeEgjybJvfuHRj3fSXXvxI6xc9AC5J06662qbE=" /><meta name="verify-v1" content="iN+sA4/5RTaHXnl3BQUwu+ew7FvTGbe3a31dzkAo/OY=" /> <meta name="y_key" content="f1f6bee62bb7ae72" /><meta name="verify-v1" content="iN+sA4/5RTaHXnl3BQUwu+ew7FvTGbe3a31dzkAo/OY=" /><meta name="verify-v1" content="4vTYPNdNsE1SnOzKYxOlelg1uvqwMpbmQ2UDWN5M990=" /><meta name="msvalidate.01" content="2E0B70E4CB578A118D4A55179CDAE27F" /><meta name="y_key" content="d45bb6a5d826b92d" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="x-dns-prefetch-control" content="on">
<meta property="fb:app_id" content="361004070585054"/>
<body id="easycheckout">
<!-- SiteCatalyst code version: H.21.
Copyright 1996-2010 Adobe, Inc. All Rights Reserved
More info available at http://www.omniture.com -->
<div style="display:none;">
<i id="orderAmountDue" >$15.94</i>
</div>
<input type="hidden" id="displayreviewpay" value="false" name="displayreviewpay" />
<input type="hidden" id="displayFlag" value="easycheckoutenteraddress" name="displayFlag" />
<input type="hidden" id="easycheckout" value="true" name="easycheckout" />
<!-- modification as per the HTML files provided Start -->
<div id="wrapall">
<div >
<div id="z_wrapper">
<div id="toolbar" style="width: 930px;">
<ul >
<li id="headerHomeList"><a data-analytics="Header:Staples Home" title="Staples" href="http://www.staples.com/" id="homeLink"></a></li>
<li data-checktouch="toolsDrop" >
<a>Need Help?</a>
<ul >
<li id="toolsChat">
<a data-analytics="Header:Need Help:Live Chat" href="javascript:STAPLES.Main.popUp('https://chatnow.staples.com/netagent/cimlogin.aspx?questid=3B1B748F-5E09-4DD4-8618-A72A497B1E33&portid=8388418A-E3ED-442E-B226-A78C61945B06&nareferer='+escape(document.location),'chatframe',1)" >Live Chat</a>
</li>
<li><a data-analytics="Header:Need Help:Help Center" href="/sbd/content/help-center/index.html">Help Center</a></li>
<li><a data-analytics="Header:Need Help:Return an Item" href="/office/supplies/myreturnctr?langId=-1&storeId=10001&catalogId=10051&NoFollowAnchorTag=true">Return an Item</a></li>
<li><a data-analytics="Header:Need Help:Shipping" href="/sbd/content/help-center/shipping-and-delivery.html">Shipping</a></li>
<li><a data-analytics="Header:Need Help:Contact Us" href="/sbd/content/help-center/contact-us.html">Contact Us</a></li>
<li ><a data-analytics="Header:Need Help:Product Concierge" href="/sbd/cre/programs/productconcierge/">Product Concierge</a></li>
</ul>
</li>
</ul>
<form name="emailAddForm" id="emailAddForm" method="post" action="editemailaddress">
<input type="hidden" id="forceShipToStore" name="forceShipToStore" value="false" />
<!-- added to disable ship to store in address page -->
<input type="hidden" id="isNotShipToStore" name="isNotShipToStore" value="false" />
<input type="hidden" name="authToken" value="1450904849%2cZXfK3%2fGLGDlk0%2bz9u19CqNoEGps%3d" id="WC_emailAddForm_FormInput_authToken_In_Register_1"/>
<input type="hidden" name="oldEmailAddr" value="null" />
<input id="orderId" type="hidden" name="orderId" value="226308832" />
<input type="hidden" name="errorUrl" value="easycheckout" />
<input type="hidden" name="URL" value="easycheckout" />
<input type="hidden" name="fromUrl" value="easycheckout" />
<input type="hidden" name="formAction" value="GuestCheckout"/>
<input type="hidden" name="change" value="emailaddress" />
<input type="hidden" name="langPref" value="null"/>
<input type="hidden" name="newEmailAddr" value="null"/>
<input type="hidden" name="jumpUrl" value="easycheckout"/>
<input type="hidden" id="displayFlag" name="displayFlag" value="easycheckoutenteraddress"/>
<input type="hidden" id="displayreviewpay" name="displayreviewpay" value="false"/>
<input type="hidden" name="cidRemovalFlag" value="false"/>
<input id="langId" type="hidden" name="langId" value="-1" />
<input id="catalogId" type="hidden" name="catalogId" value="10051" />
<!-- DONT CHANGE BELOW THIS -->
<div id="ShippingInformation" >
<div >
<div style="width: 100%;">
<!-- Begin Email address div -->
<div id="shipEmail" style="width: 100%;margin-bottom: 10px;">
<dl style="border: 1px;">
<h3>Email</h3><div ><span >* Indicates a required field</span>
<input type="text" value="" id="emailAddress" name="emailAddress" onkeydown="testForEnter(event);" style="width:350px;" placeholder="Email *"/><span id="emailAddress1" ></span>
<a id="updateLink" href="#" onclick="javascript: submitlinkform('https://www.staples.com/office/supplies/StaplesMember?catalogId=10051&langId=-1&storeId=10001','false');" >Update</a>
<a id="cancelLink" href="#" >Cancel</a>
<div id="z_email_check">
<input type="checkbox" checked="" value="emailYes" name="emailPreference" id="prefs1" style="margin: 3px auto 15px;">
<span >Yes</span>, I would like to receive emails about special money-saving offers from Staples.
</div>
</div>
<div >
<p>Please enter your email address to receive information about your order.</p>
<p>If you're ordering software, download link(s) will be sent to this email address.</p>
</div>
</dl>
</div>
<!-- End email address div -->
</div>
</div>
</div>
</form>
<!-- Changes for STA and STS ----BOPIS --><!-- Changes for STA and STS ----BOPIS --><!-- NOTE: the #shipping_section is .active by default -->
<div id="shipping_section">
<div onclick="javascript:STAPLES.EasyCheckout.displayaddressinfo();">
<p>
<span >Step 1.</span>
SHIP TO ADDRESS INFO
</p>
<div>
<label id="z_shipping_address_in_header" style="width:70%"></label>
<a href="#" id="z_shipping_address_edit_link_in_header" onclick="javascript:void(0);">Edit</a>
</div>
</div>
<div id="addresspagebeforeAjax">
<div id="z_wrap_addresses">
<div id="z_shipping_info" style="display:block">
<div >
<div >
<form name="addressForm" id="addressForm" method="post" action="">
<div id="error" >
</div>
<div >
<input type="hidden" name="cancelUrl" value="http%3A%2F%2Fwww.staples.com%2Foffice%2Fsupplies%2Feasycheckoutenteraddress%3FjumpUrl%3Deasycheckoutenteraddress%26catalogId%3D10051%26fromUrl%3Deasycheckoutenteraddress%26langId%3D-1%26storeId%3D10001%26displayreviewpay%3Dfalse%26displayFlag%3Deasycheckoutenteraddress%26URL%3Deasycheckoutenteraddress" />
<input id="fromPageUrl" type="hidden" name="fromPage" value="" />
<input type="hidden" name="fromUrl" value="yourorder" />
<input type="hidden" name="orderId" value="226308832" />
<input type="hidden" name="formAction" value="" />
<input type="hidden" name="deliveryAddressId" value="" />
<input type="hidden" name="URL" value="easycheckoutreviewandpay" />
<input type="hidden" name="errorUrl" value="easycheckoutajax" />
<input type="hidden" id="forceShipToStore" name="forceShipToStore" value="false"/>
<input type="hidden" id="isNotShipToStore" name="isNotShipToStore" value="false"/>
<p ><span>* Indicates a required field</span></p>
<!-- To default shipping address START--><!-- To default shipping address END-->
<div id="enteraddress" >
<input name="deliveryLocation" id="dhome" value="shiptohome" type="hidden" />
<div >
<div id="dealAddWrapper">
<div id="deladdhome">
<div >
<div >
<div style="width: auto;"><p><input type="text" name="sFirstName" maxlength="128" id="firstname" value='' placeholder="First Name *"/><span id="sFirstName" ></span></p></div>
<div style="width: auto;"><p><input type="text" name="sLastName" maxlength="128" id="lastname" placeholder='Last Name *' value='' /> <span id="sLastName" ></span></p></div>
<p><input type="text" name="sCompany" maxlength="128" id="companyname" placeholder='Company Name (optional)' value='' /></p>
<p><input type="text" name="sAddress1" addresslookup="route" maxlength="35" id="address1" placeholder='Street Address *' value=''/><span id="sAddress1" ></span></p>
<p><input type="text" name="sAddress2" maxlength="35" id="address2" placeholder='Apt,Suite,Bldg. (optional)' value='' /><span id="sAddress2" ></span></p>
<div style="width: auto;"><p><input type="text" name="sCity" addresslookup="locality" maxlength="128" id="city" placeholder='City *' disbled="true" value=''/><span id="sCity" ></span></p></div>
<div style="width: auto;"><p><select name="sState" id="state" addresslookup="administrative_area_level_1" >
<option value="""" >Select State *</option>
<option value="AL" >ALABAMA</option>
<option value="AZ" >ARIZONA</option>
<option value="AR" >ARKANSAS</option>
<option value="CA" >CALIFORNIA</option>
<option value="CO" >COLORADO</option>
<option value="CT" >CONNECTICUT</option>
<option value="DE" >DELAWARE</option>
<option value="FL" >FLORIDA</option>
<option value="GA" >GEORGIA</option>
<option value="ID" >IDAHO</option>
<option value="IL" >ILLINOIS</option>
<option value="IN" >INDIANA</option>
<option value="IA" >IOWA</option>
<option value="KS" >KANSAS</option>
<option value="KY" >KENTUCKY</option>
<option value="LA" >LOUISIANA</option>
<option value="ME" >MAINE</option>
<option value="MD" >MARYLAND</option>
<option value="MA" >MASSACHUSETTS</option>
<option value="MI" >MICHIGAN</option>
<option value="MN" >MINNESOTA</option>
<option value="MS" >MISSISSIPPI</option>
<option value="MO" >MISSOURI</option>
<option value="MT" >MONTANA</option>
<option value="NE" >NEBRASKA</option>
<option value="NV" >NEVADA</option>
<option value="NH" >NEW HAMPSHIRE</option>
<option value="NJ" >NEW JERSEY</option>
<option value="NM" >NEW MEXICO</option>
<option value="NY" >NEW YORK</option>
<option value="NC" >NORTH CAROLINA</option>
<option value="ND" >NORTH DAKOTA</option>
<option value="OH" >OHIO</option>
<option value="OK" >OKLAHOMA</option>
<option value="OR" >OREGON</option>
<option value="PA" >PENNSYLVANIA</option>
<option value="RI" >RHODE ISLAND</option>
<option value="SC" >SOUTH CAROLINA</option>
<option value="SD" >SOUTH DAKOTA</option>
<option value="TN" >TENNESSEE</option>
<option value="TX" >TEXAS</option>
<option value="UT" >UTAH</option>
<option value="VT" >VERMONT</option>
<option value="VA" >VIRGINIA</option>
<option value="WA" >WASHINGTON</option>
<option value="DC" >WASHINGTON D.C.</option>
<option value="WV" >WEST VIRGINIA</option>
<option value="WI" >WISCONSIN</option>
<option value="WY" >WYOMING</option>
</select><span id="sState" ></span></p>
</div>
<p><input type="text" name="sZipCode" id="zip" addresslookup="postal_code" maxlength="10" onblur="javascript:STAPLES.Main.formatUSZipCode(this,false)" placeholder='Zip Code *' /><span id="sZipCode" ></span></p>
<p style="margin: 0; padding: 0;"></p>
<div style="width: auto;">
<p style="width: 145px ; float: left; clear: left;"><input type="text" name="sPhone" id="phonenumber" maxlength="15" onblur="javascript:STAPLES.Main.checkUSPhone(this,false);" placeholder='Phone Number *' /><span id="sPhone" ></span></p>
<p style="width: 95px; float: left; clear: none;"><input type="text" name="sPhoneExt" maxlength="6" id="phoneext" placeholder='Extension' value='' /></p>
<p style="width: 275px; float: left; clear: none;">We will contact you by phone only about your order and deliveries</p>
</div></div>
</div>
</div>
</div>
</div>
</div>
<input type="hidden" id="easyCheckOutGuestAdress" name="easyCheckOutGuestAdress" value="https://www.staples.com/office/supplies/StaplesGuestShippingCheckout?jumpUrl=easycheckoutenteraddress&catalogId=10051&fromUrl=easycheckoutenteraddress&langId=-1&storeId=10001&displayreviewpay=false&displayFlag=easycheckoutenteraddress&URL=easycheckoutenteraddress" />
<input type="hidden" id="javascriptpath" name="javascriptpath" value="https://assets.staples-static.com/MBO/sbdpas/20141019123417/js/reviewAndPay.js" />
<p style="width: 450px; margin-left: 10px;">Note: Staples.com does not ship to P.O. Boxes APO/FPO, Alaska (AK), Hawaii (HI, Puerto Rico (PR) or international addresses.)</p>
<div id="shipDriverRelease" >
<dl >
<dd><p>Not going to be around to receive your order? Fill Out a
<a href="#" onclick="javascript:STAPLES.Main.popUp('/sbd/content/help/shipping/nothome_popup.html','easycheckoutenteraddress', 1);return false;">Driver Release Agreement</a></p>
</dd>
</dl>
</div>
<div onclick="javascript:STAPLES.EasyCheckout.addressformsubmit();">
<a id="enterAddrSubmit">NEXT STEP</a>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- pick up in Stores -BOPIS --><!-- pick up in Stores -BOPIS --><!-- New code for Bopis ends-->
<div id="billing_section">
<div >
<a href="#">
<p>
<span >
Step 2.
</span>
PAYMENT & BILLING INFORMATION</p><br>
<div></div>
</a>
</div>
<div id="paymentBillingAfterAjax">
</div>
<div id="z_disclaimer" style="width: 100%;">
<div id="FormActions" style="width: 100%;">
<p >The tax shown is estimated. <b>Your Order Confirmation Email</b> will include shipment details, product availability and estimated tax. If you are a tax-exempt customer please see our <a href="javascript:STAPLES.Main.popUp('/sbd/content/help-center/payment-information.html#10013_14','checkoutreviewandpay', 1)">Tax-Exempt Information</a>. Important information concerning <a href="javascript:STAPLES.Main.popUp('/sbd/content/help/yourorder/orders_about_popup.html','easycheckout', 1)">coupons and sales tax</a> and our <a href="javascript:STAPLES.Main.popUp('/sbd/cre/help-center/returns-policy-popup/','easycheckout', 1)">return policy</a>.</p>
<p >Not responsible for typographical errors. Our prices may vary from store and catalog prices. Not all items available. We reserve the right to limit quantities, including the right to prohibit sales to resellers.</p>
</div>
</div>
</div>
</div>
<div id="z_right_column">
<!-- Add coupons section --><!-- sidebar --><!-- Order Summary -->
<div style="border-top: none;margin-bottom: 15px;">
<h3>ORDER SUMMARY</h3>
<div id="wprOrderSummary" >
<div id="OrderSummary">
<h4 >Summary View</h4>
<div >
<div >
<div >Subtotal:</div>
<div >
<i style="margin-left: -2px;">$5.99</i>
</div>
</div>
<div >
<div >Shipping:</div>
<div ><i style="margin-left: -2px;">$9.95</i>
</div>
</div>
<div >
<div style="width: 155px !important; ">Pre-Tax Subtotal:</div>
<div style="width:50px !important;"><i style="margin-left: -2px;"> $15.94
</i></div>
</div>
<div id="sgcTotal"
style="display:none">
<div >Gift/Rebate card:</div>
<div ><i id="sgcAmountApplied"
style="margin-left: -2px;">$0.00</i>
</div>
</div>
<div >
<div >TOTAL:</div>
<div >
<i id="orderAmountDuesummary" style="margin-left: -2px;">$15.94</i>
</div>
</div>
</div>
<div style="margin-bottom: 1em;"></div>
</div>
<div id="z_submit_button_tooltip" style="position: absolute; top: 391.2px; left: 535px; width: 130px; height: 30px; display: none;">
<img src="/sbdpas/img/bg/caret_right.png" style="position: absolute; right: -20px; top: 15px;">
<p>Click "Next Step" to proceed.</p>
</div>
</div>
</div><!-- Ending Order Summary --><!-- Order summary section is placed at sidebar top -->
<div id="z_guest">
<div >
<h3>COUPONS</h3>
<p>
Please enter your 5- or 16-digit coupon code or select redeemable rewards..
</p>
<p>
<a href="javascript:void(0);" onclick="javascript:STAPLES.EasyCheckout.addCouponsAndRewards('https://www.staples.com/office/supplies/StaplesAddRemoveCoupon?jumpUrl=easycheckout&callCouponQual=Y&catalogId=10051&fromUrl=easycheckout&langId=-1&cidRemovalFlag=false&formAction=GuestCheckout&storeId=10001&URL=couponinfo')">ADD/EDIT COUPONS & REWARDS</a>
</p>
</div>
</div>
<!-- Add coupons section end-->
<div id="myShoppingCart" style="width: 100%;">
<div >
<div id="z_my_cart_header">
<h3>MY CART</h3>
<a href="http://www.staples.com/office/supplies/yourcart?catalogId=10051&langId=-1&storeId=10001" >Edit</a>
<label id="my_cart_item_count">
1 item
</label>
</div>
<input type="hidden" id="opnimg" value="/sbdpas/img/bg/bg_arrow_open.png"/>
<input type="hidden" id="clsdimg" value="/sbdpas/img/bg/bg_arrow_closed.png"/>
<div id="accordion" >
<h4 >DELIVERY 1 Business Day<br />
<strong>(1 item) </strong>
</h4>
<div >
<div style ="display: block;">
<div >
<div >
<div>
<!-- We have to replace this mocro image once we get proper sized image from Scene7 -->
<img src="//www.staples-3p.com/s7/is/image/Staples/s0238791_sc7?$microthb$" alt="" width="40px" height="40px"/>
<p>Brighton Professional™ Trash Bags, Drawstring, White, 13 Gallon, 50 Bags/Box</p>
</div>
<div >
<p>$5.99</p>
<p>Qty.1</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="backgroundPopup" ></div>
<div >
<a href="javascript:void(0)" >CLOSE X</a>
<div >
<div >
<h3 >Delivery <p>(1 Items)</p></h3>
<div >
<div >
<h3><strong></strong></h3>
</div>
<div >Expected Delivery : <b>1 Business Day</b></div>
</div>
<table cellspacing="0" >
<tbody>
<tr >
<th >Item No.</th>
<th >Item Name</th>
<th >Qty</th>
<th >Item Price</th>
<th >Discount(s) Applied</th>
<th >Subtotal</th>
</tr>
<tr >
<td >
<div >518102</div>
</td>
<td >Brighton Professional™ Trash Bags, Drawstring, White, 13 Gallon, 50 Bags/Box</td>
<td >1</td>
<td >
<div >$5.99/Case</div>
</td>
<td >
<div >
<p>$0.00</p>
</div>
</td>
<td ><dl ><div >$5.99</div></dl></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<!-- Ending Side bar -->
</div>
<!-- Overlay content -->
<div id="StaplesCoupons" style="text-align:left;" ><!-- <== if there is a coupon error, add another class: msgError -->
<div id="openViewCouponsRewardsOverlay" style="margin-top:200px;">
<div >
<div >
<a href="javascript:STAPLES.EasyCheckout.closeCouponDescOverlay();">
Close <img src="/sbdpas/img/bg/close.jpg">
</a>
</div>
<h2>COUPONS AND REWARDS</h2>
<div >
<div >
<div >
<!--<div id="couponActionRow" style="float:right;">-->
<p>
<a href="javascript:STAPLES.EasyCheckout.closeCouponAndProceed('https://www.staples.com/office/supplies/StaplesAddRemoveCoupon?jumpUrl=easycheckout&callCouponQual=Y&catalogId=10051&fromUrl=easycheckout&langId=-1&formAction=GuestCheckout&cidRemovalFlag=false&storeId=10001&displayreviewpay=false&displayFlag=easycheckoutenteraddress&URL=couponinfo');">Add/Edit Coupons and Rewards </a>
</p>
<!--</div> -->
</div>
</div>
</div>
<!-- End div#b501 --><!-- coupon error will be displayed on page load -->
</div>
</div>
</div>
<div style="display: none; cursor: pointer;opacity: 0.5;" id="maskReveal"></div>
</div>
</div>
</div>
<!-- Overlay content end -->
</body>
</html><!-- </body>
</html> -->
Codebase Browser
chromium