/*
		Site:		Imaginext Dinosaurs
		Date:		January 2006
		Author:	Eric Shepherd
		File:		Master Screen CSS for Site Template
		Updated: Eric Tuberdyke - added larger image styles
*/

/*
		Note: The HTML is arranged with an extra div inside each main div. 
		On the outer level is a div with an id for Flash. On the inside is a 
		div with class=content for HTML content.
*/

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

body 
{
	background: #ffd900 url(/content/v4/img/imaginext/dinosaurs/yellow_bg.gif);
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size: small;
	color: #453127;
}

h1 a {
	display: block;
	position: absolute;
	z-index: 10;
	margin-left: 50%;
	left: -410px;
	top: 3px;
	text-decoration: none;
}

h2 {
	font-weight: bold;
	font-size: 1.5em;
	color: #73591e;
}

/*NAVIGATION*/

#nav {
	z-index: 5;
	position: absolute;
	width: 100%;
	top: 0;
}

#nav div.content {
	margin-left: 50%;
	position: absolute; /*relative makes it disappear in ie!*/
	left: -19px;
}

		#nav div.content ul {
			list-style-type: none;
			float: left;
		}

		#nav div.content a, #nav div.content strong {
			text-indent: -9999px;
			text-decoration: none;
		}
		
		#nav div.content ul li {
			float: left;
		}

				li#nav-products a, li#nav-activities a, li#nav-products strong, li#nav-activities strong {
					display: block;
					background: url(/content/v4/us/imaginext/dinosaurs/img/nav-buttons.gif) no-repeat;
					height: 105px;
				}
				
						li#nav-products a span, li#nav-activities a span, li#nav-products strong span, li#nav-activities strong span {
							display: block;
							background: url(/content/v4/img/imaginext/dinosaurs/nav-mask.gif) no-repeat;
							height: 60px;
							z-index: 20;
							position: relative;
							top: 16px;
						}
						
						li#nav-products a span, li#nav-activities a span {
							cursor: pointer; /*for ie on the spans*/
						}
				
				li#nav-products a, li#nav-products strong {
					background-position: bottom left;
					width: 135px;
					position: relative;
					top: -16px;
				}
				
				li#nav-activities a, li#nav-activities strong {
					background-position: bottom right;
					width: 136px;
					position: relative;
					top: -16px;
				}
		
						li#nav-products a span, li#nav-products strong span {
							width: 135px;
							background-position: top left;
						}
		
						li#nav-activities a span, li#nav-activities strong span {
							width: 136px;
							background-position: top right;
						}

/* hover states */

		li#nav-products a:hover, li#nav-activities a:hover, li#nav-products strong, li#nav-activities strong {
			top: 0;
			float: left; /*to give hasLayout to IE*/
		}

				li#nav-products a:hover span, li#nav-activities a:hover span, li#nav-products strong span, li#nav-activities strong span {
					top: 0;
				}

/*MAIN CONTENT AREA*/

#adv {
	z-index: 50;
	position: relative;
	font-size: .7em;
	text-indent: 130px;
	color: #fff;
	width: 770px;
	margin: -2px auto;
}

#section { /*this has to stay as is for flash placement, and a container has to go inside with actual dimensions*/
	z-index: 1;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #2f72ad url(/content/v4/img/imaginext/dinosaurs/environment_bg.jpg) no-repeat center top;
}

		body#landing-page #section div.content {
			background: url(/content/v4/img/imaginext/dinosaurs/home_trex_bg.gif) no-repeat;
			position: relative;
			width: 220px;
			margin: 0 auto;
			padding: 175px 170px 80px 430px;
		}
		
		body#thumbnail-page #section div.content {
			position: relative;
			margin: 0 auto;
			width: 770px;
			padding: 150px 0 0 0;
		}
		
		body#product-page #section div.content {
			position: relative;
			margin: 0 auto;
			width: 770px;
			padding: 150px 0 0 0;
		}
		
				ul.thumbs {
					list-style-type: none;
					float: left;
				}
				
						ul.thumbs li {
							float: left;
						}


/*FOOTER*/


#footer {
	position: relative;
	clear: both;
	z-index: 4;
	width: 100%;
	/*margin-top: -100px;*/
}

		#footer div.content {
			background: url(/content/v4/img/imaginext/dinosaurs/dino_footer_nomask.gif) repeat-x center top;
			position: relative;
			/*top: -10px;*/
			/*padding-top: 100px;*/
		}
		
		body#product-page #footer div.content {
			background: url(/content/v4/img/imaginext/dinosaurs/dino_footer_product.gif) repeat-x center top;
			position: relative;
		}

		#footer #ixFooter {
			position: relative;
			top: 20px;
			margin: 0 auto;
			padding-top: 15px;
			width: 770px;
		}

		#footer #ixFooter h3 {
			float: left;
		}

		#footer #ixFooter li {
			list-style: none;
			float: left;
		}
		
		#legal_footer {
			clear: both;
		}
		
		p#fplogo {
			clear: both;
			text-align: center;
			padding-top: 20px;
			position: relative;
			top: 10px;
		}
		
/*THUMBNAIL PAGE*/

#thumbs {
	background: url(/content/v4/img/imaginext/dinosaurs/wood_frame_tile.gif) repeat-y;
	width: 510px;
	padding: 0 130px 80px 130px;
	margin-top: 59px;
}

body#thumbnail-page #section .content h2 {
	margin: 0 0 0 0;
	position: relative;
	top: -.5em;
	text-align: center;
}

		#thumbs dl {
			float: left;
			width: 140px;
			position: relative;
			padding: 0;
			margin: 155px 15px 10px 15px;
			background: url(/content/v4/img/imaginext/dinosaurs/fur_frame_bottom.gif) no-repeat 50% 100%;
			height: 8em;
		}

						#thumbs dt a {
							color: #fff;
							font-size: 1em;
							font-weight: bold;
							text-decoration: none;
						}
		
								#thumbs dt a:hover {
									text-decoration: underline;
								}

				#thumbs dd.product-image {
					position: absolute;
					top: -138px;
					left: 0;
					background: url(/content/v4/img/imaginext/dinosaurs/fur_frame_top.gif) no-repeat top;
					padding: 18px 15px 6px 15px;
					width: 110px;
				}
				
				#thumbs dt.product-name {
					margin-bottom: 5px;
					padding: 5px 20px 8px 20px;
					text-align: center;
				}
				
				#thumbs dd.product-ages, 
				#thumbs dd.product-price {
					color: #fff;
					text-align: center;
				}
				
				#thumbs dd.product-price {
					margin-bottom: 38px;
				}
				
				#thumbs dd.product-buy-now {
					margin-top: -38px;
					margin-bottom: 20px;
					text-align: center;
					margin-left: auto;
					margin-right: auto;
				}
				
				#thumbs dd.product-buy-now,
				#thumbs dd.product-buy-now a, 
				#thumbs dd.product-buy-now a span {
					display: block;
					position: relative;
					width: 81px;
					height: 14px;
					overflow: hidden;
				}
				
					#thumbs dd.product-buy-now a span {
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						background: url(/content/v4/us/img/buynow_plaque.gif) no-repeat top left;
					}
		
		
		#thumbs dd img { /*ONLY FOR IE - put in other stylesheet */
			padding-bottom: 5px;
		}
		
/* DETAIL PAGE */

#section .content {
	background: url(/content/v4/img/imaginext/dinosaurs/wood_frame_top.gif) no-repeat 0 10px;
}

#product-info {
	background: url(/content/v4/img/imaginext/dinosaurs/wood_frame_tile.gif) repeat-y;
	width: 670px;
	margin: 0 auto;
	padding: 0 50px 60px 50px;
	margin-top: 59px;
}

#demo {
	width: 320px;
    margin: 0 auto;
}

body#product-page #section .content h2 {
	margin: 0 80px 0 340px;
	position: relative;
	top: -20px;
}

body#product-page #section .content p, body#thumbnail-page #section .content p {
	text-align: center;
	margin-bottom: 1em;
}

#product-meta {
	float: left;
	width: 250px;
	margin-left: 340px;
}

		.product-number, .product-ages, .product-price {
			color: #453127;
		}

		#product-meta dt {
			clear: both;
			float: left;
			margin-right: .2em; 
		}
				
		#product-meta dd {
			display: inline-block;
		}
										
		#product-meta dt.product-more {
			position: absolute;
			left: -9999px;
		}
		
		#product-meta dd.product-buy-now {
			clear: both;
			padding: 5px 0 0 0;
			float: left;
		}
		
				#product-meta dd.product-buy-now a {
					display: block;
					width: 69px;
					height: 26px;
					position: relative;
					overflow: hidden;
				}

						#product-meta dd.product-buy-now a span { /*MODIFIED SHEA IMAGE REPLACEMENT - http://www.mezzoblue.com/tests/revised-image-replacement/ */
							background: url(/content/v4/us/imaginext/dinosaurs/img/buynow.gif) no-repeat;
							height: 100%;
							width: 100%;
							position: absolute;
							cursor: pointer;
						}
						
						
						
		#product-meta dd.demo {
			float: left;
			padding: 5px 0;
		}
		
				#product-meta dd.demo a {
					display: block;
					width: 115px;
					height: 50px;
					position: relative;
					overflow: hidden;
				}

						#product-meta dd.demo a span { /*MODIFIED SHEA IMAGE REPLACEMENT - http://www.mezzoblue.com/tests/revised-image-replacement/ */
							background: url(/content/v4/us/imaginext/dinosaurs/img/demo_btn.gif) no-repeat;
							height: 100%;
							width: 100%;
							position: absolute;
							cursor: pointer;
						}
						
						
						
		#product-meta dd.find-a-retailer {
			clear: both;
			font-size: 85%;
			margin: 0 0 1.5em 0;
		}
		
				#product-meta dd.find-a-retailer a {
					color: #593410;
				}
		
		#product-meta dd.email-to-friend img {
            margin-right:2px;
            margin-bottom:-1px;
        }

        #product-meta dd.email-to-friend {
            margin-top:-20px;
            _margin-top:-13px;
            padding-bottom:10px;
        }

        #product-meta dd.email-to-friend a {
            color: #593410;
            font-size: 85%;
        }
						
		#product-meta dd.wish-list {
			float: left;
			padding: 5px;
		}
			
				#product-meta dd.wish-list a {
					display: block;
					width: 115px;
					height: 50px;
					position: relative;
				}

						#product-meta dd.wish-list a span { /*MODIFIED SHEA IMAGE REPLACEMENT - http://www.mezzoblue.com/tests/revised-image-replacement/ */
							background: url(/content/v4/us/imaginext/dinosaurs/img/wishlist_btn.gif) no-repeat;
							height: 100%;
							width: 100%;
							position: absolute;
							cursor: pointer;
						}
						
												
		#product-meta dt.product-description {
			text-indent: -9999px;
		}
		
		#product-meta dd.product-description {
			clear: both;
		}

#product-media {
	float: left;
	margin: -50px 0 0 -530px;
	position: relative;
}

		dl#product-shot dt {
			background: url(/content/v4/img/imaginext/dinosaurs/243_bg.gif) no-repeat top left;
			width: 260px;
			height: 260px;
		}

				#product-shot dt img, #product-shot dt embed, #product-shot dt object {
					position: relative;
					top: 6px;
					left: 6px;
				}
				
		dl#product-shot dd {
			width: 248px;
			padding-left: 5px;
		}

	#product-thumbnails {
		width: 267px;
		padding-left: 3px;
	}

		#product-thumbnails ul {
			list-style: none;
		}

				#product-thumbnails li {
					list-style: none;
					float: left;
					background: url(/content/v4/img/imaginext/dinosaurs/60_bg.gif) no-repeat;
					width: 80px;
					height: 80px;
					margin: 3px;
				}
				
						#product-thumbnails li img {
							position: relative;
							top: 5px;
							left: 5px;
						}

p a#back {
	position: relative;
	z-index: 9999;
	background: url(/content/v4/us/imaginext/dinosaurs/img/back_btn.gif) no-repeat;
	display: block;
	top: -1.5em;
	width: 115px;
	height: 50px;
	text-indent: -9999px;
	text-decoration: none;
	margin: 1em auto 0 auto;
}


/* View Larger Custom Skin Styles */

body #viewlarger-include {
	font-size: 90%;
	font-family: arial, helvetica, sans-serif;
	color: #fff;
}

	body #viewlarger-close {
		background:  url(/content/v4/img/imaginext/dinosaurs/viewlarger-close-dinos.png) no-repeat top left;
		_background: url(/content/v4/img/imaginext/dinosaurs/viewlarger-close-dinos.gif) no-repeat top left;
	}
	
	body #viewlarger-include dl {
		background: url(/content/v4/img/imaginext/dinosaurs/viewlarger-loading-dinos.gif) no-repeat top;
		_background: transparent;
	}

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

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

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

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

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

			body #viewlarger-scroll-item li a img {
				border: 3px solid #875B34;   
			}

				body #viewlarger-scroll-item li.active img {
					border: 3px solid #FCE65F;
				}

/*styles to add viewlarger graphic link to prod page */

	#product-shot {
		/*position: relative;*/
}

	#product-shot dd.product-view-larger a {
		position: absolute;
		/*values below may need to be adjusted based on img padding/background */
		top: 43px;
		left: 7px;
		width: 250px;
		height: 205px;
		/*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%;
	}


/* new disclaimer */
#disc {
    font-size: .7em;
}
<!--/* 0.0216889724744532 [10.89.198.136] */-->