Skip to content

Instantly share code, notes, and snippets.

@achudars
Last active August 29, 2015 14:16
Show Gist options
  • Save achudars/a49a4668954572b0106d to your computer and use it in GitHub Desktop.
Save achudars/a49a4668954572b0106d to your computer and use it in GitHub Desktop.
XML containing all (or most) HTML4 and HTML5 elements
<?xml version="1.0" encoding="UTF-8"?>
<journey>
<!-- sample transitions -->
<state id="1">
<transition id="transition_11" event="onsubmit" target="2"/>
<html>
<head>
<title>Search</title>
</head>
<body>
<form action="action_page.php">
Search Google:
<input type="search" name="googlesearch"/>
<input type="submit"/>
</form>
</body>
</html>
</state>
<state id="2">
<transition id="transition_21" event="onclick" target="3"/>
<html>
<head>
<title>Search</title>
</head>
<body>
<h1>Results</h1>
<ul>
<li>item 1</li>
<li>item 2</li>
</ul>
</body>
</html>
</state>
<state id="3">
<transition id="transition_31" event="" target=""/>
<html>
<head>
<title>Search</title>
</head>
<body>
<div>result</div>
</body>
</html>
</state>
<!-- METADATA TESTS -->
<!-- <head>, <title>, <base>, <meta>, <style> -->
<state id="">
<transition id="" event="" target=""/>
<html>
<head>
<title>METADATA</title>
<base href="http://www.example.com/news/index.html"/>
<meta name="keywords" content="british,type face,font,fonts,highway,highways"/>
<style>
body { color: black; background: white; }
em { font-style: normal; color: red; }
</style>
</head>
<body>
</body>
</html>
</state>
<!-- SCRIPTING TESTS -->
<!-- <script> -->
<state id="">
<transition id="" event="" target=""/>
<html>
<head>
<title>SCRIPT (and BODY, P, SPAN)</title>
<script>
function update(online) {
document.getElementById('status').textContent =
online ? 'Online' : 'Offline';
}
</script>
</head>
<body ononline="update(true)"
onoffline="update(false)"
onload="update(navigator.onLine)">
<p>You are: <span id="status">(Unknown)</span></p>
</body>
</html>
</state>
<!-- <noscript> -->
<state id="">
<transition id="" event="" target=""/>
<html>
<head>
<title>NOSCRIPT (and SCRIPT, P)</title>
</head>
<body>
<script>
document.write("Hello World!")
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>
<p>A browser without support for JavaScript will show the text inside the noscript element.</p>
</body>
</html>
</state>
<!-- SECTIONING TESTS -->
<!-- <body> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>BODY (and P)</title>
</head>
<body>
<p>Hard Trance is My Life.</p>
</body>
</html>
</state>
<!-- <article> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>ARTICLE (and IMG, P, FOOTER)</title>
</head>
<body>
<article>
<img src="/tumblr_masqy2s5yn1rzfqbpo1_500.jpg" alt="Yellow smiley face with the caption 'masif'"/>
<p>My fave Masif tee so far!</p>
<footer>Posted 2 days ago</footer>
</article>
<article>
<img src="/tumblr_m9tf6wSr6W1rzfqbpo1_500.jpg" alt="" />
<p>Happy 2nd birthday Masif Saturdays!!!</p>
<footer>Posted 3 weeks ago</footer>
</article>
</body>
</html>
</state>
<!-- <section> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>SECTION (and H1, P)</title>
</head>
<body>
<h1>Biography</h1>
<section>
<h1>The facts</h1>
<p>1500+ shows, 14+ countries</p>
</section>
<section>
<h1>2010/2011 figures per year</h1>
<p>100+ shows, 8+ countries</p>
</section>
</body>
</html>
</state>
<!-- <nav> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>NAV (and P, A)</title>
</head>
<body>
<nav>
<p><a href="/">Home</a></p>
<p><a href="/biog.html">Bio</a></p>
<p><a href="/discog.html">Discog</a></p>
</nav>
</body>
</html>
</state>
<!-- <aside> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>ASIDE (and H1, P, A)</title>
</head>
<body>
<h1>Music</h1>
<p>As any burner can tell you, the event has a lot of trance.</p>
<aside>You can buy the music we played at our <a href="buy.html">playlist page</a>.</aside>
<p>This year we played a kind of trance that originated in Belgium, Germany, and the Netherlands in the mid 90s.</p>
</body>
</html>
</state>
<!-- <h1>, <h2>, <h3>, <h4>, <h5>, <h6> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>H1, H2, H3, H4, H5, H6 (and P)</title>
</head>
<body>
<h1>The Guide To Music On The Playa</h1>
<h2>The Main Stage</h2>
<p>If you want to play on a stage, you should bring one.</p>
<h3>Amplified Music</h3>
<p>Amplifiers up to 300W or 90dB are welcome.</p>
<h4>Amplified Music</h4>
<p>Amplifiers up to 300W or 90dB are welcome.</p>
<h5>Amplified Music</h5>
<p>Amplifiers up to 300W or 90dB are welcome.</p>
<h6>Amplified Music</h6>
</body>
</html>
</state>
<!-- <hgroup> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>HGROUP (and SECTION, H1, H2, P)</title>
</head>
<body>
<hgroup>
<h1>Burning Music</h1>
<h2>The Guide To Music On The Playa</h2>
</hgroup>
<section>
<hgroup>
<h1>Main Stage</h1>
<h2>The Fiction Of A Music Festival</h2>
</hgroup>
<p>If you want to play on a stage, you should bring one.</p>
</section>
<section>
<hgroup>
<h1>Loudness!</h1>
<h2>Questions About Amplified Music</h2>
</hgroup>
<p>Amplifiers up to 300W or 90dB are welcome.</p>
</section>
</body>
</html>
</state>
<!-- <header> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>HEADER (and H1, P, ARTICLE)</title>
</head>
<body>
<article>
<header>
<h1>Hard Trance is My Life</h1>
<p>By DJ Steve Hill and Technikal</p>
</header>
<p>The album with the amusing punctuation has red artwork.</p>
</article>
</body>
</html>
</state>
<!-- <footer> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>FOOTER (and ARTICLE, H1, P)</title>
</head>
<body>
<article>
<h1>Hard Trance is My Life</h1>
<p>The album with the amusing punctuation has red artwork.</p>
<footer>
<p>Artists: DJ Steve Hill and Technikal</p>
</footer>
</article>
</body>
</html>
</state>
<!-- <address> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>FOOTER (and ARTICLE, H1, P)</title>
</head>
<body>
<address itemtype="http://microformats.org/profile/hcard">
<strong itemprop="fn"><span itemprop="n"><span itemprop="given-name">Alfred</span>
<span itemprop="family-name">Person</span></span></strong>
<span itemprop="adr">
<span itemprop="street-address">1600 Amphitheatre Parkway</span>
<span itemprop="street-address">Building 43, Second Floor</span>
<span itemprop="locality">Mountain View</span>,
<span itemprop="region">CA</span> <span itemprop="postal-code">94043</span>
</span>
</address>
</body>
</html>
</state>
<!-- GROUPING TESTS -->
<!-- <p> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>P (and FIELDSET, LEGEND, LABEL, INPUT, P, TEXTAREA)</title>
</head>
<body>
<p>The little kitten gently seated himself on a piece of carpet. Later in his life, this would be referred to as the time the cat sat on the mat.</p>
<fieldset>
<legend>Personal information</legend>
<p>
<label>Name: <input name="n"/></label>
<label><input name="anon" type="checkbox"/> Hide from other users</label>
</p>
<p><label>Address: <textarea name="a"></textarea></label></p>
</fieldset>
</body>
</html>
</state>
<!-- <pre> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>PRE (and CODE, P, SAMP, KBD)</title>
</head>
<body>
<p>This is the <code>Panel</code> constructor:</p>
<pre>
<code>
function Panel(element, canClose, closeHandler) {
this.element = element;
this.canClose = canClose;
this.closeHandler = function () {
if (closeHandler) closeHandler()
};
}
</code>
</pre>
<pre>
<samp>There is a small mailbox here.</samp>
<kbd>open mailbox</kbd>
<samp>Opening the mailbox reveals: A leaflet.</samp>
</pre>
</body>
</html>
</state>
<!-- <blockquote> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>BLOCKQUOTE (and P, ARTICLE, H1, HEADER, FOOTER, STRONG, A)</title>
</head>
<body>
<blockquote>
<p>[Fred] then said he liked [...] fish.</p>
</blockquote>
<blockquote>
<p>I contend that we are both atheists. I just believe in one fewer god than you do. When you understand why you dismiss all the other possible gods, you will understand why I dismiss yours.</p>
</blockquote>
<p>— Stephen Roberts</p>
<article>
<h1><a href="http://bacon.example.com/?blog=109431">Bacon on a crowbar</a></h1>
<article>
<header><strong>t3yw</strong> 12 points 1 hour ago</header>
<p>I bet a narwhal would love that.</p>
<footer><a href="?pid=29578">permalink</a></footer>
<article>
<header><strong>greg</strong> 8 points 1 hour ago</header>
<blockquote><p>I bet a narwhal would love that.</p></blockquote>
<p>Dude narwhals don't eat bacon.</p>
<footer><a href="?pid=29579">permalink</a></footer>
<article>
<header><strong>t3yw</strong> 15 points 1 hour ago</header>
<blockquote>
<blockquote><p>I bet a narwhal would love that.</p></blockquote>
<p>Dude narwhals don't eat bacon.</p>
</blockquote>
<p>Next thing you'll be saying they don't get capes and wizard hats either!</p>
<footer><a href="?pid=29580">permalink</a></footer>
<article>
<article>
<header><strong>boing</strong> -5 points 1 hour ago</header>
<p>narwhals are worse than ceiling cat</p>
<footer><a href="?pid=29581">permalink</a></footer>
</article>
</article>
</article>
</article>
<article>
<header><strong>fred</strong> 1 points 23 minutes ago</header>
<blockquote><p>I bet a narwhal would love that.</p></blockquote>
<p>I bet they'd love to peel a banana too.</p>
<footer><a href="?pid=29582">permalink</a></footer>
</article>
</article>
</article>
</body>
</html>
</state>
<!-- <ol> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>OL (and P, LI)</title>
</head>
<body>
<p>I have lived in the following countries (given in the order of when I first lived there):</p>
<ol>
<li>Switzerland</li>
<li>United Kingdom</li>
<li>United States</li>
<li>Norway</li>
</ol>
</body>
</html>
</state>
<!-- <ul> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>UL (and P, LI)</title>
</head>
<body>
<p>I have lived in the following countries:</p>
<ul>
<li>Switzerland</li>
<li>Norway</li>
<li>United Kingdom</li>
<li>United States</li>
</ul>
</body>
</html>
</state>
<!-- <li> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>LI (and FIGURE, FIGCAPTION, OL, CITE)</title>
</head>
<body>
<figure>
<figcaption>The top 10 movies of all time</figcaption>
<ol>
<li value="10"><cite>Josie and the Pussycats</cite>, 2001</li>
<li value="9"><cite lang="sh">Црна мачка, бели мачор</cite>, 1998</li>
<li value="8"><cite>A Bug's Life</cite>, 1998</li>
<li value="7"><cite>Toy Story</cite>, 1995</li>
<li value="6"><cite>Monsters, Inc</cite>, 2001</li>
<li value="5"><cite>Cars</cite>, 2006</li>
<li value="4"><cite>Toy Story 2</cite>, 1999</li>
<li value="3"><cite>Finding Nemo</cite>, 2003</li>
<li value="2"><cite>The Incredibles</cite>, 2004</li>
<li value="1"><cite>Ratatouille</cite>, 2007</li>
</ol>
</figure>
</body>
</html>
</state>
<!-- <dl>, <dt>, <dd> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>DL, DT, DD (and P)</title>
</head>
<body>
<p>Determine the victory points as follows (use the first matching case):</p>
<dl>
<dt> If you have exactly five gold coins </dt>
<dd> You get five victory points </dd>
<dt> If you have one or more gold coins, and you have one or more silver coins </dt>
<dd> You get two victory points </dd>
<dt> If you have one or more silver coins </dt>
<dd> You get one victory point </dd>
<dt> Otherwise </dt>
<dd> You get no victory points </dd>
</dl>
</body>
</html>
</state>
<!-- <figure>, <figcaption> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>FIGURE, FIGCAPTION (and IMG)</title>
</head>
<body>
<figure>
<figcaption>The castle through the ages: 1423, 1858, and 1999 respectively.</figcaption>
<figure>
<figcaption>Etching. Anonymous, ca. 1423.</figcaption>
<img src="castle1423.jpeg" alt="The castle has one tower, and a tall wall around it."/>
</figure>
<figure>
<figcaption>Oil-based paint on canvas. Maria Towle, 1858.</figcaption>
<img src="castle1858.jpeg" alt="The castle now has two towers and two walls."/>
</figure>
<figure>
<figcaption>Film photograph. Peter Jankle, 1999.</figcaption>
<img src="castle1999.jpeg" alt="The castle lies in ruins, the original tower all that remains in one piece."/>
</figure>
</figure>
</body>
</html>
</state>
<!-- <main> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>MAIN (and ARTICLE, H1, P)</title>
</head>
<body>
<main>
<h1>Web Browsers</h1>
<p>Google Chrome, Firefox, and Internet Explorer are the most used browsers today.</p>
<article>
<h1>Google Chrome</h1>
<p>Google Chrome is a free, open-source web browser developed by Google, released in 2008.</p>
</article>
<article>
<h1>Internet Explorer</h1>
<p>Internet Explorer is a free web browser from Microsoft, released in 1995.</p>
</article>
<article>
<h1>Mozilla Firefox</h1>
<p>Firefox is a free, open-source web browser from Mozilla, released in 2004.</p>
</article>
</main>
</body>
</html>
</state>
<!-- <div> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>DIV (and ARTICLE, H1, P)</title>
</head>
<body>
<article lang="en-US">
<h1>My use of language and my cats</h1>
<p>My cat's behaviour hasn't changed much since her absence.</p>
<div lang="en-GB">
<p>My other cat, coloured black and white, is a sweetie.</p>
<p>Hm, I just noticed that in the last paragraph I used British English.</p>
</div>
<p>I should say "sidewalk" and "apartment" and "color"!</p>
</article>
</body>
</html>
</state>
<!-- TEXT-LEVEL SEMANTIC TESTS -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>TEXT-LEVEL SEMANTICS</title>
</head>
<body>
<!-- <em> -->I must say I <em>adore</em> lemonade.
<!-- <strong> -->This tea is <strong>very hot</strong>.
<!-- <small> -->These grapes are made into wine. <small>Alcohol is addictive.</small>
<!-- <s> -->Price: <s>£4.50</s> £2.00!
<!-- <cite> -->The case <cite>Hugo v. Danielle</cite> is relevant here.
<!-- <q> -->The judge said <q>You can drink water from the fish tank</q> but advised against it.
<!-- <dfn> -->The term <dfn>organic food</dfn> refers to food produced without synthetic chemicals.
<!-- <abbr> -->Organic food in Ireland is certified by the <abbr title="Irish Organic Farmers and Growers Association">IOFGA</abbr>.
<!-- <time> -->Available starting on <time datetime="2011-11-12">November 12th</time>!
<!-- <code> -->The <code>fruitdb</code> program can be used for tracking fruit production.
<!-- <var> -->If there are <var>n</var> fruit in the bowl, at least <var>n</var>÷2 will be ripe.
<!-- <samp> -->The computer said <samp>Unknown error -3</samp>.
<!-- <kbd> -->Hit <kbd>F1</kbd> to continue.
<!-- <sub> -->Water is H<sub>2</sub>O.
<!-- <sup> -->The Hydrogen in heavy water is usually <sup>2</sup>H.
<!-- <mark> -->Elderflower cordial, with one <mark>part</mark> cordial to ten <mark>part</mark>s water, stands a<mark>part</mark> from the rest.
<!-- <ruby>,<rt>,<rp> --><ruby> OJ <rp>(<rt>Orange Juice</rt>)</rp></ruby>
<!-- <bdi> -->The recommended restaurant is <bdi lang="">My Juice Café (At The Beach)</bdi>.
<!-- <bdo> -->The proposal is to write English, but in reverse order. "Juice" would become "<bdo dir="rtl">Juice</bdo>"
<!-- <span> -->In French we call it <span lang="fr">sirop de sureau</span>.
<!-- <wbr> -->www.simply<wbr>orange</wbr>juice.com
</body>
</html>
</state>
<!-- LINKS TESTS -->
<!-- <a> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>A (and NAV, P)</title>
</head>
<body>
<nav>
<p>
<a href="/">Main</a> ▸
<a href="/products/">Products</a> ▸
<a href="/products/dishwashers/">Dishwashers</a> ▸
<a>Second hand</a>
</p>
<p>
<a href="/">Main</a> ▸
<a href="/second-hand/">Second hand</a> ▸
<a>Dishwashers</a>
</p>
</nav>
</body>
</html>
</state>
<!-- <area> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>AREA (and IMG, MAP)</title>
</head>
<body>
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap"/>
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun"/>
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury"/>
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus"/>
</map>
</body>
</html>
</state>
<!-- <link> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>LINK</title>
<link rel="author license" href="/about"/>
</head>
<body>
</body>
</html>
</state>
<!-- EDITS TESTS -->
<!-- <ins>, <del> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>INS, DEL (and SECTION, H1)</title>
</head>
<body>
<section>
<ins>
<h1>Example of paragraphs</h1>
This is the <em>first</em> paragraph in
</ins> this example
<del>.
<p>This is the second.</p>
</del>
<!-- This is not a paragraph. -->
</section>
</body>
</html>
</state>
<!-- EMBEDDED TESTS -->
<!-- <img> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>IMG (and FIGURE, FIGCAPTION)</title>
</head>
<body>
<figure>
<img src="bubbles-work.jpeg" alt="Bubbles, sitting in his office chair, works on his latest project intently."/>
<figcaption>Bubbles at work</figcaption>
</figure>
</body>
</html>
</state>
<!-- <iframe> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>IFRAME (and ARTICLE, FOOTER)</title>
</head>
<body>
<article>
<footer> Thirteen minutes ago, <a href="/users/ch">ch</a> wrote: </footer>
<iframe srcdoc="did you get a cover picture yet"></iframe>
</article>
</body>
</html>
</state>
<!-- <embed> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>EMBED</title>
</head>
<body>
<embed src="catgame.swf" quality="high"/>
</body>
</html>
</state>
<!-- <object>, <param> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>OBJECT, PARAM</title>
</head>
<body>
<object data="catgame.swf">
<param name="quality" value="high"/>
</object>
</body>
</html>
</state>
<!-- <video>, <source>, <track> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>VIDEO, SOURCE, TRACK (and P)</title>
</head>
<body>
<p>Look at my video:
<object type="application/x-shockwave-flash">
<param name="movie" value="http://video.example.com/library/watch.swf"/>
<param name="allowfullscreen" value="true"/>
<param name="flashvars" value="http://video.example.com/vids/315981"/>
<video src="http://video.example.com/vids/315981">
<a href="http://video.example.com/vids/315981">View video</a>.
<source src="forrest_gump.mp4" type="video/mp4"/>
<source src="forrest_gump.ogg" type="video/ogg"/>
<track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English"/>
<track src="subtitles_no.vtt" kind="subtitles" srclang="no" label="Norwegian"/>
</video>
</object>
</p>
</body>
</html>
</state>
<!-- <audio> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>AUDIO (and SOURCE)</title>
</head>
<body>
<audio>
<source src="horse.ogg" type="audio/ogg"/>
<source src="horse.mp3" type="audio/mpeg"/>
Your browser does not support the audio tag.
</audio>
</body>
</html>
</state>
<!-- <canvas> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>CANVAS (and SCRIPT)</title>
</head>
<body>
<canvas></canvas>
<script>
var canvas = document.getElementsByTagName('canvas')[0];
var proxy = canvas.transferControlToProxy();
var worker = new Worker('clock.js');
worker.postMessage(proxy, [proxy]);
</script>
</body>
</html>
</state>
<!-- <map> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>MAP (and AREA)</title>
</head>
<body>
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun"/>
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury"/>
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus"/>
</map>
</body>
</html>
</state>
<!-- <svg> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>SVG</title>
</head>
<body>
<svg height="100" width="100">
<circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
Sorry, your browser does not support inline SVG.
</svg>
</body>
</html>
</state>
<!-- <math> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>MATH</title>
</head>
<body>
<math>
<mi>x</mi>
<mo>=</mo>
<mfrac>
<mrow>
<mo form="prefix">−</mo> <mi>b</mi>
<mo>±</mo>
<msqrt>
<msup> <mi>b</mi> <mn>2</mn> </msup>
<mo>−</mo>
<mn>4</mn> <mo>⁢</mo> <mi>a</mi> <mo>⁢</mo> <mi>c</mi>
</msqrt>
</mrow>
<mrow>
<mn>2</mn> <mo>⁢</mo> <mi>a</mi>
</mrow>
</mfrac>
</math>
</body>
</html>
</state>
<!-- TABULAR TESTS -->
<!-- <table>, <thead>, <tbody>, <tfoot>, <tr>, <td>, <th> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>TABLE, THEAD, TBODY, TFOOT, TH, TR, TD</title>
</head>
<body>
<table>
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
</table>
</body>
</html>
</state>
<!-- <caption>, <colgroup>, <col> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>CAPTION, COLGROUP, COL (and TABLE, TR, TH, TD)</title>
</head>
<body>
<table>
<caption>Monthly savings</caption>
<colgroup>
<col span="2" style="background-color:red"/>
<col style="background-color:yellow"/>
</colgroup>
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
</table>
</body>
</html>
</state>
<!-- FORMS TESTS -->
<!-- <form>, <fieldset>, <legend>, <input> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>FORM, FIELDSET, LEGEND, INPUT</title>
</head>
<body>
<form action="demo_form.asp" method="get">
First name: <input type="text" name="fname"/>
Last name: <input type="text" name="lname"/>
<input type="submit" value="Submit"/>
<fieldset>
<legend>Personalia:</legend>
Name: <input type="text"/>
Email: <input type="text"/>
Date of birth: <input type="text"/>
</fieldset>
</form>
</body>
</html>
</state>
<!-- <label> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>LABEL (and FORM, INPUT)</title>
</head>
<body>
<form action="demo_form.asp">
<label for="male">Male</label>
<input type="radio" name="sex" id="male" value="male"/>
<label for="female">Female</label>
<input type="radio" name="sex" id="female" value="female"/>
<input type="submit" value="Submit"/>
</form>
</body>
</html>
</state>
<!-- <button> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>BUTTON</title>
</head>
<body>
<button type="button">Click Me!</button>
</body>
</html>
</state>
<!-- <select>, <optgroup>, <option> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>SELECT, OPTGROUP, OPTION</title>
</head>
<body>
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
<select>
<optgroup label="Swedish Cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
</body>
</html>
</state>
<!-- <datalist> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>DATALIST (and OPTION, INPUT)</title>
</head>
<body>
<input list="browsers"/>
<datalist id="browsers">
<option value="Internet Explorer">Internet Explorer</option>
<option value="Firefox">Firefox</option>
<option value="Chrome">Chrome</option>
<option value="Opera">Opera</option>
<option value="Safari">Safari</option>
</datalist>
</body>
</html>
</state>
<!-- <textarea> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>TEXTAREA</title>
</head>
<body>
<textarea rows="4" cols="50">
free tutorials in all web development technologies.
</textarea>
</body>
</html>
</state>
<!-- <keygen> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>KEYGEN (and FORM, INPUT)</title>
</head>
<body>
<form action="demo_keygen.asp" method="get">
Username: <input type="text" name="usr_name"/>
Encryption: <keygen name="security"/>
<input type="submit"/>
</form>
</body>
</html>
</state>
<!-- <output> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>OUTPUT (and FORM, INPUT)</title>
</head>
<body>
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="50"/>100
+<input type="number" id="b" value="50"/>
=<output name="x" for="a b"></output>
</form>
</body>
</html>
</state>
<!-- <progress> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>PROGRESS</title>
</head>
<body>
<progress value="22" max="100"></progress>
</body>
</html>
</state>
<!-- <meter> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>METER</title>
</head>
<body>
<meter value="2" min="0" max="10">2 out of 10</meter>
<meter value="0.6">60%</meter>
</body>
</html>
</state>
<!-- INTERACTIVE TESTS -->
<!-- <details>, <summary> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>DETAILS (and SUMMARY, P)</title>
</head>
<body>
<details>
<summary>Copyright 1999-2014.</summary>
<p> - by Refsnes Data. All Rights Reserved.</p>
<p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
</details>
</body>
</html>
</state>
<!-- <menu>, <menuitem> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>MENU, MENUITEM</title>
</head>
<body>
<menu type="context" id="mymenu">
<menuitem label="Refresh" onclick="window.location.reload();" icon="ico_reload.png">
</menuitem>
<menu label="Share on...">
<menuitem label="Twitter" icon="ico_twitter.png" onclick="window.open('//twitter.com/intent/tweet?text='+window.location.href);">
</menuitem>
<menuitem label="Facebook" icon="ico_facebook.png" onclick="window.open('//facebook.com/sharer/sharer.php?u='+window.location.href);">
</menuitem>
</menu>
<menuitem label="Email This Page" onclick="window.location='mailto:?body='+window.location.href;"></menuitem>
</menu>
</body>
</html>
</state>
<!-- <dialog> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>DIALOG</title>
</head>
<body>
<table>
<tr>
<th>January <dialog>This is an open dialog window</dialog></th>
<th>February</th>
<th>March</th>
</tr>
<tr>
<td>31</td>
<td>28</td>
<td>31</td>
</tr>
</table>
</body>
</html>
</state>
<!-- OBSOLETE TESTS -->
<!-- <font> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>FONT (and P, STRONG)</title>
</head>
<body>
<p><font size="3" color="red">This is some text!</font></p>
<p><font size="2" color="blue">This is some text!</font></p>
<p><font face="verdana" color="green">This is some text!</font></p>
<p><strong>Note:</strong> The font element is not supported in HTML5. Use CSS instead.</p>
</body>
</html>
</state>
<!-- <basefont> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>BASEFONT (and H1, P)</title>
<basefont color="red" size="5"/>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
</state>
<!-- <command> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>COMMAND (and MENU)</title>
</head>
<body>
<menu>
<command type="command" label="Save" onclick="save()">Save</command>
</menu>
</body>
</html>
</state>
<!-- <i>, <b>, <u> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>I, B, U, BIG, STRIKE (and P)</title>
</head>
<body>
<p>He named his car <i>The lightning</i>, because it was very fast.</p>
<p>This is normal text - <b>and this is bold text</b>.</p>
<p>This is a <u>parragraph</u>.</p>
<p><big>Bigger text</big></p>
<p><center>This text will be center-aligned.</center></p>
<p>Version 2.0 is <strike>not yet available!</strike> now available!</p>
</body>
</html>
</state>
<!-- <acronym> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>ACRONYM</title>
</head>
<body>
Can I get this <acronym title="as soon as possible">ASAP</acronym>?
</body>
</html>
</state>
<!-- <tt> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>TT (and P)</title>
</head>
<body>
<p><tt>Teletype text</tt></p>
</body>
</html>
</state>
<!-- <xmp> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>XMP (and A)</title>
</head>
<body>
<xmp>
<a href="http://www.idocs.com">Cool Dude</a>
</xmp>
</body>
</html>
</state>
<!-- <applet> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>APPLET</title>
</head>
<body>
<applet code="Bubbles.class" width="350" height="350">
Java applet that draws animated bubbles.
</applet>
</body>
</html>
</state>
<!-- <dir> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>DIR</title>
</head>
<body>
<dir>
<li>html</li>
<li>xhtml</li>
<li>css</li>
</dir>
</body>
</html>
</state>
<!-- <frameset>, <frame> -->
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>FRAMESET, FRAME</title>
</head>
<body>
<frameset cols="25%,50%,25%">
<frame src="frame_a.htm"/>
<frame src="frame_b.htm"/>
<frame src="frame_c.htm"/>
<noframes>Sorry, your browser does not handle frames!</noframes>
</frameset>
</body>
</html>
</state>
<state id="">
<transition id="transition_" event="" target=""/>
<html>
<head>
<title>AMAZON</title>
</head>
<body class="a-aui_49697-c a-aui_bolt_46632-c a-aui_ux_45508-c a-aui_ux_45669-t1 a-aui_ux_46184-t1 a-aui_ux_47524-c"><div id="a-page">
<a name="top"></a>
<div style="position:absolute; left:0px; top:-500px; width:1px;height:1px; overflow:hidden;">
<a href="/access">We have recently updated the screen reader optimized website to include headings, landmarks, and new shopping features to improve your experience. Please follow this link or go to www.amazon.com/access.</a>
</div>
<!-- BeginNav --><!-- From remote config --><style type="text/css"><!--
.nav-sprite-v1 .nav-sprite, .nav-sprite-v1 .nav-icon {
background-image: url(http://g-ecx.images-amazon.com/images/G/01/gno/sprites/global-sprite_bluebeacon-32-v1._V327533540_.png);
background-position: 0 1000px;
background-repeat: repeat-x;
}
.nav-spinner {
background-image: url(http://g-ecx.images-amazon.com/images/G/01/javascripts/lib/popover/images/snake._V192571611_.gif);
background-position: center center;
background-repeat: no-repeat;
}
--></style>
<!--Pilu -->
<!-- navp-xl6B4diHmHVekrzmef52CAG6hwLnjEtBXpQkFmfpVrZK49R1e50hRxuuXLjCE3Q83NZgvgzDHLw= rid-052TJQZ529HC8JXH63AA (Tue Apr 21 16:29:35 2015) -->
<style type="text/css"><!--
#navbar #nav-shop .nav-a:hover {
color: #ff9900;
text-decoration: underline;
}
#navbar #nav-search .nav-search-facade,
#navbar #nav-tools .nav-icon,
#navbar #nav-shop .nav-icon,
#navbar #nav-subnav .nav-hasArrow .nav-arrow {
display: none;
}
#navbar #nav-search .nav-search-submit,
#navbar #nav-search .nav-search-scope {
display: block;
}
#nav-search .nav-search-scope {
padding: 0 5px;
}
#navbar #nav-search .nav-search-dropdown {
position: relative;
top: 5px;
height: 23px;
font-size: 14px;
opacity: 1;
filter: alpha(opacity = 100);
}
--></style>
<header class='nav-locale-us nav-lang-en nav-unrec nav-xshop-small'>
<div id='navbar' role="navigation" class='nav-sprite-v1 nav-bluebeacon nav-maxw-search nav-search-swap'>
<div id='nav-belt'>
<div class='nav-left'>
<div id='nav-logo' >
<a href='/ref=nav_logo'
class='nav-logo-link'
data-nav-tabindex="2"
>
<span class='nav-logo-base nav-sprite'>Amazon</span>
<span class='nav-logo-ext nav-sprite'></span>
<span class='nav-logo-locale nav-sprite'></span>
</a>
<a href='/gp/prime/ref=nav_logo_prime_join' data-nav-tabindex="3" class='nav-logo-tagline nav-sprite nav-prime-try'>
Try Prime
</a>
</div>
</div>
<div class='nav-right'>
<div id='nav-swmslot'>
</div>
</div>
<div class='nav-fill'>
<div id="nav-search">
<div id="nav-bar-left"></div>
<form accept-charset="utf-8" action="/s/ref=nb_sb_noss" class="nav-searchbar" method="GET" name="site-search" role="search">
<div class="nav-left">
<div class="nav-search-scope nav-sprite">
<div class="nav-search-facade" data-value="search-alias=aps">
<span class="nav-search-label">All</span>
<i class="nav-icon"></i>
</div>
<select class="nav-search-dropdown searchSelect" data-nav-digest="YMHC5e5lcCSbEeBsoIY3eQ5+mWY" data-nav-selected="0" data-nav-tabindex="20" id="searchDropdownBox" name="url" title="Search in">
<option selected="selected" value="search-alias=aps">All Departments</option>
<option value="search-alias=local-services">Amazon Home Services</option>
<option value="search-alias=instant-video">Amazon Instant Video</option>
<option value="search-alias=appliances">Appliances</option>
<option value="search-alias=automotive">Automotive</option>
<option value="search-alias=baby-products">Baby</option>
<option value="search-alias=beauty">Beauty</option>
<option value="search-alias=stripbooks">Books</option>
<option value="search-alias=fashion">Clothing, Shoes &amp; Jewelry</option>
<option value="search-alias=fashion-womens">&#160;&#160;&#160;Women</option>
<option value="search-alias=fashion-mens">&#160;&#160;&#160;Men</option>
<option value="search-alias=fashion-girls">&#160;&#160;&#160;Girls</option>
<option value="search-alias=fashion-boys">&#160;&#160;&#160;Boys</option>
<option value="search-alias=fashion-baby">&#160;&#160;&#160;Baby</option>
<option value="search-alias=collectibles">Collectibles &amp; Fine Art</option>
<option value="search-alias=computers">Computers</option>
<option value="search-alias=financial">Credit and Payment Cards</option>
<option value="search-alias=digital-music">Digital Music</option>
<option value="search-alias=electronics">Electronics</option>
<option value="search-alias=gift-cards">Gift Cards</option>
<option value="search-alias=grocery">Grocery &amp; Gourmet Food</option>
<option value="search-alias=hpc">Health &amp; Personal Care</option>
<option value="search-alias=garden">Home &amp; Kitchen</option>
<option value="search-alias=industrial">Industrial &amp; Scientific</option>
<option value="search-alias=digital-text">Kindle Store</option>
<option value="search-alias=fashion-luggage">Luggage &amp; Travel Gear</option>
<option value="search-alias=magazines">Magazine Subscriptions</option>
<option value="search-alias=movies-tv">Movies &amp; TV</option>
<option value="search-alias=mi">Musical Instruments</option>
<option value="search-alias=office-products">Office Products</option>
<option value="search-alias=lawngarden">Patio, Lawn &amp; Garden</option>
<option value="search-alias=pets">Pet Supplies</option>
<option value="search-alias=pantry">Prime Pantry</option>
<option value="search-alias=software">Software</option>
<option value="search-alias=sporting">Sports &amp; Outdoors</option>
<option value="search-alias=tools">Tools &amp; Home Improvement</option>
<option value="search-alias=toys-and-games">Toys &amp; Games</option>
<option value="search-alias=videogames">Video Games</option>
<option value="search-alias=wine">Wine</option>
</select>
</div>
</div>
<div class="nav-right">
<div class="nav-search-submit nav-sprite">
<span id="nav-search-submit-text" class="nav-search-submit-text nav-sprite">Go</span>
<input type="submit" class="nav-input" value="Go" data-nav-tabindex="22"/>
</div>
</div>
<div class="nav-fill">
<div class="nav-search-field">
<input type='text'
id='twotabsearchtextbox'
value=''
name='field-keywords'
autocomplete='off'
class='nav-input'
data-nav-tabindex='21'
/>
</div>
<div id="nav-iss-attach"></div>
</div>
</form>
</div>
</div>
</div>
<div id='nav-main' class='nav-sprite'>
<div class='nav-left'>
<div id='nav-shop'>
<a href="/gp/site-directory/ref=nav_shopall_btn" class="nav-a nav-a-2" data-nav-tabindex="15" id="nav-link-shopall"><span class="nav-line-1">Shop by</span><span class="nav-line-2">Department<span class="nav-icon nav-arrow"></span></span></a>
</div>
</div>
<div class='nav-right'>
<div id='nav-logo-borderfade'><div class='nav-fade-mask'></div><div class='nav-fade nav-sprite'></div></div>
<div id='nav-tools'>
<a href="" class="nav-a nav-a-2" data-nav-tabindex="25" id="nav-link-yourAccount"><span class="nav-line-1">Hello. Sign in</span><span class="nav-line-2">Your Account<span class="nav-icon nav-arrow"></span></span></a><a href="/gp/product/B00DBYBNEE/ref=nav_prime_try_btn" class="nav-a nav-a-2" data-nav-tabindex="26" id="nav-link-prime"><span class="nav-line-1">Try</span><span class="nav-line-2">Prime<span class="nav-icon nav-arrow"></span></span></a><a href="/gp/registry/wishlist/ref=nav_wishlist_btn" class="nav-a nav-a-2" data-nav-tabindex="27" id="nav-link-wishlist"><span class="nav-line-1">Wish</span><span class="nav-line-2">List<span class="nav-icon nav-arrow"></span></span></a><a href="/gp/cart/view.html/ref=nav_cart" class="nav-a nav-a-2" data-nav-tabindex="28" id="nav-cart"><span class="nav-line-1"></span><span class="nav-line-2">Cart<span class="nav-icon nav-arrow"></span></span><span class="nav-cart-icon nav-sprite"></span><span id='nav-cart-count' class='nav-cart-count nav-cart-0'>0</span></a>
</div>
</div>
<div class='nav-fill'>
<div id='nav-xshop-container' ><div id='nav-xshop'>
<a href='/gp/yourstore/home/ref=nav_cs_ys' data-nav-tabindex='5' class='nav-a nav_a' id='nav-your-amazon'>Your Amazon.com</a><a href="/gp/goldbox/ref=nav_cs_gb" class="nav-a" data-nav-tabindex="9">Today's Deals</a><a href="/gift-cards/b/ref=nav_cs_gc?ie=UTF8&amp;node=2238192011" class="nav-a" data-nav-tabindex="10">Gift Cards</a><a href="/gp/seller-account/mm-product-page.html/ref=nav_cs_sell?ie=UTF8&amp;ld=AZSOAUSCSNav" class="nav-a" data-nav-tabindex="11">Sell</a><a href="/gp/help/customer/display.html/ref=nav_cs_help?ie=UTF8&amp;nodeId=508510" class="nav-a" data-nav-tabindex="12">Help</a>
</div></div>
</div>
</div>
<div id='nav-subnav'>
</div>
</div>
</header>
<!-- nav promo cached -->
<map name="nav_imgmap_nav-sa-pg-android" id="nav_imgmap_nav-sa-pg-android">
<area shape="rect" coords="10,10,468,472" href="/dp/B00BMNM4H6/ref=nav_sap_mas_15_04_10" alt=""/>
</map>
<map name="nav_imgmap_nav-sa-pg-automotive-industrial" id="nav_imgmap_nav-sa-pg-automotive-industrial">
</map>
<map name="nav_imgmap_nav-sa-pg-baby-kids-toys" id="nav_imgmap_nav-sa-pg-baby-kids-toys">
<area shape="poly" coords="0,464,0,260,323,237,338,66,497,63,495,474" href="/gp/baby/homepage/ref=nav_sap_babyreg" alt="Baby Registry"/>
</map>
<map name="nav_imgmap_nav-sa-pg-beauty-grooming-health" id="nav_imgmap_nav-sa-pg-beauty-grooming-health">
</map>
<map name="nav_imgmap_nav-sa-pg-books" id="nav_imgmap_nav-sa-pg-books">
</map>
<map name="nav_imgmap_nav-sa-pg-clothing-shoes-jewelry" id="nav_imgmap_nav-sa-pg-clothing-shoes-jewelry">
</map>
<map name="nav_imgmap_nav-sa-pg-cloud-drive" id="nav_imgmap_nav-sa-pg-cloud-drive">
</map>
<map name="nav_imgmap_nav-sa-pg-credit" id="nav_imgmap_nav-sa-pg-credit">
</map>
<map name="nav_imgmap_nav-sa-pg-digital-music" id="nav_imgmap_nav-sa-pg-digital-music">
</map>
<map name="nav_imgmap_nav-sa-pg-electronics-computers" id="nav_imgmap_nav-sa-pg-electronics-computers">
</map>
<map name="nav_imgmap_nav-sa-pg-fire-phone" id="nav_imgmap_nav-sa-pg-fire-phone">
</map>
<map name="nav_imgmap_nav-sa-pg-fire-tv" id="nav_imgmap_nav-sa-pg-fire-tv">
</map>
<map name="nav_imgmap_nav-sa-pg-fitness-sports-outdoors" id="nav_imgmap_nav-sa-pg-fitness-sports-outdoors">
</map>
<map name="nav_imgmap_nav-sa-pg-grocery-household-pet" id="nav_imgmap_nav-sa-pg-grocery-household-pet">
</map>
<map name="nav_imgmap_nav-sa-pg-hi-tools-garden" id="nav_imgmap_nav-sa-pg-hi-tools-garden">
</map>
<map name="nav_imgmap_nav-sa-pg-home-kitchen-furniture" id="nav_imgmap_nav-sa-pg-home-kitchen-furniture">
</map>
<map name="nav_imgmap_nav-sa-pg-home-services" id="nav_imgmap_nav-sa-pg-home-services">
</map>
<map name="nav_imgmap_nav-sa-pg-instant-video" id="nav_imgmap_nav-sa-pg-instant-video">
<area shape="rect" coords="223,0,495,490" href="/dp/B00VJ04TH0/ref=nav_sap_aiv_starwars" alt="Star Wars"/>
<area shape="rect" coords="124,274,225,490" href="/dp/B00VJ04TH0/ref=nav_sap_aiv_starwars" alt="Star Wars"/>
<area shape="rect" coords="0,333,126,490" href="/dp/B00VJ04TH0/ref=nav_sap_aiv_starwars" alt="Star Wars"/>
</map>
<map name="nav_imgmap_nav-sa-pg-kindle-fire-tablet" id="nav_imgmap_nav-sa-pg-kindle-fire-tablet">
<area shape="rect" coords="2,226,500,490" href="/dp/B00LOR524M/ref=ods_gno_ket_8or16" alt="Fire HD Kids Edition"/>
</map>
<map name="nav_imgmap_nav-sa-pg-kindle-reader" id="nav_imgmap_nav-sa-pg-kindle-reader">
<area shape="poly" coords="500,490,490,130,228,141,210,317,0,321,0,490" href="/dp/B00IOY8XWQ/ref=sa_menu_ksz3" alt="Kindle Voyage"/>
</map>
<map name="nav_imgmap_nav-sa-pg-movies-music-games" id="nav_imgmap_nav-sa-pg-movies-music-games">
</map>
<div id="pageContent" class="a-section a-spacing-none">
<div style='width:100%;'>
<div id="gw-desktop-herotator" class="a-section a-spacing-none">
<div data-a-carousel-options="{&quot;circular&quot;:0,&quot;maintain_state&quot;:false,&quot;minimum_gutter_width&quot;:0,&quot;animation_speed&quot;:6000,&quot;name&quot;:&quot;gateway-desktop-layout.herotator&quot;,&quot;show_partial_next&quot;:false,&quot;set_size&quot;:4}" data-a-display-strategy="single" data-a-class="desktop" class="a-carousel-container a-carousel-static a-carousel-display-single a-carousel-transition-slide gw-desktop-herotator" style="height:300px;"><form class="a-carousel-state" action="#" method="get">
<input autocomplete="on" type="hidden" name="firstVisibleItem" class="a-carousel-firstvisibleitem"/></form>
<div class="a-row a-carousel-controls a-carousel-row"><div class="a-carousel-row-inner"><div class="a-carousel-col a-carousel-center"><div class="a-carousel-viewport"><ol class="a-carousel" aria-live="assertive" role="list">
<li class="a-carousel-card" role="listitem" aria-setsize="4" aria-posinset="1">
<div id="gw-ftGr-desktop-hero-1" class="gw-ftGr-desktop-hero">
<div id='gw-critical-content'>
<div id="image-map-ns_0HYY2A1S4MHHZ8MFT9X6_13846_" class="shogun-widget image-map gateway-desktop-map">
<div class="cropped-image-map-size " style="height:300px;">
<div class="cropped-image-map-center-alignment">
<map name="map_0_image-map-ns_0HYY2A1S4MHHZ8MFT9X6_13846_">
</map>
<span style="display:inline-block">
<img alt="Fire HD 7" src="http://g-ecx.images-amazon.com/images/G/01/kindle/merch/2015/campaign/HD7/HD7-Durability3-GW2-4500x900._UX1500_SX1500_V306430242_.jpg" class="a-dynamic-image" title="Fire HD 7" height="300px" width="1500px" data-a-dynamic-image="{&quot;http://g-ecx.images-amazon.com/images/G/01/kindle/merch/2015/campaign/HD7/HD7-Durability3-GW2-4500x900._V306430242_.jpg&quot;:[900,4500],&quot;http://g-ecx.images-amazon.com/images/G/01/kindle/merch/2015/campaign/HD7/HD7-Durability3-GW2-4500x900._UX2250_SX2250_V306430242_.jpg&quot;:[450,2250],&quot;http://g-ecx.images-amazon.com/images/G/01/kindle/merch/2015/campaign/HD7/HD7-Durability3-GW2-4500x900._UX1500_SX1500_V306430242_.jpg&quot;:[300,1500],&quot;http://g-ecx.images-amazon.com/images/G/01/kindle/merch/2015/campaign/HD7/HD7-Durability3-GW2-4500x900._UX3000_SX3000_V306430242_.jpg&quot;:[600,3000]}" usemap="#map_0_image-map-ns_0HYY2A1S4MHHZ8MFT9X6_13846_"/>
</span>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="a-carousel-card" role="listitem" aria-setsize="4" aria-posinset="1">
<div class="a-lazy-loaded gw-ftGr-desktop-hero" id="gw-ftGr-desktop-hero-2"></div>
</li>
<li class="a-carousel-card" role="listitem" aria-setsize="4" aria-posinset="2">
<div class="a-lazy-loaded gw-ftGr-desktop-hero" id="gw-ftGr-desktop-hero-3"></div>
</li>
<li class="a-carousel-card" role="listitem" aria-setsize="4" aria-posinset="3">
<div class="a-lazy-loaded gw-ftGr-desktop-hero" id="gw-ftGr-desktop-hero-4"></div>
</li>
</ol></div></div></div></div>
</div>
<div id="gw-desktop-herotator-controls">
<ol style="width:88px">
<li>
<a href="#gw-ftGr-desktop-hero-1" class="active herotator-goToPage-1 gw-icon">
<span class="gw-text">gw-ftGr-desktop-hero-1</span>
</a>
</li>
<li>
<a href="#gw-ftGr-desktop-hero-2" class="herotator-goToPage-2 gw-icon">
<span class="gw-text">gw-ftGr-desktop-hero-2 </span>
</a>
</li>
<li>
<a href="#gw-ftGr-desktop-hero-3" class="herotator-goToPage-3 gw-icon">
<span class="gw-text">gw-ftGr-desktop-hero-3 </span>
</a>
</li>
<li>
<a href="#gw-ftGr-desktop-hero-4" class="herotator-goToPage-4 gw-icon">
<span class="gw-text">gw-ftGr-desktop-hero-4 </span>
</a>
</li>
</ol>
</div>
</div>
</div>
<div id="gw-content-grid" class="a-fixed-right-flipped-grid"><div class="a-fixed-right-grid-inner">
<div class="a-section a-spacing-medium">
<div id="sidebar" class="a-fixed-right-grid-col a-col-right" style="width:310px;float:right;">
<div class='displayAd' id='desktop-ad-atf'>
<noscript><style>#DAr2{display:none;}</style></noscript>
<div id="DAr2" class="copilot-secure-display celwidget text/x-dacx-safeframe" data-campaign="5064" style="width: 300px; overflow:hidden;" cel_widget_id="DAr2" ></div>
</div>
<hr class='slot-hr desktop-ad-atf-hr' />
<div class='sidekick' id='desktop-sidekick-1'>
<div id="image-map-ns_1KV8QCCK9DJJPWX5J42T_12413_" class="shogun-widget image-map gateway-desktop-link">
<div class="cropped-image-map-size " style="height:170px;">
<div class="cropped-image-map-center-alignment">
<span style="display:inline-block">
</span>
</div>
</div>
</div>
</div>
<hr class='slot-hr desktop-sidekick-1-hr' />
<div class='sidekick' id='desktop-sidekick-2'>
<div id="image-map-ns_1M778QFGPEMP41DBQVS2_16299_" class="shogun-widget image-map gateway-desktop-link">
<div class="cropped-image-map-size " style="height:170px;">
<div class="cropped-image-map-center-alignment">
<span style="display:inline-block">
</span>
</div>
</div>
</div>
</div>
<hr class='slot-hr desktop-sidekick-2-hr' />
<div id='sidebarbtf'></div>
</div>
<div id="mainContent" class="a-fixed-right-grid-col a-col-left" style="padding-right:0%;float:none;">
<div id='btfContent'>
<div class='desktop-row' id='desktop-2'>
<div id="uber-widget-ns_052TJQZ529HC8JXH63AA_8655_" class="a-section a-spacing-none shogun-widget uber-widget aui-desktop fresh-shoveler">
<div class="a-section as-title-block">
<span class="as-title-block-left">
<span class="a-color-base">
Movies Included with Prime Membership at No Additional Cost
</span>
</span>
<span class="as-title-block-right">
</span>
</div>
<div class="a-section feed-carousel">
<div class="a-section feed-carousel-viewport">
<ul class="a-nostyle a-horizontal feed-carousel-shelf">
<li data-sgproduct="{&quot;asin&quot;:&quot;B00IK590UI&quot;}" class="feed-carousel-card"><span class="a-list-item">
<a class="a-link-normal a-inline-block">
<img alt="Robocop (2014) [HD]" src="http://ecx.images-amazon.com/images/I/51aB76ZnoQL._AC_SY220_.jpg" class="a-dynamic-image product-image" title="Robocop (2014) [HD]" height="220px" data-a-dynamic-image="{&quot;http://ecx.images-amazon.com/images/I/51aB76ZnoQL._AC_SY220_.jpg&quot;:[220,165],&quot;http://ecx.images-amazon.com/images/I/51aB76ZnoQL._AC_SY660_.jpg&quot;:[500,375],&quot;http://ecx.images-amazon.com/images/I/51aB76ZnoQL._AC_SY440_.jpg&quot;:[440,330],&quot;http://ecx.images-amazon.com/images/I/51aB76ZnoQL._AC_SY330_.jpg&quot;:[330,248]}"/>
</a></span></li>
<li data-sgproduct="{&quot;asin&quot;:&quot;B00LPRKH5U&quot;}" class="feed-carousel-card">
<span class="a-list-item">
</span>
</li>
<li data-sgproduct="{&quot;asin&quot;:&quot;B00KMGZWVO&quot;}" class="feed-carousel-card">
<span class="a-list-item">
</span>
</li>
<li data-sgproduct="{&quot;asin&quot;:&quot;B008Y79HE6&quot;}" class="feed-carousel-card">
<span class="a-list-item">
</span>
</li>
</ul>
<div class="spinner">
<img width="100" height="100" src="http://g-ecx.images-amazon.com/images/G/01/amazonui/loading/loading-4x._V391853216_.gif" />
</div>
</div>
<a class="feed-carousel-control feed-left" href="#"><span class="gw-icon feed-arrow"></span></a>
<a class="feed-carousel-control feed-right" href="#"><span class="gw-icon feed-arrow"></span></a>
<span class="feed-scrollbar">
<span class="feed-scrollbar-track"><span class="feed-scrollbar-thumb"></span></span>
</span>
</div>
</div>
</div>
<hr class='slot-hr desktop-2-hr' />
<div class="billboardRowWrapper">
<div class="a-row billboardRow">
<div class="a-column a-span6">
<div class='billboard' id='desktop-billboard-1'>
<div id='primeAtWidget' cel_widget_id='primeAtWidget' class='celwidget'>
<style type="text/css">
.billboard{
vertical-align: middle;
display: inline-block;
width: 100%;
height: 100%;
padding: 0px 10px;
max-height: 200px;
text-align: center;
}
.desktop-billboard-1-img {
max-width: 100%;
max-height: 200px;
width: auto;
height: auto;
}
}
</style>
<div class="billboard" id="desktop-billboard-1">
<div class="desktop-billboard-1-img scalable-image-map">
</div>
</div>
</div>
</div>
</div>
<div class="a-column a-span6 a-span-last">
<div class='billboard' id='desktop-billboard-2'>
<div id="scalable-image-map_scalable-image-map-ns_15XMBFS7J12NKDBBDWYW_2166_" class="a-section a-text-center shogun-widget scalable-image-map aui-desktop-link">
</div>
</div>
</div>
</div>
</div>
<hr class="billboardrow-hr" />
<div class='desktop-row' id='desktop-3'>
<div id="uber-widget-ns_052TJQZ529HC8JXH63AA_8646_" class="a-section a-spacing-none shogun-widget uber-widget aui-desktop fresh-shoveler">
<div class="a-section as-title-block">
<span class="as-title-block-right">
</span>
</div>
<div class="a-section feed-carousel">
<div class="a-section feed-carousel-viewport">
<ul class="a-nostyle a-horizontal feed-carousel-shelf">
</ul>
<div class="spinner">
<img width="100" height="100" src="http://g-ecx.images-amazon.com/images/G/01/amazonui/loading/loading-4x._V391853216_.gif" />
</div>
</div>
<a class="feed-carousel-control feed-left" href="#"><span class="gw-icon feed-arrow"></span></a>
<a class="feed-carousel-control feed-right" href="#"><span class="gw-icon feed-arrow"></span></a>
<span class="feed-scrollbar">
<span class="feed-scrollbar-track"><span class="feed-scrollbar-thumb"></span></span>
</span>
</div>
</div>
</div>
<hr class='slot-hr desktop-3-hr' />
<div class='desktop-row' id='desktop-4'>
<div id="uber-widget-ns_052TJQZ529HC8JXH63AA_8647_" class="a-section a-spacing-none shogun-widget uber-widget aui-desktop fresh-shoveler">
<div class="a-section as-title-block">
<span class="as-title-block-right">
</span>
</div>
<div class="a-section feed-carousel">
<div class="a-section feed-carousel-viewport">
<ul class="a-nostyle a-horizontal feed-carousel-shelf">
</ul>
<div class="spinner">
<img width="100" height="100" src="http://g-ecx.images-amazon.com/images/G/01/amazonui/loading/loading-4x._V391853216_.gif" />
</div>
</div>
<a class="feed-carousel-control feed-left" href="#"><span class="gw-icon feed-arrow"></span></a>
<a class="feed-carousel-control feed-right" href="#"><span class="gw-icon feed-arrow"></span></a>
<span class="feed-scrollbar">
<span class="feed-scrollbar-track"><span class="feed-scrollbar-thumb"></span></span>
</span>
</div>
</div>
</div>
<hr class='slot-hr desktop-4-hr' />
<div class="billboardRowWrapper">
<div class="a-row billboardRow">
<div class="a-column a-span6">
<div class='billboard' id='desktop-billboard-3'>
<div id="scalable-image-map_scalable-image-map-ns_1NSY3TA1XGQT0VWM4DYQ_22494_" class="a-section a-text-center shogun-widget scalable-image-map aui-desktop-link">
</div>
</div>
</div>
<div class="a-column a-span6 a-span-last">
<div class='billboard' id='desktop-billboard-4'>
<div id="scalable-image-map_scalable-image-map-ns_017JZN86M30FTP9709NV_100_" class="a-section a-text-center shogun-widget scalable-image-map aui-desktop-link">
</div>
</div>
</div>
</div>
</div>
<hr class="billboardrow-hr" />
<div class='desktop-row' id='desktop-5'>
<div id="uber-widget-ns_052TJQZ529HC8JXH63AA_8648_" class="a-section a-spacing-none shogun-widget uber-widget aui-desktop fresh-shoveler">
<div class="a-section as-title-block">
<span class="as-title-block-right">
</span>
</div>
<div class="a-section feed-carousel">
<div class="a-section feed-carousel-viewport">
<ul class="a-nostyle a-horizontal feed-carousel-shelf">
</ul>
<div class="spinner">
<img width="100" height="100" src="http://g-ecx.images-amazon.com/images/G/01/amazonui/loading/loading-4x._V391853216_.gif" />
</div>
</div>
<a class="feed-carousel-control feed-left" href="#"><span class="gw-icon feed-arrow"></span></a>
<a class="feed-carousel-control feed-right" href="#"><span class="gw-icon feed-arrow"></span></a>
<span class="feed-scrollbar">
<span class="feed-scrollbar-track"><span class="feed-scrollbar-thumb"></span></span>
</span>
</div>
</div>
</div>
<hr class='slot-hr desktop-5-hr' />
<div class='desktop-row' id='desktop-6'>
<div id="uber-widget-ns_052TJQZ529HC8JXH63AA_8649_" class="a-section a-spacing-none shogun-widget uber-widget aui-desktop fresh-shoveler">
<div class="a-section as-title-block">
<span class="as-title-block-right">
</span>
</div>
<div class="a-section feed-carousel">
<div class="a-section feed-carousel-viewport">
<ul class="a-nostyle a-horizontal feed-carousel-shelf">
</ul>
<div class="spinner">
<img width="100" height="100" src="http://g-ecx.images-amazon.com/images/G/01/amazonui/loading/loading-4x._V391853216_.gif" />
</div>
</div>
<a class="feed-carousel-control feed-left" href="#"><span class="gw-icon feed-arrow"></span></a>
<a class="feed-carousel-control feed-right" href="#"><span class="gw-icon feed-arrow"></span></a>
<span class="feed-scrollbar">
<span class="feed-scrollbar-track"><span class="feed-scrollbar-thumb"></span></span>
</span>
</div>
</div>
</div>
<hr class='slot-hr desktop-6-hr' />
<div class="billboardRowWrapper">
<div class="a-row billboardRow">
<div class="a-column a-span6">
<div class='billboard' id='desktop-billboard-5'>
<div id="scalable-image-map_scalable-image-map-ns_11RYQQXBN2XYPG54EKGV_6696_" class="a-section a-text-center shogun-widget scalable-image-map aui-desktop-link">
</div>
</div>
</div>
<div class="a-column a-span6 a-span-last">
<div class='billboard' id='desktop-billboard-6'>
<div id="scalable-image-map_scalable-image-map-ns_1WJC08SYR279FQD6ZP6Y_6190_" class="a-section a-text-center shogun-widget scalable-image-map aui-desktop-link">
</div>
</div>
</div>
</div>
</div>
<hr class="billboardrow-hr" />
<div class='desktop-row' id='desktop-7'>
<div id="asin-shoveler-ns_0KP7SA0CY8E4JBPV2Z87_22906_" class="a-section a-spacing-none shogun-widget asin-shoveler aui-desktop fresh-shoveler">
<div class="a-section as-title-block">
<span class="as-title-block-left">
<span class="a-color-base">
Best-Selling BLU Phones
</span>
</span>
<span class="as-title-block-right">
</span>
</div>
<div class="a-section feed-carousel">
<div class="a-section feed-carousel-viewport">
<ul class="a-nostyle a-horizontal feed-carousel-shelf">
</ul>
<div class="spinner">
<img width="100" height="100" src="http://g-ecx.images-amazon.com/images/G/01/amazonui/loading/loading-4x._V391853216_.gif" />
</div>
</div>
<a class="feed-carousel-control feed-left" href="#"><span class="gw-icon feed-arrow"></span></a>
<a class="feed-carousel-control feed-right" href="#"><span class="gw-icon feed-arrow"></span></a>
<span class="feed-scrollbar">
<span class="feed-scrollbar-track"><span class="feed-scrollbar-thumb"></span></span>
</span>
</div>
</div>
</div>
</div>
</div>
<div style="display: none">
<div id="nav-prime-menu" class="nav-empty nav-flyout-content nav-ajax-prime-menu">
<div class="nav_dynamic"></div>
<div class="nav-ajax-message"></div>
<div class="nav-ajax-error-msg">
<p class="nav_p nav-bold">There's a problem loading this menu right now.</p>
<p class="nav_p"><a href="/gp/prime/ref=nav_prime_ajax_err" class="nav_a">Learn more about Amazon Prime.</a></p>
</div>
</div>
</div>
<style>
#nav-prime-tooltip{
padding: 0 20px 2px 20px;
background-color: white;
font-family: arial,sans-serif;
}
.nav-npt-text-title{
font-family: arial,sans-serif;
font-size: 18px;
font-weight: bold;
line-height: 21px;
color: #E47923;
}
.nav-npt-text-detail, a.nav-npt-a{
font-family: arial,sans-serif;
font-size: 12px;
line-height: 14px;
color: #333333;
margin: 2px 0px;
}
a.nav-npt-a {
text-decoration: underline;
}
</style>
<div style="display: none">
<div id="nav-prime-tooltip">
<div class="nav-npt-text-title"> Get free unlimited photo storage with Amazon Prime </div>
<div class="nav-npt-text-detail"> Prime members also enjoy FREE Two-Day Shipping and exclusive access to music, movies, TV shows, and Kindle books. </div>
<div class="nav-npt-text-detail">
&gt;
<a class="nav-npt-a" href="/gp/prime/ref=nav_tooltip_redirect">Get started</a>
</div>
</div>
</div>
<link rel="stylesheet" type="text/css" href="http://z-ecx.images-amazon.com/images/G/01/x-locale/redirect-overlay/redirect-overlay-nav-20140702._V348573361_.css">
<style type="text/css">
#navbar.nav-amazon-fresh .nav-subcat {height: 525px;}
</style>
<div id='sidebarhidden' style='display:none;'>
<div class='bestsellers' id='desktop-bestsellers-1'>
<div id="bestseller-list-ns_10VHWWW6V2T9S3YVXMMB_20300_" class="a-section a-spacing-none shogun-widget bestseller-list aui-desktop">
<div class='listRow'>
<div class='ranking'>
1
</div>
<div style='text-align:center'>
</div>
</div>
<div class='listRow'>
<div class='ranking'>
2
</div>
<div style='text-align:center'>
</div>
</div>
<div class='listRow'>
<div class='ranking'>
3
</div>
<div style='text-align:center'>
</div>
</div>
<div class='listRow'>
<div class='ranking'>
4
</div>
<div style='text-align:center'>
</div>
</div>
<div class='listRow'>
<div class='ranking'>
5
</div>
<div style='text-align:center'>
</div>
</div>
<div class='seemore'>
</div>
</div>
</div>
<hr class='slot-hr desktop-bestsellers-1-hr' />
<div class='sidekick' id='desktop-sidekick-3'>
<div id="image-map-ns_0M80QR661EJ9E8VCCRWR_1552_" class="shogun-widget image-map gateway-desktop-link">
<div class="cropped-image-map-size " style="height:170px;">
<div class="cropped-image-map-center-alignment">
<span style="display:inline-block">
</span>
</div>
</div>
</div>
</div>
<hr class='slot-hr desktop-sidekick-3-hr' />
<div class='displayAd' id='desktop-ad-btf'>
<noscript>
<style>#DAr7{display:none;}</style>
</noscript>
</div>
</div></link>
</div>
</div></div>
<style type="text/css">
#rhf_table {
border: 1px solid #DDD;
border-radius: 5px;
border-collapse: separate;
width: 100% !important;
}
#rhf_container {
margin-top: 0px;
}
#rhf_container .rhf-sign-in-button {
margin-bottom: 17px;
}
.rhf_header {
text-align:left;
padding:10px 10px 0 10px;
white-space: nowrap;
}
#rhfMainHeading {
font-family: Arial;
font-weight: bold;
font-size: 18px;
color: #E47911;
}
.rhf-box-tl {
background-position: 0px 0px;
background-repeat:no-repeat;
}
.rhf-box-tc {
background-position: 0px -41px;
background-repeat:repeat-x;
}
.rhf-box-tr {
background-position: 0px -81px;
background-repeat:no-repeat;
}
.rhf-box-l {
background-position: -7px 0px;
background-repeat:repeat-y;
}
.rhf-box-r {
background-position: 9px 0px;
background-repeat:repeat-y;
}
.rhf-box-br {
background-position: 0px -123px;
background-repeat:no-repeat;
}
.rhf-box-bc {
background-position: 0px -139px;
background-repeat:repeat-x;
}
.rhf-box-bl {
background-position: 0px -158px;
background-repeat:no-repeat;
}
.rhfHistoryWrapper {
padding: 0 10px;
}
.rhf_loading_outer {
height: 248px;
overflow: hidden;
position: relative;
margin-top: 10px;
width: 100% !important;
}
.rhf_loading_outer[class] {
display: table;
position: static;
}
.rhf_loading_middle {
height: 100%;
width: 100% !important;
}
.rhf_loading_inner {
text-align: center;
vertical-align: middle;
}
/* auiTestSprite is a replacement for swSprite - same image class names apply so we have to wrap the shoveler in a test only class */
#rhfShovelerWrapper .auiTestWrapper .auiTestSprite {
display: inline-block;
overflow: hidden;
padding: 0;
position: relative;
vertical-align: middle;
}
#rhfShovelerWrapper .auiTestWrapper .auiTestSprite span {
left: -9999px;
position: absolute;
}
#rhfShovelerWrapper .auiTestSprite {
background: url("http://g-ecx.images-amazon.com/images/G/01/nav2/images/sprite-carousel-btns-stars._V375962055_.png") no-repeat scroll 0 0 transparent;
}
/* Back button and a tag around it */
#rhfShovelerWrapper .auiTestWrapper .shoveler a.back-button,
#rhfShovelerWrapper .auiTestWrapper .shoveler a.next-button {
width: 36px;
height: 39px;
margin-top: 60px;
}
#rhfShovelerWrapper .auiTestWrapper .auiTestSprite.s_shvlBack {
width: 36px;
height: 39px;
background-position: 0 0;
}
#rhfShovelerWrapper .auiTestWrapper .auiTestSprite.s_shvlBack:hover {
background-position: 0 -54px;
}
#rhfShovelerWrapper .auiTestWrapper .depressed .auiTestSprite.s_shvlBack {
background-position: 0 -108px;
}
#rhfShovelerWrapper .auiTestWrapper .auiTestSprite.s_shvlNext {
width: 36px;
height: 39px;
background-position: -54px 0;
}
#rhfShovelerWrapper .auiTestWrapper .auiTestSprite.s_shvlNext:hover {
background-position: -54px -54px;
}
#rhfShovelerWrapper .auiTestWrapper .depressed .auiTestSprite.s_shvlNext {
background-position: -54px -108px;
}
.rhfWrapper .shoveler .shoveler-heading {
padding-right: 24em;
}
.ybh-not-signed-in-wrapper {
width: 100%;
margin: 11px 0 14px 20px;
}
.rhfWrapper .shoveler .shoveler-pagination {
color: #666;
padding: 0;
position: absolute;
right: 0;
top: 0;
width:14em;
text-align:right;
margin-top: -10px;
}
#rhf_container #yourBrowsingHistoryOnText {
display: table-cell;
float: left;
margin-top: 19px;
margin-left: 15px;
margin-right: 20px;
}
#rhf_container #rhf-ybh-turn-on-link {
display: table-cell;
padding-top: 18px;
float: right;
}
.ybh-not-signed-in-wrapper .ybh-turn-on-wrapper {
display: table-cell;
padding-top: 30px;
float: left;
}
.ybh-not-signed-in-wrapper .rhf-sign-in-button {
display: table-cell;
float: right;
padding-right: 20px;
}
.rhfWrapper .history-content {
height: 78px;
width: 95%;
padding-top: 7px;
margin: -14px 0 0px 15px;
}
.rhfWrapper .history-text {
width: 150px;
display: table-cell;
white-space: nowrap;
}
.rhfWrapper #rhfViewHistoryWrapper {
display:table;
width: 95px;
white-space: normal;
overflow: hidden;
vertical-align: top;
}
.rhfWrapper #white-mask {
position: absolute;
margin-top:-18px;
background: white;
height :18px;
width: 90%;
}
.rhfWrapper .rhfHistoryWrapper {
margin: 0 auto;
width: 100%;
min-height: 45px;
overflow: hidden;
display: table-cell;
}
.rhfWrapper #youViewed {
margin-right: 3px;
width: 45px; /* this value is overridden in some locales */
}
.rhfWrapper #rvisColumn {
vertical-align: top;
height: 61px;
}
.rhf-sign-in-box {
margin-left: 26px;
}
.rhfWrapper .shoveler #rhfUpsellColumnTitle {
color: #666666;
font-size: 13px;
font-family: Arial;
white-space: nowrap;
float: left;
display: block;
margin-top: -10px;
}
.rhfWrapper #rhfUpsellColumnTitle .upsell_title_pre {
display: inline-table;
font-weight: bold;
}
.rhfWrapper #rhfUpsellColumnTitle .upsell_title_post {
display: inline-table;
white-space: normal;
font-size: 15px;
}
.rhfWrapper #rhfUpsellColumnTitle .rvi_title {
white-space: normal;
}
.rhfWrapper .shoveler-button-wrapper {
width:100%;
min-height: 310px;
margin-bottom: -40px;
margin-top: 10px;
}
.rhfWrapper #YBH_RVI {
text-align:left;
float: right;
padding-top: 9px;
margin-right: 14px;
margin-bottom: 35px;
line-height: 11px;
}
.ybh-not-signed-in-wrapper .ybh-turn-on-wrapper .youViewedText {
padding-right: 24px !important;
}
.rhfWrapper .rvisRowWrapper {
display: table;
}
.rhfWrapper .rvisRowWrapper .rhf-sign-in-button {
display: table-cell;
float: right;
}
#rhf_container .youViewedText {
padding-top: 12px;
padding-right: 12px;
margin-bottom: 10px;
line-height: 13px;
float: left;
border-right: 1px solid #ddd;
}
#rhf_container #rvisColumn .youViewedText {
width: 45px;
}
.rhfWrapper #rhf_content_table {
width: 100% !important;
table-layout: fixed;
}
#rhf a {
text-decoration: none;
color: #004B91;
}
#rhf a:hover {
color: #E47911;
}
.rhfWrapper .shoveler .start-over {
font-size: 11px;
font-family: Verdana;
color: #666666;
}
.rhfWrapper .shoveler {
position: relative;
width: 100%;
}
.rhfWrapper .shoveler .shoveler-content {
padding-top: 10px;
margin: 0 35px 0 45px;
clear:both;
}
* html .rhfWrapper .shoveler .rhfHistoryWrapper ul li {
display: inline;
}
#rhfContainer .youViewedText p, #youViewedText p {
margin: 0 0 1.25em;
line-height: 13px;
}
#youViewedTextYBH {
line-height: 13px;
float: left;
margin-left: 20px;
}
.rhf_container .youViewedText p, #youViewedText p, .rhf-sign-in-title {
font-family: Arial;
font-size: 13px;
color: black;
}
.rhfWrapper td {
padding: 0;
}
.rhf-sign-in-tooltip-new-customer {
font-family: Arial;
font-size: 11px;
}
.rhfWrapper .history-content ul {
list-style: none;
padding: 0;
margin: 0;
overflow: hidden;
outline: none;
}
.rhfWrapper #rhf_view_history_span {
display: table-cell;
padding-right: 11px;
color: rgb(204, 153, 0);
font-weight: bold;
font-size: 11px;
margin-top: -3px;
}
.rhfWrapper #YBH_RVI p {
display: table-cell;
font-size: 10px;
line-height: 11px;
font-family: Arial;
}
.rhfWrapper .shoveler li p {
text-align: left;
}
.rhfWrapper .shoveler .reason-text {
margin-top: 3px;
}
.rhfWrapper .shoveler ul li.shoveler-progress {
background: no-repeat center 45px url('http://g-ecx.images-amazon.com/images/G/01/x-locale/personalization/shoveler/loading-indicator._V192185253_.gif');
}
#rhf .rhfWrapper .product-link-wrapper a:hover,
#rhf .rhfWrapper .product-link-wrapper a:active {
text-decoration: none;
cursor: hand;
}
#rhf .rhfWrapper a:hover .title,
#rhf .rhfWrapper a:active .title {
text-decoration: underline;
}
.rhfWrapper .title {
font-family: arial, verdana, sans-serif;
font-size: 13px;
line-height: 18px;
margin-top: 0;
}
.rhfWrapper .new-release {
color: #009B01;
font-weight: bold;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
}
.rhfWrapper .byline {
font-size: 11px;
}
.rhf-sign-in-button {
border-left: 1px solid #ddd;
white-space: nowrap;
margin-top: 19px;
}
.rhf-sign-in-button .action-button, .rhf-sign-in-button a.action-button:hover,
.rhf-sign-in-button a.action-button:link, .rhf-sign-in-button a.action-button:active {
max-width: 230px;
text-decoration: none;
margin-bottom: 5px;
margin-top: 5px;
width: 230px;
display:block;
background-position: -10px -170px;
background-image: url("http://g-ecx.images-amazon.com/images/G/01/gno/beacon/BeaconSprite-US-01._V397411194_.png");
}
.rhf-sign-in-button .action-button .action-inner,
a.action-button:link .action-inner,
a.action-button:active .action-inner,
a.action-button:hover .action-inner,
a.action-button:visited .action-inner {
cursor: pointer;
background-position: right -170px;
display: block;
height: 28px;
position: relative;
color: black;
font-size: 12px;
line-height: 28px;
text-align: center;
font-family: "arial","sans-serif";
font-weight: bold;
text-decoration: none;
text-shadow: 0px 1px 0px #ffe093;
}
.rhfWrapper #rhf_nav_back {
margin: 15px 30px 30px 30px;
font-size: 13px;
font-style: italic;
float: left;
}
.rhfWrapper .rhf-divider-inner {
height: 23px;
margin-bottom: -6px;
background: -moz-linear-gradient(top,#ddd,#f7f7f7 3px,white);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ddd),color-stop(3px,#f7f7f7),color-stop(100%,white));
background: -webkit-linear-gradient(top,#ddd,#f7f7f7 3px,white);
background: -o-linear-gradient(top,#ddd,#f7f7f7 3px,white);
background: -ms-linear-gradient(top,#ddd,#f7f7f7 3px,white);
background: linear-gradient(top,#ddd,#f7f7f7 3px,white);
filter: none;
z-index: 0;
zoom: 1;
}
.rhfWrapper .rhf-divider-inner:after {
display: block;
width: 100%;
height: 44px;
background-color: transparent;
background: -moz-linear-gradient(left,white,rgba(255,255,255,0),white);
background: -webkit-gradient(linear,left top,right top,color-stop(0%,white),color-stop(50%,rgba(255,255,255,0)),color-stop(100%,white));
background: -webkit-linear-gradient(left,white,rgba(255,255,255,0),white);
background: -o-linear-gradient(left,white,rgba(255,255,255,0),white);
background: -ms-linear-gradient(left,white,rgba(255,255,255,0),white);
background: linear-gradient(left,white,rgba(255,255,255,0),white);
filter: none;
z-index: 1;
content: "";
}
#rhf_container #yourBrowsingHistoryOnText p {
font-size: 13px;
color: #ddd;
font-style: italic;
}
.rhfWrapper .rhf-RVIs a img {
border-style: solid;
border-width: 1px;
border-color: #ddd;
box-sizing: border-box;
-moz-box-sizing: border-box; /* FireFox */
-webkit-box-sizing: border-box; /* Safari */
}
.rhfWrapper .rhf-RVIs a:hover img {
border: 2px solid #E47911;
}
.rhfWrapper .arrowImg {
position: absolute;
margin-top: 2px;
visibility: hidden;
}
.rhfWrapper #youViewed #youViewedText {
margin-bottom: -13px;
padding-top: 12px;
}
.rhfWrapper #rhf-recs-down-text {
padding-top: 13px;
font-size: 16px;
line-height: 26px;
}
.rhfWrapper .rhfHistoryWrapper li {
float: left;
margin-left: 10px;
margin-right: 10px;
margin-top: 3px;
list-style-type: none;
}
.rhfWrapper .rhfHistoryWrapper .byline {
color: #666666;
}
.rhfWrapper .rating {
margin-top: 2px;
}
.rhfWrapper .binding {
color: #666666;
font-size: 11px;
}
.rhfWrapper .shoveler .binding {
margin-top: 2px;
}
.rhfWrapper .shoveler .price {
margin-top: 2px;
color: #900;
font-size: 13px;
}
.rhfWrapper .shoveler .price .price-suffix {
color: #666666;
}
.rhfWrapper .shoveler .price-label {
color: #888888;
font-size: 12px;
font-family: Arial, sans-serif;
letter-spacing: normal;
}
.rhfWrapper .shoveler .price .unit {
color: #666;
font-size: 12px;
}
.rhfWrapper .shoveler .priceText { font-size: 12px };
.rhfWrapper .shoveler .price-per-unit {
font-size:10px;
color:#990000;
margin-left:.25em;
white-space:nowrap;
}
.rhfWrapper .shoveler .primeExplanation {
color: #666666;
font-size: 11px;
}
.rhfWrapper .RobinBadgeSmall {
background-position: -9px -17px;
background-repeat: no-repeat;
background-size: 125px 50px;
display: inline-block;
height: 14px;
width: 47px;
}
.rhfWrapper #rhfNoRecsMessage {
color: #666666;
font-size: 13px;
font-family: Arial;
}
.rhfWrapper .rhfHistoryWrapper #rhfHistoryColumnTitle {
color: #666666;
font-size: 13px;
font-family: Arial;
}
.rhfWrapper .popoverTrigger {
margin-left:.35em;
cursor:default;
}
.rhfWrapper #rhfShovelerWrapper{
display: block;
height: 310px;
}
.rhfWrapper #rhfDividerColumn {
border-top: 1px solid #ddd;
}
* html .rhf {
height:1%;
}
.rhfWrapper #rhfUpsellColumnWrapper {
padding: 10px 10px 0 10px;
}
.rhfWrapper .shoveler div.disabled-button {
opacity: 0.2;
-moz-opacity: 0.2;
filter: alpha(opacity=20);
cursor: default;
}
.rhfWrapper .shoveler .disclaim {
margin-bottom: 15px;
}
#rhf_container .carat {
font-size: 11px;
color: #E47911;
line-height: 0;
margin: 0 3px 0 0;
font-weight: bold;
}
.rhfWrapper .shoveler ul {
height: 300px !important;
padding: 0;
margin: 0;
overflow:hidden;
outline: none;
font-size: 86%;
}
.rhfWrapper .shoveler ul li {
float: left;
margin: 0;
padding: 0;
width: 155px;
height: 300px !important;
overflow: hidden;
}
#rhf_footer {
padding: 10px;
text-align: left;
font-size: 13px;
}
.price {
color: #990000;
}
.price-suffix {
color: #666666;
}
.primeExplanation {
font-size: 11px;
}
.a-carousel-slide .a-carousel {
transform-style: flat;
}
.a-carousel-card {
white-space: normal;
}
</style>
<br />
<div id="rhf" class="copilot-secure-display" style="clear:both">
<table id="rhf_table" align="center" cellpadding="0" cellspacing="0">
<tr>
<td class="rhf-box-corner-sprite rhf-box-tl" width="15"></td>
<td class="rhf-box-corner-sprite rhf-box-tc">
<div class="rhf_header"><span id="rhfMainHeading">Your Recently Viewed Items and Featured Recommendations</span></div>
</td>
<td class="rhf-box-corner-sprite rhf-box-tr" width="15"></td>
</tr>
<tr>
<td class="rhf-box-sides-sprite rhf-box-l" width="15"></td>
<td>
<div id="rhf_container" style="display:none;">
<div class='rhf_loading_outer'><table class='rhf_loading_middle'><tr><td class='rhf_loading_inner'><img src='http://g-ecx.images-amazon.com/images/G/01/ui/loadIndicators/loadIndicator-large._V192195480_.gif' /></td></tr></table></div>
</div><noscript>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top: 10px">
<tr valign="top">
<td valign="top">
<div class="rhfHistoryWrapper">
<p>After viewing product detail pages, look here to find an easy way to navigate back to pages you are interested in.</p>
</div>
</td>
</tr>
<tr><td>
<div style="padding:10px 10px 0 10px; text-align:left;">
<b><span style="color: rgb(204, 153, 0); font-weight: bold; font-size: 13px;"> &#8250; </span>
<a href="/gp/yourstore/pym/ref=pd_pyml_rhf">View and Edit Your Browsing History</a>
</b></div>
</td></tr>
</table>
</noscript><div id="rhf_error" style="display:none;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top: 10px">
<tr valign="top">
<td valign="top">
<div class="rhfHistoryWrapper">
<p>After viewing product detail pages, look here to find an easy way to navigate back to pages you are interested in.</p>
</div>
</td>
</tr>
<tr><td>
<div style="padding:10px 10px 0 10px; text-align:left;">
<b><span style="color: rgb(204, 153, 0); font-weight: bold; font-size: 13px;"> &#8250; </span>
<a href="/gp/yourstore/pym/ref=pd_pyml_rhf">View and Edit Your Browsing History</a>
</b></div>
</td></tr>
</table>
</div><div id="rhf_recs_error" style="display:none;">
<div id="rhf-recs-service-down" align="center" style="padding-top: 24px;">
<div id="rhf-recs-down-text">
<p>Our recommendations service is currently unavailable. Please refresh this page or try again later.</p>
<p>We apologize for the inconvenience!</p>
</div>
</div>
</div>
</td>
<td class="rhf-box-sides-sprite rhf-box-r" width="15"></td>
</tr>
</table>
</div>
<br />
<div id="navFooter"><table class="navFooterVerticalColumn" cellspacing="0" align="center">
<tr>
<td class="navFooterLinkCol">
<div class="navFooterColHead">Get to Know Us</div>
<ul>
<li class="nav_first">
</li><li class="nav_last"><a href="/b/ref=footer_devices?ie=UTF8&amp;node=10394030011" class="nav_a">Amazon Devices</a></li>
</ul></td><td class="navFooterColSpacerInner"></td><td class="navFooterLinkCol">
<div class="navFooterColHead">Make Money with Us</div><ul><li class="nav_first">
<a href="/gp/redirect.html/ref=footer_soa?_encoding=UTF8&amp;location=http%3A%2F%2Fwww.amazonservices.com%2Fcontent%2Fsell-on-amazon.htm%2Fref%3Dfooter_soa%3Fld%3DAZFSSOA&amp;source=standards&amp;token=1E60AB4AC0ECCA00151B45353E21782E539DC601" class="nav_a">Sell on Amazon</a></li><li><a href="/gp/redirect.html/ref=footer_sell_svcs?_encoding=UTF8&amp;location=http%3A%2F%2Fservices.amazon.com%2Fselling-services%2Fbenefits.htm%3Fld%3DAZUSVAS-globalfooter&amp;source=standards&amp;token=2EF4DF105FC57E2F8FA2BB129755A3E03E343571" class="nav_a">Sell Your Services on Amazon</a>
</li><li>
<a href="https://www.amazon.com:443/gp/redirect.html/ref=footer_sya?_encoding=UTF8&amp;location=https%3A%2F%2Fdeveloper.amazon.com%2Fappsandservices%3Fsc_channel%3Dba%26sc_place%3Damazonhome&amp;source=standards&amp;token=DF0CFA9EECFD0DEDEAE6094981480E48DBC1E112" class="nav_a">Sell Your Apps on Amazon</a></li><li><a href="/gp/redirect.html/ref=footer_affliate?location=http://affiliate-program.amazon.com/&amp;token=020E83530EE2B7F2EDA65ADA51F882D31A4AC155&amp;source=standards" class="nav_a">Become an Affiliate</a>
</li><li><a href="http://services.amazon.com/content/product-ads-on-amazon.htm/ref=footer_pads?ld=AZPADSFooter" class="nav_a">Advertise Your Products</a></li>
<li><a href="/gp/seller-account/mm-summary-page.html?ie=UTF8&amp;ld=AZFooterSelfPublish&amp;topic=200260520" class="nav_a">Self-Publish with Us</a></li>
<li><a href="/b/ref=footer_vend?ie=UTF8&amp;node=10659983011" class="nav_a">Become an Amazon Vendor</a></li>
<li class="nav_last nav_a_carat"><span class="nav_a_carat"></span>
<a href="/gp/seller-account/mm-landing.html/ref=footer_seeall?ie=UTF8&amp;ld=AZSOAviewallMakeM" class="nav_a">See all</a>
</li></ul>
</td><td class="navFooterColSpacerInner"></td><td class="navFooterLinkCol">
<div class="navFooterColHead">Amazon Payment Products</div><ul><li class="nav_first">
<a href="/iss/credit/rewardscardmember/ref=footer_cbcc?_encoding=UTF8&amp;plattr=CBFOOT" class="nav_a">Amazon.com Rewards Visa Card</a></li>
<li><a href="/iss/credit/storecardmember/ref=footer_plcc?_encoding=UTF8&amp;plattr=PLCCFOOT" class="nav_a">Amazon.com Store Card</a></li>
<li><a href="/gp/cobrandcard/marketing.html/ref=footer_ccl?ie=UTF-8&amp;place=camp&amp;plattr=CCLFOOT&amp;pr=ibprox" class="nav_a">Amazon.com Corporate Credit Line</a></li>
<li><a href="/earn-spend-rewards-points/b/ref=footer_swp?ie=UTF8&amp;node=2634438011" class="nav_a">Shop with Points</a></li>
<li><a href="/compare-credit-card-offers/b/ref=footer_ccmp?ie=UTF8&amp;node=3561432011" class="nav_a">Credit Card Marketplace</a></li>
<li class="nav_last"><a href="/Currency-Converter/b/ref=footer_tfx?ie=UTF8&amp;node=388305011" class="nav_a">Amazon Currency Converter</a></li></ul></td>
<td class="navFooterColSpacerInner"></td><td class="navFooterLinkCol"><div class="navFooterColHead">Let Us Help You</div><ul>
<li class="nav_first"><a href="https://www.amazon.com/gp/css/homepage.html/ref=footer_ya" class="nav_a">Your Account</a></li><li><a href="/gp/help/customer/display.html/ref=footer_shiprates?ie=UTF8&amp;nodeId=468520" class="nav_a">Shipping Rates &amp; Policies</a></li><li><a href="/gp/prime/ref=footer_prime" class="nav_a">Amazon Prime</a></li><li><a href="/gp/css/returns/homepage.html/ref=hy_f_4" class="nav_a">Returns &amp; Replacements</a></li><li><a href="/gp/digital/fiona/manage/ref=footer_myk" class="nav_a">Manage Your Content and Devices</a></li><li class="nav_last">
<a href="/gp/help/customer/display.html/ref=gw_m_b_he?ie=UTF8&amp;nodeId=508510" class="nav_a">Help</a></li></ul></td></tr></table>
<div class="navFooterLine navFooterLogoLine"><a href="/ref=footer_logo"><img src="http://g-ecx.images-amazon.com/images/G/01/gno/images/general/navAmazonLogoFooter._V169459313_.gif" width="126" alt="amazon.com" height="24" border="0" /></a></div>
<div class="navFooterLine navFooterLinkLine navFooterPadItemLine"><ul><li class="nav_first"><a href="http://www.amazon.com.au" class="nav_a">Australia</a></li><li><a href="http://www.amazon.com.br" class="nav_a">Brazil</a></li><li><a href="http://www.amazon.ca/" class="nav_a">Canada</a></li><li><a href="http://www.amazon.cn/" class="nav_a">China</a></li><li><a href="http://www.amazon.fr/" class="nav_a">France</a></li><li><a href="http://www.amazon.de/" class="nav_a">Germany</a></li><li><a href="http://www.amazon.in/" class="nav_a">India</a></li><li><a href="http://www.amazon.it/" class="nav_a">Italy</a></li><li><a href="http://www.amazon.co.jp/" class="nav_a">Japan</a></li><li><a href="http://www.amazon.com.mx/" class="nav_a">Mexico</a></li><li><a href="http://www.amazon.nl/" class="nav_a">Netherlands</a></li><li><a href="http://www.amazon.es/" class="nav_a">Spain</a></li><li class="nav_last"><a href="http://www.amazon.co.uk/" class="nav_a">United Kingdom</a></li></ul></div>
<div class="navFooterLine navFooterLinkLine navFooterDescLine"><table cellspacing="0"><tr>
<td class="navFooterDescSpacer" style="width: 38.0%"></td>
<td class="navFooterDescItem"><a href="http://www.6pm.com/" class="nav_a">6pm<br/> <span class="navFooterDescText">Score deals<br/> on fashion brands</span></a></td>
<td class="navFooterDescSpacer" style="width: 4%"></td>
<td class="navFooterDescItem"><a href="http://www.abebooks.com/" class="nav_a">AbeBooks<br/> <span class="navFooterDescText">Rare Books<br/> &amp; Textbooks</span></a></td>
<td class="navFooterDescSpacer" style="width: 4%"></td>
<td class="navFooterDescItem"><a href="http://www.acx.com" class="nav_a">ACX <br/> <span class="navFooterDescText">Audiobook Publishing<br/> Made Easy</span></a></td>
<td class="navFooterDescSpacer" style="width: 4%"></td>
<td class="navFooterDescItem"><a href="http://www.afterschool.com/" class="nav_a">AfterSchool.com<br/> <span class="navFooterDescText">Kids’ Sports, Outdoor<br/> &amp; Dance Gear</span></a></td>
<td class="navFooterDescSpacer" style="width: 4%"></td>
<td class="navFooterDescItem"><a href="http://www.alexa.com/" class="nav_a">Alexa<br/> <span class="navFooterDescText">Actionable Analytics<br/> for the Web</span></a></td>
<td class="navFooterDescSpacer" style="width: 4%"></td>
<td class="navFooterDescItem"><a href="http://fresh.amazon.com" class="nav_a">AmazonFresh<br/> <span class="navFooterDescText">Groceries &amp; More<br/> Right To Your Door</span></a></td>
<td class="navFooterDescSpacer" style="width: 4%"></td>
<td class="navFooterDescItem"><a href="http://amazonlocal.com/" class="nav_a">Amazon Local<br/> <span class="navFooterDescText">Great Local Deals<br/> in Your City</span></a></td>
<td class="navFooterDescSpacer" style="width: 38.0%"></td>
</tr>
<tr><td></td></tr>
<tr>
<td class="navFooterDescSpacer" style="width: 38.0%"></td>
<td class="navFooterDescItem"><a href="http://www.amazon.com/services" class="nav_a">Amazon Home Services<br/> <span class="navFooterDescText">Handpicked Pros<br/> Happiness Guarantee</span></a></td>
<td class="navFooterDescSpacer" style="width: 4%"></td>
<td class="navFooterDescItem"><a href="http://www.amazonsupply.com/" class="nav_a">AmazonSupply<br/> <span class="navFooterDescText">Business, Industrial<br/> &amp; Scientific Supplies</span></a></td>
<td class="navFooterDescSpacer" style="width: 4%"></td>
<td class="navFooterDescItem"><a href="http://aws.amazon.com/what-is-cloud-computing/?sc_channel=EL&amp;sc_campaign=amazonfooter" class="nav_a">Amazon Web Services<br/> <span class="navFooterDescText">Scalable Cloud<br/> Computing Services</span></a></td>
<td class="navFooterDescSpacer" style="width: 4%"></td>
<td class="navFooterDescItem"><a href="http://www.audible.com/" class="nav_a">Audible<br/> <span class="navFooterDescText">Download<br/> Audio Books</span></a></td>
<td class="navFooterDescSpacer" style="width: 4%"></td>
<td class="navFooterDescItem"><a href="http://www.beautybar.com/" class="nav_a">BeautyBar.com<br/> <span class="navFooterDescText">Prestige Beauty<br/> Delivered</span></a></td>
<td class="navFooterDescSpacer" style="width: 4%"></td>
<td class="navFooterDescItem"><a href="http://www.bookdepository.com/" class="nav_a">Book Depository<br/> <span class="navFooterDescText">Books With Free<br/> Delivery Worldwide</span></a></td>
<td class="navFooterDescSpacer" style="width: 4%"></td>
<td class="navFooterDescItem"><a href="http://www.casa.com/" class="nav_a">Casa.com<br/> <span class="navFooterDescText">Kitchen, Storage<br/> &amp; Everything Home</span></a></td>
<td class="navFooterDescSpacer" style="width: 38.0%"></td>
</tr>
<tr><td></td></tr>
<tr>
<td class="navFooterDescSpacer" style="width: 38.0%"></td>
<td class="navFooterDescItem"><a href="https://www.comixology.com/" class="nav_a">ComiXology<br/> <span class="navFooterDescText">Thousands of<br/> Digital Comics</span></a></td>
<td class="navFooterDescSpacer" style="width: 4%"></td>
<td class="navFooterDescItem"><a href="http://www.createspace.com/" class="nav_a">CreateSpace<br/> <span class="navFooterDescText">Indie Print Publishing<br/> Made Easy</span></a></td>
<td class="navFooterDescSpacer" style="width: 4%"></td>
<td class="navFooterDescItem"><a href="http://www.diapers.com/" class="nav_a">Diapers.com<br/> <span class="navFooterDescText">Everything<br/> But The Baby</span></a></td>
<td class="navFooterDescSpacer" style="width: 4%"></td>
<td class="navFooterDescItem"><a href="http://www.dpreview.com/" class="nav_a">DPReview<br/> <span class="navFooterDescText">Digital<br/> Photography</span></a></td>
<td class="navFooterDescSpacer" style="width: 4%"></td>
<td class="navFooterDescItem"><a href="http://www.eastdane.com/welcome" class="nav_a">East Dane<br/> <span class="navFooterDescText">Designer Men's<br/> Fashion</span></a></td>
<td class="navFooterDescSpacer" style="width: 4%"></td>
<td class="navFooterDescItem"><a href="http://www.fabric.com/" class="nav_a">Fabric<br/> <span class="navFooterDescText">Sewing, Quilting<br/> &amp; Knitting</span></a></td>
<td class="navFooterDescSpacer" style="width: 4%"></td>
<td class="navFooterDescItem"><a href="http://www.goodreads.com/" class="nav_a">Goodreads<br/> <span class="navFooterDescText">Book reviews<br/> &amp; recommendations</span></a></td>
<td class="navFooterDescSpacer" style="width: 38.0%"></td>
</tr>
<tr><td></td></tr>
<tr>
<td class="navFooterDescSpacer" style="width: 38.0%"></td>
<td class="navFooterDescItem"><a href="http://www.imdb.com/" class="nav_a">IMDb<br/> <span class="navFooterDescText">Movies, TV<br/> &amp; Celebrities</span></a></td>
<td class="navFooterDescSpacer" style="width: 4%"></td>
<td class="navFooterDescItem"><a href="http://www.junglee.com/" class="nav_a">Junglee.com<br/> <span class="navFooterDescText">Shop Online<br/> in India</span></a></td>
<td class="navFooterDescSpacer" style="width: 4%"></td>
<td class="navFooterDescItem"><a href="http://kdp.amazon.com/" class="nav_a">Kindle Direct Publishing<br/> <span class="navFooterDescText">Indie Digital Publishing<br/> Made Easy
</span></a></td>
<td class="navFooterDescSpacer" style="width: 4%"></td>
<td class="navFooterDescItem"><a href="http://www.look.com/" class="nav_a">Look.com<br/> <span class="navFooterDescText">Kids' Clothing<br/> &amp; Shoes</span></a></td>
<td class="navFooterDescSpacer" style="width: 4%"></td>
<td class="navFooterDescItem"><a href="http://www.myhabit.com/" class="nav_a">MYHABIT<br/> <span class="navFooterDescText">Private Fashion<br/> Designer Sales</span></a></td>
<td class="navFooterDescSpacer" style="width: 4%"></td>
<td class="navFooterDescItem"><a href="http://www.shopbop.com/welcome" class="nav_a">Shopbop<br/> <span class="navFooterDescText">Designer<br/> Fashion Brands</span></a></td>
<td class="navFooterDescSpacer" style="width: 4%"></td>
<td class="navFooterDescItem"><a href="http://www.soap.com/" class="nav_a">Soap.com<br/> <span class="navFooterDescText">Health, Beauty &amp;<br/> Home Essentials</span></a></td>
<td class="navFooterDescSpacer" style="width: 38.0%"></td>
</tr>
<tr><td></td></tr>
<tr>
<td class="navFooterDescSpacer" style="width: 38.0%"></td>
<td class="navFooterDescItem"><a href="http://www.tenmarks.com/" class="nav_a">TenMarks.com<br/> <span class="navFooterDescText">Math Activities<br/> for Kids &amp; Schools</span></a></td>
<td class="navFooterDescSpacer" style="width: 4%"></td>
<td class="navFooterDescItem"><a href="http://www.vinemarket.com/" class="nav_a">VineMarket.com<br/> <span class="navFooterDescText">Everything<br/> to Live Life Green</span></a></td>
<td class="navFooterDescSpacer" style="width: 4%"></td>
<td class="navFooterDescItem"><a href="http://www.wag.com/" class="nav_a">Wag.com<br/> <span class="navFooterDescText">Everything<br/> For Your Pet</span></a></td>
<td class="navFooterDescSpacer" style="width: 4%"></td>
<td class="navFooterDescItem"><a href="/b/ref=footer_wrhsdls?ie=UTF8&amp;node=10158976011" class="nav_a">Warehouse Deals<br/> <span class="navFooterDescText">Open-Box<br/> Discounts</span></a></td>
<td class="navFooterDescSpacer" style="width: 4%"></td>
<td class="navFooterDescItem"><a href="/b/ref=nav_woot_footer?ie=UTF8&amp;node=10772747011" class="nav_a">Woot!<br/> <span class="navFooterDescText">Discounts and <br/> Shenanigans</span></a></td>
<td class="navFooterDescSpacer" style="width: 4%"></td>
<td class="navFooterDescItem"><a href="http://www.yoyo.com/" class="nav_a">Yoyo.com<br/> <span class="navFooterDescText">A Happy Place<br/> To Shop For Toys</span></a></td>
<td class="navFooterDescSpacer" style="width: 4%"></td>
<td class="navFooterDescItem"><a href="http://www.zappos.com/c/top-searches" class="nav_a">Zappos<br/> <span class="navFooterDescText">Shoes &amp;<br/> Clothing</span></a></td>
<td class="navFooterDescSpacer" style="width: 38.0%"></td>
</tr>
</table></div>
<div class="navFooterLine navFooterLinkLine navFooterPadItemLine"><ul><li class="nav_first"><a href="/gp/help/customer/display.html/ref=footer_cou?ie=UTF8&amp;nodeId=508088" class="nav_a">Conditions of Use</a></li><li><a href="/gp/help/customer/display.html/ref=footer_privacy?ie=UTF8&amp;nodeId=468496" class="nav_a">Privacy Notice</a></li><li><a href="/interestbasedads" class="nav_a">Interest-Based Ads</a></li><li class="nav_last">© 1996-2015, Amazon.com, Inc. or its affiliates</li></ul></div>
</div>
<!-- whfh-26NWtTsPsklzksdmX6iuH2ZdUND1xbZSVC7EjwxCWDniT3qKJdgFhkWVex+8Bk09 rid-052TJQZ529HC8JXH63AA -->
<div id="sis_pixel_r2" aria-hidden="true" style="height:1px;"></div>
<style>
#gw-asin-popover {
width: 100%;
height: 100%;
background:white;
padding: 3%;
margin: 0px;
position: relative;
overflow: hidden;
}
#gw-asin-popover a:hover {
text-decoration: none;
}
#gw-asin-popover .content {
height: 100%;
}
#gw-asin-popover .detailblock {
height: 100%;
}
#gw-asin-popover .detailblock:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
#gw-asin-popover .details {
width: 35%;
display: inline-block;
vertical-align: middle;
}
#gw-asin-popover .imgblock {
display: block;
margin-right: 3%;
width: 60%;
height: 100%;
text-align: center;
overflow: hidden;
float: left;
}
#gw-asin-popover .imgblock:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
#gw-asin-popover img.product-image {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
vertical-align: middle;
color: transparent;
}
#gw-asin-popover .title {
display: block;
font-family:Arial;
color:#111;
font-size:24px;
line-height:1.33;
margin-bottom: 12px;
overflow: hidden;
max-height: 4em;
}
#gw-asin-popover .byline {
font-size:18px;
line-height:1.5;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
#gw-asin-popover .pricing {
font-size: 22px;
margin-bottom: 28px;
}
#gw-asin-popover .pricing .ppu,
#gw-asin-popover .pricing .ppu .a-color-price {
color:#999 !important;
font-size:12px !important;
}
#gw-asin-popover .reviews {
display: block;
font-size:16px;
vertical-align: middle;
margin-bottom: 36px;
min-height: 1.2em;
}
#gw-asin-popover .reviews .a-icon-star-medium {
vertical-align: middle;
}
#gw-asin-popover .pricing .price,
#gw-asin-popover .pricing .price .a-color-price {
color:#111 !important;
}
#gw-asin-popover .pricing .gwCurrencyINR {
padding-left: 15px;
padding-top: 1px;
}
#gw-asin-popover .pricing .prime {
vertical-align: center;
}
#gw-asin-popover .a-button {
width: 100%;
max-width: 210px;
}
#gw-asin-popover .two-buttons .a-button {
margin-bottom: 10px;
}
#gw-asin-popover .loading {
position: absolute;
top: 50%; left: 0; right: 0;
margin-top: -50px;
text-align: center;
display: none;
}
#gw-asin-popover .close-icon {
height: 36px;
width: 36px;
background-position: -96px -46px;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
opacity: 0.5;
}
#gw-asin-popover .pricing .ppu .gwCurrencyINR{
background-size: auto 65%;
padding-left: 9px;
}
.a-modal-scroller {
-webkit-transform: translateZ(0);
}
#gw-quick-look-btn {
display: none;
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: auto;
margin-bottom: 7px;
max-width: 180px;
max-height: 31px;
width: 100%;
}
#gw-quick-look-btn.active {
display: inline-block;
}
.feed-carousel .feed-carousel-card .a-list-item {
text-align:center;
position:relative;
display:inline-block;
min-width:145px;
}
</style>
<style>
.a-popover-modal-fixed-height {
height: 590px !important;
}
#gw-asin-popover {
height: 70%;
}
.sims-hr {
background-color: #eee;
height: 1px;
margin: 0 auto;
border: none;
}
.sims-img {
max-height: 100px;
max-width: 130px;
vertical-align:middle;
}
.sims-container {
height: 140px;
width: 100%;
}
.sims-wrapper {
height: 30%;
margin-bottom: 15px;
}
.sims-header {
margin-top: 15px;
z-index: 4;
}
.sims-header-text {
margin: 0 auto;
display: block;
width: 300px;
text-align: center;
}
.sims-img-link {
display: inline-block;
padding-right: 10px;
padding-left: 10px;
height: 100%;
}
.sims-section {
background: #f2f2f2;
}
.sims-img-link.selected:hover .sims-img-container, .sims-img-link.selected .sims-img-container {
border-bottom-color: #c45500;
}
.sims-img-container {
border-bottom: 4px;
border-bottom-style: solid;
border-bottom-color: #f2f2f2;
height: 100%;
display: inline-block;
position: relative;
z-index:2;
background:#fff;
}
.sims-img-container:before {
content:"";
display:inline-block;
vertical-align:middle;
height:100%;
}
.sims-img-link:first-child .sims-img-container {
padding-right: 10px;
}
.sims-img-link:first-child .sims-img-overlay {
border-right: #fff;
border-right-width: 1px;
border-right-style: solid;
}
.sims-img-link:hover .sims-img-container{
border-bottom-color: #bbb;
}
.sims-loading {
text-align: center;
margin-top: 35px;
position: relative;
}
.sims-details {
overflow: hidden;
height: 100%;
margin-left: 10px;
}
.sims-img-overlay {
position:absolute;
left:0px;
top:0px;
height: 100%;
width: 100%;
vertical-align:middle;
background: rgba(0,0,0,0.05);
z-index:3;
}
.a-lt-ie9 .sims-img-overlay {
background: rgb(0,0,0);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=5)";
}
.sims-loading-overlay {
position:absolute;
left:424px;
top:0px;
height: 50px;
width: 50px;
vertical-align:middle;
background: rgba(0,0,0,0.05);
z-index:3;
}
.a-lt-ie9 .sims-loading-overlay {
background: rgb(0,0,0);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=5)";
}
</style>
<div class="a-popover-preload" id="a-popover-gw-asin-popover">
<div id="gw-asin-popover">
<i id="gw-popover-close" class="gw-icon close-icon" title="Close Button"></i>
<div class="content" data-bind="visible: !loading">
<a class="imgblock" data-bind="href: url"><img class="product-image" data-bind="attr: image, attr: flingData" /></a>
<div class="detailblock">
<div class="details">
<div class="byline a-color-tertiary" data-bind="text: byline"></div>
<a class="title" data-bind="text: title, trimText: 63, href: url"></a>
<div class="reviews">
<a data-bind="href: reviews.url">
<i class="a-icon a-icon-star-medium" data-bind="visible: reviews, css: reviews.auiStarClassMedium"></i>
<span class="review-count a-color-tertiary" data-bind="text: reviews.numberOfRatings"></span>
</a>
</div>
<div class="pricing">
<span class="price" data-bind="html: priceOnly, css: addToCart.priceClass"></span>
<i class="prime a-icon" data-bind="visible: prime, css: prime.auiIconClass" title="Prime"></i>
<div>
<span class="ppu" data-bind="html: ppu"></span>
</div>
</div>
<span class="dp-link">
<span class="a-button a-button-primary">
<span class="a-button-inner">
<a href="" class="details-button a-button-text" role="button" data-bind="href: url">
See product details
</a>
</span>
</span>
</span>
</div>
</div>
</div>
<div class="loading" data-bind="visible: loading"><img src="http://g-ecx.images-amazon.com/images/G/01/amazonui/loading/loading-4x._V391853216_.gif" /></div>
</div>
<div class="sims-section">
<hr class="sims-hr" />
<div class="sims-wrapper">
<div class="sims-header">
<span class="sims-header-text a-size-medium a-align-center a-color-tertiary">
Customers also bought
</span>
</div>
<div class="sims-container">
<div class="sims-loading">
<img src="http://g-ecx.images-amazon.com/images/G/01/amazonui/loading/loading-2x._V391853216_.gif" />
<div class="sims-loading-overlay"></div>
</div>
<div class="sims-details"></div>
</div>
</div>
</div>
</div>
<span id="gw-quick-look-btn" class="a-button"><span class="a-button-inner">
<input class="a-button-input" type="submit" aria-labelledby="gw-quick-look-btn-announce"/><span id="gw-quick-look-btn-announce" class="a-button-text" aria-hidden="true">
Quick look
</span></span></span>
<div id="SponsoredLinksGateway">
</div>
</div>
<div id='be' style='display:none;visibility:hidden;'><form name='ue_backdetect'><input name='ue_back' value='1' type='hidden'/></form>
<a href='/gp/uedata/nvp/unsticky/177-6242788-2645805//ntpoffrw?tepes=1&amp;id=052TJQZ529HC8JXH63AA'>v</a>
<noscript>
<img src='/gp/uedata/nvp/unsticky/177-6242788-2645805//ntpoffrw?noscript&amp;id=052TJQZ529HC8JXH63AA&amp;pty=Gateway&amp;spty=desktop&amp;pti=desktop' />
<img src='//fls-na.amazon.com/1/batch/1/OP/ATVPDKIKX0DER:177-6242788-2645805:052TJQZ529HC8JXH63AA$uedata=s:%2Fuedata%2Fnvp%2Funsticky%2F177-6242788-2645805%2FGateway%2Fntpoffrw%3Fnoscript%26id%3D052TJQZ529HC8JXH63AA%26pty%3DGateway%26spty%3Ddesktop%26pti%3Ddesktop:2000' />
</noscript>
</div></div>
</body>
</html>
</state>
</journey>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment