receipt-example-thinkgeek: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
(moved)
 
(sub-divide)
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
http://upallnite.com/receipts/thinkgeek3.html
Three Examples from ThinkGeek.com
 
http://upallnite.com/receipts/thinkgeek.html


<pre>
<pre>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- template: /account/history/detail/base.html -->
<!-- template: checkout/warpspeed.tt2 -->


<html>
<html>
<head>
<head>
  <title>ThinkGeek :: My Account :: Order Management :: Order Detail #b5813364 </title>
<title>ThinkGeek :: WarpSpeed Checkout</title>
 
<meta http-equiv="Content-Script-Type" content="text/javascript">


  <!-- BEGIN CSS DECLARATION TEMPLATE -->
<!-- BEGIN CSS DECLARATION TEMPLATE -->
  <link rel="stylesheet" type="text/css" href="/css/base.css">
<link rel="stylesheet" type="text/css" href="/css/base.css">
  <style type="text/css">
<link rel="stylesheet" type="text/css" href="/css/warpspeed.css">
  @import url(/css/base-import.css);
  </style>
  <!-- END CSS DECLARATION TEMPLATE -->


<style type="text/css">
@import url(/css/base-import.css);
</style>
<!-- END CSS DECLARATION TEMPLATE -->


</head>
</head>


<body background="/images/bg.gif">
<body background="/images/bg.gif" onload="set_default_payment_type()">


<!-- BEGIN top table, logo, search and top right navigation -->
<!-- BEGIN top table, logo, search and top right navigation -->
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<tr>
  <td valign="top">
<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>


  <a href="http://www.thinkgeek.com/"><img src="/images/tg-logo.gif" height="62" width="170" alt="ThinkGeek" border="0"></a></td>
</tr></table>
  <td valign="top" align="right">
</form>
    <form action="/brain/whereisit.cgi" method="get">
</td>
    <table cellpadding="0" cellspacing="0"><tr>
<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">


    <td><img src="/images/navigation/top-nav-search.gif" height="5" width="39" alt="Search"></td>
</a>
    <td><input type="text" name="t" value="" size="12" class="search"></td>
<a href="https://www.thinkgeek.com/brain/account/index.cgi" target="_top">Account</a>
    <td><input type="image" src="/images/navigation/top-nav-go.gif" alt="GO" border="0"></td>
<a href="http://www.thinkgeek.com/brain/wishes.cgi" target="_top">
    </tr></table>
<img src="/images/navigation/top-nav-wishlists-icon.gif" alt="Wishlists" width="27" height="15"
    </form>
border="0" align="absmiddle">
  </td>
</a>
  <td valign="top" align="right" width="300">
<a href="http://www.thinkgeek.com/brain/wishes.cgi" target="_top">Wishlists</a>
    <table cellpadding="0" cellspacing="0" border="0" width="285" align="right">
<a href="http://www.thinkgeek.com/" target="_top">
    <tr>
<img src="/images/navigation/top-nav-home-icon.gif" width="20" height="15" alt="Home"
border="0" align="absmiddle">


      <td align="right" valign="middle" id="top-right-nav-row1" class="white-11px">
</a>
      <a href="https://www.thinkgeek.com/brain/account/index.cgi"><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">Account</a>
<a href="http://www.thinkgeek.com/" target="_top">Home</a>
      <a href="http://www.thinkgeek.com/brain/wishes.cgi"><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">Wishlists</a>
</td>
      <a href="http://www.thinkgeek.com/"><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/">Home</a>
</tr>
      </td>
<tr>
    </tr>
<td align="right" valign="middle" id="top-right-nav-row2" class="white-11px">
    <tr>
| <a href="http://www.thinkgeek.com/about-us/" target="_top">About Us</a>


      <td align="right" valign="middle" id="top-right-nav-row2" class="white-11px">| <a href="http://www.thinkgeek.com/about-us/">About Us</a> | <a href="http://www.thinkgeek.com/bug-us/">Bug Us</a> | <a href="http://www.thinkgeek.com/fortune.shtml">Fortunes</a> | <a href="http://www.thinkgeek.com/help/">Help</a> | <img src="/images/navigation/top-nav2-baby.gif" width="32" height="21" alt="Cute Baby" border="0" align="absmiddle"></td>
| <a href="http://www.thinkgeek.com/bug-us/" target="_top">Bug Us</a>
    </tr>
| <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"><img src="/images/transparent-pixel.gif" width="1" height="18" alt="-" border="0"></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>
    </table>
</tr>
  </td>
</table>
</td>
</tr>
</tr>
</table>
</table>
Line 63: Line 93:


<!-- BEGIN whole width table -->
<!-- BEGIN whole width table -->
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<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;">&nbsp;</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;">&nbsp;</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>&nbsp; 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">
[&nbsp;<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>&nbsp;]
</div>
</div>


  <td width="177" valign="top">
</td>
<td valign="top" style="padding:8px;">


    <!-- BEGIN left side navigation -->
<div class="black-12px" style="background-color: #F6E5B3; padding: 1px; border: solid 1px #F6E5B3;">
    <table cellpadding="0" cellspacing="0" border="0">
<strong>&nbsp; Choose your shipping method:</strong>
    <tr>
      <!-- BEGIN light grey section -->
      <td width="177" bgcolor="#999999">
        <img src="/images/tg-logo-tagline.gif" width="177" height="17" alt="Stuff for Smart Masses" border="0">


        <!-- BEGIN SITE_NAVIGATION TEMPLATE -->
<span id="ship-popup">&nbsp; &nbsp;
[ <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>


        <!-- BEGIN dark grey section -->
</div>
        <table bgcolor="#333333" width="163" border="0" cellpadding="0" cellspacing="0" id="nav-table">
        <tr><td align="right" bgcolor="#494A5B" valign="top"><img src="/images/navigation/left-nav-header.gif" width="163" height="24" alt="Show Your Geek!" border="0"></td></tr>
        <tr>
          <td>
            <div class="nav-yellow">
            + <a href="http://www.thinkgeek.com/tshirts/">T-shirts</a><br>
            + <a href="http://www.thinkgeek.com/apparel/">Other Apparel</a><br>


            + <a href="http://www.thinkgeek.com/geektoys/">Geek Toys</a><br>
<table align="center" cellpadding="0" cellspacing="0" border="0" width="100%"
            + <a href="http://www.thinkgeek.com/gadgets/">Gadgets</a><br>
style="border-left: 1px solid #F6E5B3; border-bottom: 1px solid #F6E5B3;">
            + <a href="http://www.thinkgeek.com/homeoffice/">Home &amp; Office</a><br>
<tr> <td valign="top">
            + <a href="http://www.thinkgeek.com/computing/">Computing</a><br>


            + <a href="http://www.thinkgeek.com/caffeine/">Caffeine</a><br>
<table border="0" cellpadding="2" cellspacing="0" width="100%">
            + <a href="http://www.thinkgeek.com/electronics/">Electronics</a><br>
<tr>
            + <a href="http://www.thinkgeek.com/books/">Books</a><br>
<td valign="middle" style="border-top: 1px solid #F6E5B3;" nowrap="nowrap">&nbsp;
            </div>
<input type="radio" name="ship_method" value="abgnd"
            <div class="nav-bottom-white">
id="abgnd" onclick="OpenThought.CallUrl('https://www.thinkgeek.com/brain/checkout/warpspeed.cgi', 'mode=update_shipping', 'order_id', 'ship_method', 'pay_method')" >
            &#149; <a href="http://www.thinkgeek.com/whats-new/">What's New</a> <br>
</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>


            &#149; <a href="http://www.thinkgeek.com/clearance/">Clearance</a> <a href="/clearance.rss"><br>
$6.07
            </div>
</label>
          </td>
</p></td>
        </tr>
</tr>
        <tr>
<tr>
          <td align="right" valign="bottom"><img src="/images/navigation/left-nav-corner2.gif" width="163" height="5" alt="decorative corner" border="0"></td>
<td valign="middle" style="border-top: 1px solid #F6E5B3;" nowrap="nowrap">&nbsp;
        </tr>
<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">


        </table>
<label for="GNDRES">
        <!-- END dark grey section -->
<strong>UPS Ground</strong><br>
        <div class="nav-extra" style="margin-top: -10px; margin-right: 30px; margin-left: 0px; margin-bottom: 10px;
$6.90
        border: groove 0px #C1C1C1; padding-top: 5px; padding-right: 5px; padding-bottom: 8px; padding-left: 8px;
</label>
            background: #666666 url(/images/navigation/left-nav-corner4.gif) no-repeat bottom right;">
</p></td>
</tr>
<tr>
<td valign="middle" style="border-top: 1px solid #F6E5B3;" nowrap="nowrap">&nbsp;
<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')" >


        &#149; <a href="https://www.thinkgeek.com/brain/order/certificate.cgi">Gift Certificates</a><br>
</td>
        &#149; <a href="http://www.thinkgeek.com/affiliates/">Affiliate Program</a><br>
<td style="border-top: 1px solid #F6E5B3; border-right: 1px solid #F6E5B3;" nowrap="nowrap"><p class="black-11px">
        &#149; <a href="http://www.thinkgeek.com/brain/gpenroll.cgi">Geek Points</a><br>
<label for="ab2nd">
<strong>DHL 2 Day</strong><br>
$7.54
</label>
</p></td>
</tr>
<tr>


        &#149; <a href="http://www.thinkgeek.com/site-index/">Site Index</a><br>
<td valign="middle" style="border-top: 1px solid #F6E5B3;" nowrap="nowrap">&nbsp;
        </div>
<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>


        <!-- BEGIN navigate by interest -->
</tr>
        <form action="/brain/redir.cgi" method="get" id="nav-by-interest">
</table> </td>
        <div id="interest">Navigate by Interest:</div>
<td valign="top">
          <table cellpadding="0" cellspacing="0" align="center" border="0"><tr>
<table border="0" cellpadding="2" cellspacing="0" width="100%">
          <td>
<tr>
            <select name="p" onchange="window.location=this.options[this.selectedIndex].value; return true" class="smalldropdown">
<td valign="middle" style="border-top: 1px solid #F6E5B3;" nowrap="nowrap">&nbsp;
            <option value="/interest/exclusives/?cpg=nbi">ThinkGeek Exclusives</option>
<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>


            <option value="/interest/giftsforhim/?cpg=nbi">Gifts for Him</option>
<td style="border-top: 1px solid #F6E5B3; border-right: 1px solid #F6E5B3;" nowrap="nowrap"><p class="black-11px">
            <option value="/interest/giftsforher/?cpg=nbi">Gifts for Her</option>
<label for="3DSRES">
            <option value="/interest/giftsforkids/?cpg=nbi">Gifts for Kids</option>
<strong>UPS 3 Day</strong><br>
            <option value="/interest/giftsunder10/?cpg=nbi">Gifts Under $10</option>
$7.94
            <option value="/interest/giftsunder20/?cpg=nbi">Gifts Under $20</option>
</label>
            <option value="/interest/giftsunder50/?cpg=nbi">Gifts Under $50</option>
</p></td>
</tr>
<tr>
<td valign="middle" style="border-top: 1px solid #F6E5B3;" nowrap="nowrap">&nbsp;


            <option value="/interest/giftsunder100/?cpg=nbi">Gifts Under $100</option>
<input type="radio" name="ship_method" value="abnxt"
            <option value="/interest/giftsover100/?cpg=nbi">Gifts Over $100</option>
id="abnxt" onclick="OpenThought.CallUrl('https://www.thinkgeek.com/brain/checkout/warpspeed.cgi', 'mode=update_shipping', 'order_id', 'ship_method', 'pay_method')" >
            <option value="/interest/geeksonthego/?cpg=nbi">Geeks on the Go</option>
</td>
            <option value="/interest/gadgetfreak/?cpg=nbi">Gadget Freak</option>
<td style="border-top: 1px solid #F6E5B3; border-right: 1px solid #F6E5B3;" nowrap="nowrap"><p class="black-11px">
            <option value="/interest/students/?cpg=nbi">Stuff for Students</option>
<label for="abnxt">
            <option value="/interest/web/?cpg=nbi">Web Developer</option>
<strong>DHL Next Day</strong><br>
$11.90
</label>
</p></td>
</tr>


            <option value="/interest/diy/?cpg=nbi">DIY Goodies</option>
<tr>
            <option value="/interest/monkeys/?cpg=nbi">Monkeys</option>
<td valign="middle" style="border-top: 1px solid #F6E5B3;" nowrap="nowrap">&nbsp;
            <option value="/interest/retro/?cpg=nbi">Cool Retro Stuff!</option>
<input type="radio" name="ship_method" value="1DA"
            <option value="/interest/favorites/?cpg=nbi">Our Favorites</option>
id="1DA" onclick="OpenThought.CallUrl('https://www.thinkgeek.com/brain/checkout/warpspeed.cgi', 'mode=update_shipping', 'order_id', 'ship_method', 'pay_method')" >
            <option value="/interest/binary/?cpg=nbi">Binary</option>
</td>
            <option value="/interest/codergoodies/?cpg=nbi">Coder Goodies</option>
<td style="border-top: 1px solid #F6E5B3; border-right: 1px solid #F6E5B3;" nowrap="nowrap"><p class="black-11px">
            <option value="/interest/ipod/?cpg=nbi">iPod Stuff</option>
<label for="1DA">
<strong>UPS Next Day</strong><br>
$12.44
</label>


            <option value="/interest/foryourhome/?cpg=nbi">For Your Home</option>
</p></td>
            <option value="/interest/gamer/?cpg=nbi">Gamer</option>
</tr>
            <option value="/interest/linux/?cpg=nbi">Linux & Tux</option>
<tr>
            <option value="/interest/madscientist/?cpg=nbi">Mad Scientist</option>
<td valign="middle" style="border-top: 1px solid #F6E5B3;"> &nbsp; </td>
            <option value="/twit/?cpg=nbi">TWiT Store</option>
<td style="border-top: 1px solid #F6E5B3; border-right: 1px solid #F6E5B3;"><p class="black-11px">
            <option value="/pennyarcade/?cpg=nbi">Penny Arcade Store</option>
&nbsp; <br> &nbsp;
</p></td>


            <option value="/pvp/?cpg=nbi">PVP Store</option>
</tr>
            <option value="/interest/microgoodies/?cpg=nbi">Micro Goodies</option>
</table> </td> </tr>
            <option value="/interest/usb/?cpg=nbi">USB Devices</option>
<tr><td colspan="2" style="border-top: 1px solid #F6E5B3; border-right: 1px solid #F6E5B3;">
            <option value="/interest/outdoors/?cpg=nbi">Outdoor Geek</option>
<div class="black-11px" style="text-align: center; padding: 2px;">Transit times are in business days.</div>
            </select>
          </td>
          <td><input type="Image" src="/images/navigation/left-nav-interest-go.gif" width="25" height="17" alt="GO!" border="0"></td>


          </tr></table>
</td></tr>
        </form>
</table>
        <!-- END navigate by interest -->
</td>


        <!-- END SITE_NAVIGATION TEMPLATE -->
</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 &amp; FPO</a>


      </td>
</div>
</td>
<td valign="top">
<!-- GLOBAL 'SHIP INFO' TEMPLATE -->


      <td width="10" valign="top"><img src="/images/navigation/left-nav-corner1.gif" width="10" height="10" alt="decorative corner" border="0"></td>
<div id="ship-info-important">
      <!-- END light grey section -->
    <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.
-->


    </tr>
</div>
    <tr><td><img src="/images/navigation/left-nav-corner3.gif" width="177" height="5" alt="" border="0"></td><td></td></tr>


    <tr>
      <td colspan="2" align="center">


<!-- BEGIN Link to RSS Page -->
<!--   <div id="ship-info">
<div class="nav-extra" style="margin: 0px 30px 0px 0px; padding: 3px 3px 4px 10px; text-align: left; background: #666666 url(/images/navigation/left-nav-rss-corner.gif) no-repeat bottom right;">
    <strong>Same day shipping</strong> for in-stock orders<br>
<a href="http://www.thinkgeek.com/feeds.html"><img src="/images/rss-icon.gif" width="12" height="12" border="0" alt="RSS" align="absmiddle"></a> <a href="http://www.thinkgeek.com/feeds.html">RSS Feeds & Info</a>
placed before 1pm eastern time M-F. <br>
</div>
</div>
<!-- END Link to RSS Page -->
-->
 
 
<!-- 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;">&nbsp;</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;">


<br>
<div class="shadow-outer">
<div class="shadow-inner" style="width: 100%; padding: 0px; text-align: left; background-color: #ffffff;
border: 4px solid #0066ff;">


    <!-- BEGIN internal advertisements -->
<div style="background-color: #0066ff; color: white; padding: 5px; margin: 0px;
border-bottom: 4px solid #0066ff; white-space: nowrap;">
<strong>Processing ...</strong>
</div>


<a href="http://www.thinkgeek.com//jobs/"><img src="/images/other/navbanner-hiring-cussrv-sup.gif" alt="We're Hiring!" width="120" height="60" border="0" class="nav-ad"></a><br>
<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>


    <a href="http://www.thinkgeek.com/brain/dear_timmy.cgi"><img src="/images/other/navbanner-deartimmy.gif" alt="Dear Timmy" width="120" height="60" border="0" class="nav-ad"></a><br>
</div>
</div>
</div>
</div>


<a href="http://www.thinkgeek.com/newsletter.shtml"><img src="/images/other/navbanner-newsletter.gif" alt="New products,promos and deals. Sign up for our E-mail Newsletter!" width="120" height="60" border="0" class="nav-ad"></a>
</td>
</tr>
</table>
<!-- END SUMMARY TABLE -->


    <a href="http://www.thinkgeek.com/brain/customer_bounty.cgi"><img src="/images/other/navbanner-bounty2.gif" alt="Your Ideas = $500. The ThinkGeek Bounty Program!" width="120" height="60" border="0" class="nav-ad"></a><br>


    <!-- END internal advertisements -->
<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>


      </td>
<img src="/images/transparent-pixel.gif" width="1" height="1" alt="-" vspace="3" border="0"><br>
    </tr>
<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"
    </table>
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>


    <!-- END left side navigation -->
<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>


  </td>
</a> ]
  <td valign="top" id="main-body-cell">
</div>
</td>
</tr>
</table>


    <!-- BEGIN login and loot section -->
    <table width="100%" cellpadding="0" cellspacing="0" border="0" id="login-loot">


    <tr>
<script type="text/javascript">
      <td align="left" class="black-10px">
function toggle_gift_msg ()
      You're logged in as Joe Osowski (joe.osowski@gmail.com) [ <a href="/brain/account/login.cgi?a=lo&77fb101ebf57f4fbdf2efb87">logout</a> ]
{
      </td>
var box = OpenThought.FindElement('gift');
      <td align="right" class="loot">
if (box.checked)
      <a href="http://www.thinkgeek.com/brain/loot.cgi"><img src="/images/loot-icon.gif" width="16" height="16" alt="Loot!" border="0" align="absmiddle"></a> <a href="http://www.thinkgeek.com/brain/loot.cgi">Loot</a>:  Your cart is empty.
{
      </td>
// 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;
}
}
}


    </tr>
function submit_gift_msg ()
    </table>
{
    <!-- END login and loot section -->
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;">&nbsp;</td>
</tr>
<tr bgcolor="#f8f8fb">
<td valign="top" colspan="2" style="border-left: 1px solid #6666cc; border-right: 1px solid #6666cc;">


    <!-- BEGIN main body -->
<img src="/images/checkout/gift2.gif" alt="Gift Options:" width="136" height="4" border="0"></td>
    <table width="100%" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" border="0" id="main-body">
</tr>
    <tr>
</table>
    <td valign="top">
      <div class="generic-cell">


<h1>
<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">


<A HREF="https://www.thinkgeek.com/brain/account/index.cgi">Account</A> &gt;
<A HREF="https://www.thinkgeek.com/brain/account/history.cgi">Order Management</A> &gt;
Order #b5813364
</h1>


<h2>
<p class="black-12px">
Order Summary
</h2>


<table width="90%" cellpadding="5" cellspacing="0" border="0" align="center" style="border: 1px solid #000000;">
<input type="checkbox" name="gift" onclick="toggle_gift_msg()">
<tr>
Include a gift message?<br>
<td valign="top">
</p>


    <p class="head3">Order Info:</p>
<div id="gift_msg_area" name="gift_msg_area" align="center"> <p class="black-10px" style="line-height: 13px; text-align: left;">
    <p class="black-11px" style="margin-left: 25px; line-height: 16px;">
You may include a short gift message.
    <strong>Order Date:</strong> May 17, 2007, 12:28pm EDT<br>
Please note that prices do <strong>NOT</strong> appear on the packing slip.
    <strong>Payment:</strong> MASTERCARD 05/2009<br>
</p> </div>
    <span style="color: red;"><strong>Order Status:</strong> New<br></span>


    <strong>Status Updated:</strong> May 17, 2007, 12:28pm EDT
</td>
    </p>
</tr>
    </td>
</table>
<td valign="top" style="border-left: 1px solid #cccccc;">
<!-- END GIFT OPTIONS TABLE -->
    <p class="head3">Ship To:</p>
    <p class="black-11px" style="margin-left: 25px; line-height: 16px;">Joe Osowski<BR>
Street Addr<BR>


City, PA 19146<BR>
United States
</p>
    </td>
<td valign="top" style="border-left: 1px solid #cccccc;">
    <p class="head3">Bill To:</p>
    <p class="black-11px" style="margin-left: 25px; line-height: 16px;">Joe Osowski<BR>
Street Addr<BR>
City, PA 19146<BR>


United States
</td>
</p>
    </td>
</tr>
</tr>
<tr>
<tr>
<td valign="top" colspan="3" align="center" style="border-top: 1px solid #cccccc;">
<td colspan="2">
    <p class="black-11px">
 
    [ <a href="https://www.thinkgeek.com/brain/account/history.cgi?a=d&id=b5813364&printable=yes" target="_blank">Click here for Printable Receipt</a> ]
<!-- BEGIN CONFIRMATION PLACEHOLDER TABLE -->
    </p>
 
    </td>
<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;">&nbsp;</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">&nbsp;</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">&nbsp;</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;">
 
| &nbsp; <a href="http://www.thinkgeek.com/help/#secure" target="_new" class="novisit">Security</a> &nbsp;
| &nbsp; <a href="http://www.thinkgeek.com/privacy.shtml" target="_new" class="novisit">Privacy</a> &nbsp;
| &nbsp; <a href="http://www.thinkgeek.com/RMA/" target="_new" class="novisit">Hassle Free Returns</a> &nbsp;
 
| &nbsp; <a href="http://www.thinkgeek.com/help/" target="_new" class="novisit">Customer Service</a> &nbsp; |
 
</div>
</td>
</tr>
</table>
<!-- END LINKS TABLE -->


</tr>
</table>
<br>


<table border="0" align="center" cellpadding="5" style="border: 2px solid #CC0000;" width="75%">
<tr><td nowrap="nowrap">
<p class="black-12px"><a href="/help/#cancellation" target="_blank"><img src="/images/other/info-icon-red.gif" alt="!" width="17" height="17" hspace="1" border="0" align="absmiddle"></a>
You can cancel this order. <span class="black-10px">[ <a href="/help/#cancellation">More Info</a> ]</span> </p>
</td>
</td>
<td align="right" nowrap="nowrap">
</tr>
<p class="black-12px">
 
[ <a href="/brain/account/ocancel.cgi?oid=b5813364"><strong>Cancel This Order</strong></a> ]
</p>
</td></tr>
</table>
</table>




</form>




<h2>
<div id="payment_form_extra" style="display:none">
Products
    <form name="form_pay_paypal" target="_top" action="https://www.paypal.com/cgi-bin/webscr" method="post">
</h2>
        <input type="hidden" name="cmd" value="_s-xclick">




<TABLE BORDER=0 CELLPADDING=1 CELLSPACING=0 ALIGN=CENTER WIDTH=90%>
        <input type="hidden" name="encrypted" value="">


<TR BGCOLOR="black">
     </form>
<TD>
     <TABLE BORDER=0 CELLPADDING=4 CELLSPACING=0 WIDTH=100%>
<TR BGCOLOR="#CCCCCC">
<TD WIDTH=40% ALIGN=LEFT VALIGN=MIDDLE>
    <P CLASS="smallhdr">
Product
</P>
</TD>
<TD WIDTH=5% ALIGN=CENTER VALIGN=MIDDLE>


    <P CLASS="smallhdr">
Qty
</P>
</TD>
<TD WIDTH=5% ALIGN=CENTER VALIGN=MIDDLE>
    <P CLASS="smallhdr">
Shipped
</P>
</TD>
<TD WIDTH=20% ALIGN=LEFT VALIGN=MIDDLE>


    <P CLASS="smallhdr">
</div>
Method
</P>
</TD>
<TD WIDTH=10% ALIGN=LEFT VALIGN=MIDDLE>
    <P CLASS="smallhdr">
Status
</P>
</TD>
<TD WIDTH=10% ALIGN=RIGHT VALIGN=MIDDLE>


    <P CLASS="smallhdr">
Unit
</P>
</TD>
<TD WIDTH=10% ALIGN=RIGHT VALIGN=MIDDLE>
    <P CLASS="smallhdr">
Total
</P>
</TD>
</TR>


<TR BGCOLOR="#FFFFFF">
<TD WIDTH=40% ALIGN=LEFT VALIGN=TOP>
    <P CLASS="black-11px">
<A HREF="http://www.thinkgeek.com/gadgets/travelpower/77e6/">PowerSquid Outlet Multiplier - Yellow</A>
</P>
</TD>
<TD WIDTH=5% ALIGN=CENTER VALIGN=TOP>
    <P CLASS="black-11px">


1
</P>
</TD>
<TD WIDTH=5% ALIGN=CENTER VALIGN=TOP>
    <P CLASS="black-11px">
0
</P>
</TD>
<TD WIDTH=20% ALIGN=LEFT VALIGN=TOP>
    <P CLASS="black-11px">


DHL @Home
</P>
</TD>
<TD WIDTH=10% ALIGN=LEFT VALIGN=TOP>
    <P CLASS="black-11px">
New
</P>
</TD>
<TD WIDTH=10% ALIGN=RIGHT VALIGN=TOP>
    <P CLASS="black-11px">


$11.99
</P>
</TD>
<TD WIDTH=10% ALIGN=RIGHT VALIGN=TOP>
    <P CLASS="black-11px">
$11.99
</P>
</TD>
</TR>


    <TR BGCOLOR="#DFE1E4">
<script>
<TD COLSPAN=6 ALIGN=RIGHT VALIGN=MIDDLE>
    <P CLASS="black-11px">
Sub Total:
</P>
</TD>
<TD ALIGN=RIGHT VALIGN=MIDDLE>
    <P CLASS="black-11px">
$11.99
</P>


</TD>
var processing_fields;
</TR>
    <TR BGCOLOR="#DFE1E4">
<TD COLSPAN=6 ALIGN=RIGHT VALIGN=MIDDLE>
    <P CLASS="black-11px">
Sales Tax:
</P>
</TD>
<TD ALIGN=RIGHT VALIGN=MIDDLE>


    <P CLASS="black-11px">
function process_order_confirm (extra_flds)
$0.00
{
</P>
if (OpenThought.GetElement('ship_method')[1] == 0)
</TD>
{
</TR>
throw_error_box("Sorry, you must choose a shipping method before you can complete your order.");
    <TR BGCOLOR="#DFE1E4">
return false;
<TD COLSPAN=6 ALIGN=RIGHT VALIGN=MIDDLE>
}
    <P CLASS="black-11px">
Shipping:
</P>


</TD>
var box = OpenThought.FindElement('confirm_box');
<TD ALIGN=RIGHT VALIGN=MIDDLE>
var container = OpenThought.FindElement('confirm_placeholder');
    <P CLASS="black-11px">
$6.07
</P>
</TD>
</TR>
    <TR BGCOLOR="#DFE1E4">
<TD COLSPAN=6 ALIGN=RIGHT VALIGN=MIDDLE>


    <P CLASS="black-11px">
box.style.top = container.offsetTop;
<strong>TOTAL:</strong>
box.style.left = container.offsetLeft;
</P>
//box.style.width = container.offsetWidth;
</TD>
<TD ALIGN=RIGHT VALIGN=MIDDLE>
    <P CLASS="black-11px">
<strong>$18.06</strong>
</P>


</TD>
OpenThought.util.ShowElement('confirm_box'); OpenThought.util.DisableElement('*', { 'EXCEPT' : [ 'confirm_yes', 'confirm_no' ] }); compensate_for_IE_suckiness_on();
</TR>
    </TABLE>
</TD>
</TR>
</TABLE>


<div align="center" class="black-11px">
processing_fields = extra_flds;
Please visit our <A HREF="http://www.thinkgeek.com/help/ordering.shtml#status">Help Section</A> for <em>Status</em> explanations.
}


</div>
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>






<p>
<br>
</p>


      </div>
      </td>
    </tr>


    </table>
<!-- END main body -->
      <!-- END main body -->




Line 483: Line 1,090:
     <tr>
     <tr>
       <td id="bottom-link-left">
       <td id="bottom-link-left">
       Tell us your favorite OS. Take our <a href="http://www.thinkgeek.com/feedback.shtml"> 46.4-second survey</a>!
       Tell us your favorite OS. Take our <a href="http://www.thinkgeek.com/feedback.shtml" target="_top"> 46.4-second survey</a>!
       </td>
       </td>
       <td id="bottom-link-center">
       <td id="bottom-link-center">
       "Never offend people with style when
       "Never offend people with style when
       you can offend them with substance." <br>
       you can offend them with substance." <br>
Line 493: Line 1,100:
       <td id="bottom-link-right">
       <td id="bottom-link-right">
       See what some of our
       See what some of our
       <a href="http://www.thinkgeek.com/fortune.shtml">customers are saying</a>...
       <a href="http://www.thinkgeek.com/fortune.shtml" target="_top">customers are saying</a>...


       </td>
       </td>
     </tr>
     </tr>
     </table>
     </table>


Line 504: Line 1,112:
</table>
</table>
<!-- END whole width table -->
<!-- END whole width table -->


<!-- SiteCatalyst code version: G.4.
<!-- SiteCatalyst code version: G.4.
Line 510: Line 1,121:
/* You may give each page an identifying name, server, and channel on
/* You may give each page an identifying name, server, and channel on
the next lines. */
the next lines. */
var s_pageName="/brain/account/history.cgi"
var s_pageName="WarpSpeed"
var s_server=""
var s_server=""
var s_channel=""
var s_channel=""
Line 524: Line 1,135:
/* E-commerce Variables */
/* E-commerce Variables */
var s_campaign=""
var s_campaign=""
var s_state=""
var s_state="Pennsylvania"
var s_zip=""
var s_zip="19146"
var s_events=""
var s_events="scCheckout"
var s_products=""
var s_products="Travel & Power;PowerSquid Outlet Multiplier;1;11.99"
var s_purchaseID=""
var s_purchaseID="b5813364"
var s_eVar1=""
var s_eVar1=""
var s_eVar2=""
var s_eVar2=""
Line 539: Line 1,150:
/********** DO NOT ALTER ANYTHING ELSE BELOW THIS LINE! *************/
/********** DO NOT ALTER ANYTHING ELSE BELOW THIS LINE! *************/
var s_code=' '//--></script>
var s_code=' '//--></script>
<script language="JavaScript" src="https://www.thinkgeek.com/js/omniture.js"></script>
<script language="JavaScript" src="/js/omniture.js"></script>
 
<script language="JavaScript"><!--
<script language="JavaScript"><!--
var s_wd=window,s_tm=new Date;if(s_code!=' '){s_code=s_dc(
var s_wd=window,s_tm=new Date;if(s_code!=' '){s_code=s_dc(
Line 551: Line 1,163:
height="1" width="1" border="0" alt="" /></noscript><!--/DO NOT REMOVE/-->
height="1" width="1" border="0" alt="" /></noscript><!--/DO NOT REMOVE/-->
<!-- End SiteCatalyst code version: G.4. -->
<!-- End SiteCatalyst code version: G.4. -->




<!-- BEGIN OSTG Footer -->
<!-- BEGIN OSTG Footer -->
<!-- template copyright.html -->
<!-- template sitewide/copyright.tt2 -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr align="center" valign="middle">
<tr align="center" valign="middle">
<td height="50">
<td height="50">
     <p id="footer">
     <p id="footer">
     &copy; Copyright 1999-2007 - ThinkGeek, Inc. All Rights Reserved
 
  <img src="/brain/affl.cgi?r=https://www.thinkgeek.com/brain/order/receipt.cgi?id=b5813364" width="1" height="1" border="0">
     &copy; 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>
     <br>
     <br>
    About <a href="http://www.thinkgeek.com/about-us/" target="_top">ThinkGeek</a> &nbsp;&#149;&nbsp;
  <a href="http://www.thinkgeek.com/privacy.shtml" target="_top">Privacy Statement</a> &nbsp;&#149;&nbsp;
  <a href="http://www.thinkgeek.com/bug-us/" target="_top">Contact Us</a>


    About <a href="http://www.thinkgeek.com/about-us/">ThinkGeek</a> &nbsp;&#149;&nbsp;
  <a href="http://www.thinkgeek.com/privacy.shtml">Privacy Statement</a> &nbsp;&#149;&nbsp;
  <a href="http://www.thinkgeek.com/bug-us/">Contact Us</a>
     <br>
     <br>
     ThinkGeek, Inc. is an <a href="http://www.ostg.com/" TARGET="_blank">OSTG</a> Company
     ThinkGeek, Inc. is an <a href="http://www.ostg.com/" TARGET="_blank">OSTG</a> Company
     &nbsp;&#149;&nbsp;
     &nbsp;&#149;&nbsp;
   About <a href="http://www.ostg.com/about/"TARGET="_blank">OSTG</a>
   About <a href="http://www.ostg.com/about/"TARGET="_blank">OSTG</a>


Line 576: Line 1,189:
</td>
</td>
</tr>
</tr>
</table>
</table>
<!-- end OSTG Footer -->
<!-- end OSTG Footer -->
Line 586: Line 1,200:


</pre>
</pre>
==See also==
*[[receipt-example-thinkgeek-2]]
*[[receipt-example-thinkgeek-3]]

Latest revision as of 12:59, 16 January 2008

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>  &#149; 
  	<a href="http://www.thinkgeek.com/privacy.shtml" target="_top">Privacy Statement</a>  &#149; 
  	<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
     &#149; 
  	About <a href="http://www.ostg.com/about/"TARGET="_blank">OSTG</a>

    </p>
	</td>
</tr>

</table>
<!-- end OSTG Footer -->



</body>
</html>

See also

Retrieved from "http://microformats.org/wiki/index.php?title=receipt-example-thinkgeek&oldid=33267"