/*
		Site:	My Friends Tigger and Pooh
		File:	Main CSS
		Author:	Hamilton
		Date:	May 2008
*/

/*
		COLORS
		
		Dark Purple			#5F3481
		Light/Gray Purple	#716FAC
		Pastel Purple 		#C9C7FE
		Yellow				#F6E6BB
*/

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

a:link {
	text-decoration: none;
	color: #5F3481;
}
	a:visited {
		color: #694A81;
		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: #5F3481;
	background: #fff url(/content/v4/img/mftp/bg.jpg) repeat-x top;
}

	#container {
		width: 100%;
		min-height: 890px;
		/*ie*/_height: 890px;
		background: url(/content/v4/img/mftp/bg-center.jpg) no-repeat top center;
	}
	
	#head,
	#content {
		width: 782px;
		margin: 0 auto;
	}
	
	#head {
		position: relative;
		height: 252px;
		background: url(/content/v4/us/mftp/img/header-backup.jpg) no-repeat top center;
	}
	
	#content {
		background: url(/content/v4/img/mftp/bg-content.jpg) no-repeat top center;
		min-height: 400px;
		/*ie*/_height: 400px;
	}

	h1,h1 a {
			display: block;
			overflow: hidden;
			width: 215px;
			height: 215px;
			text-indent: -9999px;
		}
		
		#head p{
			position: absolute;
			right: 5px;
			top: 0;
			color: #fff;
			font-size: 90%;
		}

	/* Demo Header */

	#head-demo,
		#content-demo {
			width: 782px;
			margin: 0 auto;
		}
		
		#head-demo {
			position: relative;
			height: 176px;
			background: url(/content/v4/us/mftp/img/header-demo.jpg) no-repeat top center;
		}
		
		#content-demo {
			/*background: url(/content/v4/img/mftp/bg-content.jpg) no-repeat top center;*/
			margin-top:20px;
		}

	#head-demo p{
		position: absolute;
		right: 5px;
		top: 0;
		color: #fff;
		font-size: 90%;
	}

	.hotspot {
		display: block;
		overflow: hidden;
		width: 180px;
		height: 140px;
		text-indent: -9999px;
	}

	#product-detail{
		text-align:center;
	}

	#product-detail a{
		text-decoration:underline;
	}
		
	#head p{
		position: absolute;
		right: 5px;
		top: 0;
		color: #fff;
		font-size: 90%;
	}


	

/* ------------------------ thumbnail ----------------------- */
#thumbs {
	width: 764px; 
	margin: 0 auto;
	clear: both;
	padding-bottom:1.5em;
}

	#thumbs div {
		background: url(/content/v4/img/mftp/bg-thumbnail-bottom.gif) no-repeat bottom;
		width: 358px;
		margin: 12px;
		float: left;
		position: relative;
		padding-bottom: 16px;
		/*ie */ _display: inline;
	}

		#thumbs dl { 
			width: 198px;
			min-height: 120px;
			/*ie*/_height: 120px;
			position: relative;
			padding: 45px 10px 0 150px;
			background: url(/content/v4/img/mftp/bg-thumbnail.gif) no-repeat;
		}

			#thumbs dd.product-image {
				background: url(/content/v4/img/mftp/bg-thumbnail-image.gif) no-repeat;
				position: absolute;
				top: 40px;
				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 {
				margin-bottom: 10px;
				padding-right: 40px;
				}

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

				

			#thumbs dd.product-price {

				font-size: 90%;
				font-weight: bold;
			}
			
			#thumbs dd.product-number {
				position: absolute;
				bottom: 0;
				right: 15px;
				font-size: 90%;
				color: #A2A0E2;
			}

			

		/* DEMO BUTTON */
		dd.product-demo, 
		dd.product-demo a, 
		dd.product-demo a span {
			position: relative;
			display: block;
			width: 81px;
			height: 26px; 
			overflow: hidden;
		}

		dd.product-demo {
			top: 5px;
		}

		dd.product-demo a {
			text-align:center;
		}

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

			}


/*paging*/
p.paging {
	display: block;
	width: 350px;
	margin: 0 auto;
	text-align: right;
	background: url(/content/v4/img/mftp/bee.gif) no-repeat top right;
	padding-top: 10px;
	height: 42px;
	padding-right: 55px;
	font-size: 1.4em;
	font-weight: bold;	
}			

.pagination {
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	margin: 0 0 .5em 310px;
	font-size: 95%;
	clear:both;
}

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

		.pagination span,
		.pagination a:hover {
			color: #fff;
			background-color: #5E5BA6;
			padding: .2em .6em .4em .6em;
			font-weight: bold;
		}

		.pagination a:hover,
		.pagination {
			font-weight: normal;
		}

		.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: -6px;
			display: block;
			width: 21px;
			height: 35px;
			text-indent: -9999px;
			overflow: hidden;
			padding: 0;
		}

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

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

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

		p.view-all a {
			font-weight: bold;
			text-decoration: underline;
			background: transparent;
		}
		
/* ------------------------ product page ----------------------- */

#product-info {
	width: 440px;
	float: left;
	margin-left: 315px; 
	margin-top: 1em;
	/*ie */ _display: inline;

}

	h2#product-name {
		font-size: 1.4em;
	}

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

	#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/mftp/img/warning_mftp.gif) no-repeat;
		width: 256px;
		height: 77px;
		margin-top: 10px;
		margin-bottom: 4px;
		display: block;
	}
		div.product-CHWarning p#copy {
			display: none;
		}

#product-media {
	width: 254px;
	float: left;
	margin-left: -730px; 
	margin-top: 1em;
	/*ie */ _display: inline;
}

	dt#product-image {
		height: 264px; 
		width: 264px;
		/*this needs to be 243 + any borders or padding on the image, 
		it's a placeholder height for when the images are swapped*/
		background: url(/content/v4/img/mftp/bg-product-image.gif);
	}
		dt#product-image img {
			margin: 10px;
		}

		dt#product-image object {
			margin: 10px;
		}

	#product-thumbnails li {
		float: left;
		margin: .3em;
		list-style: none;
	}
	
		#product-thumbnails li a img {
			border: 5px solid #F6E6BB;
		}
		
		#product-thumbnails li img {
			border: 5px solid #C9C7FE;
		}
		
	dd#product-caption {
		text-align: center;
		font-size: 85%;
		padding: .5em;
	}
		
		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: 436px;
		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: 93px;
	height: 51px;
	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/mftp/img/tabs.gif);
	width: 93px;
	height: 51px;
	overflow: hidden;
}

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

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

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

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

	#tab-ProductTestimonials a {
		background-position: -93px -51px;
	}

		#tab-ProductTestimonials a:hover {
			background-position: -93px -102px;
		}

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

	#tab-ProductDevBenefits a {
		background-position: -186px -51px;
	}

		#tab-ProductDevBenefits a:hover {
			background-position: -186px -102px;
		}
		
.tab {
	background: url(/content/v4/img/mftp/bg-tab.gif) no-repeat top;
	position: relative;
	z-index: 1;
	top: -4px;
	padding: 2em;
	min-height: 182px;
	/*ie*/_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;
		text-align:center;
		position: relative;
		display: block;
		overflow: hidden;
	}

		dd.product-buy-now a span {
			width: 69px;
			height: 26px;
			position: absolute;
			top: 0;
			left: 0;
			background: url(/content/v4/us/mftp/img/buynow.gif) no-repeat top left;
			cursor: pointer;
		}		
		
	dd.find-a-retailer a{
		margin-bottom: 1em;
		
	}
	
	dd.product-more a {
		font-size: 100%;		
	}

/* view larger image */

#product-shot {
	position: relative;
}

#product-shot dd.product-view-larger a {
	position: absolute;
	top: 225px;
	left: 10px;
	width: 182px;
	height: 30px;
	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/mftp/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: #5F3481;
}

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

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


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


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

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

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


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

				body #viewlarger-scroll-item li a img {
					border: 3px solid #F6E6BB;	/*thumbnail image border*/
								}
								
				body #viewlarger-scroll-item li.active img {
					border: 3px solid #C9C7FE;/*active thumbnail image border*/
						}

/* ------------------------ demo page  ------------------------ */

#demo{
	text-align:center;	
}

#demo p{
	margin-left:80px;
	margin-right:80px;
}

#demo p a{
	color:#00f;
	text-decoration:underline;
}


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

h3#searchRetailerHeader{
	text-align:center;
}

#content h2,h3{
	text-align:center;
}

#content h2#product-name{
	text-align:left;
}

.locator h2 {
	font-size: 1.4em;
}

.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 20px;
			/*ie */ _display: inline;

		}
		
#retail-locator h2, #retail-locator h3 {
	text-align: center;
	margin: 0 2em .5em 2em;
	
}

/* zip finder box */

#searchRetailer {
	width: 399px;
	margin: 0 auto;
	background: url(/content/v4/img/mftp/locator_bg.gif) repeat-y;
	margin-top: 15px;
	position: relative;
	top: 1em;
}

		h4#retailerLocator {
			text-align: center;
			background: url(/content/v4/us/mftp/img/locator_top.gif) no-repeat center top;
			text-indent: -9999px;
			position: relative;
			height: 75px;
			top: -15px;
		}
		
		#retailerBot {
			height: 30px;
			background: url(/content/v4/img/mftp/locator-bottom.gif) no-repeat center bottom;
			
		}
		
		#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: 3px solid #F6E6BB;
			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/mftp/bg-footer.jpg) no-repeat bottom center;
	color: #716FAC;
	min-height: 198px;
	/*ie */_height: 198px;
}

	#footer a {
		color: #716FAC;
	}
	
	body #footer div#legal_footer {
		padding-bottom: 80px;
	}
    
#footer_legallinks {
	font-size: 1.1em;
	}
    
#legal_footer ul.footer_helplinks  {
    font-size: .875em;
}
    
    	.ie #legal_footer ul.footer_helplinks  {
    		font-size: .8em;
		}

#footer #fplogolinks {
	font-size: .7em;
}

p#legal {
	text-align: center;
	font-size: 90%;
}

#fplogolinks a {
	font-weight: normal;
    font-size: 1em;
}

#footer #footer_storelogo {
	width: 109px;
}

/* ------------------------ 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.676636683511784 [10.89.198.137] */-->