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

	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.left img{
    float:left;
    width:146px;
    height:192px;
}

div.left img.imgfull {
    width:459px;
    height:208px;
    margin-bottom:10px;
}

div.left h2{
    margin:20px 0 0 0;
    text-indent:-1000em;
    float:left;
    width:282px;
    height:49px;
    background: url(../i/sign-up/registration-register-now-text.png) no-repeat;
}
div.left h3{
    text-indent:-1000em;
    float:left;
    width:282px;
    height:39px;
    background: url(../i/sign-up/registration-register-you-are-text.png) no-repeat;
}

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

div#registration p.content {
	background: url(../i/sign-up/content-gradient.jpg) no-repeat !important;
	margin: 20px 0 0;
	padding: 20px 25px 0;
	clear:both;
    color: #666;
	font-size: 20px;
	line-height: 26px;
}

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

div#registration .grad 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;
}

/*left side styles */

#my-challenge-reg-left
{
    width:400px;
    height:195px;
    float:left;
    margin: 0 40px 0 0;
}
#my-challenge-reg-left h2
{
    background: url(/_res/i/wwyg/welcome.title.png) top left no-repeat;
    text-indent: -1000em; 
    width:258px;
    height:49px;
    float:right;
    margin: 0 10px 0 0;
}
#my-challenge-reg-left p
{
    background: url(/_res/i/wwyg/welcome.text.png) top left no-repeat;
    text-indent: -1000em; 
    width:258px;
    height:50px;
    float:right;
    margin: 0 10px 0 0;
}
#my-challenge-reg-left img
{
    float:left;
}
    
#my-challenge-features
{
    width:270px;
    height:80px;
    float:right;
}
#my-challenge-features li
{
    float:left;
    height:80px;
    width:50px;
    margin:0 14px 0 0;
    text-indent: -1000em; 
}
#my-challenge-features-easy
{
     background: url(/_res/i/wwyg/welcome.easy.png) top left no-repeat;
}
#my-challenge-features-tasty
{
     background: url(/_res/i/wwyg/welcome.tasty.png) top left no-repeat;
}
#my-challenge-features-helpful
{
     background: url(/_res/i/wwyg/welcome.helpful.png) top left no-repeat;
}
#my-challenge-features-progress
{
     background: url(/_res/i/wwyg/welcome.progress.png) top left no-repeat;
}

#my-challenge-border
{
    clear:both;
    width:416px;
    height:40px;
    margin: 30px 0 0 0;
    background: url(/_res/i/wwyg/welcome.border.png) bottom left no-repeat;
}


#my-challenge-reg-offer-left
{
    width:430px;
    height:195px;
    float:left;
    margin: 0 40px 0 0;
}
#my-challenge-reg-offer-left h2
{
    background: url(/_res/i/wwyg/welcome.title.offer.png) top left no-repeat;
    text-indent: -1000em; 
    width:258px;
    height:49px;
    float:right;
    margin: 30px 10px 0 0;
}
#my-challenge-reg-offer-left p
{
    background: url(/_res/i/wwyg/welcome.text.offer.png) top left no-repeat;
    text-indent: -1000em; 
    width:258px;
    height:50px;
    float:right;
    margin: 0 10px 0 0;
}

#my-challenge-reg-offer-left p.info
{
    background: url(/_res/i/wwyg/welcome.info.text.png) top left no-repeat;
    text-indent: -1000em; 
    width:345px;
    height:53px;
    float:right;
    margin: -18px 21px 0 0;
}
#my-challenge-reg-offer-left img
{
    float:left;
}
    

#my-challenge-reg-border
{
    clear:both;
    width:396px;
    height:20px;
    margin: 30px 0 0 0;
    background: url(/_res/i/wwyg/welcome.border.png) top left no-repeat;
    color:#767676;
    padding:10px;
    text-align:center;
    font-size:18px;
}



#my-challenge-bogo-offer {
    width:430px;
    height:195px;
    float:left;
    margin: 0 40px 0 0;
}

#my-challenge-bogo-offer img {
    display:block;
    float:left;
    margin-right:10px;
}

#my-challenge-bogo-offer h2
{
    font-size:18px;
    color:#f03;
    font-weight:normal;
    margin-top:20px;
}
#my-challenge-bogo-offer p
{
    font-size:12px;
    color:#767676;
}
#my-challenge-bogo-offer p.disclaimer
{
    font-size:9px;
    color:#a4a4a4;
}

#my-challenge-bogo-offer .moreinfo {
    clear:both;
    width:396px;
    height:20px;
    margin: 30px 0 0 0;
    background: url(/_res/i/wwyg/welcome.border.png) top left no-repeat;
    color:#767676;
    padding:10px;
    text-align:center;
    font-size:18px;
}