Hogwarts Express

<style>
table {
	background: none;
}
td a img, .sf {
	display: none;
}
body, font, td, th p, .medText {
	color: #fff;
	cursor: default;
	font: 7.5pt tahoma;
}
td, th {
	font: 7.5pt arial;
	text-align: left;
}
td {
	width: 80px;
}
th {
	vertical-align: top;
	width: 100px;
}
body {
	background-color: #070507;
	overflow: hidden;
}
h1 {
	color: #fbd8bc;
	font: 28px times;
	text-align: center;
	text-transform: lowercase;
	margin-bottom: -4px;
	margin-top: -2px;
	font-style: italic;
}
h2 {
	color: #fbd8bc;
	font: 12px courier;
	text-align: center;
	text-transform: lowercase;
	border-bottom: 3px solid black;
	width: 200px;
	margin-top: -3px;
}
b {
	font: 6pt tahoma;
	color: #f8583c;
	font-weight: bold;
	text-transform: uppercase;
}
i {
	color: #678a11;
	font: 8pt times;
	font-style: italic;
	letter-spacing: 1px;
	margin-left: 1px;
	margin-right: -2px;
}
textarea {
	border: 1px solid #181010;
	background-color: #181010;
	font-family: courier new;
	font-size: 8pt;
	color: #fff;
	height: 40px;
	width: 70%;
}
a:link, a:active, a:visited {
	color: #a1d317;
	font: 8pt courier new;
	text-transform: lowercase;
	text-decoration: none;
}
a:hover {
	color: #d39048;
	text-decoration: none;
}
.nav:link, .nav:active, .nav:visited {
	color: #c87d72;
	font: 8pt courier new;
	display: inline-block;
	padding: 15px;
	text-transform: lowercase;
	margin-right: 20px;
}
.nav:hover {
	color: #fef7ec;
	background-image: url("http://i.imgur.com/6v2x21k.png");
	background-repeat: repeat;
}
img {
	margin: 3px;
	background: transparent;
	padding: 2px;
	border: 1px transparent solid;
}
#container {
	width: 100%;
	margin: auto;
	margin-top: 0;
}
#navigation {
	top: -0px;
	left: 0px;
	width: 100%;
	height: auto;
	overflow: auto;
	text-align: center;
}
#navigationbar {
	top: -12px;
	left: 0px;
	width: 100%;
	height: 58px;
	background-image: url("http://i.imgur.com/RfoC2Z6.png");
	background-repeat: repeat;
}
#header {
	margin-top: 0px;
	margin-left: 0px;
	background-image: url("http://i.imgur.com/bTd20Yh.png");
	background-repeat: repeat;
	width: 1302px;
	height: 859px;
}
#ani {
	margin-top: 40px;
	margin-left: 210px;
	width: 752px;
	height: 501px;
}
#title {
	margin-top: 47px;
	margin-left: 425px;
	background-image: url("http://i.imgur.com/FNJCb7A.png");
	background-repeat: repeat;
	width: 451px;
	height: 178px;
}
#main {
	font: 8.5pt tahoma;
	margin-top: 130px;
	margin-left: 130px;
	width: 400px;
	height: auto;
	overflow: auto;
	text-align: left;
}
.bg {
	padding: 15px;
	margin-bottom: 15px;
	overflow: auto;
	background: url("http://i.imgur.com/RfoC2Z6.png") fixed;
}
.imgbox {
	padding: 2px;
	height: 125px;
	width: 100px;
	overflow: auto;
	background: #181010;
	border: 1px dashed #080813;
	font: 6pt arial;
	text-align: center;
}
.body {
	padding: 2px;
	height: 560px;
	overflow: hidden;
	background-color: transparent;
}
.part {
	padding: 2px;
	height: 500px;
	margin-top: 100px;
	overflow: auto;
	text-align: justify;
	background-repeat: repeat;
}
.exposition {
	background: #181010;
	width: 300px;
	padding: 20px;
}
</style><div style="position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; overflow: auto;">

<center>
<div id="container">

<div id="header" style="position: fixed;"></div>
<div id="ani" style="position: fixed;">
<img src="http://i.imgur.com/2DaA5QT.gif"></div>


<div id="navigationbar" style="position: fixed;">
</div>

<div id="navigation" style="position: fixed;">
<a href="#checkout" class="nav">checkout ☛</a>

<a href="http://www.neopets.com/guilds/guild.phtml?id=4176524" class="nav" style="margin-right: 10px;">Guild home</a>
<a href="http://www.neopets.com/~Dieloa" class="nav">Knight Bus</a>
<a href="#clear" title="Clear">[x]</a>

</div>


<div id="main" style="position: absolute;">
<div class="body">




<a name="clear"></a>
<div class="part">
<div class="bg" style="border-radius: 20px; overflow: hidden;">

<div style="width: 100%; height: 250px; overflow: auto;">
<div class="exposition" style="border-radius: 20px;">
<img src="http://i.imgur.com/E3TZUVU.png" style="float: left; margin-right: 20px;"> 　With everything packed away and loaded, you pull yourself up onto into the train and start looking for a compartment. You wave to Mrs. Weasley and assure her through the window that you will be as safe as you can. A smile creeps onto your face as you catch one last glimpse of your best friend's mum, the closest thing you've ever had to a mother, running along the train just to wish everyone be safe and farewell.<p><img src="http://i.imgur.com/rJkBHwk.png" style="float: right; margin-left: 20px;">
Everyone is pressing their faces against the glass, looking to see you. You awkwardly fumble along behind Ginny. "Let's find a compartment," But she shrugs you off and journeys to find Dean. You turn just in time to find yourself surrounded, and then there is Neville. </p><p>
<img src="http://imgur.com/R0dMf57.png" style="float: left; margin-right: 20px;">Neville!" You push past the crowd and into a compartment with him and Luna. She is avidly discussing how well the Quibbler is doing. Meanwhile, Neville is living it up as people gawk at the three of you. "Everyone heard about the Ministry, Neville. It was all over the Prophet." You smile as he proudly shows off the new wand he got for his heroics that night. </p><p>
A rather rude interruption of one girl and finally you are interrupted again, but with a thankful sight. The <a href="#trolley">Trolley Witch</a> comes by with her cart of sweets.

</p></div></div></div></div>


<a name="trolley"></a>
<div class="part">
<div class="bg" style="border-radius: 20px;">
<h1>Anything from the Trolley?</h1>
<img src="http://i.imgur.com/pXPpsJ0.gif" style="padding: 4px; float: left;">　Walking in the train, you hear a friendly voice. "Anything from the trolley, dear?" You look up to see a plump-faced woman smiling at you from the corridor, her hands clutching the handle of a small trolley laden with sweets - it seems as though someone wiped out the stash - there aren't many sweets available. Hope you like chocolate. <a href="#sweets">Purchase some sweets here!</a>
 <p>
　"Oh, and by the way, dearie. There seems to be a <a href="#bean">little treat</a> for you hidden in your compartment! It might be a little squished, but I think you'll like it!"

</p></div></div>

<a name="bean"></a>
<div class="part">
<div class="bg" style="border-radius: 20px;">
<h1>Well done!</h1>
<center>
<img src="http://i.imgur.com/P6oKt0i.png"></center><br>
You have found a what you thought was a Rotten Egg flavoured Bertie Bott's Every Flavour Bean! <a href="http://www.neopets.com/neomessages.phtml?type=send&recipient=guildpatronus&subject=Bean" style="text-transform: none;">Neomail the guild account</a> with the code word 'Rotten Egg' to have this item added to your trunk!
<br><br><a href="#trolley">go back</a>
</div></div>

<a name="checkout"></a>
<div class="part">
<div class="bg" style="border-radius: 20px;">
<h1>Checkout</h1>
None of the items from the Trolley may be purchased anywhere else in Patronus besides the Hogwarts Express during events! Stock up now if you'd like to collect everything.<br><br>
Send the following form to <a href="http://www.neopets.com/neomessages.phtml?type=send&recipient=guildpatronus&subject=Trolley">the guild account</a>!<br><br><textarea style="width: 100%;">Your Name:
Your Trunk #:
Sweet(s) you are buying (please include Galleon totals):

TOTAL GALLEONS: #
</textarea></div></div>

<a name="sweets"></a>
<div class="part">
<div class="bg" style="border-radius: 20px;">
<h1>Available Sweets</h1><br><center>
<table><tr><td>
<div class="imgbox">
<b>Chocolate Frog</b><br><img src="http://i.imgur.com/Yn70TD3.png" style="padding: 6px;" title="Honeydukes Chocolate Frog - Also adds one collectible Chocolate Frog Card to your trunk!" width="70" height="70"><br><i>cost:</i> 8 GALLEONS<br><i>limit 10 per term</i>
</div>
</td>

<td>
<div class="imgbox">
<b>Chocolate Ball</b><br><img src="http://i.imgur.com/uNV12vP.png" style="padding: 6px;" title="Chocolate Ball" width="70" height="70"><br><i>cost:</i> 5 GALLEONS<br><i>limit 1 per member</i>
</div>
</td>

<td>
<div class="imgbox">
<b>Chocolate Bar</b><br><img src="http://i.imgur.com/qIBR9i9.png" style="padding: 6px;" title="Hogwarts Express Chocolate" width="70" height="70"><br><i>cost:</i> 2 GALLEONS<br><i>limit 1 per member</i>
</div>
</td>



</tr></table></center>
<br><a href="#trolley">go back</a>
</div></div>









<textarea style="position: fixed; bottom: 0px; right: 0px; width: 50; height: 50px; background: transparent; border: none; overflow: hidden;"></textarea></div></div></div></center></div>