/*	
	Site:		Outdoor fun
	File:		Screen CSS
	Author:		Alison Endacott
	Date:		June 2008
*/

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

body {
	font: small Arial, Helvetica, sans-serif;
	color: #fff;
     background: #ffd204;
}


#container {
	margin:0 auto;
    width: 975px;
    background: #fff;
    position: relative;
}

#container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;

}

	body.landing #content {
        height: 724px;
        background: url(/content/v4/img/outdoorfun/bg-landing.jpg) 50% top no-repeat;
	}

	#content {
		width:975px;
		margin:0 auto;	
		position: relative;
        background: url(/content/v4/img/outdoorfun/bg-inner-water-top.jpg) 50%  no-repeat;
        height: 390px;
        
        
	}
    
    body.thumbnail #content {
    	margin-bottom: 0px;
        position: absolute;
        Z-index:0;

    }
    
/*GLOBAL NAV */ 

#globalnav #nav-content #fphome {
	font-size: .85em;
}
    
	#btn a{
         margin: -277px 0 0 787px;
         display: block; 
         height: 127px;
         position: relative;
		 background:url(/content/v4/us/outdoorfun/img/btn.gif) no-repeat;
                
	}
        
        #scroll-images {
		margin:auto 0;
        height: 150px;
            
 	}
   
 .png {
 	cursor: pointer;
 }


/* ------------- LOGO ------------- */

h1, 
h1 a,
h1 span a {
    display:block;
	text-indent:-9999px;
	overflow:hidden;
}

 h1 a#logo {
	margin: 22px 0 0 98px;
    width: 440px;
	height: 90px;
    background: url(/content/v4/us/outdoorfun/img/outdoor_fun.png) no-repeat;
}

h1 span a {
	margin: 16px 0 0 152px;
	*margin-left: 55px;
	position:absolute;
	z-index: 100;
	width: 55px;
	height: 19px;
	background:url(/content/v4/img/outdoorfun/fplogo.png) 50% top no-repeat;	
}

	body.landing h1 {
		margin: 0 0 0 100px;
        padding-top:15px;
        width: 440px;
		height: 90px;
		background:url(/content/v4/us/outdoorfun/img/outdoor_fun.gif) 0 25px no-repeat;
		
		}
		
		body.landing h1 span a {
			width: 55px;
			height: 19px;
			background:url(/content/v4/img/outdoorfun/fplogo.gif) 50% top no-repeat;
			margin:0 0 0 52px;
			*position: relative;
		}
	
	
#advertisement {
	position: absolute;
	display: block;
	font-size: 85%;
	left: 350px;
	top: 0;
	color: #000;
	}
    
/* ------------------WATER TOYS SECTION --------------------*/

body.waterlanding #content {
	background: url(/content/v4/img/outdoorfun/bg_water_toys.jpg) no-repeat;
    width: 975px;
    height: 574px;
	}

/*#btn_bball a{
	background:url(/content/v4/us/outdoorfun/img/btn_bball.png) no-repeat; 
	position: absolute;
 	height: 106px;
    width: 170px;
    margin: -106px 0 0 795px;
    cursor: pointer;
	}*/

body.waterlanding h1 a#logo {
	margin: 22px 0 0 98px;
    width: 440px;
	height: 90px;
    background: url(/content/v4/us/outdoorfun/img/outdoor_fun.png) no-repeat;
}

body.waterlanding h1 span a.png {
	width: 55px;
	height: 19px;
	background:url(/content/v4/img/outdoorfun/fplogo.png) 50% top no-repeat;
}

body.waterlanding advertisement {
	background:url(/content/v4/img/outdoorfun/advertisement_of.png) no-repeat;
	position: absolute;
	display: block;
	font-size: 85%;
	left: 350px;
	top: 0;
	color: #000;
	}
    
body.waterlanding ul#nav{
	list-style:none;
	margin: -7px 0 0 59px;
	}

#vid-container {
	clear: both;
}

#video {
	position: absolute;
	left: 146px;
	top: 153px;
}
        
/* ------------------ END WATER TOYS SECTION --------------------*/   

/* ------------- NAV ------------- */

ul#nav{
	list-style:none;
	margin: -7px 0 0 59px;
	}
	
	ul#nav li{
		float: left;
		}
	
		ul#nav li a {
			display: block;
			height: 31px;
			text-indent: -9999px;
			overflow: hidden;
			background: url(/content/v4/us/outdoorfun/img/nav-inner.gif);
            
            }
			
			ul#nav li#ride-ons a {
				width: 136px;
			}
			ul#nav li#ride-ons a:hover {
			background-position:0 31px;
            
		}
				
			ul#nav li#sports a {
			width: 66px;
			background-position: -136px 0;
			}
			ul#nav li#sports a:hover {
			background-position: -136px 31px;
				}
				
			ul#nav li#outdoor-toys a {
			width: 104px;
			background-position: -202px 0;
		}
			ul#nav li#outdoor-toys a:hover {
			background-position: -202px 31px;
		}
				
			ul#nav li#powerwheels a {
			width: 105px;
			background-position: -306px 0;
		}
			ul#nav li#powerwheels a:hover {
			background-position: -306px 31px;
		}
					
            ul#nav li#water-toys a {
			width: 108px;
			background-position: -410px 0;
		}
			ul#nav li#water-toys a:hover {
			background-position: -410px 31px;
		}
			
					
	/*landing page */
	
	body.landing ul#nav {
		margin-left: 60px;
		margin-top: 0;
	}
		body.landing ul#nav li a {
			height: 31px;
			background:url(/content/v4/us/outdoorfun/img/nav.gif);
        }
		
			body.landing  ul#nav li#ride-ons a {
				width:136px;
			}
				body.landing  ul#nav li#ride-ons a:hover {
					background-position:0 31px;
				}
				
			body.landing  ul#nav li#sports a {
				width: 66px;
				background-position: -136px 0;
			}
				body.landing  ul#nav li#sports a:hover {
					background-position: -136px 31px;
				}
				
			body.landing  ul#nav li#outdoor-toys a {
				width: 104px;
				background-position: -202px 0;
			}
					body.landing  ul#nav li#outdoor-toys a:hover {
					background-position: -202px 31px;
				}
				
			body.landing  ul#nav li#powerwheels a {
				width: 105px;
				background-position: -306px 0;
			}
					body.landing  ul#nav li#powerwheels a:hover {
					background-position: -306px 31px;
				}
                        


/* ------------- THUMBNAIL ------------- */

h2 {
	clear: both;
	text-align: left;
    color: #0054a6; 
    position: relative;
    
    z-index:1;

	}
  
.sIFR-hasFlash h2 {
 	font-size: 20px;
}

h2#tnhead {
	*margin-top: 250px;

    text-align: left;
      
}

#headerH2 {
	width: 200px;
       padding-top:250px; 
       padding-left:80px;

}

body.thumbnail div#seoCopy{
	position: relative;
	padding: 20px 80px;
	text-align: left;
    color: #0054a6; 
}

#thumbs {
	width: 780px; /* example width - if you set in pixels, items will wrap as text size goes up */
	margin: 0 auto;
	position: relative;
	left: 1px;
}

	#thumbs div, #thumbs dd.product-image {
		float:left;
        width: 19.5em; /* adjust to taste, always set in ems */
		margin: 0;
		padding: 0;
	}
	
	#thumbs div {
		position: relative;
	}
		
		#thumbs dl {
			position: relative;
			padding-top: 125px;
			text-align: center;
			height: 7.9em; /* adjust depending on the lines of text being shown under the image */
			_height: 120px;
			
		}
				
			#thumbs dd.product-image {
				position: absolute;
				top: 10px;
				left: 0;
			}
						
				#thumbs dd.product-image a {
					display: block;
				}
						
					#thumbs dd.image img { 
						display: block;
						width: 110px;
						padding: 3px;
						margin: 0 auto;
						background:url(/content/v4/img/outdoorfun/thumb-bg.gif) 50% top no-repeat;
					}
						#thumbs .on img { 
							background:url(/content/v4/img/outdoorfun/thumb-bg-hover.gif) 50% top no-repeat;
						}
								
			#thumbs dt.product-name{
				padding-top: 1em;
				*padding-top: .3em;
				font-weight:bold;
                font-size: 90%;
                color: #0054a6;
                
			}
            #thumbs dd.product-price {
				padding: 0 .5em .5em .5em;
				font-size: 90%;
                 color: #0054a6;
                
			}
				#thumbs dt.product-name a {
					color: #0054a6;
					text-decoration: none;
					}
					#thumbs dt.product-name .on {
						border-bottom: 1px dotted #e76424;
						}
			
						
		/* DEMO BUTTON */
		
		/* modified shea image replacement */
		

			
		/* COMMERCIAL BUTTON */commercial-with-demo
		
		dd.product-commercial,
		dd.product-commercial a,
		dd.product-commercial a span {
			display: block;
			position: relative;
			width: 107px; /* adjust to dimensions of your demo button */
			height: 22px;
			overflow: hidden;
			margin: 0 auto;
			_cursor: pointer;
		}
		
		dd.product-commercial a {
		}
		
			dd.product-commercial a span {
				position: absolute;
				top: 0;
				left: 0;
				height: 100%;
				width: 100%;
				background: url(/content/v4/us/outdoorfun/img/see-action.gif) no-repeat top left;
			}
			
			dd.product-commercial a:hover span {
				background-position: 0 -22px;
			}
		
		/* BUY NOW BUTTON */
		
        #thumbs dd.product-buy-now, 
		#thumbs dd.product-buy-now a, 
		#thumbs dd.product-buy-now a span {
			position: relative;
			display: block;
			width: 90px;
			height: 20px; /* adjust to dimensions of your buy now button */
			overflow: hidden;
			margin: 0 auto;
			margin-bottom: .5em;
			_cursor: pointer;
		}
		
		 #thumbs dd.product-buy-now a {
       		color: #0054a6;

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

#reviews-container {
	display: block;
	clear: both;
	width: 650px;
	margin-left: 120px;
}

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

	.sIFR-hasFlash h2#product-name {
		font-size: 21px;
		}

#product-meta {
margin-top: 10px;
padding:8px 8px 5px 5px;
height:133px;
background:url(/content/v4/img/outdoorfun/meta-bg.gif) no-repeat;

}

#product-info {
	width: 340px;
	float: left;
	_display: inline;
	padding: 10px;
	clear: both;
	margin: -100px 0 0 420px;
	position: relative;
	color: #0054a6;
}
	#product-info a {
		color: #085198;
	}

	#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 .6em;
		font-size: 90%;
	}

	#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;
		font-size: 90%;
	}
	
	#product-info dd.product-promotion {
		clear: both;
		padding-left: .6em;
	}
	
	#product-info dt.product-more {
		position: absolute;
		left: -9999px;
	}

	#product-info div.product-CHWarning {
		background: url(/content/v4/us/outdoorfun/img/warning_outdoor.gif) no-repeat;
		width: 344px;
		height: 76px;
		margin-top: 10px;
		margin-bottom: 4px;
		display: block;
	}
		div.product-CHWarning p#copy {
			display: none;
		}

#product-media {
	width: 210px;
	float: left;
	padding: 10px 75px 0 55px;
	margin: -100px 0 0 -715px; 
    
}

	dt#product-image {
		height: 265px; 
		/*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 {
			padding: 4px;
			background:url(/content/v4/img/outdoorfun/bg-product.gif) top no-repeat;
		}

	#product-thumbnails {
		width: 250px;
		margin-left: 5px;
		/* IE6 */
		_margin-left: 0;
	}

	#product-thumbnails li {
		float: left;
		margin: 6px;
		list-style: none;
		/* styles below added for IE because images were jumping around */
		position: relative;
		height: 66px;
		
		width: 66px;
	}
	
		#product-thumbnails li img {
			background:url(/content/v4/img/outdoorfun/bg-smprod-on.gif) top no-repeat;
			padding: 3px;
			display: block;
		}
				
			#product-thumbnails li a img {
                padding: 2px;
                background:url(/content/v4/img/outdoorfun/bg-smprod.gif) top no-repeat;
			}
			
			dd#product-caption {
				padding: .5em 8px .5em 8px;
				font-size: 85%;
				color: #0054a6;
			}
			
	#product-info dd.product-buy-now,
	#product-info dd.find-a-retailer {
		clear: both;
		position: absolute;
		left: 250px;

		}

	#product-info dd.product-buy-now {
		width: 69px;
		height: 26px;
	}

		#product-info dd.product-buy-now a {
			width: 69px;
			height: 26px;
			margin-top: -30px;
     
            position: relative;
			display: block;
			overflow: hidden;
			color: #C0C0C0;
		}

			#product-info dd.product-buy-now a span {
				width: 69px;
				height: 26px;
                position: absolute;
				top: 0;
				left: 0;
				background: url(/content/v4/us/outdoorfun/img/buynow.gif) no-repeat top left;
				cursor: pointer;
			}

	#product-info dd.find-a-retailer {
		font-size: 85%;
     
	}

		#product-info dd.find-a-retailer a {
			color: #0054a6;
		}
			#product-info dd.find-a-retailer a:hover {
				text-decoration: underline;
				background: none;
			}

#social-container {
	height: 16px;
}
			
#email-to-friend {
	float: left;
	padding-top:3px;
	margin-left:5px;
}
		
#email-to-friend img {
	padding-right:2px;
	margin-bottom:-1px;
}

#add-this-container {
	float: right;
	padding-top: 3px;
}

dd.demo,
dd.commercial-with-demo {
		margin: 4px 0 5px 0;
	}

	dd.demo,
	dd.demo a,
	dd.demo a span,
	dd.commercial-with-demo,
	dd.commercial-with-demo a,
	dd.commercial-with-demo a span  {
	width: 150px;
	height: 22px;
	position: relative;
	display: block;
	overflow: hidden;
	}

		dd.demo a span,
		dd.commercial-with-demo a span {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: url(/content/v4/us/outdoorfun/img/seeaction-btn.gif) no-repeat top left;
			cursor: pointer;
		}
			dd.demo a:hover span,
			dd.commercial-with-demo a:hover span {
				background-position: 0 -22px;
			}

	dd.award,
	dd.award a {
		color: #000;
        margin:-4px 0 0 4px;
	}

#instructions {
	margin: 15px 0;
}

	#instructions h3 {
		font-size: 1.2em;
	}

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

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

	#product-dev-benefits ul,
	#ProductDescription ul {
		margin-left: 20px;
	} 


.tab-hidden {
	display: none;
}

	ul.tab-list {
		float: left;
		width: 345px;
		height: 40px;
		margin-top: 1em;
		background:url(/content/v4/img/outdoorfun/tab-bottom.gif) no-repeat bottom;
	}

		ul.tab-list li {
			float: left;
			list-style: none;
			text-indent: -9999px;
			width: 79px;
			margin-right: 3px;
            
			}

			ul.tab-list li a,
			 ul.tab-list li span {
				text-decoration: none;
				display: block;
				height: 40px;
				background: url(/content/v4/us/outdoorfun/img/tabs.gif);
				
			}

		ul.tab-list li#tab-ProductDescription span,
		ul.tab-list li#tab-ProductDescription a {
			background-position: 0 0;
            
		}

			ul.tab-list li#tab-ProductDescription a {
				background-position: 0 -82px;
				}

				ul.tab-list li#tab-ProductDescription a:hover {
					background-position: 0 -41px;
					}

		ul.tab-list li#tab-ProductDevBenefits span,
		ul.tab-list li#tab-ProductDevBenefits a {
			background-position: -164px 0;
		}

			ul.tab-list li#tab-ProductDevBenefits a {
				background-position: -164px -82px;
			}	

				ul.tab-list li#tab-ProductDevBenefits a:hover {
					background-position: -164px -41px;
				}
				
				
		ul.tab-list li#tab-ProductTestimonials	span,
		ul.tab-list li#tab-ProductTestimonials a {
			background-position: -82px 0;
		}

			ul.tab-list li#tab-ProductTestimonials a {
				background-position: -82px -82px;
			}	

				ul.tab-list li#tab-ProductTestimonials a:hover {
					background-position: -82px -41px;
				}	

	div.tab {
		width: 315px;
		clear: both;
		background: url(/content/v4/img/outdoorfun/info-bottom.gif) bottom;
		color: #0054a6;
		padding: 0 15px 1em 15px;
	}
	
p#back {
	text-align: center;
}

#instructions {
	font-size: 85%;
}

/* view larger image */

#product-shot {
	position: relative;
}

#product-shot dd.product-view-larger a {
	position: absolute;
	top: 3px;
	left: 3px;
	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;
}

/* View Larger Custom Skin Styles */

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

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

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

	body #viewlarger-include dt {
		background: url(/content/v4/img/outdoorfun/viewlarger-background.png) no-repeat top;
		_background: url(/content/v4/img/outdoorfun/viewlarger-background.gif) no-repeat top;
	}
	
		body #viewlarger-include dt img {
			background-color: #c1cfff;
			top: 11px;
		}
		
	body #viewlarger-include dd#viewlarger-caption {
		background: url(/content/v4/img/outdoorfun/viewlarger-caption-background.png) no-repeat bottom;
		_background: url(/content/v4/img/outdoorfun/viewlarger-caption-background.gif) no-repeat bottom;
	}
			
		body #viewlarger-scroll-frame {
			background: url(/content/v4/img/outdoorfun/viewlarger-scroller.png) no-repeat top left;
			_background: url(/content/v4/img/outdoorfun/viewlarger-scroller.gif) no-repeat top left;
		}
					body #viewlarger-scroll-left-arrow {
						background: url(/content/v4/img/outdoorfun/viewlarger-arrow-up.gif) no-repeat 25px -26px;
					}
		
					body #viewlarger-scroll-right-arrow {
						background: url(/content/v4/img/outdoorfun/viewlarger-arrow-down.gif) no-repeat 25px -26px;
					}
							body #viewlarger-scroll-item li a img {
								border: 3px solid #ccc;	
								}
																
							body #viewlarger-scroll-item li.active img {
								border: 3px solid #c33;
							}
                                                        
							
/* ------------- BOTTOM CAP BEFORE THE FOOTER ------------- */

body.thumbnail #cap{
     clear: both;
     magin:auto 0;
	 height:30px;
     background: url(/content/v4/img/outdoorfun/cap.jpg) 50% top no-repeat;
    }

body.product #cap{
     clear: both;
     magin:auto 0;
	 height:30px;
     background: url(/content/v4/img/outdoorfun/cap.jpg) 50% top no-repeat;
    }

/* ---------------------------------------------------- FOOTER OVERWRITE ---------------------------------------------------- */

div#legal_footer {
    line-height: 1.2em;
    clear: both;
}

#legal_footer a {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}

#legal_footer a:hover {
	text-decoration: underline;
}

#legal_footer {
	color: #000000;
	font-size: 1.1em;
	line-height: 1.4em;
	font-family: arial, helvetica;
}

#legal_footer #fplegal {
	color: #000000;
}
			
/* IE 6 WORKAROUND FOR PNG SUPPORT */

#fplogo_footer a {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fplogo_www.png', sizingMethod='crop');
	_background: none;
}

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

/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
    font-size: 1em;
}

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