/* Vertical centering */

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

/* Vertical centering */


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

#main-container {
	width: 880px;
	height: 675px;
	padding: 0 60px;
	/*background: url(../images/home_box.png) no-repeat 404px 39px;*/
	background: none;
}

#main-content {
	width: inherit;
	padding: 0;
	padding-top: 50px;
	/*background: url(../images/home_box.png) no-repeat 404px 39px;*/
}

#page-container {
	position: relative;
	height: 625px;
	background: transparent none;
}

#ad-space {
	float: left;
	width: 324px;
	margin-top: 42px;
}

#page-buttonset {
  float: left;
  position: relative;
	width: 440px;
	height: 290px;
	background: transparent none;
	overflow: hidden;
}

#page-content {
	position: relative;
  clear: both;
  width: 880px;
  height: 335px;
  overflow: hidden;
	/*background: #003366 none;*/
}

/* Page buttons */

ul#page-buttons {
  position: relative;
	width: 285px;
	height: 130px;
	margin: 150px 0 0 155px;
	padding: 0;
	overflow: hidden;
}

ul#page-buttons li {
  float: left;
  display: block;
  width: 95px;
	height: 130px;
  margin: 0;
  padding: 0;
}

ul#page-buttons li a {
  display: block;
  width: 70px;
	height: 130px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none;
}

/* Page buttons */


/* --- Flash Content --- */
div#flashcontainer {
  float: left;
  width: 440px;
  height: 290px;
}


/* --- Download Corner --- */
div.download-area {
	width: 880px;
	height: 330px;
}

div#download-corner {
  position: relative;
	width: 750px;
  padding: 0 65px;
  overflow: hidden;
	display: none;
}

div.corner-box {
  float: left;
  width: 250px;
  height: 335px;
  text-align: center;
  padding-top: 10px;
}

	div.corner-box h3, div.download-area h3 {
		text-align: left;
		text-indent: -9999px;
		height: 18px;
	}
	
  div.corner-box div.thumbnail {
    width: 180px;
    margin: 0 auto;
		margin-top: 12px;
		padding: 12px 10px 13px;
		background: transparent url(../images/thumbnail_box.gif) no-repeat;
  }
  div.corner-box div.thumbnail div.swfbox,
  div.corner-box div.thumbnail img {
		width: 180px;
		height: 135px;
	}
	
	div.corner-box div.get-more {
		clear: both;
		position: relative;
 		margin-top: 28px;
		overflow: hidden;
	}

		div.corner-box div.get-more a {
			float: right;
			display: block;
			width: 78px;
			height: 24px;
			margin: 0;
			padding: 0;
			text-indent: -9999px;
		}

	div#emoticons.corner-box div.thumbnail {
		width: 176px;
		margin: 0 auto;
		background: transparent none;
	}
	
	div#emoticons.corner-box div.get-more {
		_margin-top: 0;
	}

		div#emoticons.corner-box div.thumbnail span.icon, span.icon {
			float: left;
			display: block;
			width: 48px;
			height: 48px;
			padding: 8px;
			margin: 0 12px 24px;
			_margin: 0 11px 24px;
			text-align: center;
			overflow: hidden;
			background: transparent url(../images/emoticon_box.gif) no-repeat;
		}
	
			div#emoticons.corner-box div.thumbnail span.icon img, span.icon img {
				width: 48px;
				height: 48px;
			}

div.navbutton {
  position: relative;
  float: left;
  width: 65px;
  height: 200px;
  /*background: #00ff00 none;*/
}
	div.navbutton a.disabled {
		display: none;
	}

	div.navbutton a {
		position: relative;
		display: block;
		margin-top: 83px;
		width: 37px;
		height: 34px;
	}

	div.navbutton a#prev_btn {
		float: right;
		background: transparent url(../images/download_nav_prev.gif) no-repeat center center;
	}

	div.navbutton a#next_btn {
		float: left;
		background: transparent url(../images/download_nav_next.gif) no-repeat center center;
	}

div.stage {
  float: left;
  position: relative;
  width: 750px;
  height: 310px;
  padding: 0;
	margin: 0;
  overflow: hidden;
  z-index: 10;
}

  div.scrollbox {
    position: relative;
    width: 10000px;
    height: 310px;
		left: 0;
    z-index: 1;
  }
	
	div.scrollbox span.icon {
		margin: 10px;
		margin-left: 9px;
	}
	
	div#emoticons-corner div.scrollbox {
	  padding-top: 10px;
	  height: 330px;
  }
	
	/* --- FILE DOWNLOAD LINK --- */
	
	div.scrollbox ul.submenu {
		/*position: relative;*/
		width: 180px;
		height: 18px;
		margin: 0;
		padding: 20px 0 0;
		font-size: 10px;
		/* IE6 hack */
		_padding-top: 0;
	}
	
		div.scrollbox ul.submenu li.version {
			position: relative;
			display: inline;
			float: left;
			width: 86px;
			/*height: 200px;*/
			margin: 0;
			padding: 2px;
			text-align: left;
			/* IE6 hack */
			_top: 14px;
			_padding: 0;
			_padding-right: 2px;
		}

			div.scrollbox ul.submenu li.version a.close_btn {
				display: none;
				position: absolute;
				top: 0px;
				right: 0px;
				padding: 0 1px;
				width: 12px;
				height: 12px;
				color: #999999;
				text-align: right;
				font-family: Verdana;
				font-size: 12px;
				z-index: 50;
			}	

		div.scrollbox ul.submenu li.active {
			background-color: #d9d7d5;
		}

		div.scrollbox ul.submenu li.version a {
			display: block;
			width: 90px;
			height: 12px;
			line-height: 14px;
			text-decoration: none;
			font-weight: bold;
			padding: 0;
			margin: 0;
			padding-bottom: 1px;
		}

		div.scrollbox ul.submenu li.version ul.types {
			position: absolute;
			background: none;
			display: none;
			left: 0;
			width: 180px;
			height: 100px;
			margin: 0;
			margin-top: 2px;
			padding: 0;
			overflow: hidden;
			z-index: 30;
			/* IE6 hack */
			_top: 14px;
			/*_margin-top: 0;*/
			_padding-top: 2px;
		}
		
		div.scrollbox ul.submenu li.active ul.types {
			display: block;
			background: transparent url(../images/download_popup_strip.png) repeat-x top;
			_background: #d9d7d5 none;
			visibility: visible;
			z-index: 30;
			/*position: relative;*/
		}

		div.scrollbox ul.submenu li.version ul li.type {
			position: relative;
			float: left;
			display: block;
			width: 88px;
			height: 100px;
			margin: 0;
			/*padding: 2px 0 0 2px;*/
			/* IE hack */
			_padding: 0;
		}
		
		div.scrollbox ul.submenu li.version ul li.type ul a {
		  display: block;
			font-weight: normal;
			text-decoration: underline;
			padding-bottom: 1px;
		}
		
						div.scrollbox ul.submenu li#handheld ul {
							/*display: none;*/
							left: -90px;
						}
		
						div.scrollbox ul.submenu li#handheld ul li.type {
							position: relative;
							float: left;
							height: 18px;
							width: 180px;
							overflow: hidden;
							padding-left: 2px;
						}

						div.scrollbox ul.submenu li#handheld ul li.type ul {
							position: absolute;
							top: 0;
							left: 90px;
							width: 90px;
							/* IE6 hack */
							/*_top: 14px;*/
							/*_height: 20px;*/
						}

	div.strike-line {
		position: absolute;
		z-index: 10;
		top: 212px;
		right: 0px;
		width: 747px;
		height: 1px;
		border-top: 1px solid #999999;
	}

	div.download-bar {
		position: absolute;
		z-index: 20;
		top: 200px;
		right: 0px;
		padding-left: 400px;
	}
	
		div.download-bar a{
			display: block;
			float: left;
			width: 173px;
			height: 24px;
			text-indent: -9999px;
		}

div#loading-panel {
	display: none;
}

div#loading-panel, .loading {
	position: absolute;
	width: 880px;
	height: 330px;
	background: transparent url(../images/loading.gif) no-repeat center top;
	background-position: 50% -60px;
	z-index: 50;
}

div#screensavers-corner div.scrollbox ul.submenu,
div#screensavers-corner div.scrollbox ul.submenu li.version {
	_display: inline;
}

div#screensavers-corner div.scrollbox ul.submenu li.version {
	width: 80px;
}