/* CSS Document */

body{
	margin: 0;
	border: 0;
	background: url('/join/images/congratulations/bg.jpg') repeat-x #360A00;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #ffffff;
}
#mainContainer{
	position: relative;
	width: 100%;
	height: 100%;
	margin: 38px auto 0 auto;
	text-align: center;
	background: url('/join/images/congratulations/borders.gif') repeat-y center;
}
.bodyContainer{
	position: relative;
	width: 937px;
	margin: 0 auto 0 auto;
}

/* Styles */

.style1{
	font-family: Tahoma, Verdana, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #000000;
}
.style2{
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 14px;
	color: #000000;
}
.style3{
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 13px;
	color: #ffffff;
}
.style4{
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #FF7E00;
}
.style5{
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
}
.style6{
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #b34409;
}


/* Classes */

.deskDancerLogo{
	position: relative;
	float: left;
	width: 420px;
	height: 204px;
	background: url('/join/images/congratulations/header.jpg');
}
.congratsText{
	position: relative;
	float: left;
	width: 517px;
	height: 204px;
	background: url('/join/images/congratulations/congrats_text.jpg');
}
.infoContainer{
	position: relative;
	height: 172px;
}
.infoLt{
	position:relative;
	float: left;
	width: 108px;
	height: 172px;
	background: url('/join/images/congratulations/info_lt.jpg');
}
.infoCenter{
	position:relative;
	float: left;
	width: 53px;
	height: 172px;
	background: url('/join/images/congratulations/info_center.jpg');
}
.infoRt{
	position:relative;
	float: left;
	width: 108px;
	height: 172px;
	background: url('/join/images/congratulations/info_rt.jpg');
}
.infoSoftware{
	position:relative;
	float: left;
	width: 334px;
	height: 172px;
	background: url('/join/images/congratulations/info_software.jpg');
}
.infoAccount{
	position:relative;
	float: left;
	width: 334px;
	height: 172px;
	background: url('/join/images/congratulations/info_account.jpg');
}
.code{
	margin-top: 86px;
}
.account{
	margin-top: 86px;
}
.installationInstructions{
	position:relative;
	height: 50px;
	padding-top: 20px;
	background: url('/join/images/congratulations/installation_instructions.gif') no-repeat center;
}

.step1{
	position:relative;
	width: 498px;
	height: 85px;
	margin: 0 auto;
}
.step1mac{
	position:relative;
	width: 460px;
	height: 85px;
	margin: 0 auto;
}
.step1Icon{
	position: relative;
	float: left;
	width: 60px;
	height: 85px;
	background: url('/join/images/congratulations/step1.gif');
}
.step1Iconmacff{
	position: relative;
	float: left;
	width: 60px;
	height: 85px;
	background: url('/join/images/congratulations/step1mac.gif');
}
.step2Icon{
	position: relative;
	float: left;
	width: 60px;
	height: 85px;
	background: url('/join/images/congratulations/step2mac.gif');
}
.step3Icon{
	position: relative;
	float: left;
	width: 60px;
	height: 85px;
	background: url('/join/images/congratulations/step3mac.gif');
}
.step4Icon{
	position: relative;
	float: left;
	width: 60px;
	height: 85px;
	background: url('/join/images/congratulations/step4mac.gif');
}
.steps{
	position: relative;
	width: 690px;
	margin: 0 auto;
}
.step2{
	position: relative;
	float: left;
	width: 345px;
	height: 248px;
	background: url('/join/images/congratulations/step2.gif');
}
.step3{
	position: relative;
	float: left;
	width: 345px;
	height: 248px;
	background: url('/join/images/congratulations/step3.gif');
}

.step4{
	position: relative;
	float: left;
	width: 345px;
	height: 307px;
	background: url('/join/images/congratulations/step4.gif');
}
.step5{
	position: relative;
	float: left;
	width: 345px;
	height: 307px;
	background: url('/join/images/congratulations/step5.gif');
}
.step2ff{
	position: relative;
	float: left;
	width: 345px;
	height: 248px;
	background: url('/join/images/congratulations/step2ff.gif');
}
.step3ff{
	position: relative;
	float: left;
	width: 345px;
	height: 248px;
	background: url('/join/images/congratulations/step3ff.gif');
}

.macffInstructions1{
	position: relative;
	margin: 0 auto;
	text-align: center;
	width: 611px;
	height: 255px;
	background: url('/join/images/congratulations/macff_instructions1.jpg');
}

.macffInstructions2{
	position: relative;
	margin: 0 auto;
	text-align: center;
	width: 611px;
	height: 317px;
	background: url('/join/images/congratulations/macff_instructions2.jpg');
}

.unlockBox{
	position: relative;
	margin: 0 auto;
	text-align: center;
	width: 542px;
	height: 288px;
	background: url('/join/images/congratulations/unlockBox.jpg');
}

.affiliateOffers{
	position: relative;
	margin: 71px auto 0 auto;
	text-align: center;
	width: 709px;
	height: 74px;
	background: url('/join/images/congratulations/b_affiliateOffers.jpg');
}

.affiliateOffers a{
	position: absolute;
	top: 0;
	left: 0;
	width: 709px;
	height: 74px;
}

.forPrint-mediaSoftwareHdr{
	display: none;
}
.forPrint-mediaAccountHdr{
	display: none;
}

/* Footer */

.footer{
	position: relative;
	padding-top: 10px;
}
.ftrLeft{
	float: left;
	width: 400px;
	text-align: left;
}
.ftrRight{
	float: right;
	text-align: right;
}

.clearDiv{
	clear: both;
	font-size: 0;
}