/* Vertical centering */

/* end hide */
body {
	min-height: 744px;/* for good browsers*/
}
#vc-container {
	height: 744px;
}
#body-wrap {
	height: 744px;
}

/* Vertical centering */


#body-wrap {
	background: url(../images/bg_fun-zone.jpg) repeat-x;
}

#main-container {
	height: 578px;
}

#main-content {
	position: relative;
}

#page-container {
	height: 220px;
}

#flashcontainer {
	width: 476px;
	height: 220px;
	float: left;
}

#page-buttonset {
	width: 270px;
	height: 86px;
	float: left;
	margin-top: 134px;
}


/* Page buttons */

ul#page-buttons {
	position: relative;
	width: 270px;
	height: 86px;
	top: 0;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

ul#page-buttons li {
	list-style-type: none;
}

ul#page-buttons li a {
	width: 90px;
	height: 86px;
	display: block;
	position: absolute;
	top: 0;
	text-indent: -9999px;
	text-decoration: none;
}

/* Page buttons */


#content-container {
	height: 357px;
}

#content-container div.title, #content-container div.thumb, #content-container div.button {
	position: absolute;
}

#latest-comic {
	width: 405px;
	height: 357px;
	float: left;
	background: url(../images/fun_comic_box.png) no-repeat;
	position: relative;
}

#latest-comic .thumb {
	width: 219px;
	height: 165px;
	overflow: hidden;
	top: 81px;
	left: 83px;
}

#latest-video {
	width: 275px;
	height: 357px;
	float: left;
	background: url(../images/fun_video_box.png) no-repeat;
	position: relative;
}

#latest-video .thumb {
	width: 140px;
	height: 180px;
	overflow: hidden;
	top: 68px;
	left: 80px;
	text-align: center;
}

#tuzki-products {
	width: 320px;
	height: 357px;
	float: left;
	background: url(../images/fun_product_box.png) no-repeat;
	position: relative;
}

#tuzki-products .thumb {
	width: 183px;
	height: 140px;
	overflow: hidden;
	top: 110px;
	left: 58px;
}


/* --- FUN ZONE OVERLAY CONTENT --- */

div#fun-content {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -100;
}

div#comics-corner {
	position: absolute;
	top: 0;
	left: -9999px;
	width: 720px;
	height: 520px;
}

div#videos-corner {
	position: absolute;
	top: 0;
	left: -9999px;
	width: 720px;
	height: 360px;
	z-index: 100;
}

div#products-corner {
	position: absolute;
	top: 0;
	left: -9999px;
	width: 640px;
	height: 480px;
}

div.corner-box {
	position: relative;
	width: 100%;
	overflow: hidden;
}

	div.corner-box h3 {
		font-size: 18px;
		font-weight: bold;
		height: 24px;
		color: #009900;
	}
	
		div.corner-box div.bigscreen {
			position: relative;
			float: left;
			width: 50%;
			height: 100%;
			text-align: center;
		}
	
			div.corner-box div.bigscreen div.imgbox {
				width: 100%;
				text-align: center;
			}
	
			div.corner-box div.bigscreen div.imgbox img {
				vertical-align: middle;
			}

		div.corner-box div.product-info,
		div.corner-box div.thumblist {
			float: right;
			width: 50%;
			height: 100%;
		}
		
			div.corner-box div.thumblist div.navbutton {
				position: relative;
				width: 20px;
				height: 20px;
				margin: 0 auto;
			}
		
																	div.navbutton a.disabled {
																		display: none;
																	}
																
																	div.navbutton a {
																		float: left;
																		position: relative;
																		display: block;
																		width: 20px;
																		height: 20px;
																	}

			div.corner-box div.thumblist div.stage {
				position: relative;
				width: 100%;
				margin: 0;
				padding: 0;
				overflow: hidden;
			}
		
				div.corner-box div.thumblist div.stage div.scrollbox {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 10000px;
				}
			
				div.corner-box div.thumblist div.stage div.scrollbox span.thumb {
					float: left;
					display: block;
					width: 50%;
					margin: auto;
					text-align: center;
					overflow: hidden;
				}
		
				div.corner-box div.thumblist div.stage div.scrollbox span.thumb img {
				}
				
				div.corner-box div.back_btn {
					clear: both;
					position: absolute;
					right: 0;
					bottom: 0;
					/*top: 0;*/
					/*left: 0;*/
					width: 88px;
					height: 41px;
				}

/* COMICS Specific */

			div#comics-box.corner-box div.bigscreen {
				width: 60%;
			}
			
			div#comics-box.corner-box div.bigscreen div.imgbox {
				width: 380px;
				height: 450px;
				display: table-cell;
				text-align: center;
				vertical-align: middle;
				padding-top: 20px;
			}
			
			div#comics-box.corner-box div.thumblist {
				float: left;
				width: 36%;
			}
	
			div#comics-box.corner-box div.thumblist div.navbutton {
				text-align: center;
			}

				div#comics-box.corner-box div.thumblist div.navbutton a#prev_btn {
					background: transparent url(../images/fun_nav_up.gif) no-repeat center center;
				}
			
				div#comics-box.corner-box div.thumblist div.navbutton a#next_btn {
					background: transparent url(../images/fun_nav_down.gif) no-repeat center center;
				}

			div#comics-box.corner-box div.thumblist div.stage {
				height: 450px;
			}

			div#comics-box.corner-box div.thumblist div.stage div.scrollbox span.thumb {
				height: 120px;
				padding: 15px 0;
				line-height: 120px;
			}

			div#comics-box.corner-box div.thumblist div.stage div.scrollbox span.thumb img {
				vertical-align: middle;
			}

/* VIDEOS Specific */

			/*div#videos-box.corner-box div.bigscreen,*/
			div#videos-box.corner-box div.bigscreen div.imgbox {
				width: 360px;
				height: 300px;
				display: table-cell;
				text-align: center;
				vertical-align: middle;
			}

			div#videos-box.corner-box div.thumblist {
				height: 300px;
			}

			div#videos-box.corner-box div.thumblist div.stage div.scrollbox {
				position: absolute;
				top: 0;
				left: 0;
				width: 10000px;
				height: 300px;
			}
		
			div#videos-box.corner-box div.thumblist div.navbutton {
				float: left;
				width: 20px;
				height: 300px;
				text-align: center;
			}

				div#videos-box.corner-box div.thumblist div.navbutton a#prev_btn {
					background: transparent url(../images/fun_nav_left.gif) no-repeat center center;
				}
			
				div#videos-box.corner-box div.thumblist div.navbutton a#next_btn {
					background: transparent url(../images/fun_nav_right.gif) no-repeat center center;
				}

			div#videos-box.corner-box div.thumblist div.stage {
				float: left;
				width: 300px;
				height: 300px;
			}

			div#videos-box.corner-box div.thumblist div.stage div.scrollbox span.thumb {
				width: 100px;
				height: 120px;
				padding: 15px 0;
				line-height: 120px;
			}

			div#videos-box.corner-box div.thumblist div.stage div.scrollbox span.thumb img {
				vertical-align: middle;
			}

/* PRODUCTS Specific */

			div#products-box.corner-box div.bigscreen {
				width: 300px;
			}

			div#products-box.corner-box div.bigscreen,
			div#products-box.corner-box div.product-info {
				padding-top: 20px;
				overflow: hidden;
			}


			div#products-box.corner-box div.bigscreen div.product-slides {
				display: none;
			}
			
			div#products-box.corner-box div.bigscreen div.current {
				display: block;
			}
			
			div#products-box.corner-box div.bigscreen div.product-slides div.imgslide {
				position: relative;
				/*width: 320px;*/
				height: 400px;
				/*display: table-cell;*/
				text-align: center;
				vertical-align: middle;
			}

				div#products-box.corner-box div.bigscreen div.product-slides div.imgslide span.shot {
					display: none;
					vertical-align: middle;
				}

				div#products-box.corner-box div.bigscreen div.product-slides div.imgslide span.current {
					display: block;
					vertical-align: middle;
				}

				div#products-box.corner-box div.bigscreen div.product-slides div.imgslide span.shot img {
					vertical-align: middle;
				}
				
				div#products-box.corner-box div.bigscreen div.product-slides div.imgslide div.pagenav {
					float: right;
					padding-right: 20px;
					height: 12px;
					position: relative;
					/* IE6 hack */
					_padding-top: 1px;
				}

				div#products-box.corner-box div.bigscreen div.product-slides div.imgslide div.pagenav a {
					float:left;
					width: 15px;
					height: 15px;
					text-align: center;
					text-decoration: none;
					background: #666 none;
					color: #ccc;
				}

				div#products-box.corner-box div.bigscreen div.product-slides div.imgslide div.pagenav a.current {
					background: #999999 none;
					color: #ffffff;
				}

			div#products-box.corner-box div.product-info {
				width: 320px;
				height: 240px;
				padding-left: 20px;
				overflow: hidden;
			}

				div#products-box.corner-box div.product-info div.bodytext {
					width: 320px;
					color: #ffffff;
					display: none;
				}
	
				div#products-box.corner-box div.product-info div.current {
					display: block;
				}
				
				div#products-box.corner-box div.product-info div.bodytext h4 {
					color: #ffffff;
					font-size: 18px;
					height: 24px;
				}
	
				div#products-box.corner-box div.product-info div.bodytext div {
					color: #ffffff;
					height: 200px;
				}

			div#products-box.corner-box div.thumblist {
				width: 340px;
				height: 120px;
			}

				div#products-box.corner-box div.thumblist div.stage {
					float: left;
					width: 279px;
					height: 120px;
				}
	
					div#products-box.corner-box div.thumblist div.stage div.scrollbox {
						position: absolute;
						top: 0;
						left: 0;
						width: 10000px;
						height: 120px;
					}
			
				div#products-box.corner-box div.thumblist div.navbutton {
					float: left;
					margin-top: 50px;
					width: 20px;
					height: 20px;
					text-align: center;
					vertical-align: middle;
				}

					div#products-box.corner-box div.thumblist div.navbutton a#prev_btn {
						background: transparent url(../images/fun_nav_left.gif) no-repeat center center;
					}
				
					div#products-box.corner-box div.thumblist div.navbutton a#next_btn {
						background: transparent url(../images/fun_nav_right.gif) no-repeat center center;
					}

			div#products-box.corner-box div.thumblist div.stage div.scrollbox span.thumb {
				width: 93px;
				height: 120px;
				padding: 0;
				line-height: 120px;
				text-align: center;
			}

			div#products-box.corner-box div.thumblist div.stage div.scrollbox span.thumb img {
				margin: 0 auto;
				vertical-align: middle;
			}