/*
		Site:	Little Einsteins
		File:	Main CSS
		Author:	Alison Endacott
		Date:	May 2007
        Footer Update for 2009 : Eric Tuberdyke
*/

/*
		COLORS
		Navy Blue		#1E1C4C
*/

* {
	margin: 0;
	padding: 0;
	border: 0;
}

a, a:link {
	text-decoration: none;
	color: #1E1C4C;
}
	a:visited {
		color: #1E1C4C;
		text-decoration: none;
	}

	a:hover, a.on, a:active {
		text-decoration: underline;
	}

body {
	font-family: "Trebuchet MS", arial, helvetica, sans-serif;
	font-size: small;
	color: #1E1C4C;
}

	#container {
		width: 100%;
		
		background: #fff url(/content/v4/img/littleeinsteins/bg.jpg) no-repeat top center; /* image for featured thumbnail bg*/

	}
	
	body.page-thumbnail #content {
		width: 100%;
	}
	
	#head, #content {
		width: 782px;
		margin: 0 auto;
	}
	
	#head {
		position: relative;
		left: 50%;
		z-index: 20;
		height: 120px;	
		margin-left: -400px;
		background: url(/content/v4/us/littleeinsteins/img/header-backup.jpg) no-repeat top ;
	}
	
	
	
	h1 {
		position: absolute;
	}

	h1,
	h1 a {
		display: block;
		overflow: hidden;
		width: 275px;
		height: 120px;
		text-indent: -9999px;
	}
	
	#head p{
		text-align: right;
		color: #9595AF;
		font-size: 85%;
		z-index: 10;
	}


/* ------------------------ thumbnail ----------------------- */
#thumbs {
	clear: both;
	width: 776px; 
	margin: 0 auto;
}
		div#featured-product,
		div#featured-product div,
		div#featured-product dl,
		div#featured-product dd.product-image {
			background: none;
			padding: 0;
			margin: 0;
			min-height: 1px;
			}
	
	div#featured-product {
		position: relative;
		margin-top: -120px;
		height: 470px;
		background: transparent;	
	}
		
	
	div#featured-product div{
		width: 710px;
		margin: 0 auto;
		position: relative;
		left: -35px;
		padding: 0;
		height: 490px;
		background: url(/content/v4/img/littleeinsteins/bg-featured.jpg) no-repeat top center;
		margin-bottom: -150px;
	}
		div#featured-product div div {
			background: transparent
		}
	
	
		div#featured-product ul {
			list-style: none;
		}
	
		div#featured-product .product-image {
			position: absolute;
			left: 520px;
			top: 215px;
			}
			div#featured-product .product-image img {
				width: 158px;
				height: 158px;
			
			}
			
		div#featured-product .product-name,
		div#featured-product .product-price,
		div#featured-product .product-find-a-retailer {
			width: 400px;
			position: relative;
			top: 380px;
			left: 25px;
			text-align: right;
			font-size:130%;
			
			}
			
		div#featured-product .product-name {
			font-size:150%;
			}
			
		div#featured-product .product-price dl{
			float: right;
			width: 400px;
			}
			
			div#featured-product .product-price dt,
			div#featured-product .product-price dd {
				display: inline;
			}
			
		div#featured-product .product-find-a-retailer {
			font-size: 90%;
			clear: both;
			}
			div#featured-product .product-find-a-retailer a {
				text-decoration: underline;
				color: #f00;
			}
		

	#thumbs div {
		background: url(/content/v4/img/littleeinsteins/bg-thumbnail-bottom.gif) no-repeat bottom;
		width: 380px;
		margin: 0;
		float: left;
		position: relative;
		padding-bottom: 27px;
		margin-bottom: 20px;
		margin-right: 8px;
	}
	
		#thumbs dl { 
			width: 220px;
			min-height: 110px;
			position: relative;
			padding: 20px 10px 0 150px;
			background: url(/content/v4/img/littleeinsteins/bg-thumbnail.gif) no-repeat;
		}
		
			#thumbs dd.product-image {
				background: url(/content/v4/img/littleeinsteins/bg-thumbnail-image.gif) no-repeat;
				position: absolute;
				top: 15px;
				left: 15px;
				width: 118px;
				height: 118px;
				padding: 8px;
			}

				#thumbs dd.product-image a {
					display: block;
				}

					#thumbs dd img { 
						display: block;
						width: 110px;
					}

			#thumbs dt.product-name {
				padding: 5px 15px 5px 15px;
				background: url(/content/v4/img/littleeinsteins/bg-thumbnail-inner.gif) no-repeat top left;
				}

				#thumbs dt.product-name a {
					font-weight: bold;
				}

			#thumbs dd.product-price {
				padding: 5px 15px 5px 15px;
				background: url(/content/v4/img/littleeinsteins/bg-thumbnail-inner-bottom.gif) no-repeat bottom left;
				
			}
				#thumbs .product-price {
					color: #65A6D3;
					font-weight: bold;
				}
			
			#thumbs dd.product-number {
				position: absolute;
				bottom: -10px;
				right: 25px;
				font-size: 90%;
				color: #65A6D3;
			}

			

		/* BUY NOW BUTTON */
		dd.product-buy-now, 
		dd.product-buy-now a, 
		dd.product-buy-now a span {
			position: relative;
			display: block;
			width: 81px;
			height: 14px; 
			overflow: hidden;
		}

		dd.product-buy-now {
			top: 5px;
		}

		dd.product-buy-now a {
		}

			dd.product-buy-now a span {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: url(/content/v4/us/planetheroes/img/buynow_plaque.gif) no-repeat top left;

			}
			
		dd.product-find-a-retailer a {
			margin-left: 15px;
			text-decoration: underline;
			font-size: 85%;
			color: #f00;
		}

/*paging*/

.pagination-wrapper {
	width: 775px;
	margin: 0 auto;
	font-weight: bold;
	font-size: 1.2em;
	margin-top: 20px;
	font-size: 95%;
	background: url(/content/v4/img/littleeinsteins/bg-paging.gif) no-repeat top left;
}

.pagination-wrapper div.inner-wrapper {
	background: url(/content/v4/img/littleeinsteins/bg-paging-bottom.gif) no-repeat bottom left;
	padding: 15px;
}


p.paging {
	display: block;
	width: 320px;
	margin-right: 5px;
	color:#1E1C4C;
	font-weight: bold;
	font-size: 110%;
	margin: 1em;
}			

	.pagination ul {
		float: left;
		color: #1C1945;
	}

	.pagination li {
		list-style: none;
		float: left;
		margin: 0 1px 0 1px;
		font-weight: bold;
		}

		.pagination span,
		.pagination a:hover {
			background-color: #71CBFF;
			padding: .2em .6em .4em .6em;
		}

		.pagination a {
			padding: .2em .6em .4em .6em;
			text-decoration: none;
		}

		li.pagination-next a,
		li.pagination-next a:hover,
		li.pagination-previous a,
		li.pagination-previous a:hover {
			margin: 0 3px 0 3px;
			position: relative;
			top: 3px;
			display: block;
			width: 7px;
			height: 13px;
			text-indent: -9999px;
			overflow: hidden;
			padding: 0;
		}

		li.pagination-next a {
			background: url(/content/v4/img/littleeinsteins/arrow-next.gif);
		}

		li.pagination-previous a {
			background: url(/content/v4/img/littleeinsteins/arrow-previous.gif);
		}

	p.view-all {
		display: block;
		text-align: right;
	}

		p.view-all a {
			font-weight: bold;
			background: #71CBFF;
		}
		
		

/* ------------------------ product page ----------------------- */

#product-info {
	width: 300px;
	float: left;
	margin-top: 1em;
	margin-left: 27px;
	margin-right: 35px;
}

	h2#product-name {
		font-size: 1.4em;
	}
	
	.sIFR-hasFlash h2#product-name {
					font-size: 24px;
					letter-spacing: 1.0px;
				}

	#product-info a {
		text-decoration: underline;
	}

	#product-info dt.product-number,
	#product-info dt.product-ages,
	#product-info dt.product-price,
	#product-info dt.product-maximum-weight,
	#product-info dt.product-maximum-height {
		clear: both;
		float: left;
		position: relative;
		padding: 0 .3em 0 0;
	}

	#product-info dd.product-number,
	#product-info dd.product-ages,
	#product-info dd.product-price,
	#product-info dd.product-maximum-height,
	#product-info dd.product-maximum-height {
		float: none;
		position: relative;
	}
	
	#product-info dd.product-promotion {
		clear: both;
	}
	
	#product-info dt.product-more {
		position: absolute;
		left: -9999px;
	}
	
	#product-info div.product-CHWarning {
		background: url(/content/v4/us/littleeinsteins/img/warning_le.gif) no-repeat;
		width: 256px;
		height: 77px;
		margin-bottom: 4px;
		display: block;
	}
		div.product-CHWarning p#copy {
			display: none;
		}

#product-media {
	position:relative;
	width: 313px;
	float: left;
	margin-top: -119px;
	padding: 200px 0 0 70px;
	background: url(/content/v4/us/littleeinsteins/img/bg-product.jpg) no-repeat top;
}

	dt#product-image {
		height: 243px; 
		width: 243px;
        padding-bottom: 66px;
		/*this needs to be 243 + any borders or padding on the image, 
		it's a placeholder height for when the images are swapped*/
	}
		dt#product-image img {
		}

	#product-thumbnails {
		margin-left: -38px;
	}

	#product-thumbnails li {
		float: left;
		margin: 0 5px 0 5px;
		list-style: none;
		width: 95px;
		height: 111px;
		background: url(/content/v4/img/littleeinsteins/bg-product-thumbnails.jpg);
	}
	
		#product-thumbnails li img {
			margin: 35px 0 0 18px;
		}
		
	dd#product-caption-container {
		text-align: center;
		font-size: 85%;
		padding: 0px;
		background: url(/content/v4/img/littleeinsteins/bg-plaque.jpg) no-repeat bottom;
        color: #000;
		position: relative;
		left: -36px;
	}
	
		div#product-caption {
			width: 300px;
			padding: 5px;
		}
		
		p#more {
			display: none;
		}

#instructions {
	margin: 10px 0;
	padding: 2.2em;
	font-size: 90%;
}
	#instructions h3 {
		font-size: 1.1em;
	}
	#instructions a {
		text-decoration: underline;
	}

#back {
	clear: both;
	padding: 10px;
}

#product-dev-benefits {
	clear: both;
}

	#product-dev-benefits ul {
		margin-left: 20px;
	} 
	
/* tabs */

.tab-hidden {
	display: none;
}

	ul.tab-list {
		float: left;
		width: 300px;
		margin-top: 1em;
	}
	
		.tab-list a {
			text-decoration: none;
		}
	
		.tab-list li {
			float: left;
			list-style: none;
			position: relative;
		}
		
			.tab-list .active {
			}
			
	div.tab {
		clear: both;
	}

#tab-ProductDescription,
#tab-ProductTestimonials,
#tab-ProductDevBenefits {
	float: left;
	width: 89px;
	height: 36px;
	position: relative;
	z-index: 10;
}



#tab-ProductDescription span,
#tab-ProductDevBenefits span,
#tab-ProductTestimonials span,
#tab-ProductDescription a,
#tab-ProductDevBenefits a,
#tab-ProductTestimonials a {
	display: block;
	text-indent: -9999px;
	background: url(/content/v4/us/littleeinsteins/img/tabs.gif);
	width: 89px;
	height: 36px;
	overflow: hidden;
}

#tab-ProductDescription a,
#tab-ProductDevBenefits a,
#tab-ProductTestimonials a {
	position: relative;
	top: 2px;
	}

#tab-ProductDescription a,
#tab-ProductDevBenefits a,
#tab-ProductTestimonials a {
	height: 32px;
}

#tab-ProductDevBenefits,
#tab-ProductDevBenefits span,
#tab-ProductDevBenefits a { 
	width: 97px;
	}
#tab-ProductTestimonials,	
#tab-ProductTestimonials a {
	width: 87px;
	}


#tab-ProductDescription span {
	background-position: 0 0;
}

	#tab-ProductDescription a {
		background-position: 0 -36px;
	}

#tab-ProductTestimonials span {
	background-position: -89px 0;
}

	#tab-ProductTestimonials a {
		background-position: -89px -36px;
	}


#tab-ProductDevBenefits span {
	background-position: -178px 0;
}

	#tab-ProductDevBenefits a {
		background-position: -178px -36px;
	}

		
.tab {
	background: url(/content/v4/img/littleeinsteins/bg-tab.gif) no-repeat top;
	position: relative;
	z-index: 1;
	top: -2px;
	padding: 2em;
	min-height: 182px;
}

	.tab li {
		
		padding: .5em 0 .5em .5em;
	}

	
	dd.product-buy-now {
		width: 69px;
		height: 26px;
		margin-bottom: .5em;
}

	body dd.product-buy-now a {
		width: 69px;
		height: 26px;
		position: relative;
		display: block;
		overflow: hidden;
		color: #D3E0EB;
	}

		dd.product-buy-now a span {
			width: 69px;
			height: 26px;
			position: absolute;
			top: 0;
			left: 0;
			background: url(/content/v4/us/littleeinsteins/img/buynow.gif) no-repeat top left;
			cursor: pointer;
		}
		
	dd.find-a-retailer a{
		font-size: x-small;
		margin-bottom: 1em;
		display: block;
		width: 7em;
		text-align: center;
	}
	
	dd.email {
		width: 121px;
		height: 15px;
		margin: .5em 0 .5em 0;
}

	body dd.email a {
		width: 121px;
		height: 15px;		
		position: relative;
		display: block;
		overflow: hidden;
	}

		dd.email a span {
			width: 121px;
			height: 15px;		
			position: absolute;
			top: 0;
			left: 0;
			background: url(/content/v4/us/littleeinsteins/img/btn-email.gif) no-repeat left top;
			cursor: pointer;
		}

dd.demo,
dd.demo a,
dd.demo span,
dd.comm,
dd.comm a,
dd.comm span {
	display: block;
	height: 15px;
	width: 81px;
	position: relative;
	overflow: hidden;
	text-decoration: none;
	margin-bottom:2px;
}
	
	dd.demo span {	
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		cursor: pointer;
		background: url(/content/v4/us/littleeinsteins/img/btn-demo.gif) no-repeat left top;
	}

	dd.comm span {	
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		cursor: pointer;
		background: url(/content/v4/us/littleeinsteins/img/btn-action.gif) no-repeat left top;
	}


/* view larger image */
body #viewlarger-overlay {
	background: #000;
	opacity: .5;
	filter: alpha(opacity=50);
}

#product-shot {
	position: relative;
}

#product-shot dd.product-view-larger a {
	position: absolute;
	top: 0;
	left: 0;
	width: 243px;
	height: 243px;
	display: block;
	background: url(/content/v4/us/img/viewlarger.gif) no-repeat;
	background-position: -370px 100%;
	/* needs to be -400px for Safari - hack? */
	opacity: 0.45;
	filter: alpha(opacity=45);
	text-indent: -9999px;
	overflow: hidden;
}

	#product-shot dd.product-view-larger a:hover,
	#product-shot dd.product-view-larger a:focus {
		opacity: 1.0;
		filter: alpha(opacity=100);
		background-position: 0% 100%;
	}

#larger-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

p#back a {
	width: 78px;
	height: 34px;
	clear: both;
	display: block;
	text-indent: -9999px;
	background: url(/content/v4/us/littleeinsteins/img/back.gif);
	float: right;
	margin-right: 15px;
}
	p#back a:hover {
		background-position: 0 -35px;
	}
	
/* View Larger Custom Skin Styles */

body #larger-image {
	z-index: 99;
}

body #viewlarger-include {
	font-size: 90%;
	font: Arial, Helvetica, sans-serif;
	color: #fff;
}

body #viewlarger-close {
	background:  url(/content/v4/img/littleeinsteins/viewlarger-close.png) no-repeat top left;
	_background: url(/content/v4/img/littleeinsteins/viewlarger-close.gif) no-repeat top left;
}

	body #viewlarger-include dl {
		background: url(/content/v4/img/littleeinsteins/viewlarger-loading.gif) no-repeat top;
		_background: transparent;
	}


	body #viewlarger-include dt {
		background: url(/content/v4/img/littleeinsteins/viewlarger-background.png) no-repeat top;
		_background: url(/content/v4/img/littleeinsteins/viewlarger-background.gif) no-repeat top;
	}


	body #viewlarger-include dd#viewlarger-caption {
		background: url(/content/v4/img/littleeinsteins/viewlarger-caption-background.png) no-repeat bottom;
		_background: url(/content/v4/img/littleeinsteins/viewlarger-caption-background.gif) no-repeat bottom;
	}
	

		body #viewlarger-scroll-frame {
			background: url(/content/v4/img/littleeinsteins/viewlarger-scroller.png) no-repeat top left;
			_background: url(/content/v4/img/littleeinsteins/viewlarger-scroller.gif) no-repeat top left;
		}

			body #viewlarger-scroll-left-arrow {
					background: url(/content/v4/img/littleeinsteins/viewlarger-arrow-up.gif) no-repeat 25px -26px;
					}


			body #viewlarger-scroll-right-arrow {
				background: url(/content/v4/img/littleeinsteins/viewlarger-arrow-down.gif) no-repeat 25px -26px;
					}

				body #viewlarger-scroll-item li a img {
					border: 3px solid #fff;	/*thumbnail image border*/
								}
								
				body #viewlarger-scroll-item li.active img {
					border: 3px solid #71CBFF;/*active thumbnail image border*/
						}
                        
/* ------------------------ demo page  ------------------------ */
#demo-swf {
	width: 582px;
	margin: 0 auto;
    padding-top: 150px;
}

#demo-product-deatils-btn a {
	width: 90px;
	height: 48px;
	clear: both;
	display: block;
	text-indent: -9999px;
	background: url(/content/v4/us/littleeinsteins/img/btn-product-details.gif);
	margin: 10px auto;
}


/* ------------------------ locator page  ------------------------ */

#locator h2 {
	font-size: 1.4em;
	display: block;
	width: 600px;
	margin: 0 auto;
}

.locator h3 {
	font-size: 1.1em;
}

.locator h2,
.locator h3{
	text-align: center;
}

.clear {
	clear: both; /* for locator page only */
}

ul#etailer {
	list-style: none;
	width: 640px;
	margin: auto;
}

		ul#etailer li {
			float: left;
			margin: 5px 235px;
		}
		
#retail-locator h2, #retail-locator h3 {
	text-align: center;
	margin: 0 2em .5em 2em;
}

/* zip finder box */

	.sIFR-hasFlash h2 {
		font-size: 19px;
		letter-spacing: 1.0px;
				}
				
			
	.sIFR-hasFlash h3 {
		font-size: 17px;
	}


#searchRetailer {
	width: 399px;
	margin: 0 auto;
	background: url(/content/v4/img/littleeinsteins/locator_bg.gif) no-repeat bottom;
	padding-bottom: 20px;
	position: relative;
	top: 44px;
	margin-bottom: 2em;
}

		h4#retailerLocator {
			text-align: center;
			background: url(/content/v4/us/littleeinsteins/img/locator_top.gif) no-repeat center top;
			text-indent: -9999px;
			position: relative;
			height: 44px;
			top: -44px;
			margin-bottom: -44px;
		}
		
		#retailerBot {
			
		}
		
		#searchRetailer fieldset {
			border: 0;
		}
		
		#searchRetailer form {
			margin: 0 30px;
		}
		
		#postalCode {
			width: 50px;
			border: 1px solid #C9C7FE;
		}
		
	#searchRetailerButton {
		position: relative;
		top: 5px;
	}
		
	#retailer{
		clear: both;
		position: relative;
		top: 2em;
		width: 500px;
		margin: 0 auto;
		}
		
		#retailer h4 {
			margin-top: 1em;
		}
		
		.retailerAddress{
			padding-left:15px;
		}
		.retailerMapLink{
			padding-left:15px;
		}
		.retailerDistance{
			text-align: right;
			margin-top: -1.3em;
		}

		.retailerName {
			border-top: 1px dotted #2D86C3;
			font-weight: bold;
			margin-top: .5em;
			padding-top: .5em;
		}
		
		p.noRetailer{
			text-align: center;
			padding: 1em;
		}
		
		
		.locator p#back a {
			margin: 0 auto;
			float: none;
			position: relative;
			top: 2em;;
			margin-bottom: 1.5em;
		}
		


/* ------------------------ footer  ------------------------ */

#footer {
	background: url(/content/v4/img/littleeinsteins/bg-footer.jpg) no-repeat bottom center;
	color: #65A6D3;
	min-height: 198px;
	margin-top: 1em;
}

	#footer a {
		color: #65A6D3;
	}
	
	body #footer div#legal_footer {
		font-family: arial,helvetica,sans-serif;
        padding-bottom: 110px;
	}
    
    #legal_footer ul.footer_helplinks {
		font-size: .85em;
	}
	
    #footer #fplogolinks {
		font-size: .7em;
	}

/* ------------------------ EASY CLEARING ------------------------ */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* ------------------------ SIFR STYLES ------------------------ */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
<!--/* 0.197048026060235 [10.89.198.136] */-->