receipt-example-thinkgeek

From Microformats Wiki
Jump to navigation Jump to search
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

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