/* CSS Document */

body{
	margin: 0;
	border: 0;
	background: url('/join/images/global/bg.jpg') repeat-x #360A00;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #ffffff;
}
#mainContainer{
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto 0 auto;
	text-align: center;
}
.bodyContainer{
	position: relative;
	width: 960px;
	margin: 0 auto 0 auto;
}
.bodyContainer .overlay{
	border-left: 1px solid #000000;
	border-bottom:  1px solid #000000;
	border-right:  1px solid #000000;
	position: absolute;
	top: 0; /* These positions makes sure that the overlay */
	bottom: 0;  /* will cover the entire parent */
	left: 0;
	width: 100%;
	opacity: 0.20;
	-moz-opacity: 0.20; /* older Gecko-based browsers */
	filter:alpha(opacity=20); /* For IE6&7 */
}
.header{
	position: relative;
	width: 960px;
	height: 131px;
}
.logo{
	position: relative;
	width: 388px;
	height: 129px;
	margin-left: 32px;
	background: url('/join/images/global/logo.jpg') no-repeat;
}
.logo span{
	display: none;
}
.header .ad{
	position: relative;
	float: left;
	left: 106px;
	width: 385px;
	height: 120px;
	background: url('/join/images/global/safead.jpg') no-repeat;
}
.header .ad span{
	display: none;
}
.innerContainer{
	position: relative;
	width: 925px;
	height: 455px;
	margin: 0px 18px 0 18px;
	padding:2px;
}
.innerContainer .overlay{
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom:  1px solid #000000;
	border-right:  1px solid #000000;
	position: absolute;
	top: 0; /* These positions makes sure that the overlay */
	bottom: 0;  /* will cover the entire parent */
	left: 0;
	width: 100%;
	opacity: 0.20;
	-moz-opacity: 0.20; /* older Gecko-based browsers */
	filter:alpha(opacity=20); /* For IE6&7 */
}
.col1{
	width: 462px;
	position: relative;
	height: 492px;
	float: left;
}
.col1 .flt_big{
	position: relative;
	width: 462px;
	height: 55px;
	background: url('/join/images/global/flt_big.gif') center no-repeat;
}
.col1 .form_holder{
	position: relative;
	width: 462px;
	height: 300px;
}
.col1 .gin_btn{
	position:relative;
	float:left;
	width: 349px;
	height: 108px;
	margin-left: 36px;
	background: url('/join/images/global/getitnow.png') no-repeat;
	top: -6px;
}
.col1 .gin_btn span{
	display: none;
}
.col2{
	width:462px;
	height: 450px;
	position: relative;
	float:left;
}
.col2 .hdtv{
	position:relative;
	width: 385px;
	height: 287px;
	margin-left: 50px;
}
.col2 .flt_termsbox{
	position: relative;
	width: 389px;
	height: 140px;
	margin-left: 50px;
	padding: 5px 0px 0px 5px;
}
.col2 .flt_termsbox .overlay{
	border: 1px solid #000000;
	position: absolute;
	top: 0; /* These positions makes sure that the overlay */
	bottom: 0;  /* will cover the entire parent */
	left: 0;
	width: 100%;
	opacity: 0.20;
	-moz-opacity: 0.20; /* older Gecko-based browsers */
	filter:alpha(opacity=20); /* For IE6&7 */
}
.col2 .flt_termsbox .titlebar{
	position: relative;
	width: 203px;
	height: 25px;
	background: url('/join/images/global/flt_sm.gif') no-repeat;
	padding: 5px 0px 0px 5px;
}
.col2 .flt_termsbox .text{
	position: relative;
	margin: 0px 5px 0px 5px;
	font-size: 10px;
}
.dwnld_row{
	position: relative;
	width: 973px;
	height: 113px;
}
.dwnld_row .pc{
	position: relative;
	float: left;
	width: 488px;
	height: 113px;
	background: url('/join/images/global/btn_downloadPC.jpg') no-repeat;
}
.dwnld_row .pc span{
	display: none;
}
.dwnld_row .mac{
	position:relative;
	float: left;
	width: 484px;
	height: 113px;
	background: url('/join/images/global/btn_downloadMAC.jpg') no-repeat;
}
.dwnld_row .mac span{
	display: none;
}
.secureIcons{
	position: relative;
	width: 947px;
	height: 81px;
	background: url('/join/images/global/secureIcons.gif') center no-repeat;
	text-align: center;
	margin: 0 auto;
}