receipt-example-thinkgeek
Three Examples from ThinkGeek.com
http://upallnite.com/receipts/thinkgeek.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- template: checkout/warpspeed.tt2 -->
<html>
<head>
<title>ThinkGeek :: WarpSpeed Checkout</title>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<!-- BEGIN CSS DECLARATION TEMPLATE -->
<link rel="stylesheet" type="text/css" href="/css/base.css">
<link rel="stylesheet" type="text/css" href="/css/warpspeed.css">
<style type="text/css">
@import url(/css/base-import.css);
</style>
<!-- END CSS DECLARATION TEMPLATE -->
</head>
<body background="/images/bg.gif" onload="set_default_payment_type()">
<!-- BEGIN top table, logo, search and top right navigation -->
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="top">
<a href="http://www.thinkgeek.com/" target="_top">
<img src="/images/tg-logo.gif" height="62" width="170" alt="ThinkGeek" border="0">
</a>
</td>
<td valign="top" align="right">
<form action="http://www.thinkgeek.com/brain/whereisit.cgi" method="get" target="_top">
<table cellpadding="0" cellspacing="0"><tr>
<td><img src="/images/navigation/top-nav-search.gif" height="5" width="39" alt="Search"></td>
<td><input type="text" name="t" value="" size="12" class="search"></td>
<td><input type="image" src="/images/navigation/top-nav-go.gif" alt="GO" border="0"></td>
</tr></table>
</form>
</td>
<td valign="top" align="right" width="300">
<table cellpadding="0" cellspacing="0" border="0" width="285" align="right">
<tr>
<td align="right" valign="middle" id="top-right-nav-row1" class="white-11px">
<a href="https://www.thinkgeek.com/brain/account/index.cgi" target="_top">
<img src="/images/navigation/top-nav-account-icon.gif" alt="Account" width="24" height="15"
border="0" align="absmiddle">
</a>
<a href="https://www.thinkgeek.com/brain/account/index.cgi" target="_top">Account</a>
<a href="http://www.thinkgeek.com/brain/wishes.cgi" target="_top">
<img src="/images/navigation/top-nav-wishlists-icon.gif" alt="Wishlists" width="27" height="15"
border="0" align="absmiddle">
</a>
<a href="http://www.thinkgeek.com/brain/wishes.cgi" target="_top">Wishlists</a>
<a href="http://www.thinkgeek.com/" target="_top">
<img src="/images/navigation/top-nav-home-icon.gif" width="20" height="15" alt="Home"
border="0" align="absmiddle">
</a>
<a href="http://www.thinkgeek.com/" target="_top">Home</a>
</td>
</tr>
<tr>
<td align="right" valign="middle" id="top-right-nav-row2" class="white-11px">
| <a href="http://www.thinkgeek.com/about-us/" target="_top">About Us</a>
| <a href="http://www.thinkgeek.com/bug-us/" target="_top">Bug Us</a>
| <a href="http://www.thinkgeek.com/fortune.shtml" target="_top">Fortunes</a>
| <a href="http://www.thinkgeek.com/help/" target="_top">Help</a>
| <img src="/images/navigation/top-nav2-baby.gif" width="32" height="21" alt="Cute Baby"
border="0" align="absmiddle">
</td>
</tr>
<tr>
<td id="top-right-nav-row3"><!-- dont add line breaks please --><img src="/images/transparent-pixel.gif" width="1" height="18" alt="-" border="0"></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END top table, logo, search and top right navigation -->
<!-- BEGIN whole width table -->
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="top" id="main-body-cell">
<!-- BEGIN login and loot section -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" id="login-loot">
<tr>
<td align="left" class="black-10px">
You're logged in as Joe Osowski (joe.osowski@gmail.com)
[ <a href="/brain/account/login.cgi?a=lo&bc7849f9aae61cd601af4ca1" target="_top">logout</a> ]
</td>
<td align="right" class="loot">
<img src="/images/loot-icon.gif" width="16" height="16" alt="Loot!" border="0" align="absmiddle">
Loot: <a href="http://www.thinkgeek.com/brain/loot.cgi" target="_top">Go to your cart</a>
</td>
</tr>
</table>
<!-- END login and loot section -->
<!-- BEGIN main body -->
<noscript>
<meta http-equiv="refresh" content="0; url=/brain/order/spend.cgi?stid=00?msredir=00">
</noscript>
<script type="text/javascript">
function OpenThoughtConfigLocal ()
{
log_enabled = true;
this.require = { "40dom" : "/brain/order/spend.cgi?stid=00?msredir=00",
"xmlhttp" : "/brain/order/spend.cgi?stid=00?msredir=00",
"htmlrewrite" : "/brain/order/spend.cgi?stid=00?msredir=00"};
this.status_fetch_start = "Fetching records...";
this.status_fetch_display = "Fetching records... displaying";
this.status_fetch_finish = "Fetching records... done!";
}
</script>
<script src="/js/OpenThought2.js"></script>
<script type="text/javascript">
// This is stupid browser hacking stuff for lameass IE.
// There are probably better ways to do this, but I don't really care ATM ...
// (some ideas stolen from http://www.codetoad.com/forum/20_22736.asp)
function compensate_for_IE_suckiness_on ()
{
if (document.all)
{
for (var form_num=0; form_num < document.forms.length; ++form_num)
{
for (var element_num=0; element_num < document.forms[form_num].elements.length; ++element_num)
{
var element = document.forms[form_num].elements[element_num];
if (element.type == 'select-one')
{
element.style.visibility = 'hidden';
}
}
}
}
}
function compensate_for_IE_suckiness_off ()
{
if (document.all)
{
for (var form_num=0; form_num < document.forms.length; ++form_num)
{
for (var element_num=0; element_num < document.forms[form_num].elements.length; ++element_num)
{
var element = document.forms[form_num].elements[element_num];
if (element.type == 'select-one')
{
element.style.visibility = 'visible';
}
}
}
}
}
</script>
<script type="text/javascript">
var imagebutton = new Image;
imagebutton.src="/images/checkout/place-order.gif";
function set_default_payment_type ()
{
OpenThought.CallUrl('https://www.thinkgeek.com/brain/checkout/warpspeed.cgi', 'mode=display_payment', 'order_id', 'pay_method=CC');
}
</script>
<form name="warpspeed" onsubmit="return false">
<input type="hidden" name="order_id" value="b5813364">
<p>
<img src="/images/checkout/warpspeed-title.gif" alt="WarpSpeed Checkout!" width="465" height="45" border="0"
align="left" hspace="10">
<img src="/images/checkout/timmy-header.gif" alt="Timmy!" width="75" height="47" border="0" align="right" style="margin-right: -8px;">
Review the info below, enter your payment details, then choose "Place Order". Simple, huh?
<br clear="left">
</p>
<table cellpadding="10" border="0" width="100%" align="center">
<tr>
<td valign="top">
<!-- BEGIN CART TABLE -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr bgcolor="#dfe1e4">
<td valign="bottom" width="407"><img src="/images/checkout/cart1a.gif" alt="Items you are purchasing today:"
width="407" height="23" border="0"></td>
<td valign="bottom" style="border-bottom: 1px solid #6666cc;"> </td>
</tr>
<tr bgcolor="#d2d3d3">
<td valign="top" colspan="2" style="border-left: 1px solid #6666cc; border-right: 1px solid #6666cc;">
<img src="/images/checkout/cart2a.gif" alt="Items you are purchasing today:" width="407" height="4" border="0"></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr bgcolor="#d2d3d3">
<td style="border-left: 1px solid #6666cc; border-bottom: 1px solid #6666cc; border-right: 1px solid #6666cc;" colspan="2">
<div id="cart_box" name="cart_box">
<table border="0" cellpadding="5" cellspacing="0" width="100%">
<tr>
<td><p class="black-11px"><strong>Description</strong></p></td>
<td><p class="black-11px" align="center"><strong>Quantity</strong></p></td>
<td><p class="black-11px" align="center"><strong>In Stock</strong></p></td>
<td><p class="black-11px" align="center"><strong>Retail</strong></p></td>
<td><p class="black-11px" align="center"><strong>Unit</strong></p></td>
<td><p class="black-11px" align="center"><strong>Total</strong></p></td>
</tr>
<tr bgcolor="#fbfbfd">
<td><p class="black-11px">PowerSquid Outlet Multiplier - Yellow</a></p></td>
<td><p class="black-11px" align="center">1</p></td>
<td><p class="black-11px" align="center">Yes</p></td>
<td><p class="black-11px" align="right">$11.99</p></td>
<td><p class="black-11px" align="right">$11.99</p></td>
<td><p class="black-11px" align="right">$11.99</p></td>
</tr>
<tr bgcolor="#f8f8fb">
<td colspan="6" align="center" style="border-top: 1px solid #cccccc;">
<p>[ <a href="http://www.thinkgeek.com/brain/loot.cgi" target="_top" title="Click here to edit the contents of your cart.">
<strong>change quantities or delete items</strong>
</a> ]</p>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="92%" align="center" style="border-left: 1px solid #9098D9; border-right: 1px solid #9098D9; border-bottom: 1px solid #9098D9;"> <tr bgcolor="#F5F4E8">
<td>
<img src="/images/checkout/gp0-title.gif" alt="Geek Points - Not Signed Up!"
width="102" height="24" border="0">
</td>
<td align="center" nowrap="nowrap">
<p class="black-10px"> You could be earning 100
<a href="http://www.thinkgeek.com/geekpoints/" target="_top" title="Learn more about Geek Points!">
Geek Points
</a>
with this order!
<a href="http://www.thinkgeek.com/geekpoints/" target="_top" title="Sign up for Geek Points!">
<strong>Sign up now!</strong>
</a> </p>
</td>
<td align="right">
<img src="/images/checkout/gp0-hand.gif" width="18" height="24" alt="Geek Points!" border="0">
</td>
</tr> </table>
<!-- END CART TABLE -->
<br>
<!-- BEGIN ERROR/ALERT PLACEHOLDER TABLE -->
<table border="0" width="100%" cellpadding="0" cellspacing="0">
<tr>
<td width="35%" style="margin: 0px; padding: 0px; border-collapse: collapse;"></td>
<td width="65%" align="center" style="margin: 0px; padding: 0px; border-collapse: collapse;">
<div id="create_error_box">
<!-- This right here is the DHTML Layer Popup for Errors and Alerts -->
<a name="top_of_error_box"></a>
<div id="error_placeholder" style="position:relative; z-index:99; height: 0px; width:100%;
padding: 0px; margin: 0px; display:block; text-align: left;">
<div id="error_box" style="position: absolute; width:100%; top:25px; left: 0px; z-index:99; visibility: hidden;">
<div class="shadow-outer"
style="background: url(/images/checkout/shadowAlpha.png) no-repeat bottom right !important;">
<div class="shadow-inner" style="border: 5px solid #003399;
background: #ffffff; padding: 0px;">
<div style="background-color: #003399; color: white; padding: 3px; margin: 0px;">
<img src="/images/checkout/icon-alert.gif" alt="!" width="24" height="22" border="0">
<strong>Important Stuff!</strong>
</div>
<div style="text-align:left; padding: 15px;">
<div id="error_box_msg_area">
</div>
<div align="center" style="padding-top: 10px; text-align: center;">
<input type="button" name="error_box_okay" value=" Close "
onclick="compensate_for_IE_suckiness_off(); OpenThought.util.EnableElement('*'); OpenThought.util.HideElement('error_box')">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
function throw_error_box()
{
var html_data = '';
for (var i=0; i < arguments.length; ++i)
{
html_data = html_data + '<p>' + arguments[i] + '</p>';
}
OpenThought.SetElement('error_box_msg_area', html_data);
show_errors();
}
function show_errors()
{
compensate_for_IE_suckiness_off(); OpenThought.util.EnableElement('*'); OpenThought.util.HideElement('processing');
OpenThought.util.ShowElement('error_box'); OpenThought.util.DisableElement('*', { 'EXCEPT' : [ 'error_box_okay' ] }); compensate_for_IE_suckiness_on();
OpenThought.Focus('top_of_error_box');
OpenThought.Focus('error_box_okay');
}
</script>
<!-- <script type="text/javascript">
function show_error_box_shim ()
{
set_error_box_shim_vis(1);
}
function hide_error_box_shim ()
{
set_error_box_shim_vis(0);
}
function set_error_box_shim_vis (state)
{
var div = OpenThought.FindElement('error_box');
var shim = OpenThought.FindElement('error_box_shim');
if (state)
{
shim.style.width = div.offsetWidth;
shim.style.height = div.offsetHeight;
shim.style.top = div.offsetTop;
shim.style.left = div.offsetLeft;
shim.style.zIndex = div.style.zIndex - 1;
shim.style.display = 'block';
}
else
{
shim.style.display = 'none';
}
}
</script> -->
</td>
</tr>
</table>
<!-- END ERROR/ALERT PLACEHOLDER TABLE -->
<!-- BEGIN SHIPPING TABLE -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr bgcolor="#dfe1e4">
<td valign="bottom" width="258">
<img src="/images/checkout/shipping1a.gif" alt="Shipping Options:" width="258" height="23" border="0"></td>
<td valign="bottom" style="border-bottom: 1px solid #6666cc;"> </td>
</tr>
<tr bgcolor="#f8f8fb">
<td valign="top" colspan="2" style="border-left: 1px solid #6666cc; border-right: 1px solid #6666cc;">
<img src="/images/checkout/shipping2a.gif" alt="Shipping Options:" width="258" height="4" border="0"></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr bgcolor="#f8f8fb">
<td style="border-left: 1px solid #6666cc; border-bottom: 1px solid #6666cc; border-right: 1px solid #6666cc;"
colspan="2">
<table border="0" cellspacing="0" width="100%">
<tr>
<td valign="top" style="padding:8px;">
<div style="background-color: #F6E5B3; padding: 1px; border: solid 1px #F6E5B3;" class="black-12px"><strong> Shipping to:</strong></div>
<div style="background-color: #FDFBE9; padding: 3px; border: solid 1px #F6E5B3;">
<div class="black-12px" style="margin-left: 15px; padding: 2px;">
Joe Osowski<br />
Street<br />
City, State 19146<br />
United States<br />
</div>
<div class="black-12px" style="padding: 10px;" align="center">
[ <a href="#" onclick="OpenThought.FetchHtml('https://www.thinkgeek.com//brain/checkout/address.cgi', 'mode=BUILD', 'stid=50', 'which=ship'); return false" >
<strong>change address</strong>
</a> ]
</div>
</div>
</td>
<td valign="top" style="padding:8px;">
<div class="black-12px" style="background-color: #F6E5B3; padding: 1px; border: solid 1px #F6E5B3;">
<strong> Choose your shipping method:</strong>
<span id="ship-popup">
[ <a class="novisit" href="http://www.thinkgeek.com/help/shipping-note.shtml" target="_blank" onclick="window.open('http://www.thinkgeek.com/help/shipping-note.shtml','newWindow','height=500,width=400,top=200,left=300,resizable'); return false"> Ship Method Explanations </a> ]
</span>
</div>
<table align="center" cellpadding="0" cellspacing="0" border="0" width="100%"
style="border-left: 1px solid #F6E5B3; border-bottom: 1px solid #F6E5B3;">
<tr> <td valign="top">
<table border="0" cellpadding="2" cellspacing="0" width="100%">
<tr>
<td valign="middle" style="border-top: 1px solid #F6E5B3;" nowrap="nowrap">
<input type="radio" name="ship_method" value="abgnd"
id="abgnd" onclick="OpenThought.CallUrl('https://www.thinkgeek.com/brain/checkout/warpspeed.cgi', 'mode=update_shipping', 'order_id', 'ship_method', 'pay_method')" >
</td>
<td style="border-top: 1px solid #F6E5B3; border-right: 1px solid #F6E5B3;" nowrap="nowrap"><p class="black-11px">
<label for="abgnd">
<strong>DHL @Home</strong><br>
$6.07
</label>
</p></td>
</tr>
<tr>
<td valign="middle" style="border-top: 1px solid #F6E5B3;" nowrap="nowrap">
<input type="radio" name="ship_method" value="GNDRES"
id="GNDRES" onclick="OpenThought.CallUrl('https://www.thinkgeek.com/brain/checkout/warpspeed.cgi', 'mode=update_shipping', 'order_id', 'ship_method', 'pay_method')" >
</td>
<td style="border-top: 1px solid #F6E5B3; border-right: 1px solid #F6E5B3;" nowrap="nowrap"><p class="black-11px">
<label for="GNDRES">
<strong>UPS Ground</strong><br>
$6.90
</label>
</p></td>
</tr>
<tr>
<td valign="middle" style="border-top: 1px solid #F6E5B3;" nowrap="nowrap">
<input type="radio" name="ship_method" value="ab2nd"
id="ab2nd" onclick="OpenThought.CallUrl('https://www.thinkgeek.com/brain/checkout/warpspeed.cgi', 'mode=update_shipping', 'order_id', 'ship_method', 'pay_method')" >
</td>
<td style="border-top: 1px solid #F6E5B3; border-right: 1px solid #F6E5B3;" nowrap="nowrap"><p class="black-11px">
<label for="ab2nd">
<strong>DHL 2 Day</strong><br>
$7.54
</label>
</p></td>
</tr>
<tr>
<td valign="middle" style="border-top: 1px solid #F6E5B3;" nowrap="nowrap">
<input type="radio" name="ship_method" value="2DA"
id="2DA" onclick="OpenThought.CallUrl('https://www.thinkgeek.com/brain/checkout/warpspeed.cgi', 'mode=update_shipping', 'order_id', 'ship_method', 'pay_method')" >
</td>
<td style="border-top: 1px solid #F6E5B3; border-right: 1px solid #F6E5B3;" nowrap="nowrap"><p class="black-11px">
<label for="2DA">
<strong>UPS 2 Day</strong><br>
$7.79
</label>
</p></td>
</tr>
</table> </td>
<td valign="top">
<table border="0" cellpadding="2" cellspacing="0" width="100%">
<tr>
<td valign="middle" style="border-top: 1px solid #F6E5B3;" nowrap="nowrap">
<input type="radio" name="ship_method" value="3DSRES"
id="3DSRES" onclick="OpenThought.CallUrl('https://www.thinkgeek.com/brain/checkout/warpspeed.cgi', 'mode=update_shipping', 'order_id', 'ship_method', 'pay_method')" >
</td>
<td style="border-top: 1px solid #F6E5B3; border-right: 1px solid #F6E5B3;" nowrap="nowrap"><p class="black-11px">
<label for="3DSRES">
<strong>UPS 3 Day</strong><br>
$7.94
</label>
</p></td>
</tr>
<tr>
<td valign="middle" style="border-top: 1px solid #F6E5B3;" nowrap="nowrap">
<input type="radio" name="ship_method" value="abnxt"
id="abnxt" onclick="OpenThought.CallUrl('https://www.thinkgeek.com/brain/checkout/warpspeed.cgi', 'mode=update_shipping', 'order_id', 'ship_method', 'pay_method')" >
</td>
<td style="border-top: 1px solid #F6E5B3; border-right: 1px solid #F6E5B3;" nowrap="nowrap"><p class="black-11px">
<label for="abnxt">
<strong>DHL Next Day</strong><br>
$11.90
</label>
</p></td>
</tr>
<tr>
<td valign="middle" style="border-top: 1px solid #F6E5B3;" nowrap="nowrap">
<input type="radio" name="ship_method" value="1DA"
id="1DA" onclick="OpenThought.CallUrl('https://www.thinkgeek.com/brain/checkout/warpspeed.cgi', 'mode=update_shipping', 'order_id', 'ship_method', 'pay_method')" >
</td>
<td style="border-top: 1px solid #F6E5B3; border-right: 1px solid #F6E5B3;" nowrap="nowrap"><p class="black-11px">
<label for="1DA">
<strong>UPS Next Day</strong><br>
$12.44
</label>
</p></td>
</tr>
<tr>
<td valign="middle" style="border-top: 1px solid #F6E5B3;"> </td>
<td style="border-top: 1px solid #F6E5B3; border-right: 1px solid #F6E5B3;"><p class="black-11px">
<br>
</p></td>
</tr>
</table> </td> </tr>
<tr><td colspan="2" style="border-top: 1px solid #F6E5B3; border-right: 1px solid #F6E5B3;">
<div class="black-11px" style="text-align: center; padding: 2px;">Transit times are in business days.</div>
</td></tr>
</table>
</td>
</tr>
<tr>
<td valign="top">
<div class="black-11px" style="text-align: center; margin: 0px 8px 4px 8px; padding: 3px; background-color: #f4f4f1; border: solid 1px #F6E5B3;">
<div style="padding-bottom: 3px;"><a href="http://www.thinkgeek.com/help/shipping.shtml" target="_new"
title="Information about Shipping. Opens in a new window." class="novisit"><strong>Shipping Information</strong></a></div>
<a href="http://www.thinkgeek.com/help/international.shtml" target="_new"
title="If you're shipping outside of the US, click for important info. Opens in a new window." class="novisit">International</a>
| <a href="http://www.thinkgeek.com/help/ws_military.shtml" target="_new"
title="Info and instructions for shipping to APO/FPO addresses. Opens in a new window." class="novisit">APO & FPO</a>
</div>
</td>
<td valign="top">
<!-- GLOBAL 'SHIP INFO' TEMPLATE -->
<div id="ship-info-important">
<strong>
In-stock orders normally ship within 1-2 business days.
</strong>
<!--
There will be no shipments on Monday 2/19 <br>
due to to the President's Day Holiday.
-->
</div>
<!-- <div id="ship-info">
<strong>Same day shipping</strong> for in-stock orders<br>
placed before 1pm eastern time M-F. <br>
</div>
-->
<!-- END OF GLOBAL SHIP INFO TEMPLATE -->
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END SHIPPING TABLE -->
</td>
<td valign="top" width="240">
<!-- BEGIN SUMMARY TABLE -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr bgcolor="#dfe1e4">
<td valign="bottom" width="100">
<img src="/images/checkout/summary1.gif" alt="Summary" width="170" height="18" border="0"></td>
<td valign="bottom" style="border-bottom: 1px solid #cc9900;"> </td>
</tr>
<tr bgcolor="#fdfbe9">
<td valign="top" colspan="2" style="border-left: 1px solid #cc9900; border-right: 1px solid #cc9900;">
<img src="/images/checkout/summary2.gif" alt="Order Summary" width="170" height="4" border="0"></td>
</tr>
</table>
<table border="0" cellpadding="5" cellspacing="0" width="100%">
<tr bgcolor="#fdfbe9">
<td style="border-left: 1px solid #cc9900; border-bottom: 1px solid #cc9900; border-right: 1px solid #cc9900;" colspan="2">
<div name="order_summary" id="order_summary">
<table border="0" cellpadding="5" cellspacing="0" align="center" width="100%">
<tr>
<td align="right"><p class="black-11px"><strong>Product Subtotal:</strong></p></td>
<td align="right"><p class="black-11px">$11.99</p></td>
</tr> <tr> <td colspan="2" align="center">
<p class="black-11px" style="color: #B88828;">
<strong><em>Please select a shipping method.</em></strong>
</p>
</td> </tr>
<tr>
<td align="right"><p class="black-11px"><strong>Sales Tax:</strong></p></td>
<td align="right"><p class="black-11px">$0.00</p></td>
</tr>
<tr>
<td align="right" bgcolor="#edd18c" style="border-left: 1px solid #cc9900; border-bottom: 1px solid #cc9900; border-top: 1px solid #cc9900;">
<p class="black-12px"><strong>TOTAL:</strong></p>
</td>
<td align="right" bgcolor="#edd18c" style="border-top: 1px solid #cc9900; border-bottom: 1px solid #cc9900; border-right: 1px solid #cc9900;">
<p class="black-12px"><strong>$11.99</strong></p>
</td>
</tr>
</table>
<div align="center" id="confirm_box" style="position: absolute; top:-50px; left:0px;
z-index:99; visibility: hidden; text-align: center;">
<div class="shadow-outer">
<div class="shadow-inner" style="width: 100%; padding: 0px; text-align: left; background-color: #ffffff;
border: 4px solid #0066ff;">
<div style="background-color: #0066ff; color: white; padding: 5px; margin: 0px;
border-bottom: 4px solid #0066ff; white-space: nowrap;">
<strong>Please Review Your Order!</strong>
</div>
<div style="margin: 10px 10px 10px 70px; white-space: nowrap;">
<div class="black-12px"><strong>Ship Method:</strong>
</div>
<div class="black-12px" style="padding: 5px 0px 10px 0px;">
<strong>Order Total:</strong> $11.99
</div>
</div>
<div style="line-height: 25px; border-top: 1px solid #cccccc; text-align: center;
padding: 8px 5px 5px 3px; white-space: nowrap;">
<img src="/images/checkout/confirm-timmy.gif" width="65" height="33" alt="Review your order, monkey!"
border="0" style="float: left; margin-top: -39px;">
</div>
<div style="text-align: center; padding-bottom: 10px;">
<a href="#" onclick="process_order_approve();return false">
<img src="/images/checkout/confirm-placeorder.gif" width="164" height="25"
alt="PLACE FINAL ORDER" border="0"></a>
<a href="#" onclick="process_order_deny();return false">
<img src="/images/checkout/confirm-cancel.gif" width="50" height="25" alt="CANCEL" border="0">
</a>
</div>
<div class="black-10px" style="padding-bottom: 3px; text-align: center;">
Please check your order for accuracy. Orders <br>
cannot be changed once submitted.</div>
</div>
</div>
</div>
<div align="center" id="processing" style="position: absolute; top:-50px; left:0px;
z-index:99; visibility: hidden; text-align: center;">
<div class="shadow-outer">
<div class="shadow-inner" style="width: 100%; padding: 0px; text-align: left; background-color: #ffffff;
border: 4px solid #0066ff;">
<div style="background-color: #0066ff; color: white; padding: 5px; margin: 0px;
border-bottom: 4px solid #0066ff; white-space: nowrap;">
<strong>Processing ...</strong>
</div>
<div style="margin: 10px 10px 10px 10px; white-space: nowrap;">
<div class="black-12px">Please give our monkeys a few moments<br>to process your order. Thanks!</div>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
</table>
<!-- END SUMMARY TABLE -->
<script type="text/javascript">
// this code inspired by http://www.faqs.org/docs/htmltut/forms/index_famsupp_157.html
function submit_on_enter (e)
{
var keycode = 0;
if (window.event)
{
keycode = window.event.keycode;
}
else if (e)
{
keycode = e.which;
}
if (keycode == 13)
{
OpenThought.CallUrl('https://www.thinkgeek.com/brain/checkout/warpspeed.cgi', 'mode=redeem_code', 'order_id', 'promo_cert_code', 'pay_method');
}
}
</script>
<img src="/images/transparent-pixel.gif" width="1" height="1" alt="-" vspace="3" border="0"><br>
<table bgcolor="#f4f4f1" style="border-top: 1px solid #cc9900; border-bottom: 1px solid #cc9900; border-left: 1px solid #cc9900; border-right: 1px solid #cc9900;" cellspacing="0" cellpadding="5" align="center"
width="100%">
<tr>
<td>
<div class="black-12px" style="margin-bottom: 5px;">
<strong>Have a gift certificate or promotion code?</strong> Enter it here:
</div>
<div class="black-10px" style="line-height: 20px;">(enter only one at a time)<br>
<input type="text" name="promo_cert_code" value="" onkeyup="submit_on_enter(event)">
<input type="button" value="GO!"
onclick="OpenThought.CallUrl('https://www.thinkgeek.com/brain/checkout/warpspeed.cgi', 'mode=redeem_code', 'order_id', 'promo_cert_code', 'pay_method')" >
</div>
<div class="black-12px" style="margin-top: 6px;" align="center">
[ <a href="http://www.thinkgeek.com/brain/account/points.cgi" target="_top">
<strong>sign up for Geek Points!</strong>
</a> ]
</div>
</td>
</tr>
</table>
<script type="text/javascript">
function toggle_gift_msg ()
{
var box = OpenThought.FindElement('gift');
if (box.checked)
{
// they checked the box, so let them edit their gift message
OpenThought.CallUrl('https://www.thinkgeek.com/brain/checkout/warpspeed.cgi', 'mode=edit_giftmsg', 'order_id');
}
else
{
// they unchecked the box; make sure they want to delete
if (confirm("Your gift message will be permanently removed!"))
{
// they confirmed, so delete the gift message
OpenThought.CallUrl('https://www.thinkgeek.com/brain/checkout/warpspeed.cgi', 'mode=remove_giftmsg', 'order_id');
}
else
{
// they canceled, so put the checkmark back
box.checked = true;
}
}
}
function submit_gift_msg ()
{
var gmsg = OpenThought.FindElement('gift_msg');
//alert("lengthof gmsg.value is " + gmsg.value.length);
if (gmsg.value.length > 255)
{
// message is too long; alert user
alert('Your gift message is too long! '
+ 'Please trim it to no more than 255 characters.');
}
else
{
OpenThought.CallUrl('https://www.thinkgeek.com/brain/checkout/warpspeed.cgi', 'mode=save_giftmsg', 'order_id', 'gift_msg');
}
}
function calc_text_length ()
{
var gmsg = OpenThought.FindElement('gift_msg');
var count_text = gmsg.value.length + '/255';
if (gmsg.value.length > 255)
{
count_text = '<font color="red">' + count_text + '</font>';
}
OpenThought.SetElement('char_counter', count_text);
}
</script>
<!-- BEGIN GIFT OPTIONS TABLE -->
<img src="/images/transparent-pixel.gif" width="1" height="1" alt="-" vspace="6" border="0"><br>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr bgcolor="#dfe1e4">
<td valign="bottom" width="136">
<img src="/images/checkout/gift1.gif" alt="Gift Options:" width="136" height="18" border="0"></td>
<td valign="bottom" style="border-bottom: 1px solid #6666cc;"> </td>
</tr>
<tr bgcolor="#f8f8fb">
<td valign="top" colspan="2" style="border-left: 1px solid #6666cc; border-right: 1px solid #6666cc;">
<img src="/images/checkout/gift2.gif" alt="Gift Options:" width="136" height="4" border="0"></td>
</tr>
</table>
<table border="0" cellpadding="8" cellspacing="0" width="100%">
<tr bgcolor="#f8f8fb">
<td style="border-left: 1px solid #6666cc; border-bottom: 1px solid #6666cc; border-right: 1px solid #6666cc;" colspan="2">
<p class="black-12px">
<input type="checkbox" name="gift" onclick="toggle_gift_msg()">
Include a gift message?<br>
</p>
<div id="gift_msg_area" name="gift_msg_area" align="center"> <p class="black-10px" style="line-height: 13px; text-align: left;">
You may include a short gift message.
Please note that prices do <strong>NOT</strong> appear on the packing slip.
</p> </div>
</td>
</tr>
</table>
<!-- END GIFT OPTIONS TABLE -->
</td>
</tr>
<tr>
<td colspan="2">
<!-- BEGIN CONFIRMATION PLACEHOLDER TABLE -->
<table border=0" width="100%" cellpadding="0" cellspacing="0">
<tr>
<td width="25%" style="margin: 0px; padding: 0px; border-collapse: collapse;"></td>
<td width="50%" align="center" style="margin: 0px; padding: 0px; border-collapse: collapse;">
<div id="confirm_placeholder" style="position:relative; z-index:99; height:0px; padding:0px; margin:0px 30px;
visibility:visible; display:block; text-align:center;">
</div>
</td>
<td width="25%" style="margin: 0px; padding: 0px; border-collapse: collapse;"></td>
</tr>
</table>
<!-- END CONFIRMATION PLACEHOLDER TABLE -->
<!-- BEGIN PAYMENT TABLE -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr bgcolor="#dfe1e4">
<td valign="bottom" width="165">
<img src="/images/checkout/payment1a.gif" alt="Payment:" width="165" height="23" border="0"></td>
<td valign="bottom" style="border-bottom: 1px solid #6666cc;"> </td>
</tr>
<tr bgcolor="#f8f8fb">
<td valign="top" colspan="2" style="border-left: 1px solid #6666cc; border-right: 1px solid #6666cc;">
<img src="/images/checkout/payment2a.gif" alt="Payment:" width="165" height="4" border="0"></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr bgcolor="#f8f8fb">
<td style="border-left: 1px solid #6666cc; border-bottom: 1px solid #6666cc; border-right: 1px solid #6666cc;" colspan="2">
<table align="center" border="0" cellpadding="10" cellspacing="0" width="100%">
<tr>
<td valign="top" width="30%">
<p>
<strong>Choose your payment type:</strong><br>
</p>
<table border="0" cellpadding="3" cellspacing="0">
<tr>
<td valign="top">
<input type="radio" name="pay_method" value="CC"checked onclick="OpenThought.CallUrl('https://www.thinkgeek.com/brain/checkout/warpspeed.cgi', 'mode=display_payment', 'order_id', 'pay_method')" >
</td>
<td valign="top"><p><label for="CC">Credit Card</label></p></td>
</tr>
<tr>
<td valign="top"> </td>
<td valign="top"><img src="/images/checkout/payment-CC.gif"></td>
</tr>
<tr>
<td valign="top">
<input type="radio" name="pay_method" value="PayPal" onclick="OpenThought.CallUrl('https://www.thinkgeek.com/brain/checkout/warpspeed.cgi', 'mode=display_payment', 'order_id', 'pay_method')" >
</td>
<td valign="top"><p><label for="PayPal">PayPal</label></p></td>
</tr>
<tr>
<td valign="top"> </td>
<td valign="top"><img src="/images/checkout/payment-PayPal.gif"></td>
</tr>
</table>
</td>
<td valign="top">
<div name="payment_form" id="payment_form">
<em>Please choose a payment type.</em>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END PAYMENT TABLE -->
<!-- BEGIN LINKS TABLE -->
<img src="/images/transparent-pixel.gif" width="1" height="1" alt="-" vspace="2" border="0"><br>
<table bgcolor="#ECEDF0" style="border-top: 1px solid #CCCCFF; border-bottom: 1px solid #CCCCFF; border-left: 1px solid #CCCCFF; border-right: 1px solid #CCCCFF;" cellspacing="0" cellpadding="0" align="center"
width="100%">
<tr>
<td>
<div align="center" class="black-11px" style="margin: 4px;">
| <a href="http://www.thinkgeek.com/help/#secure" target="_new" class="novisit">Security</a>
| <a href="http://www.thinkgeek.com/privacy.shtml" target="_new" class="novisit">Privacy</a>
| <a href="http://www.thinkgeek.com/RMA/" target="_new" class="novisit">Hassle Free Returns</a>
| <a href="http://www.thinkgeek.com/help/" target="_new" class="novisit">Customer Service</a> |
</div>
</td>
</tr>
</table>
<!-- END LINKS TABLE -->
</td>
</tr>
</table>
</form>
<div id="payment_form_extra" style="display:none">
<form name="form_pay_paypal" target="_top" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="encrypted" value="">
</form>
</div>
<script>
var processing_fields;
function process_order_confirm (extra_flds)
{
if (OpenThought.GetElement('ship_method')[1] == 0)
{
throw_error_box("Sorry, you must choose a shipping method before you can complete your order.");
return false;
}
var box = OpenThought.FindElement('confirm_box');
var container = OpenThought.FindElement('confirm_placeholder');
box.style.top = container.offsetTop;
box.style.left = container.offsetLeft;
//box.style.width = container.offsetWidth;
OpenThought.util.ShowElement('confirm_box'); OpenThought.util.DisableElement('*', { 'EXCEPT' : [ 'confirm_yes', 'confirm_no' ] }); compensate_for_IE_suckiness_on();
processing_fields = extra_flds;
}
function process_order_approve ()
{
compensate_for_IE_suckiness_off(); OpenThought.util.EnableElement('*'); OpenThought.util.HideElement('confirm_box');
var box = OpenThought.FindElement('processing');
var container = OpenThought.FindElement('confirm_placeholder');
box.style.top = container.offsetTop;
box.style.left = container.offsetLeft;
OpenThought.util.ShowElement('processing'); OpenThought.util.DisableElement('*', { 'EXCEPT' : [ 'cmd', 'encrypted' ] }); compensate_for_IE_suckiness_on();
OpenThought.CallUrl('https://www.thinkgeek.com/brain/checkout/warpspeed.cgi', 'mode=submit_payment', 'order_id', processing_fields);
}
function process_order_deny ()
{
compensate_for_IE_suckiness_off(); OpenThought.util.EnableElement('*'); OpenThought.util.HideElement('confirm_box');
}
</script>
<!-- END main body -->
<table width="100%" cellpadding="5" cellspacing="0" border="0" bgcolor="#FFFFCC" id="bottom-link-table">
<tr>
<td id="bottom-link-left">
Tell us your favorite OS. Take our <a href="http://www.thinkgeek.com/feedback.shtml" target="_top"> 46.4-second survey</a>!
</td>
<td id="bottom-link-center">
"Never offend people with style when
you can offend them with substance." <br>
--Sam Brown
</td>
<td id="bottom-link-right">
See what some of our
<a href="http://www.thinkgeek.com/fortune.shtml" target="_top">customers are saying</a>...
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END whole width table -->
<!-- SiteCatalyst code version: G.4.
Copyright 1997-2003 Omniture, Inc. More info available at
http://www.omniture.com --><script language="JavaScript"><!--
/* You may give each page an identifying name, server, and channel on
the next lines. */
var s_pageName="WarpSpeed"
var s_server=""
var s_channel=""
var s_pageType=""
var s_prop1=""
var s_prop2=""
var s_prop3=""
var s_prop4=""
var s_prop5=""
var s_prop6=""
var s_prop7=""
var s_prop8=""
/* E-commerce Variables */
var s_campaign=""
var s_state="Pennsylvania"
var s_zip="19146"
var s_events="scCheckout"
var s_products="Travel & Power;PowerSquid Outlet Multiplier;1;11.99"
var s_purchaseID="b5813364"
var s_eVar1=""
var s_eVar2=""
var s_eVar3=""
var s_eVar4=""
var s_eVar5=""
var s_eVar6=""
var s_eVar7=""
/********* INSERT THE DOMAIN AND PATH TO YOUR CODE BELOW ************/
/********** DO NOT ALTER ANYTHING ELSE BELOW THIS LINE! *************/
var s_code=' '//--></script>
<script language="JavaScript" src="/js/omniture.js"></script>
<script language="JavaScript"><!--
var s_wd=window,s_tm=new Date;if(s_code!=' '){s_code=s_dc(
'thinkgeek');if(s_code)document.write(s_code)}else
document.write('<im'+'g src="https://102.112.2O7.net/b/ss/thinkgeek/1/G.4--FB/s'+s_tm.getTime()+'?[AQB]'
+'&j=1.0&[AQE]" height="1" width="1" border="0" alt="" />')
//--></script><script language="JavaScript"><!--
if(navigator.appVersion.indexOf('MSIE')>=0)document.write(unescape('%3C')+'\!-'+'-')
//--></script><noscript><img
src="https://102.112.2O7.net/b/ss/thinkgeek/1/G.4--NS/0"
height="1" width="1" border="0" alt="" /></noscript><!--/DO NOT REMOVE/-->
<!-- End SiteCatalyst code version: G.4. -->
<!-- BEGIN OSTG Footer -->
<!-- template sitewide/copyright.tt2 -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr align="center" valign="middle">
<td height="50">
<p id="footer">
© Copyright 1999-2007 - ThinkGeek, Inc. All Rights Reserved <img src="/brain/affl.cgi?r=https://www.thinkgeek.com/brain/checkout/address.cgi?dsid=ad61c4699a5e04c41e316b71&dsid=da97c5fa94352739c6f54982" width="1" height="1" border="0"> <br>
<br>
About <a href="http://www.thinkgeek.com/about-us/" target="_top">ThinkGeek</a> •
<a href="http://www.thinkgeek.com/privacy.shtml" target="_top">Privacy Statement</a> •
<a href="http://www.thinkgeek.com/bug-us/" target="_top">Contact Us</a>
<br>
ThinkGeek, Inc. is an <a href="http://www.ostg.com/" TARGET="_blank">OSTG</a> Company
•
About <a href="http://www.ostg.com/about/"TARGET="_blank">OSTG</a>
</p>
</td>
</tr>
</table>
<!-- end OSTG Footer -->
</body>
</html>