/*--------------------------------------------------

	Client: SpecialK
	
	This stylesheet should contain styles only
	being used in the registration and thank you
	pages on the Special K project!
	
	REMEMBER TO KEEP IT CLEAN, EASY TO READ,
	AND IN THE DOCUMENT FLOW!
	
	Thanks!

--------------------------------------------------*/

/*----- Registration -----*/

div#registration, div#registration div.left, div#registration div.right {
	display: inline;
	float: left;
}

div#registration { width: 980px; }

div#registration div.left {
	margin: 0 15px 0 0;
	width: 459px;
}

div#registration div.right { width: 506px; }

div#registration div.content {
	background: url(../i/sign-up/content-gradient.jpg) no-repeat;
	margin: 20px 0 0;
	padding: 25px 25px 0;
}

div#registration div.content p {
	color: #666;
	font-size: 20px;
	line-height: 26px;
}

div#registration p.legal {
	color: #000;
	font-size: 10px;
	line-height: 14px;
}

/*----- Registration Protein Pack Offer -----*/

div#protein-pack-offer, div#protein-pack-offer-expired {
	background: url(../i/sign-up/protein-pack-offer.png) no-repeat;
	height: 413px;
	width: 408px;
}

div#protein-pack-offer-expired { background: url(../i/sign-up/protein-pack-offer-expired.png) no-repeat; }

div#protein-pack-offer p {
	color: #777;
	padding: 247px 0 0;
	text-align: center;
}

div#protein-pack-offer p a {
	color: #F00;
	text-decoration: underline;
}

p#protein-pack-legal {
	margin: 50px 55px 0 0;
	text-align: right;
}

/*----- Registration My Challenge -----*/

div#my-challenge-reg img { display: block; margin: 0 auto 20px; }

div#my-challenge-reg p {
	/* background: url(../i/sign-up/save-plan-to-get-newsletter.png) no-repeat;
	height: 54px;
	width: 427px; */
	margin: 0;
	font-size: 14px;
	line-height: 18px;
	padding: 0 15px;
}

/*----- Text Replacement -----*/

h1#save-challenge-plan {
	background: url(../i/sign-up/save-challenge-plan.gif) no-repeat;
	height: 16px;
	margin: 20px auto 0;
	width: 428px;
}

h1#get-special-k-challenge-ready {
	background: url(../i/sign-up/get-special-k-challenge-ready.gif) no-repeat;
	height: 41px;
	margin: 20px auto 0;
	width: 393px;
}

h1#ready-take-challenge {
	background: url(../i/sign-up/ready-take-challenge.png) no-repeat;
	height: 25px;
	margin: 68px auto 20px;
	width: 432px;
}

/*----- Thank You -----*/

div#thanks-container { width: 506px; }

div#thanks-container h2 {
	color: #F00;
	font-size: 24px;
	text-align: center;
	text-transform: uppercase;
}

div#thanks-container p {
	color: #999;
	font-size: 15px;
	line-height: 22px;
	text-align: center;
}

div#thanks-container ul { text-align: center; }

div#thanks-container ul li {
	color: #666;
	font-size: 13px;
	margin: 0 0 10px;
}

div#thanks-container ul li a { color: #F00; }
div#thanks-container ul li a:hover { text-decoration: underline; }

a#visit-my-challenge-btn {
	background: url(../i/sign-up/visit-my-challenge-support-btn.gif) no-repeat;
	display: block;
	height: 21px;
	margin: 30px auto;
	width: 223px;
}

a#visit-my-challenge-btn:hover { background-position: 0 -21px; }

a#save-my-plan-btn {
	background: url(../i/sign-up/save-my-plan-btn.gif) no-repeat;
	display: block;
	height: 21px;
	margin: 0 auto 30px;
	width: 132px;
}

a#save-my-plan-btn:hover { background-position: 0 -21px; }

a#get-my-coupon-btn {
	background: url(../i/buttons/get-my-coupon-btn.gif) no-repeat;
	display: block;
	height: 31px;
	margin: 30px auto;
	width: 326px;
}

a#get-my-coupon-btn:hover { background-position: 0 -31px; }

/*----- Thank You Protein Pack  -----*/

p#thanks-trial-pack {
	background: url(../i/sign-up/protein-pack-thank-you.png) no-repeat;
	height: 127px;
	margin: 0 auto 30px;
	width: 262px;
}