/* @override 
	http://localhost/mudpuddles/css/mudpuddles.css
	http://mudpuddlestoys.com/media/public/css/mudpuddles.css
*/
/* 
Theme Name: MudPuddles Sunny Day
Description: A custom theme made for MudPuddles Toys & Books.
Author: <a href="http://ryanmiglavs.com">Ryan Miglavs</a> of <a href="http://socialistpear.com">A Socialist Pear</a>
Author URI: http://socialistpear.com

Credits:
MudPuddles Sunny Day theme designed by <a href="http://ryanmiglavs.com">Ryan Miglavs</a> of <a href="http://socialistpear.com">A Socialist Pear</a>.

License:
All code, art, images, and copy is copyright 2010 Ryan Miglavs and/or MudPuddles Toys &amp; Books, and may not be used without express permission from us.

Note to designers:
Feel free to poke around this stylesheet and learn what you can from it, but please don't steal any of it wholesale. If you have questions about any of the techniques or styles, or general thoughts/feedback, I'd love to chat with you: ryan@socialistpear.com

{{ love }},
{{ ryan }}

*/
@import url("reset.css");
* {
	
	}
html {
	background: #7faeff;
	}
body {
	position: relative;
	width: 48em;
	/*max-width: 800px;*/
	margin: 0 auto;
	padding: 0;
	font: 125%/1.25 Georgia, "Times New Roman", Times, serif;
	background: transparent;
	}
p {
	margin-bottom: 1.4em;
	line-height: 1.4;
	font-family: "Calibri", "Gill Sans", Helvetica, sans-serif;
	}
a:link {
	color: #007eff;
	}
	p a:link {
		color: #007eff;
		text-decoration: none;
		border-bottom: 1px solid #124c83;
		}
a:visited {
	color: #0769cf;
	}
	p a:visited {
		color: #007eff;
		text-decoration: none;
		border-bottom: 1px solid #124c83;
		}
a:hover {
	color: #44a0ff;
	}
	p a:hover {
		color: #44a0ff;
		background: #08275b;
		border-bottom: 1px solid #f79d00;
		}
a:active {
	
	}
	p a:active {
		
		}
strong {
	padding: 0 .1em;
	color: #fff;
	background: #092c68;
	}
em {
	font-style: italic;
	color: #cadbf7;
	}
h1, h2, h3, h4, h5, h6 {
	color: #cadbf7;
	}
h1 {
	
	}
h2 {
	font-size: 200%;
	}
h3 {
	
	}
h4 {
	
	}
h5 {
	
	}
h6 {
	
	}
.amp {
	/*font-family: 'WalkwayBold';*/
	line-height: 1;
	}
.heart {
	clear: both;
	height: 32px;
	margin-bottom: 1em;
	line-height: 1;
	background: url(../img/heart.png) no-repeat 50% 50%;
	}
/* @group Masthead Stuff */
/*============== Masthead Stuff ==============*/
#masthead {
	position: relative;
	margin: -138px 0 2em 0;
	}
	#masthead h1 {
		position: relative;
		left: -1.5em;
		width: 47em;
		height: 322px;
		background: transparent url(../img/mudpuddles-banner-short.png) no-repeat right bottom;
		text-indent: -6000px;
		z-index: 100;
		}
		#masthead h1 a {
			display: block;
			height: 100%;
			}
	#masthead h2 {
		text-indent: -6000px;
		height: 1px;
		}
	#masthead ul#nav {
		display: block;
		position: absolute;
		right: 90px;
		top: 308px;
		z-index: 20;
		}
		#masthead ul#nav li {
			position: relative;
			float: left;
			margin: 0 .25em;
			}
			#masthead ul#nav li a {
				position: relative;
				display: block;
				padding: .5em 1em .25em 1em;
				background: #c80000;
				color: #fff;
				text-decoration: none;
				font-family: Quicksand, 'Helvetica Neue Light', HelveticaNeue-Light, Helvetica, Arial, sans-serif;
				white-space: nowrap;
				z-index: 20;
				}
				#masthead ul#nav li a:hover {
					background: #124c83 !important;
					}
				.no-js #masthead ul#nav > li:hover {
					padding-top: .75em;
					}
				.no-js #masthead ul#nav > li:hover > a {
					margin-top: -.75em;
					padding-top: .75em;
					}
				#masthead ul#nav > li:hover > a {
					/*border-left: 1px solid #000;
					border-right: 1px solid #000;*/
					z-index: 90;
					}
			#masthead ul#nav li ul {
				display: none;
				}
			.no-js #masthead ul#nav li:hover ul {
				display: block;
				}
			#masthead ul#nav li ul {
				position: absolute;
				/*top: 2.2em;*/
				top: 2.25em;
				left: 0;
				/*border: 1px solid #000;*/
				z-index: 80;
				}
				#masthead ul#nav li ul li {
					position: relative;
					float: none;
					margin: 0;
					-webkit-box-shadow: 8px 8px 5px rgba(0,0,0,0.6);
					-moz-box-shadow: 8px 8px 5px rgba(0,0,0,0.6);
					box-shadow: 8px 8px 5px rgba(0,0,0,0.6);
					}
					#masthead ul#nav li ul li a {
						display: block;
						padding-left: 1.5em;
						padding-right: 1.5em;
						background: #124c83;
						font-size: 75%;
						text-align: left;
						}
	#masthead ul#nav li#n-experts {
		
		}
		#masthead ul#nav li#n-experts > a {
			background: #c80000;
			}
		#masthead ul#nav li#n-experts ul li {
			
			}
			#masthead ul#nav li#n-experts ul li a:hover {
				background: #c80000 !important;
				}
	#masthead ul#nav li#n-toys {
		
		}
		#masthead ul#nav li#n-toys > a {
			background: #dc600a;
			}
			#masthead ul#nav li#n-toys ul li a:hover {
				background: #dc600a !important;
				}
	#masthead ul#nav li#n-books {
		
		}
		#masthead ul#nav li#n-books > a {
			background: #009b30;
			}
			#masthead ul#nav li#n-books ul li a:hover {
				background: #009b30 !important;
				/*background: #4fdb00;*/
				}
	#masthead ul#nav li#n-events {
		
		}
		#masthead ul#nav li#n-events > a {
			background: #ff4b9e;
			}
			#masthead ul#nav li#n-events ul li a:hover {
				background: #ff4b9e !important;
				}
	#masthead ul#nav li#n-contact {
		
		}
		#masthead ul#nav li#n-contact > a{
			background: #b600dd;
			}
	#masthead h5 {
		position: absolute;
		right: -3em;
		top: 8em;
		}
		#masthead h5 a {
			display: block;
			padding: .5em .75em .25em 4em;
			background: #228bee;
			color: #fff;
			font: 90% Quicksand, 'Helvetica Neue Light', HelveticaNeue-Light, Helvetica, Arial, sans-serif;
			text-decoration: none;
			border: none;
			cursor: pointer;
			-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.6);
			-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.6);
			box-shadow: 3px 3px 3px rgba(0,0,0,0.6);
			}
			#masthead h5 a:hover {
				background: #1a78ce;
				}
		#masthead h5#my-wishlist {
			
			}
		#masthead h5#fc_minicart {
			display: none; /* Hide until javascript shows it */
			top: 10em;
			}
			#masthead h5#fc_minicart a {
				/*background: #c80000;*/
				}
				#masthead h5#fc_minicart a:hover {
					/*background: #990002;*/
					}
				#masthead h5#fc_minicart a .price {
					font-size: 75%;
					}
/* @end */
/* @group Content Stuff */
/*============== Content Stuff ==============*/
#content {
	position: relative;
	width: 33em;
	max-width: 100%;
	margin: 0 auto 1em auto;
	padding: 2em 4em 1em 4em;
	background: #07214d;
	color: #b1c0d9;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.1); /* This just forces different antialiasing for Safari pre -webkit-font-smoothing */
	-webkit-font-smoothing: antialiased;
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.6);
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.6);
	box-shadow: 5px 5px 5px rgba(0,0,0,0.6);
	z-index: 10;
	}
	#content ::selection {
		background: #08275b;
		}
	#content h1 {
		margin: -10px -1em 0 -1em;
		padding: .25em 1em .1em 1em;
		font: bold 400%/1 "Chunk", "ChunkFive", Rockwell, "HelveticaNeue-CondensedBlack", "Helvetica Neue Condensed Black", Helvetica, Arial, sans-serif;
		color: #eee;
		background: #228bee;
		}
		#content h1 .amp {
			font-weight: bold;
			}
	#content h2 {
		position: relative;
		margin: 0 0 1em -3em;
		padding: .25em 7.25em .15em 1.5em;
		font: 225%/1 Quicksand, 'Helvetica Neue Light', HelveticaNeue-Light, Helvetica, Arial, sans-serif;
		color: #fff;
		background: #228bee;
		/*text-shadow: 1px 1px 1px #fff;*/
		text-shadow: none; /* Sets Safari's antialising back to default */
		-webkit-font-smoothing: subpixel-antialiased;
		-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.6);
		-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.6);
		box-shadow: 5px 5px 5px rgba(0,0,0,0.6);
		z-index: 5;
		}
		#content h2 strong {
			display: block;
			margin: -.8em 0 0 1.25em;
			font-size: 150%;
			font-family: Quicksand, 'Helvetica Neue Light', HelveticaNeue-Light, Helvetica, Arial, sans-serif;
			font-weight: normal !important;
			color: inherit;
			/*text-transform: uppercase;*/
			background: none;
			}
	#content #search-form {
		position: absolute;
		right: 5em;
		top: 2.85em;
		z-index: 7;
		overflow: hidden;
		}
		#content #search-form label {
			position: absolute;
			left: 1em;
			top: .15em;
			padding: .25em;
			color: #000;
			font: bold 75% "Calibri", "Gill Sans", Helvetica, sans-serif;
			opacity: 1;
			z-index: 1;
			transition: opacity .15s;
			-webkit-transition: opacity .15s;
			-moz-transition: opacity .15s;
			-o-transition: opacity .15s;
			}
			#content #search-form label.focus {
				opacity: 0.65;
				}
			#content #search-form label.has-text {
				opacity: 0 !important;
				transition-duration: 0;
				-webkit-transition-duration: 0;
				-moz-transition-duration: 0;
				-o-transition-duration: 0;
				}
		#content #search-form input {
			position: relative;
			-webkit-appearance: none;
			width: 15em;
			margin: 0;
			padding: .25em .25em .25em .5em;
			font: 75% "Calibri", "Gill Sans", Helvetica, sans-serif;
			background: rgba(255,255,255,0.5);
			/*background: #fff url(../img/magnifying-glass-50x50.gif) no-repeat right center;*/
			border: none;
			border-top-left-radius: 1em;
			border-bottom-left-radius: 1em;
			-webkit-border-top-left-radius: 1em;
			-webkit-border-bottom-left-radius: 1em;
			-moz-border-radius-topleft: 1em;
			-moz-border-radius-bottomleft: 1em;
			z-index: 2;
			transition: background-color .15s;
			-webkit-transition: background-color .15s;
			-moz-transition: background-color .15s;
			-o-transition: background-color .15s;
			}
			#content #search-form input:hover,
			#content #search-form input:focus {
				background: rgba(255,255,255,.65);
				}
		#content #search-form button {
			position: relative;
			margin: 0 0 0 -.5em;
			padding: .45em 1em .3em .75em;
			color: #fff;
			font: 75% Quicksand, Calibri, "Gill Sans", Helvetica, sans-serif;
			background: #155999;
			border: none;
			border-top-right-radius: 1em;
			border-bottom-right-radius: 1em;
			-webkit-border-top-right-radius: 1em;
			-webkit-border-bottom-right-radius: 1em;
			-moz-border-radius-topright: 1em;
			-moz-border-radius-bottomright: 1em;
			z-index: 3;
			cursor: pointer;
			transition: background-color .15s;
			-webkit-transition: background-color .15s;
			-moz-transition: background-color .15s;
			-o-transition: background-color .15s;
			}
			#content #search-form button:hover,
			#content #search-form button:focus {
				background: #005eb8;
				}
			#content #search-form button:active {
				background: #00498e !important;
				-webkit-transition-duration: 0;
				}
	#content > h3,
	#content div.toy > h3,
	#content div.book > h3,
	#main-copy h3 {
		margin: .25em 0;
		font: bold 200%/1 Chunk, ChunkFive, Rockwell, HelveticaNeue-CondensedBlack, "Helvetica Neue Condensed Black", Helvetica, Arial, sans-serif;
		}
		#content > p + h3,
		#content div.toy > p + h3,
		#content div.book > p + h3 {
			margin-top: 1em;
			}
	/*#content > h3 + p:first-line {
		font: 100%/1.4 "Chunk", "ChunkFive";
		}*/
	#content > h4,
	#main-copy h4 {
		margin: 1.5em 0 1em 0;
		font: 110% Calibri, "Gill Sans", Helvetica, sans-serif;
		color: #d5ebff;
		text-transform: uppercase;
		}
	#content ul {
		margin-bottom: 1.4em;
		font-family: Calibri, "Gill Sans", Helvetica, sans-serif;
		line-height: 1.4;
		list-style-type: disc;
		}
	#content ol {
		margin-bottom: 1.4em;
		list-style-type: decimal;
		}
		#content ol li {
			margin-bottom: 1em;
			font-family: Calibri, "Gill Sans", Helvetica, sans-serif;
			}
/* @end */
/* @group What We Do Stuff */
ul#what-we-do {
	position: relative;
	width: 35em;
	margin: -1em auto 0 auto;
	}
	ul#what-we-do:after {
		/* Clears this container's floated elements.
		   Normally I use overflow:hidden, but I need the shadows. */
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
	ul#what-we-do > li {
		position: relative;
		float: left;
		width: 9.75em;
		min-height: 8em;
		padding: 2em 1em 1em 1.25em;
		margin: -1em -.5em 0 0;
		color: #fff;
		background: #124c83;
		-webkit-box-shadow: .25em .25em 15px rgba(0,0,0,0.5);
		-moz-box-shadow: .25em .25em 15px rgba(0,0,0,0.5);
		box-shadow: .25em .25em 15px rgba(0,0,0,0.5);
		}
		ul#what-we-do > li:first-child {
			padding-left: 1em;
			}
		ul#what-we-do > li:last-child {
			padding-right: 1.25em;
			}
		ul#what-we-do > li a {
			/* This just puts most links above the overall link */
			position: relative;
			z-index: 3;
			}
		ul#what-we-do li h4 {
			font-size: 80%;
			color: #fff;
			}
			ul#what-we-do li h4 strong {
				display: block;
				text-transform: uppercase;
				font-size: 150%;
				background: none;
				}
				ul#what-we-do li h4 strong .amp {
					font-family: Baskerville;
					font-style: italic;
					}
		ul#what-we-do li a:link,
		ul#what-we-do li a:visited {
			color: #fff;
			text-decoration: none;
			}
		ul#what-we-do li ul {
			margin: 1em -1em 0 0;
			padding-left: 1em;
			list-style: outside;
			}
			ul#what-we-do li ul li {
				font-size: 75%;
				font-family: Calibri, "Gill Sans", Helvetica, sans-serif;
				text-decoration: underline;
				}
				ul#what-we-do li ul li a:link,
				ul#what-we-do li ul li a:visited {
					display: block;
					margin: 0 0 0 -2.7em;
					padding: 0 1em 0 2.7em;
					text-decoration: none;
					}
				ul#what-we-do li ul li a:visited {
					color: #ccc;
					color: rgba(255,255,255,0.8);
					}
				ul#what-we-do li ul li a:hover {
					
					}
	ul#what-we-do > li a.more {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		text-indent: -5000px;
		z-index: 1;
		}
		.no-js ul#what-we-do > li:hover a.more {
			
			}
	ul#what-we-do li#w-products {
		background-color: #bc5208;
		z-index: 1;
		}
		ul#what-we-do li#w-products h4 a:link,
		ul#what-we-do li#w-products h4 a:visited {
			text-decoration: none;
			border-bottom: 1px solid #ffc054;
			}
		ul#what-we-do li#w-products h4 a:hover {
			margin: 0 -.1em;
			padding: 0 .1em;
			background: #e7701c;
			}
		ul#what-we-do li#w-products ul li {
			color: #ffc054;
			}
			ul#what-we-do li#w-products ul li a:hover {
				background: #e7701c;
				}
	ul#what-we-do li#w-experts {
		background-color: #800002;
		z-index: 2;
		}
		ul#what-we-do li#w-experts ul li {
			color: #e4181c;
			}
			ul#what-we-do li#w-experts ul li a:hover {
				background: #990002;
				}
	ul#what-we-do li#w-events {
		background-color: #8c2957;
		z-index: 3;
		}
		ul#what-we-do li#w-events ul li {
			color: #ff499f;
			}
			ul#what-we-do li#w-events ul li a:hover {
				background: #aa316a;
				}
/* @end */
/* @group Aside Stuff */
/*=============== Aside Stuff ==============*/
.aside {
	position: absolute;
	font-size: 80%;
	line-height: 1.7;
	z-index: 10;
	}
	.aside h4 {
		text-transform: uppercase;
		}
	.aside ul {
		margin-bottom: 1em;
		padding: 1em;
		background: #124c83;
		/*border-right: 5px solid #0c3358;
		-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.6);
		-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.6);*/
		}
		.aside ul ul {
			margin: -1em -1em 1em -1em;
			}
	.aside .ui-slider {
		font-size: 80%;
		line-height: 1.2;
		width: 8.25em;
		}
	.aside a:link {
		display: block;
		margin: 0 -1em;
		padding: 0 1em;
		text-decoration: none;
		}
	.aside a:visited {
		color: #006fe1;
		text-decoration: none;
		}
	.aside a:hover {
		color: #44a0ff;
		}
		.aside .ui-slider a:link {
			margin: 0;
			padding: 0;
			}
#aside-left {
	right: 55.65em;
	top: 500px;
	/*width: 9em;*/
	text-align: right;
	}
	#aside-left.stuck {
		position: fixed;
		top: 0;
		left: 0;
		}
#aside-right {
	
	}
	.aside ul#ages > li {
		margin: .75em 0 .4em 0;
		line-height: 1;
		color: #cadbf7;
		}
/* @end */
/* @group Home Stuff */
/*=============== Home Stuff ===============*/
#home #masthead {
	margin-top: 0;
	}
	#home #masthead h1 {
		height: 322px;
		background-image: url(../img/mudpuddles-banner.png);
		}
#home #content #search-form {
	position: relative;
	left: 0;
	top: 0;
	width: 15.2em;
	margin: 1em auto;
	text-align: center;
	overflow: visible;
	}
	#home #content #search-form label {
		top: 0;
		color: #fff;
		}
		#home #content #search-form label.focus {
			opacity: 0.25;
			}
	#home #content #search-form input {
		margin-right: 6em;
		padding-bottom: .275em;
		color: #fff;
		background: rgba(255,255,255,0.2);
		-webkit-font-smoothing: antialiased;
		}
		#home #content #search-form input:hover,
		#home #content #search-form input:focus {
			background: rgba(255,255,255,0.3);
			}
	#home #content #search-form button {
		position: absolute;
		right: 0;
		top: 0;
		background: #228bee;
		line-height: 1;
		}
		#home #content #search-form button:hover {
			background: #005eb8;
			}
#who-we-are {
	text-align: center;
	}
	#who-we-are p {
		font-size: 100%;
		font-family: Georgia, "Times New Roman", Times, serif;
		}
	#who-we-are h2 {
		margin: 1em 0 1em 0;
		padding: 0;
		color: #cadbf7;
		background: none;
		font-family: Chunk, ChunkFive, Rockwell, HelveticaNeue-CondensedBlack, "Helvetica Neue Condensed Black", Helvetica, Arial, sans-serif;
		font-weight: bold;
		color: #fff;
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		}
/* @end */
/* @group Experts Stuff */
#were-the-play-experts #content h2,
#meet-the-experts #content h2 {
	background: #db0003;
	}
#were-the-play-experts #content #search-form label,
#meet-the-experts #content #search-form label {
	color: #fff;
	}
#were-the-play-experts #content #search-form button,
#meet-the-experts #content #search-form button {
	background: #990002;
	}
	#were-the-play-experts #content #search-form button:hover,
	#meet-the-experts #content #search-form button:hover,
	#were-the-play-experts #content #search-form button:focus,
	#meet-the-experts #content #search-form button:focus {
		background: #800002;
		}
/* @end */
/* @group Grid & Detail List Stuff */
.grid-list {
	position: relative;
	left: 1em;
	margin-left: -1em;
	padding-right: 1em;
	list-style: none !important;
	overflow: hidden; /* Auto-clears floats */
	/* All this rigamarole is to get the Wishlist button to show up to the right */
	}
	.grid-list > li {
		position: relative;
		float: left;
		width: 10em;
		height: 11em;
		margin: 0 1.5em 1em 0;
		background: #001b41;
		border-bottom: .75em solid #001737;
		border-top: .75em solid #001737;
		overflow: hidden;
		}
		.grid-list > li:hover {
			/*background: #08275b;*/
			}
		.grid-list > li.nth-child-3n-2 {
			clear: both;
			}
		.grid-list > li.nth-child-3n {
			margin-right: 0;
			}
		.grid-list li a:link {
			display: block;
			}
		.grid-list li a.image {
			/* Why no > selector? What the hey, may as well
			   give it to IE6. I guess. */
			position: relative;
			float: left;
			width: 9.5em;
			height: 7em;
			background: #fff;
			overflow: hidden;
			border-left: .25em solid #001b41;
			border-right: .25em solid #001b41;
			}
			.grid-list li a.image img {
				position: relative;
				left: 0;
				top: 1em;
				max-width: 9.5em;
				max-height: 16em;
				-webkit-transition-property: top, left, -webkit-transform;
				-webkit-transition-duration: .8s;
				-webkit-transition-timing-function: ease;
				-moz-transition-property: top, left, -moz-transform;
				-moz-transition-duration: .8s;
				-moz-transition-timing-function: ease;
				-o-transition-property: top, left, -o-transform;
				-o-transition-duration: .8s;
				-o-transition-timing-function: ease;
				transition-property: top, left, transform;
				transition-duration: .8s;
				transition-timing-function: ease;
				/* Assuming the WebKit (and now Opera and Firefox) approach becomes standard */
				}
			.grid-list li:hover a.image img {
				top: -2em;
				left: -.3em;
				-webkit-transform: scale(1.45);
				-moz-transform: scale(1.45);
				-o-transform: scale(1.45);
				transform: scale(1.45);
				/* scale(1.45) appears to give the best sharpness at this approximate scale (1.5 was much too blurry) */
				}
		.grid-list li h3 {
			clear: both;
			}
			.grid-list li h3 a {
				display: block;
				height: 2.75em;
				padding: .25em;
				font: bold 120% Chunk, ChunkFive, Rockwell, HelveticaNeue-CondensedBlack, "Helvetica Neue Condensed Black", Helvetica, Arial, sans-serif;
				text-decoration: none;
				overflow: hidden;
				}
				.grid-list li:hover h3 a {
					color: #44a0ff;
					}
		.grid-list li button.add-to-wishlist,
		.grid-list li button.add-to-cart,
		.grid-list li button.out-of-stock {
			position: absolute;
			top: -3.5em;
			/*right: -.75em;*/ /* I'd like to have it offset to the right, but I can't have that and the animation (need an overflow:hidden container) */
			right: 0;
			transition: top .3s;
			-webkit-transition: top .3s;
			-moz-transition: top .3s;
			-o-transition: top .3s;
			}
			.grid-list li:hover button.add-to-wishlist,
			.grid-list li:hover button.add-to-cart,
			.grid-list li:hover button.out-of-stock {
				top: .5em;
				}
			.grid-list li:hover button.add-to-wishlist {
				top: 2.5em;
				}
ul.detail-list {
	position: relative;
	margin: 0 -4em;
	padding: 0 4em;
	border-bottom: .3em solid #041a3d;
	list-style: none;
	}
	ul.detail-list li {
		position: relative;
		margin: 0 -4em;
		padding: .5em 4em;
		height: 6em;
		border-top: .3em solid #041a3d;
		list-style: none;
		}
		ul.detail-list li.odd {
			background: #062455;
			}
		ul.detail-list li.even {
			background: #041c42;
			}
		ul.detail-list li h3 a {
			display: block;
			position: absolute;
			top: .5em;
			padding: .1em .25em 0 .25em;
			width: 9.5em;
			color: #fff;
			font: bold 100%/1.2 Quicksand, 'Helvetica Neue Light', HelveticaNeue-Light, Helvetica, Arial, sans-serif;
			text-decoration: none;
			background: #1c74c7;
			z-index: 10;
			opacity: 0.85;
			}
			ul.detail-list li:hover h3 a {
				background: #dc600a;
				opacity: 1;
				}
		ul.detail-list li a.image {
			display: block;
			position: absolute;
			top: .5em;
			width: 10em;
			height: 6em;
			overflow: hidden;
			}
			ul.detail-list li a.image img {
				display: block;
				/*height: 10em;
				max-width: 12em;*/
				width: 10em;
				}
		ul.detail-list li p.price {
			position: absolute;
			right: 2.75em;
			bottom: .15em;
			margin: 0;
			font-size: 150%;
			color: #97cfd2;
			}
			ul.detail-list li p.price span {
				position: absolute;
				left: -.5em;
				top: .4em;
				font-size: 60%;
				}
		ul.detail-list li .teaser {
			padding-left: 12em;
			}
			ul.detail-list li .teaser p {
				font-size: 80%;
				line-height: 1.4;
				}
/* @end */
/* @group Toys & Books Stuff */
/*=========== Toys & Books Stuff =============*/
ul#categories-list {
	margin-top: -.5em;
	list-style: none;
	}
	ul#categories-list > li {
		position: relative;
		display: block;
		margin: 0 -5em 1em -3em;
		padding: 0 4.5em 0 3em;
		height: 10em;
		overflow: hidden;
		-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.6);
		-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.6);
		box-shadow: 5px 5px 5px rgba(0,0,0,0.6);
		}
		ul#categories-list > li.nth-child-4n-3 {
			background: #d48700;
			}
		ul#categories-list > li.nth-child-4n-2 {
			background: #458c1d;
			}
		ul#categories-list > li.nth-child-4n-1 {
			background: #8c054a;
			}
		ul#categories-list > li.nth-child-4n {
			background: #265f61;
			}
		ul#categories-list > li h4 {
			
			}
			ul#categories-list > li h4 a:link,
			ul#categories-list > li h4 a:visited {
				position: relative;
				display: block;
				margin: 0 -5em 0 -3em;
				padding: .25em .5em .1em .5em;
				background: rgba(255,255,255,0.2);
				color: #fff;
				text-decoration: none;
				font-family: Quicksand, 'Helvetica Neue Light', HelveticaNeue-Light, Helvetica, Arial, sans-serif;
				font-weight: bold;
				z-index: 5;
				transition: background .25s;
				-webkit-transition: background .25s;
				-moz-transition: background .25s;
				-o-transition: background .25s;
				}
			ul#categories-list > li h4 a:hover {
				/*background: rgba(0,0,0,0.3);*/
				background: rgba(255,255,255,0.3);
				}
			ul#categories-list > li h4 a:active {
				
				}
		ul#categories-list > li ul {
			margin-top: .5em;
			margin-right: -.5em;
			padding-right: 1em;
			list-style: none;
			overflow: hidden;
			}
			ul#categories-list > li ul li {
				position: relative;
				float: left;
				width: 10em;
				margin: 0 .75em;
				transition: background .5s;
				-webkit-transition: background .5s;
				-moz-transition: background .5s;
				-o-transition: background .5s;
				}
				ul#categories-list > li ul li:hover {
					background: rgba(0,0,0,0.2);
					/*background: rgba(255,255,255,0.2);*/
					}
				ul#categories-list > li ul li:first-child {
					margin-left: 0;
					}
				ul#categories-list > li ul li:last-child {
					margin-right: 0;
					}
				ul#categories-list > li ul li a.image {
					display: block;
					max-width: 10em;
					max-height: 5em;
					overflow: hidden;
					}
				ul#categories-list > li ul li a.image img {
					max-width: 10em;
					}
				ul#categories-list > li ul li h3 {
					
					}
					ul#categories-list > li ul li h3 a {
						display: block;
						height: 2.1em;
						padding-top: .25em;
						text-decoration: none;
						color: rgba(0,0,0,0.5);
						/*color: rgba(255,255,255,0.8);*/
						font: bold 125% Chunk, ChunkFive, Rockwell, HelveticaNeue-CondensedBlack, "Helvetica Neue Condensed Black", Helvetica, Arial, sans-serif;
						transition: color .2s linear;
						-webkit-transition: color .2s linear;
						-moz-transition: color .2s linear;
						-o-transition: color .2s linear;
						}
						ul#categories-list > li ul li h3 a:hover,
						ul#categories-list > li ul li:hover h3 a {
							color: #fff;
							}
				ul#categories-list > li ul li button.add-to-wishlist,
				ul#categories-list > li ul li button.add-to-cart,
				ul#categories-list > li ul li button.out-of-stock {
					position: absolute;
					right: -.5em;
					top: -4em;
					transition: top .3s;
					-webkit-transition: top .3s;
					-moz-transition: top .3s;
					-o-transition: top .3s;
					}
					ul#categories-list > li ul li:hover button.add-to-wishlist,
					ul#categories-list > li ul li:hover button.add-to-cart,
					ul#categories-list > li ul li:hover button.out-of-stock {
						top: 0;
						z-index: 20;
						}
					ul#categories-list > li ul li:hover button.add-to-wishlist {
						top: 2em;
						z-index: 10;
						}
		ul#categories-list li a.more:link,
		ul#categories-list  li a.more:visited {
			position: absolute;
			right: 0;
			top: 0;
			width: .2em;
			padding: .75em .5em .875em .5em;
			font-size: 350%;
			font-weight: bold;
			color: #fff;
			color: rgba(255,255,255,0.3);
			text-decoration: none;
			transition: color .25s;
			-webkit-transition: color .25s;
			-moz-transition: color .25s;
			-o-transition: color .25s;
			}
		ul#categories-list li a.more:hover {
			color: rgba(255,255,255,0.7);
			}
		ul#categories-list li a.more:active {
			
			}
	.details .toy,
	.details .book {
		position: relative;
		}
	#content #main-copy {
		position: relative;
		text-rendering: optimizeLegibility;
		}
		#content #main-copy img.left {
			display: block;
			float: left;
			margin-top: .5em;
			margin-right: .5em;
			margin-bottom: .5em;
			}
		#content #main-copy img.right {
			display: block;
			float: right;
			margin-top: .5em;
			margin-left: .5em;
			margin-bottom: .5em;
			}
		#content #main-copy img.center {
			display: block;
			margin: .5em auto;
			}
	#content h1 + #teaser p {
		margin: -.5em -3.2em 0 -3.2em;
		padding: .25em 3.2em .75em 3.2em;
		font-size: 125%;
		line-height: 1.1;
		color: #eee;
		background: #1f7fd9;
		}
		#content h1 + #teaser p strong {
			font-weight: bold;
			color: #fff;
			background: #1a6cb9;
			}
		#content h1 + #teaser p a:link,
		#content h1 + #teaser p a:visited {
			color: #92caff;
			}
		#content h1 + #teaser p a:hover {
			color: #124c83;
			background: #92caff;
			}
	#content .image-holder-wide {
		position: relative;
		/*min-height: 20em;*/
		margin: 0 -4em 1em -4em;
		padding: 0 4em;
		background: #001736;
		overflow: hidden;
		}
		#content .image-holder-wide img {
			float: left;
			display: block;
			margin-left: -2em;
			max-width: 26em;
			border-left: 2em solid #00122b;
			border-right: 2em solid #00122b;
			background: #00122b;
			}
		#content .image-holder-wide .extra {
			/*position: absolute;
			top: 0;
			right: 0;*/
			float: right;
			width: 8em;
			height: 100%;
			margin-right: -4em;
			padding: 0 .25em;
			text-align: right;
			background: #001736;
			}
			#content .image-holder-wide .extra .price {
				position: relative;
				margin-bottom: .25em;
				text-align: right;
				font-size: 200%;
				}
				#content .image-holder-wide .extra .price a {
					font-size: 50%;
					}
					#content .image-holder-wide .extra .price a .explanation {
						display: none;
						position: absolute;
						right: 0;
						top: .25em;
						width: 8em;
						background: #001736;
						}
						#content .image-holder-wide .extra .price a:hover .explanation {
							display: block;
							}
			#content .image-holder-wide .extra .out-of-stock {
				margin: .25em .25em .5em .25em;
				text-align: right;
				font: bold 150%/1 Georgia;
				}
			#content .image-holder-wide .extra ul {
				margin: 1em 0;
				list-style: none;
				}
				#content .image-holder-wide .extra ul li {
					font-family: Calibri, "Gill Sans", Helvetica, sans-serif;
					}
					#content .image-holder-wide .extra ul li a:link,
					#content .image-holder-wide .extra ul li a:visited {
						text-decoration: none;
						}
					#content .image-holder-wide .extra ul li a:hover {
						
						}
			#content .image-holder-wide .extra h5 {
				font-size: 80%;
				color: #b1c0d9;
				}
		.details #content #main-copy p:first-child:first-line,
		#content h2 + p:first-line {
			font: small-caps bold 125% Chunk, ChunkFive, Rockwell, HelveticaNeue-CondensedBlack, "Helvetica Neue Condensed Black", Helvetica, Arial, sans-serif;
			/*letter-spacing: 0.05em;*/
			word-spacing: .1em;
			-webkit-font-smoothing: antialiased;
			}
			.details #content #main-copy p:first-child:first-line strong {
				/* Doesn't seem to work. */
				white-space: nowrap;
				}
		.details #content #main-copy p:first-child:first-letter {
			margin-right: .1em;
			font: bold 250% Chunk, ChunkFive, Rockwell, HelveticaNeue-CondensedBlack, "Helvetica Neue Condensed Black", Helvetica, Arial, sans-serif;
			}
	#content .image-holder.left,
	#content .image-holder.right,
	#content .image-holder.wide,
	#content .image-holder-auto {
		width: 25.5em;
		background: #00122b;
		border-top: .5em solid #001736;
		}
		#content .image-holder.left img,
		#content .image-holder.right img,
		#content .image-holder.wide img,
		#content .image-holder-auto img {
			display: block;
			max-width: 25em;
			margin: 0 auto;
			}
		#content .image-holder.left .extra,
		#content .image-holder.right .extra,
		#content .image-holder.wide .extra {
			margin-bottom: .25em;
			padding: 1em 1em .75em 1em;
			background: #001736;
			}
			#content .image-holder.left .extra p,
			#content .image-holder.right .extra p,
			#content .image-holder.wide .extra p {
				margin-bottom: 0;
				font: italic 80%/1.6 Georgia;
				}
				#content .image-holder .extra p:first-line {
					font: inherit !important;
					}
				#content .image-holder .extra p:first-letter {
					font: inherit !important;
					}
	#content .image-holder.left {
		float: left;
		margin: 0 1.5em .5em -4em;
		}
		#content .image-holder.left img {
			display: block;
			}
	#content .image-holder.right {
		float: right;
		margin: 0 -4em .5em 1.5em;
		}
		#content .image-holder.right img {
			
			}
	#content .image-holder.single {
		width: 14em;
		}
		#content .image-holder.single img {
			max-width: 14em;
			}
	#content .image-holder.wide {
		width: 41em;
		margin: 0 -4em;
		}
		#content .image-holder.wide img {
			max-width: 41em;
			}
		#content .image-holder.wide .extra {
			padding-left: 4em;
			padding-right: 4em;
			}
	#content ul#related {
		clear: both;
		margin: 1em -4em;
		padding: 1em 3.25em;
		background: #001b41;
		border-top: .25em solid #00183c;
		border-bottom: .25em solid #00183c;
		overflow: hidden;
		}
		#content ul#related > h4 {
			margin: -.25em 0 .5em .5em;
			font: bold 150% Chunk, ChunkFive, Rockwell, HelveticaNeue-CondensedBlack, "Helvetica Neue Condensed Black", Helvetica, Arial, sans-serif;
			}
		#content ul#related li {
			position: relative;
			float: left;
			width: 10em;
			margin: 0 .75em;
			}
			#content ul#related h4 + li {
				/*margin-left: 0;*/
				}
			#content ul#related li a.image {
				display: block;
				max-width: 10em;
				max-height: 5em;
				overflow: hidden;
				}
				#content ul#related li a.image img {
					max-width: 10em;
					}
			#content ul#related li h3 a {
				display: block;
				height: 2.1em;
				padding-top: .25em;
				text-decoration: none;
				font: bold 125% Chunk, ChunkFive, Rockwell, HelveticaNeue-CondensedBlack, "Helvetica Neue Condensed Black", Helvetica, Arial, sans-serif;
				overflow: hidden;
				}
				#content ul#related li h3 a:hover {
					
					}
			#content ul#related li h4.price {
				float: left;
				}
ul#safety-warnings {
	clear: both;
	min-height: 3em;
	margin-top: 1em;
	padding: .75em 1em .5em 5em;
	font: 75% Calibri, "Gill Sans", Helvetica, sans-serif;
	list-style: none;
	background: #ffcf93 url(../img/warning.png) no-repeat 1em center;
	border: 1px solid #a24607;
	}
	ul#safety-warnings li {
		margin-bottom: .5em;
		}
		ul#safety-warnings li h6 {
			color: #a24607;
			}
			ul#safety-warnings li h6 strong {
				color: #a24607;
				font-weight: bold;
				background: none;
				}
.aside ul#categories {
	
	}
	.aside ul#categories li.award-winners {
		/* This is just to eliminate Award-winners from the Featured Categories
		   in the left aside on Toys pages, because Award-winners are broken down
		   later in the same aside. */
		display: none;
		}
/* @end */
/* @group Toys Stuff */
/*================ Toys Stuff ================*/
#toys #content {
	min-height: 34em;
	}
	#toys #content h2 {
		color: #fff;
		background: #ff7b1e;
		}
		#toys #content h2 strong {
			font-weight: bold;
			}
	#toys #content #search-form button {
		background: #c25508;
		}
		#toys #content #search-form button:hover,
		#toys #content #search-form button:focus {
			background: #a34706;
			}
		#toys #content #search-form button:active {
			background: #155999;
			-webkit-transition-duration: 0;
			}
	#toys #content h4 {
		clear: left;
		}
	#toys #content #featured {
		position: relative;
		}
	#toys h3#expert-picks-headline {
		margin-bottom: -.25em;
		font: bold 200%/1 Chunk, ChunkFive, Rockwell, HelveticaNeue-CondensedBlack, "Helvetica Neue Condensed Black", Helvetica, Arial, sans-serif;
		}
	#toys ul#mudpuddles-reviews {
		margin: 0 -4em 2em;
		padding: 1em 4em .5em 4em;
		list-style: none;
		background: #001736;
		}
		#toys ul#mudpuddles-reviews li:first-child {
			width: 22em;
			min-height: 26em;
			margin: 0 0 1em 0;
			}
			#toys ul#mudpuddles-reviews li:first-child h3 {
				
				}
				#toys ul#mudpuddles-reviews li:first-child h3 a {
					display: block;
					
					}
					#toys ul#mudpuddles-reviews li:first-child h3 a strong {
						top: 1em;
						width: 6em;
						padding-top: .25em;
						font: 200% Quicksand, 'Helvetica Neue Light', HelveticaNeue-Light, Helvetica, Arial, sans-serif;
						/*font-size: 150%;*/
						}
					#toys ul#mudpuddles-reviews li:first-child h3 a em {
						display: none;
						}
			#toys ul#mudpuddles-reviews li:first-child img {
				width: 100%;
				max-width: 21.5em;
				}
			#toys ul#mudpuddles-reviews li:first-child button.add-to-wishlist,
			#toys ul#mudpuddles-reviews li:first-child button.add-to-cart {
				right: 0;
				top: 10em;
				width: 7em;
				font-size: 100%;
				}
			#toys ul#mudpuddles-reviews li:first-child button.add-to-cart {
				top: 8em !important;
				width: 9em;
				}
			#toys ul#mudpuddles-reviews li:first-child p {
				display: block;
				}
		#toys ul#mudpuddles-reviews li {
			position: relative;
			float: left;
			width: 10em;
			margin: 0 1.5em 1em 0;
			}
			#toys ul#mudpuddles-reviews li.nth-child-3n-2 {
				/* Oddly, most current browsers support :first-child,
				   but have spotty support for :last-child and terrible
				   support for :nth-child()
				   http://www.quirksmode.org/css/contents.html
				   Checked October 2009, Ryan Miglavs */
				margin-right: 0;
				}
			#toys ul#mudpuddles-reviews li h3 {
				position: relative;
				}
				#toys ul#mudpuddles-reviews li h3 a {
					text-decoration: none;
					}
					#toys ul#mudpuddles-reviews li h3 a strong {
						display: block;
						position: absolute;
						width: 9.5em;
						padding: .1em .25em;
						font-family: Quicksand, 'Helvetica Neue Light', HelveticaNeue-Light, Helvetica, Arial, sans-serif;
						font-weight: bold;
						line-height: 1.1;
						background: #1c74c7;
						opacity: 0.75;
						-webkit-transition-property: background, opacity;
						-webkit-transition-duration: .2s;
						}
						#toys ul#mudpuddles-reviews li:hover h3 a strong {
							background: #dc600a;
							opacity: 0.85;
							}
					#toys ul#mudpuddles-reviews li h3 a em {
						display: block;
						text-align: right;
						font: bold 120%/1 Chunk, ChunkFive, Rockwell, HelveticaNeue-CondensedBlack, "Helvetica Neue Condensed Black", Helvetica, Arial, sans-serif;
						}
			#toys ul#mudpuddles-reviews li a.image {
				display: block;
				}
			#toys ul#mudpuddles-reviews li img {
				width: 100%;
				}
			#toys ul#mudpuddles-reviews li button.add-to-wishlist,
			#toys ul#mudpuddles-reviews li button.add-to-cart {
				display: none;
				position: absolute;
				top: 8em;
				right: -.5em;
				z-index: 90;
				}
			#toys ul#mudpuddles-reviews li:hover button.add-to-cart {
				top: 6em;
				}
				#toys ul#mudpuddles-reviews li:hover button.add-to-wishlist,
				#toys ul#mudpuddles-reviews li:hover button.add-to-cart {
					display: block;
					}
			#toys ul#mudpuddles-reviews li p {
				font-size: 80%;
				line-height: 1.2;
				/*font-size: 70%;
				line-height: 1;*/
				}
		#toys ul#mudpuddles-reviews p.more {
			clear: both;
			}
		#toys ul#mudpuddles-reviews h4 {
			margin: 0 0 .5em 0;
			font: bold 150% Quicksand, 'Helvetica Neue Light', HelveticaNeue-Light, Helvetica, Arial, sans-serif;
			}
			#toys ul#mudpuddles-reviews h4 a:link {
				text-decoration: none;
				border-bottom: 1px solid #124c83;
				}
			#toys ul#mudpuddles-reviews h4 a:visited {
				
				}
			#toys ul#mudpuddles-reviews h4 a:hover {
				color: #44a0ff;
				background: #08275b;
				border-bottom: 1px solid #f79d00;
				}
			#toys ul#mudpuddles-reviews h4 a:active {
				
				}
	#toys ul#popular-toys {
		position: absolute;
		top: 2.5em;
		right: -5em;
		width: 10em;
		padding: .5em 5em 1em .5em;
		list-style: none;
		color: #fff;
		background: #e49100;
		overflow: hidden;
		box-shadow: 5px 5px 5px rgba(0,0,0,0.6);
		-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.6);
		-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.6);
		}
		#toys ul#popular-toys h4 {
			margin-bottom: .25em;
			color: #fff;
			font: 125% Georgia;
			text-transform: uppercase;
			}
		#toys ul#popular-toys li {
			position: relative;
			clear: both;
			min-height: 5em;
			margin: -1px -5em 0 -.5em;
			padding: .5em 5em .5em .5em;
			border-top: 1px solid #be7900;
			border-bottom: 1px solid #be7900;
			background: #e49100;
			overflow: hidden;
			-webkit-transition: background .3s;
			}
			#toys ul#popular-toys li:hover {
				background: #e49b1d;
				}
			/*#toys ul#popular-toys li = {
				position: relative;
				z-index: 10;
				}*/
			#toys ul#popular-toys li a:link,
			#toys ul#popular-toys li a:visited {
				display: block;
				color: #835300;
				font-size: 80%;
				text-decoration: none;
				border: none;
				-webkit-transition: color .3s;
				}
			#toys ul#popular-toys li a:visited {
				color: #965e00;
				}
				#toys ul#popular-toys li:hover a {
					color: #573700 !important;
					}
			#toys ul#popular-toys li a:hover {
				background: none;
				}
			#toys ul#popular-toys li a:active {
				
				}
			#toys ul#popular-toys li a.image {
				float: right;
				margin: 0 -4em 0 .25em;
				font-size: 100%;
				z-index: 15;
				}
				#toys ul#popular-toys li a.image img {
					max-height: 6em;
					max-width: 7em;
					}
			#toys ul#popular-toys li h3 {
				
				}
				#toys ul#popular-toys li h3 a:link {
					text-transform: uppercase;
					}
				#toys ul#popular-toys li h3 a:visited {
					text-transform: uppercase;
					}
				#toys ul#popular-toys li h3 a:hover {
					
					}
				#toys ul#popular-toys li h3 a:active {
					
					}
			#toys ul#popular-toys li p {
				margin: 0;
				}
				#toys ul#popular-toys li p strong {
					color: #684200;
					background: #d38600;
					}
			#toys ul#popular-toys li a.more {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				text-indent: -5000px;
				z-index: 5;
				}
			#toys ul#popular-toys li button.add-to-wishlist,
			#toys ul#popular-toys li button.add-to-cart {
				position: absolute;
				bottom: -3em;
				right: .5em;
				z-index: 100;
				font-size: 70%;
				transition: bottom .3s;
				-webkit-transition: bottom .3s;
				-moz-transition: bottom .3s;
				-o-transition: bottom .3s;
				}
				#toys ul#popular-toys li:hover button.add-to-wishlist,
				#toys ul#popular-toys li:hover button.add-to-cart {
					bottom: 1em;
					}
				#toys ul#popular-toys li:hover button.add-to-cart {
					bottom: 3em;
					}
	#toys #content > h4 {
		margin-bottom: .1em;
		font: bold 120% Chunk, ChunkFive, Rockwell, HelveticaNeue-CondensedBlack, "Helvetica Neue Condensed Black", Helvetica, Arial, sans-serif;
		}
		#toys #content > h4 a {
			font-size: 80%;
			}
		#toys #content > h4 + ul#categories-list {
			margin-top: .5em;
			}
	#toys a#all-categories-link {
		font: bold 120% Chunk, ChunkFive, Rockwell, HelveticaNeue-CondensedBlack, "Helvetica Neue Condensed Black", Helvetica, Arial, sans-serif;
		}
	/* Toy Details */
	#toys.details #content h1 {
		
		}
/* @end */
/* @group Books Stuff */
#books #content {
	box-shadow: 0 2px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
	-o-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
	}
#books #content h2 {
	background: #00b437;
	}
#books #content #search-form button {
	background: #008328;
	}
	#books #content #search-form button:hover,
	#books #content #search-form button:focus {
		background: #006c21;
		}
#books ul#categories-list {
	margin: 1em .5em;
	}
	#books ul#categories-list > li {
		position: relative;
		height: 11em;
		margin: 0 -4em 0 -4em;
		padding: 0 3em .75em 3em;
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-o-box-shadow: none;
		background: transparent;
		}
		#books ul#categories-list > li h4 a:link {
			margin: 0 -3em;
			padding: .5em 3.5em 0 3.5em;
			background: #3c547e;
			-webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.25);
			}
		#books ul#categories-list > li h4 a:hover {
			background: #4a679b;
			}
		#books ul#categories-list > li ul {
			margin: 0 -3em;
			padding: 1em 2.5em 1em 3.5em;
			height: 11em;
			z-index: 0;
			}
			#books ul#categories-list > li ul .shelf-decoration {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				-ms-box-sizing: border-box;
				border-left: 1em solid #051a3e;
				border-right: 1em solid #051a3e;
				border-bottom: 1.75em solid #08285d;
				/*background: #064d20;
				border-left: 1em solid #103c14;
				border-right: 1em solid #103c14;
				border-bottom: 1.75em solid #207226;*/
				/*border-left: 1em solid rgba(0,0,0,0.2);
				border-right: 1em solid rgba(0,0,0,0.2);
				border-bottom: 1.75em solid rgba(150,150,150,0.2);
				background: rgba(0,0,0,0.25);*/
				}
			#books ul#categories-list > li ul li {
				position: relative;
				width: 5.4em;
				overflow: visible;
				z-index: 100;
				border: none;
				box-shadow: 2px 2px 7px rgba(0,0,0,0.4);
				-webkit-box-shadow: 2px 2px 7px rgba(0,0,0,0.4);
				-moz-box-shadow: 2px 2px 7px rgba(0,0,0,0.4);
				-o-box-shadow: 2px 2px 7px rgba(0,0,0,0.4);
				-webkit-perspective: 800;
				}
				#books ul#categories-list > li ul li:after {
					display: block;
					position: absolute;
					bottom: -1.9em;
					content: " ";
					width: 100%;
					height: 4em;
					background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 57, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
					transform: scale(1.85, 0.5);
					-webkit-transform: scale(1.25, 0.5);
					-moz-transform: scale(1.85, 0.5);
					-o-transform: scale(1.85, 0.5);
					z-index: 0;
					}
				#books ul#categories-list > li ul li a.image {
					position: relative;
					max-height: 8em;
					z-index: 1;
					transition: all .2s;
					-webkit-transition: all .2s;
					-moz-transition: all .2s;
					-o-transition: all .2s;
					}
					#books ul#categories-list > li ul li a.image:hover,
					#books ul#categories-list > li ul li:hover a.image {
						top: -.5em;
						box-shadow: 0 0 20px rgba(100, 255, 100, 0.5);
						-webkit-box-shadow: 0 0 20px rgba(100, 255, 100, 0.5);
						-moz-box-shadow: 0 0 20px rgba(100, 255, 100, 0.5);
						-o-box-shadow: 0 0 20px rgba(100, 255, 100, 0.5);
						}
					#books ul#categories-list > li ul li a.image img {
						width: 100%;
						}
				#books ul#categories-list > li ul li h3 a:link {
					position: absolute;
					bottom: -8em;
					right: -1em;
					width: 5em;
					/*height: 2.85em;*/
					height: auto;
					padding: .2em .5em;
					font: italic 80%/1 Georgia;
					color: #463712;
					text-align: center;
					background: #fff9b4;
					border: .25em double #d1cb80;
					box-shadow: 0 0 4px rgba(0,0,0,.9);
					-webkit-box-shadow: 0 0 4px rgba(0,0,0,.9);
					-moz-box-shadow: 0 0 4px rgba(0,0,0,.9);
					-o-box-shadow: 0 0 4px rgba(0,0,0,.9);
					z-index: 100;
					overflow: hidden;
					transition: all .2s;
					-webkit-transition: all .2s;
					-moz-transition: all .2s;
					-o-transition: all .2s;
					}
					#books ul#categories-list > li ul li:hover h3 a:link {
						bottom: -.5em;
						}
					#books ul#categories-list > li ul li h3 a:link .small {
						font-family: "Brush Script MT";
						}
				#books ul#categories-list > li ul li h4 {
					display: none;
					}
/* @end */
/* @group Facebook Stuff */
/*============== Facebook Stuff ==============*/
#facebook-comments {
	clear: both;
	margin: 1em -4em;
	padding: 1em 4em;
	border-top: 1px solid #4869a1;
	border-bottom: 1px solid #4869a1;
	background-color: #112e5f;
	/*background: #112e5f url(../img/q_silhouette.gif) no-repeat 1em;*/
	}
	#facebook-comments h3 {
		margin: -.25em 0 .5em 0;
		font: bold 150% Chunk, ChunkFive, Rockwell, HelveticaNeue-CondensedBlack, "Helvetica Neue Condensed Black", Helvetica, Arial, sans-serif;
		}
	#facebook-comments iframe {
		width: 33em !important;
		}
/* @end */
/* @group Wish List Stuff */
/*============= Wish List Stuff ==============*/
#wishlist #content h2 {
	
	}
/*#wishlist #content ul#share-wishlist {
	position: absolute;
	right: 4em;
	top: 6em;
	width: 10em;
	z-index: 11;
	}
	#wishlist #content ul#share-wishlist li {
		font-size: 75%;
		}*/
#wishlist #content #enter-your-name {
	margin-bottom: 2em;
	}
	#wishlist #content #enter-your-name h5 {
		margin-bottom: 1em;
		}
	#wishlist #content #enter-your-name input {
		padding: .25em;
		font: bold 90% "Calibri", "Gill Sans", Helvetica, sans-serif;
		}
	#wishlist #content #enter-your-name button {
		margin: 0;
		padding: .25em 1em;
		text-decoration: none;
		font-family: "Calibri", "Gill Sans", Helvetica, sans-serif;
		font-size: 90%;
		color: #c5e3ff;
		background: #1b71c2;
		-webkit-border-radius: 1em;
		-moz-border-radius: 1em;
		border-radius: 1em;
		border: none;
		cursor: pointer;
		}
		#wishlist #content #enter-your-name button:hover {
			background: #1f82df;
			}
#wishlist #content ul.list {
	margin: 0 -4em;
	padding: 0 4em;
	border-bottom: .3em solid #041a3d;
	list-style: none;
	}
	#wishlist #content ul.list h4 {
		text-transform: uppercase;
		font: bold 120% Chunk, ChunkFive, Rockwell, HelveticaNeue-CondensedBlack, "Helvetica Neue Condensed Black", Helvetica, Arial, sans-serif;
		}
	#wishlist #content ul.list li {
		position: relative;
		margin: 0 -4em;
		padding: .5em 4em;
		height: 6em;
		/*border-top: .3em solid #06204a;*/
		border-top: .3em solid #041a3d;
		/*overflow: hidden;*/
		}
		#wishlist #content ul.list li.odd {
			background: #062455;
			/*border-color: #00193f;*/
			}
		#wishlist #content ul.list li.even {
			background: #041c42;
			/*border-color: #01193c;*/
			}
		#wishlist #content ul.list li h3 a {
			display: block;
			position: absolute;
			top: .5em;
			padding: .1em .25em 0 .25em;
			width: 9.5em;
			color: #fff;
			font: bold 100%/1.2 Quicksand, 'Helvetica Neue Light', HelveticaNeue-Light, Helvetica, Arial, sans-serif;
			text-decoration: none;
			background: #1c74c7;
			z-index: 10;
			opacity: 0.85;
			}
			#wishlist #content ul.list li:hover h3 a {
				background: #dc600a;
				opacity: 1;
				}
		#wishlist #content ul.list li a.image {
			display: block;
			position: absolute;
			top: .5em;
			width: 10em;
			height: 6em;
			overflow: hidden;
			}
			#wishlist #content ul.list li a.image:hover {
				/*height: 7em;*/
				}
			#wishlist #content ul.list li a.image img {
				display: block;
				/*height: 10em;
				max-width: 12em;*/
				width: 10em;
				}
		#wishlist #content ul.list li p.price {
			position: absolute;
			right: 2.75em;
			bottom: .15em;
			margin: 0;
			font-size: 150%;
			color: #97cfd2;
			/* frrrrrrrr <--- Cat vandalism */}
			#wishlist #content ul.list li p.price span {
				position: absolute;
				left: -.5em;
				top: .4em;
				font-size: 60%;
				}
		#wishlist #content ul.list li .teaser {
			padding-left: 12em;
			}
			#wishlist #content ul.list li .teaser p {
				font-size: 80%;
				line-height: 1.4;
				}
		#wishlist #content ul.list li a.more {
			position: absolute;
			bottom: .75em;
			font: 80% Calibri, "Gill Sans", Helvetica, sans-serif;
			text-decoration: none;
			}
			#wishlist #content ul.list li a.more:visited {
				color: #4861cf;
				}
			#wishlist #content ul.list li a.more:hover {
				color: #44a0ff;
				}
		#wishlist #content ul.list li form {
			display: block;
			float: right;
			clear: right;
			height: 2.5em;
			margin-left: 2.25em;
			}
			#wishlist #content ul.list li form button.close {
				display: block;
				font-size: 80%;
				background: #c6d8f8;
				border: .2em solid #c6d8f8;
				cursor: pointer;
				border-radius: 6px;
				-webkit-border-radius: 6px;
				-moz-border-radius: 6px;
				}
				#wishlist #content ul.list li form button.close:hover {
					background: #fff600;
					border-color: #d0c900;
					}
			#wishlist #content ul.list li form button.add-to-cart {
				
				}
	#wishlist #content > h4 {
		margin: 1em 0 0 0;
		font: bold 120% Chunk, ChunkFive, Rockwell, HelveticaNeue-CondensedBlack, "Helvetica Neue Condensed Black", Helvetica, Arial, sans-serif;
		}
	#wishlist ul.sharing {
		margin: 1em -4em 2em -4em;
		padding: 0 4em .5em 4em;
		background: #041a3d;
		border-top: .25em solid #03142f;
		border-bottom: .25em solid #03142f;
		list-style: none;
		overflow: hidden;
		}
		#wishlist ul.sharing h4 {
			margin: 0 -3.35em;
			padding: .5em 3.35em;
			font: bold 120% Chunk, ChunkFive, Rockwell, HelveticaNeue-CondensedBlack, "Helvetica Neue Condensed Black", Helvetica, Arial, sans-serif;
			/*background: #083883;*/
			}
		#wishlist ul.sharing h5 {
			font-family: "Calibri", "Gill Sans", Helvetica, sans-serif;
			}
		#wishlist ul.sharing li {
			margin: .75em 0 .5em 2em;
			}
			#wishlist ul.sharing li a:link,
			#wishlist ul.sharing li a:visited {
				margin: 0 0 0 -1em;
				padding: .25em 1em;
				text-decoration: none;
				font-family: "Calibri", "Gill Sans", Helvetica, sans-serif;
				color: #c5e3ff;
				background: #1b71c2;
				-webkit-border-radius: 1em;
				-moz-border-radius: 1em;
				border-radius: 1em;
				}
			#wishlist ul.sharing li a:hover {
				background: #1f82df;
				}
			#wishlist ul.sharing li a:active {
				background: #820574;
				}
				#wishlist ul.sharing li a strong {
					color: #fff;
					font-weight: bold;
					background: none;
					}
		input.copy-paste-input {
			width: 29em;
			padding: .25em .5em;
			}
	#wishlist button#this-is-my-wishlist {
		margin: -.5em 0 .5em -.75em;
		padding: .5em .75em .25em .75em;
		font: 120% Quicksand, 'Helvetica Neue Light', HelveticaNeue-Light, Helvetica, Arial, sans-serif;
		color: #fff;
		border: none;
		background: #228bee;
		cursor: pointer;
		box-shadow: 3px 3px 3px rgba(0,0,0,0.6);
		-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.6);
		-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.6);
		}
		#wishlist button#this-is-my-wishlist:hover {
			background: #1a78ce;
			}
button.add-to-wishlist,
button.add-to-cart,
button.out-of-stock {
	padding: .5em .75em .25em .75em;
	background: #228bee;
	color: #fff;
	font: 80% Quicksand, 'Helvetica Neue Light', HelveticaNeue-Light, Helvetica, Arial, sans-serif;
	border: none;
	cursor: pointer;
	box-shadow: 3px 3px 9px rgba(0,0,0,0.9);
	-webkit-box-shadow: 3px 3px 9px rgba(0,0,0,0.9);
	-moz-box-shadow: 3px 3px 9px rgba(0,0,0,0.9);
	}
	button.add-to-wishlist:hover,
	button.add-to-cart:hover {
		background: #1a78ce;
		}
button.add-to-cart {
	background: #c80000;
	}
	button.add-to-cart:hover {
		background: #990002;
		}
button.out-of-stock {
	background: #888;
	cursor: default;
	}
	button.out-of-stock:hover {
		background: #888 !important;
		}
/* @end */
/* @group Events Stuff */
/*=============== Events Stuff ===============*/
#events #content h2 {
	color: #fff;
	background: #ff4b9e;
	}
#events #content #search-form button {
	background: #aa3269;
	}
	#events #content #search-form button:hover,
	#events #content #search-form button:focus {
		background: #7f254e;
		}
#events #content h3.month-name {
	margin: 0 -2em 1em -2em;
	padding: .25em 2em 0 2em;
	font-family: Quicksand, 'Helvetica Neue Light', HelveticaNeue-Light, Helvetica, Arial, sans-serif;
	font-size: 200%;
	background: #092c68;
	}
	#events #content h3.month-name a.year {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		padding: .75em .2em .2em .2em;
		font-size: 70%;
		color: #1c5a9a;
		text-decoration: none;
		}
		#events #content h3.month-name a.year:hover {
			color: #44a0ff;
			}
#events a#previous-month-link,
#events a#next-month-link {
	display: block;
	position: absolute;
	top: 0;
	width: 2em;
	height: 1.7em;
	padding-top: .3em;
	font: bold 150% Arial;
	text-decoration: none;
	color: #0055ac;
	}
	#events a#previous-month-link:hover,
	#events a#next-month-link:hover {
		color: #44a0ff;
		}
#events a#previous-month-link {
	left: -2.25em;
	}
#events a#next-month-link {
	right: -2.25em;
	width: 1.5em;
	padding-left: .75em;
	}
#events-wrapper {
	position: relative;
	}
#event-calendar {
	position: relative;
	overflow: visible;
	z-index: 6;
	}
	#event-calendar #day-headers {
		margin: 0;
		list-style: none;
		}
		#event-calendar #day-headers li {
			float: left;
			/*width: 5.875em;*/
			width: 14.2%;
			height: 1.5em;
			margin: 0;
			padding-top: .5em;
			font: bold 80% Quicksand, 'Helvetica Neue Light', HelveticaNeue-Light, Helvetica, Arial, sans-serif;
			text-indent: .5em;
			background: #041d48;
			box-shadow: .1em .1em 10px rgba(0,0,0,0.75);
			-webkit-box-shadow: .1em .1em 10px rgba(0,0,0,0.75);
			-moz-box-shadow: .1em .1em 10px rgba(0,0,0,0.75);
			}
	#event-calendar dl {
		/*position: relative;*/
		float: left;
		/*width: 4.7em;*/
		width: 14.2%;
		height: 5em;
		background: #072559;
		box-shadow: .1em .1em 10px rgba(0,0,0,0.75);
		-webkit-box-shadow: .1em .1em 10px rgba(0,0,0,0.75);
		-moz-box-shadow: .1em .1em 10px rgba(0,0,0,0.75);
		/*outline: 1px solid #051e48;*/
		/* The shrinking calendar is pretty slow with the generated box-shadows. */
		}
		#event-calendar dl.nth-child-7n-6 {
			/* Just in case something goes wrong with all the floating */
			clear: left;
			}
		#event-calendar dl.today {
			background: #570659;
			}
		#event-calendar dl dt {
			position: relative;
			padding-top: .25em;
			font-size: 100%;
			text-indent: -5000em;
			font-family: Quicksand, 'Helvetica Neue Light', HelveticaNeue-Light, Helvetica, Arial, sans-serif;
			}
			#event-calendar .month dl:first-child dt,
			#event-calendar .month dl.first dt {
				text-indent: .5em;
				}
			#event-calendar dl dt strong {
				display: block;
				margin-top: -1.25em;
				padding-right: .5em;
				font-weight: normal;
				font-size: 100%;
				text-indent: 0;
				text-align: right;
				background: transparent;
				z-index: 18;
				}
				#event-calendar dl.not-in-month dt strong,
				#event-calendar dl.not-in-month dt {
					color: #475773;
					}
			#event-calendar dl dt .today-text {
				display: block;
				position: absolute;
				left: 0;
				top: 0;
				width: 98%;
				height: 2.85em;
				padding-top: 2em;
				text-indent: -5000px;
				text-align: center;
				color: #8c4a8e;
				font-family: Chunk, ChunkFive, Rockwell, HelveticaNeue-CondensedBlack, "Helvetica Neue Condensed Black", Helvetica, Arial, sans-serif;
				font-weight: bold;
				/*border-left: 2px solid #570659;
				border-top: 2px solid #570659;
				border-right: 2px solid #410442;
				border-bottom: 2px solid #410442;*/
				overflow: hidden;
				z-index: 0;
				}
				#event-calendar dl dt .today-text:hover {
					text-indent: 0;
					}
		#event-calendar dl dd {
			/*position: absolute;
			left: 0;
			top: 0;*/
			/*position: relative;*/
			height: 100%;
			width: 100%;
			margin-top: -1.5em;
			background-color: #092c68;
			cursor: pointer;
			}
			#event-calendar dl.not-in-month dd {
				opacity: 0.5;
				}
			#event-calendar dl.today dd {
				position: relative;
				background-color: transparent;
				z-index: 1;
				}
			#event-calendar dl dd > h3 {
				display: none;
				position: absolute;
				/*padding: .5em .5em .25em .5em;*/
				margin-left: -2em;
				color: #fff;
				font: bold 100% Quicksand, 'Helvetica Neue Light', HelveticaNeue-Light, Helvetica, Arial, sans-serif;
				text-align: center;
				background: #8c054a;
				opacity: 0;
				z-index: -100;
				border-radius: 4px;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				-webkit-transition: opacity 0.3s;
				-moz-transition: opacity 0.3s;
				}
				#event-calendar dl dd:hover > h3 {
					display: block;
					opacity: 1;
					z-index: 100;
					}
				#event-calendar dl dd > h3 a {
					display: block;
					padding: .5em .5em .25em .5em;
					color: #fff;
					text-decoration: none;
					}
			#event-calendar dl dd a.more {
				display: block;
				height: 100%;
				text-indent: -6000px;
				}
			#event-details {
				position: absolute;
				/*visibility: hidden;*/
				display: none;
				/*left: -1.5em;*/
				right: -5.5em;
				top: 4.9em;
				width: 24em;
				min-height: 15em;
				padding: 1em 1.5em;
				background: #c6d8f8;
				z-index: 1;
				opacity: 0;
				cursor: default;
				-webkit-border-radius: 8px;
				-moz-border-radius: 8px;
				border-radius: 8px;
				box-shadow: .1em .1em 20px rgba(0,0,0,0.5);
				-webkit-box-shadow: .1em .1em 20px rgba(0,0,0,0.5);
				-moz-box-shadow: .1em .1em 20px rgba(0,0,0,0.5);
				-webkit-transition-property: opacity;
				-webkit-transition-duration: .25s;
				}
				#event-details ::selection {
					background: #b6d1ff;
					}
				#event-details h1,
				#event-details h2,
				#event-details h3,
				#event-details h4,
				#event-details h5,
				#event-details h6 {
					font: bold 125% Quicksand, 'Helvetica Neue Light', HelveticaNeue-Light, Helvetica, Arial, sans-serif;
					color: #092c68;
					cursor: text;
					}
				#events #event-details h2 {
					margin: 0 1em 0 0;
					padding: 0;
					color: #ff4b9e;
					background: transparent;
					box-shadow: none;
					-webkit-box-shadow: none;
					-moz-box-shadow: none;
					}
					#events #event-details h2.loading {
						padding-top: 4.5em;
						padding-bottom: 1em;
						text-align: center;
						background: url(../img/loading.gif) no-repeat center bottom;
						}
				#event-details h3.event-date {
					margin: .25em 0 1em 0;
					font-size: 80%;
					color: #1c4c9f;
					}
					#event-details h3.event-date strong {
						color: #092c68;
						font-size: 120%;
						font-weight: bold;
						background: none;
						}
				#event-details p {
					font-size: 80%;
					color: #092c68;
					cursor: text;
					}
					#event-details p a:link {
						border-bottom-color: #007eff;
						}
					#event-details p a:visited {
						
						}
					#event-details p a:hover {
						color: #0065cd;
						background-color: #b6d1ff;
						border-bottom-color: #f79d00;
						}
					#event-details p a:active {
						
						}
				#event-details strong {
					font-weight: bold;
					color: #092c68;
					background: #b6d1ff;
					}
				#event-details em {
					color: #08285f;
					}
				#event-details ul {
					margin-bottom: 1em;
					color: #092c68;
					font-size: 80%;
					list-style-type: disc;
					}
				#event-details img.right {
					float: right;
					margin: 0 -.75em .25em .25em;
					}
					#event-details img.right.flush {
						margin-right: -1.5em;
						}
				#event-details img.left {
					float: left;
					margin: 0 .5em .25em -.75em;
					}
					#event-details img.left.flush {
						margin-left: -1.5em;
						}
				#event-details img.center {
					display: block;
					margin: 0 auto .5em auto;
					}
				#event-details img.wide {
					display: block;
					width: 112.5%;
					margin: 0 -1.5em;
					}
				#event-details a.close-button {
					display: block;
					position: absolute;
					right: 0;
					top: 0;
					padding: 0 .25em .05em .3em;
					text-decoration: none;
					font-size: 150%;
					color: #5a75a3;
					border-bottom: 2px solid #97b2df;
					border-left: 2px solid #97b2df;
					border-top-right-radius: 8px;
					-moz-border-radius-topright: 8px;
					-webkit-border-top-right-radius: 8px;
					}
					#event-details a.close-button:hover {
						color: #fff;
						background: #5a75a3;
						border-bottom-color: #5a75a3;
						border-left-color: #5a75a3;
						}
				#event-details ul.rsvp {
					font: 80% Calibri, "Gill Sans", Helvetica, sans-serif;
					color: #092c68;
					}
#content h3.year-name {
	font-size: 300%;
	}
ol.months-list {
	
	}
	ol.months-list li {
		color: #184d84;
		list-style-type: decimal;
		list-style-position: outside;
		}
		ol.months-list li h3.month-name {
			margin-bottom: 1px !important;
			padding: 0 2em !important;
			}
			ol.months-list li h3 a:link {
				display: block;
				margin: 0 -2em 0 -2em;
				padding: .25em 2em 0 2em;
				text-decoration: none;
				transition: all .2s linear;
				-webkit-transition: all .2s linear;
				-moz-transition: all .2s linear;
				-o-transition: all .2s linear;
				}
			ol.months-list li h3 a:visited {
				display: block;
				margin: 0 -2em 0 -2em;
				padding: .25em 2em 0 2em;
				text-decoration: none;
				}
			ol.months-list li h3 a:hover {
				background: #0a3378;
				}
#events-overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	z-index: 3;
	}
/* @end */
/* @group Contact Stuff */
/*=============== Contact Stuff ===============*/
#contact-us {
	
	}
	#contact-us #content {
		min-height: 560px;
		}
		#contact-us #content h2 {
			background: #b600dd;
			}
		#contact-us #content #search-form label {
			color: #fff;
			}
		#contact-us #content #search-form button {
			background: #8800a5;
			}
			#contact-us #content #search-form button:hover,
			#contact-us #content #search-form button:focus {
				background: #6e0086;
				}
		#contact-us #content h3 {
			clear: both;
			margin-top: 1.5em;
			font: bold 120% Chunk, ChunkFive, Rockwell, HelveticaNeue-CondensedBlack, "Helvetica Neue Condensed Black", Helvetica, Arial, sans-serif;
			}
	#contact-us #content dl {
		margin-left: -4em;
		padding-left: 4em;
		padding-right: 390px;
		font-family: Calibri, 'Lucida Grande', Helvetica, sans-serif;
		overflow: hidden;
		}
		#contact-us #content dl dt {
			clear: both;
			float: left;
			width: 6em;
			margin: .5em .75em 0 -5em;
			text-align: right;
			color: #7a93bc;
			font-size: 80%;
			}
		#contact-us #content dl dd {
			float: left;
			margin-top: .25em;
			}
			#contact-us #content dl dd a:link {
				color: #007eff;
				text-decoration: none;
				border-bottom: 1px solid #124c83;
				}
			#contact-us #content dl dd a:visited {
				color: #007eff;
				text-decoration: none;
				border-bottom: 1px solid #124c83;
				}
			#contact-us #content dl dd a:hover {
				color: #44a0ff;
				background: #08275b;
				border-bottom: 1px solid #f79d00;
				}
	#contact-us #map {
		position: absolute;
		top: 7em;
		right: 0;
		padding: 0 .5em 0 .5em;
		background: #00122b;
		border-top: .5em solid #001736;
		}
		#contact-us #map a.more:link,
		#contact-us #map a.more:visited {
			display: block;
			margin: 0 -.5em;
			padding: .5em;
			color: #007eff !important;
			font-family: Calibri, 'Lucida Grande', Helvetica, sans-serif;
			background: #001736;
			border-bottom: .25em solid #00122b;
			}
		#contact-us #map a.more:hover {
			color: #44a0ff !important;
			background: #051a3e;
			border-bottom: .25em solid #44a0ff;
			}
/* @end */
/* @group Privacy, Shipping, Returns Stuff */
ul#customer-service-nav {
	margin: 0 -4em 2em -4em;
	padding: 0 4em;
	list-style: none;
	background: #155999;
	overflow: hidden;
	}
	ul#customer-service-nav li {
		float: left;
		}
		ul#customer-service-nav li.active {
			margin-right: 2px;
			padding: .5em;
			color: #fff;
			background: #1f7fd9;
			}
		ul#customer-service-nav li a:link,
		ul#customer-service-nav li a:visited {
			display: block;
			margin-right: 2px;
			padding: .5em;
			color: #fff;
			text-decoration: none;
			background: #1869b5;
			}
		ul#customer-service-nav li a:hover {
			background: #124c83;
			}
/* @end */
/* @group Footer Stuff */
/*=============== Footer Stuff ===============*/
#footer {
	clear: both;
	width: 64em;
	margin: 0 auto;
	padding: 5em 0 1em 0;
	font-size: 75%;
	text-align: center;
	background: transparent url(../img/hills.png) no-repeat center bottom;
	}
	#footer form#email-signup {
		display: block;
		width: 20em;
		margin: 0 auto 2em auto;
		padding: .75em 1em 1em 1em;
		background: #07214d;
		background: rgba(0,34,73,0.67);
		border: .2em solid #fff;
		}
		#footer form#email-signup h5,
		#footer form#email-signup h6,
		#footer form#email-signup legend {
			color: #fff;
			font:  180%/1 Calibri, 'Lucida Grande', Helvetica, sans-serif;
			}
			#footer form#email-signup h6 {
				margin-bottom: 2em;
				font-size: 90%;
				line-height: 1;
				}
		#footer form#email-signup fieldset > div,
		#footer form#email-signup fieldset > p {
			display: block;
			clear: both;
			}
			#footer form#email-signup label {
				float: left;
				width: 8em;
				text-align: right;
				color: #fff;
				}
				#footer form#email-signup label strong {
					display: block;
					}
			#footer form#email-signup input[type="text"] {
				float: right;
				}
			#footer form#email-signup #email-input {
				font-size: 120%;
				}
				#footer form#email-signup #email-input label {
					width: 6.75em;
					}
				#footer form#email-signup #email-input input {
					height: 2em;
					}
	#footer p {
		display: block;
		width: auto;
		max-width: 33em;
		margin: 0 auto 1em auto;
		padding: .25em;
		/*background: rgba(255, 255, 255, 0.75);*/
		/*-webkit-box-shadow: 4px 4px 5px rgba(0,0,0,0.4);
		-moz-box-shadow: 8px 8px 5px rgba(0,0,0,0.4);*/
		}
		#footer p p:after {
			content: "\A\A"; /* Maybe not the best solution… */
			white-space: pre;
			}
	#footer ul {
		margin: 0 0 1em 0;
		}
		#footer ul li {
			display: inline;
			}
			#footer ul li a:link,
			#footer ul li a:visited {
				padding: .25em .5em;
				text-decoration: none;
				background: #eee;
				background: rgba(255, 255, 255, 0.6);
				box-shadow: 4px 4px 5px rgba(0,0,0,0.4);
				-webkit-box-shadow: 4px 4px 5px rgba(0,0,0,0.4);
				-moz-box-shadow: 4px 4px 5px rgba(0,0,0,0.4);
				}
			#footer ul li a:visited {
				
				}
			#footer ul li a:hover {
				background: #fff !important;
				}
			#footer ul li a:active {
				
				}
			#footer ul#credits li {
				display: block;
				margin-bottom: .5em;
				}
				#footer ul#credits li a:link {
					background: rgba(255, 255, 255, 0.3);
					}
/* @end */
/* @group Feedback Stuff */
/*=============== Feedback Stuff ===============*/
#feedback {
	position: fixed;
	right: -22em;
	top: 2em;
	width: 20em;
	margin-right: -8px;
	padding: 1em 1em 0 1em;
	background: #124c83;
	z-index: 1000;
	-webkit-box-shadow: -2px 0 6px rgba(0,0,0,0.4);
	-moz-box-shadow: -2px 0 6px rgba(0,0,0,0.4);
	box-shadow: -2px 0 6px rgba(0,0,0,0.4);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	}
	.no-js #feedback:hover {
		right: 0;
		}
	#feedback h2 {
		position: absolute;
		left: -42px;
		top: 3em;
		width: 42px;
		height: 174px;
		text-indent: -6000px;
		background: #153a6c url(../img/feedback.png) no-repeat left center;
		cursor: pointer;
		}
		#feedback h2:hover {
			left: -46px;
			width: 46px;
			}
	#feedback h3 {
		margin-bottom: .5em;
		color: #fff;
		font: bold 125% Quicksand, 'Helvetica Neue Light', HelveticaNeue-Light, Helvetica, Arial, sans-serif;
		}
	#feedback h4 {
		margin-bottom: 1em;
		font-size: 90%;
		}
	#feedback p {
		clear: both;
		font-size: 70%;
		color: #b1c0d9;
		}
	#feedback #thank-you {
		
		}
	#feedback form {
		
		}
		#feedback form textarea {
			display: block;
			float: right;
			width: 23.5em;
			height: 10em;
			margin-right: .5em;
			padding: .25em;
			font-size: .8em;
			color: #222;
			background: #c6d8f8;
			border: 2px solid #f8f8f8;
			}
			#feedback form textarea:focus,
			#feedback form textarea:hover {
				border-color: #fff600;
				}
		#feedback form button {
			float: right;
			margin: .5em;
			padding: .5em .5em .25em .5em;
			font: 100% Quicksand, 'Helvetica Neue Light', HelveticaNeue-Light, Helvetica, Arial, sans-serif;
			background: #08275b;
			color: #fff;
			border: 2px solid #58a5ee;
			cursor: pointer;
			border-radius: .25em;
			-webkit-border-radius: .25em;
			-moz-border-radius: .25em;
			}
			#feedback form button:hover {
				border-color: #fff600;
				}
			#feedback form button:active {
				/*border-color: #58a5ee;*/
				background: #c80000;
				}
/* @end */
#overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 500;
	background: #000;
	opacity: 0;
	}
#beta-welcome {
	display: none;
	position: absolute;
	top: 20px;
	left: 5em;
	width: 38em;
	margin: 0 auto;
	padding: 1em;
	color: #092c68;
	background: #c6d8f8;
	z-index: 1000;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-box-shadow: .1em .1em 20px rgba(0,0,0,0.5);
	-moz-box-shadow: .1em .1em 20px rgba(0,0,0,0.5);
	box-shadow: .1em .1em 20px rgba(0,0,0,0.5);
	}
	#beta-welcome h2 {
		font: bold 200%/1 Chunk, ChunkFive, Rockwell, HelveticaNeue-CondensedBlack, "Helvetica Neue Condensed Black", Helvetica, Arial, sans-serif;
		color: #8c054a;
		}
	#beta-welcome h3 {
		margin-bottom: .5em;
		color: #092c68;
		font-family: Quicksand, 'Helvetica Neue Light', HelveticaNeue-Light, Helvetica, Arial, sans-serif;
		font-weight: bold;
		}
	#beta-welcome ul {
		margin-bottom: 2em;
		padding-left: 1.5em;
		list-style: outside;
		list-style-type: disc;
		font-size: 80%;
		}
	#beta-welcome strong {
		font-weight: bold;
		color: #092c68;
		background: #b6d1ff;
		}
	#beta-welcome a#close-beta-message {
		position: absolute;
		right: 1em;
		bottom: 1.5em;
		padding: .5em 1em;
		text-decoration: none;
		color: #fff;
		background: #8c054a;
		}
#column-1,
#column-2,
#column-3 {
	display: none;
	position: absolute;
	top: 0;
	width: 10em;
	height: 100%;
	background: #ccc;
	opacity: 0.6;
	z-index: 99999;
	}
#column-1 {
	left: 7.5em;
	}
#column-2 {
	left: 19em;
	}
#column-3 {
	right: 7.5em;
	}
a.fc_link_forward:link {
	display: block;
	width: 92px;
	height: 24px;
	text-indent: -9999px;
	background-image: url(http://mudpuddlestoys.com/media/public/img/checkout-continue-button.png);
	background-position: left top;
	-webkit-border-radius: 6px;
	-webkit-transition: -webkit-box-shadow .4s ease;
	}
a.fc_link_forward:hover {
	-webkit-border-radius: 6px;
	-webkit-box-shadow: 0 0 8px  rgba(183,222,244,0.56);
	}
a.fc_link_forward:active {
	background-position: left bottom;
	}