receipt-example-thinkgeek: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
(moved)
(No difference)

Revision as of 12:52, 16 January 2008

http://upallnite.com/receipts/thinkgeek3.html


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

<html>
<head>
  <title>ThinkGeek :: My Account :: Order Management :: Order Detail #b5813364 </title>

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


</head>

<body background="/images/bg.gif">

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

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

    <tr>
      <td id="top-right-nav-row3"><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 width="177" valign="top">

    <!-- BEGIN left side navigation -->
    <table cellpadding="0" cellspacing="0" border="0">
    <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 -->

        <!-- BEGIN dark grey section -->
        <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>
            + <a href="http://www.thinkgeek.com/gadgets/">Gadgets</a><br>
            + <a href="http://www.thinkgeek.com/homeoffice/">Home & Office</a><br>
            + <a href="http://www.thinkgeek.com/computing/">Computing</a><br>

            + <a href="http://www.thinkgeek.com/caffeine/">Caffeine</a><br>
            + <a href="http://www.thinkgeek.com/electronics/">Electronics</a><br>
            + <a href="http://www.thinkgeek.com/books/">Books</a><br>
            </div>
            <div class="nav-bottom-white">
            &#149; <a href="http://www.thinkgeek.com/whats-new/">What's New</a> <br>

            &#149; <a href="http://www.thinkgeek.com/clearance/">Clearance</a> <a href="/clearance.rss"><br>
            </div>
          </td>
        </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>
        </tr>

        </table>
        <!-- END dark grey section -->
        <div class="nav-extra" style="margin-top: -10px; margin-right: 30px; margin-left: 0px; margin-bottom: 10px;
        		border: groove 0px #C1C1C1; padding-top: 5px; padding-right: 5px; padding-bottom: 8px; padding-left: 8px;
            background: #666666 url(/images/navigation/left-nav-corner4.gif) no-repeat bottom right;">

        &#149; <a href="https://www.thinkgeek.com/brain/order/certificate.cgi">Gift Certificates</a><br>
        &#149; <a href="http://www.thinkgeek.com/affiliates/">Affiliate Program</a><br>
        &#149; <a href="http://www.thinkgeek.com/brain/gpenroll.cgi">Geek Points</a><br>

        &#149; <a href="http://www.thinkgeek.com/site-index/">Site Index</a><br>
        </div>

        <!-- BEGIN navigate by interest -->
        <form action="/brain/redir.cgi" method="get" id="nav-by-interest">
        <div id="interest">Navigate by Interest:</div>
          <table cellpadding="0" cellspacing="0" align="center" border="0"><tr>
          <td>
            <select name="p" onchange="window.location=this.options[this.selectedIndex].value; return true" class="smalldropdown">
            <option value="/interest/exclusives/?cpg=nbi">ThinkGeek Exclusives</option>

            <option value="/interest/giftsforhim/?cpg=nbi">Gifts for Him</option>
            <option value="/interest/giftsforher/?cpg=nbi">Gifts for Her</option>
            <option value="/interest/giftsforkids/?cpg=nbi">Gifts for Kids</option>
            <option value="/interest/giftsunder10/?cpg=nbi">Gifts Under $10</option>
            <option value="/interest/giftsunder20/?cpg=nbi">Gifts Under $20</option>
            <option value="/interest/giftsunder50/?cpg=nbi">Gifts Under $50</option>

            <option value="/interest/giftsunder100/?cpg=nbi">Gifts Under $100</option>
            <option value="/interest/giftsover100/?cpg=nbi">Gifts Over $100</option>
            <option value="/interest/geeksonthego/?cpg=nbi">Geeks on the Go</option>
            <option value="/interest/gadgetfreak/?cpg=nbi">Gadget Freak</option>
            <option value="/interest/students/?cpg=nbi">Stuff for Students</option>
            <option value="/interest/web/?cpg=nbi">Web Developer</option>

            <option value="/interest/diy/?cpg=nbi">DIY Goodies</option>
            <option value="/interest/monkeys/?cpg=nbi">Monkeys</option>
            <option value="/interest/retro/?cpg=nbi">Cool Retro Stuff!</option>
            <option value="/interest/favorites/?cpg=nbi">Our Favorites</option>
            <option value="/interest/binary/?cpg=nbi">Binary</option>
            <option value="/interest/codergoodies/?cpg=nbi">Coder Goodies</option>
            <option value="/interest/ipod/?cpg=nbi">iPod Stuff</option>

            <option value="/interest/foryourhome/?cpg=nbi">For Your Home</option>
            <option value="/interest/gamer/?cpg=nbi">Gamer</option>
            <option value="/interest/linux/?cpg=nbi">Linux & Tux</option>
            <option value="/interest/madscientist/?cpg=nbi">Mad Scientist</option>
            <option value="/twit/?cpg=nbi">TWiT Store</option>
            <option value="/pennyarcade/?cpg=nbi">Penny Arcade Store</option>

            <option value="/pvp/?cpg=nbi">PVP Store</option>
            <option value="/interest/microgoodies/?cpg=nbi">Micro Goodies</option>
            <option value="/interest/usb/?cpg=nbi">USB Devices</option>
            <option value="/interest/outdoors/?cpg=nbi">Outdoor Geek</option>
            </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>
        </form>
        <!-- END navigate by interest -->

        <!-- END SITE_NAVIGATION TEMPLATE -->

      </td>

      <td width="10" valign="top"><img src="/images/navigation/left-nav-corner1.gif" width="10" height="10" alt="decorative corner" border="0"></td>
      <!-- END light grey section -->

    </tr>
    <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 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;">
		<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>
	</div>
	<!-- END Link to RSS Page -->

<br>

     <!-- BEGIN internal advertisements -->

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

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

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

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


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

    <!-- END left side navigation -->

  </td>
  <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&77fb101ebf57f4fbdf2efb87">logout</a> ]
      </td>
      <td align="right" class="loot">
      <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>

    </tr>
    </table>
    <!-- END login and loot section -->




    <!-- BEGIN main body -->
    <table width="100%" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" border="0" id="main-body">
    <tr>
    	<td valign="top">
      <div class="generic-cell">

<h1>

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

<h2>
Order Summary
</h2>

<table width="90%" cellpadding="5" cellspacing="0" border="0" align="center" style="border: 1px solid #000000;">
<tr>
	<td valign="top">

    <p class="head3">Order Info:</p>
    <p class="black-11px" style="margin-left: 25px; line-height: 16px;">
    <strong>Order Date:</strong> May 17, 2007, 12:28pm EDT<br>
    <strong>Payment:</strong> MASTERCARD 05/2009<br>
    <span style="color: red;"><strong>Order Status:</strong> New<br></span>

    <strong>Status Updated:</strong> May 17, 2007, 12:28pm EDT
    </p>
    </td>
	<td valign="top" style="border-left: 1px solid #cccccc;">
    <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
</p>
    </td>
</tr>
<tr>
	<td valign="top" colspan="3" align="center" style="border-top: 1px solid #cccccc;">
    <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> ]
    </p>
    </td>

</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 align="right" nowrap="nowrap">
<p class="black-12px">

[ <a href="/brain/account/ocancel.cgi?oid=b5813364"><strong>Cancel This Order</strong></a> ]
</p>
</td></tr>
</table>




<h2>
Products
</h2>


<TABLE BORDER=0 CELLPADDING=1 CELLSPACING=0 ALIGN=CENTER WIDTH=90%>

<TR BGCOLOR="black">
<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">
		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">
	<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>
	</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">
		$0.00
		</P>
	</TD>
	</TR>
    <TR BGCOLOR="#DFE1E4">
	<TD COLSPAN=6 ALIGN=RIGHT VALIGN=MIDDLE>
	    <P CLASS="black-11px">
		Shipping:
		</P>

	</TD>
	<TD ALIGN=RIGHT VALIGN=MIDDLE>
	    <P CLASS="black-11px">
		$6.07
		</P>
	</TD>
	</TR>
    <TR BGCOLOR="#DFE1E4">
	<TD COLSPAN=6 ALIGN=RIGHT VALIGN=MIDDLE>

	    <P CLASS="black-11px">
		<strong>TOTAL:</strong>
		</P>
	</TD>
	<TD ALIGN=RIGHT VALIGN=MIDDLE>
	    <P CLASS="black-11px">
		<strong>$18.06</strong>
		</P>

	</TD>
	</TR>
    </TABLE>
</TD>
</TR>
</TABLE>

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

</div>







<p>
<br>
</p>

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

    </table>
      <!-- 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"> 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">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="/brain/account/history.cgi"
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=""
var s_zip=""
var s_events=""
var s_products=""
var s_purchaseID=""
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="https://www.thinkgeek.com/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 copyright.html -->
<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/order/receipt.cgi?id=b5813364" width="1" height="1" border="0">
  	<br>
    <br>

    About <a href="http://www.thinkgeek.com/about-us/">ThinkGeek</a>  &#149; 
  	<a href="http://www.thinkgeek.com/privacy.shtml">Privacy Statement</a>  &#149; 
  	<a href="http://www.thinkgeek.com/bug-us/">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>