/* CSS applied to:
	- Home Page
	- Root Pages
	- Legal
	- Support

	
/********************* Page Elements ******************/
#page_short{
	margin: 24px 0 0 0;
	padding: 0;
	width: 625px;
}
#page_short h3{
	margin: 0;
	padding: 0;
	width: 624px;
	height: 60px;
	text-indent: -1999px;
}
#page_short h3.specialevent{
	background: url(http://i.cdn.turner.com/ff/tools/images/header_specialevent.gif) 0 0 no-repeat;
}
#page_short .border{
	margin: 0;
	padding: 0;
	border: 1px solid white;
}



/*************************************************/
/*                   Home Page                   */
/*************************************************/
/***** What Is FusionFall Popup ********/
#popVideo {
	position: absolute;
	top: 127px;
	left: 60%;
	margin-left: -324px;
	background: url(http://i.cdn.turner.com/ff/tools/images/bg_bluepopup2.gif) 0 0 no-repeat;
	width: 490px;
	height: 309px;
	z-index: 1000;
}
#popVideo #demoFrame {
	position: absolute;
	top: 27px;
	left: 9px;
}
#popVideo span {
	font:10px/14px Arial, san-serif;
	position:absolute;
	top:4px;
	left:430px;
}
#flashcontent p {
	position: absolute;
	top: 100px;
	left: 25px;
    margin: 0;
    padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #fff;
}
/***** Player Safety Popup ******/
#safetyPop {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -180px;
    margin-top: -91px;
	background: url(http://i.cdn.turner.com/ff/tools/images/bg_home_safetypop.gif) 0 0 no-repeat;
	width: 360px;
	height: 182px;
	z-index: 1000;
}
#safetyPop ul {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
    position: relative;
}
#safetyPop ul li #safetyClose {
    position: absolute;
    top: 10px;
    left: 295px;
	padding: 0px;
}
#safetyPop ul li#safetyContent {
	margin: 0;
	padding: 0px 15px 0px 16px;
/*	padding: 15px 15px 0px 16px;	*/
    position: absolute;
    top: 25px;
    width: 329px;
	text-align: left;
}
#safetyPop ul li#safetyContent h3 {
	font-size: 20px;
	line-height: 22px;
	height: 20px;
	margin: 0;
	padding: 0;
}
#safetyPop ul li#safetyContent p {
	font-size: 14px;
	margin: 0;
	padding: 11px 0px 0px 0px;
}


/****** Home A1 **********/
#Acards ul li {
   width:620px;
   height:234px;
   position:absolute;
   top:5px;
   left:4px;
	cursor: pointer;
	border:1px solid #0073a0;
}
#a1Card{
	margin: 0;
	position: relative;
	width: 641px;
	height: 249px;
	background: url(http://i.cdn.turner.com/ff/tools/images/bg_a1.png) 0 0 no-repeat;
}
.a1PlayButton {
	width: 205px;
   height: 39px;
   display: block;
   position:absolute;
	top: 172px;
	left: 210px;
   text-indent: -999em;
}
.a1PlayButton:hover  {
}
.a2PlayButton {
	width: 205px;
   height: 39px;
   display: block;
   position:absolute;
	top: 172px;
	left: 210px;
   text-indent: -999em;
}
.a2PlayButton:hover {
}

.a3PlayButton {
   width: 298px;
   height: 43px;
   display: block;
	position:absolute;
	top: 135px;
	left: 30px;
	text-indent: -999em;
}
.a3PlayButton:hover {
}
.hiddenCard {
    position: absolute;
    left: -9999em;
}

#a1Card .a1Nav,
#a2Card .a1Nav,
#a3Card .a1Nav {
	position: absolute;
	top: 219px;
	left: 516px;
	width: 145px;
	height: 22px;
	background: url(http://i.cdn.turner.com/ff/tools/images/bg_a1nav_blue.gif) 0 0 no-repeat;
   z-index: 1;
}
#a1Card .a1Nav ul,
#a2Card .a1Nav ul,
#a3Card .a1Nav ul {
	padding: 3px 0px 0px 5px;
	margin: 0;
	width: 100px;
}
#a1Card .a1Nav ul li,
#a2Card .a1Nav ul li,
#a3Card .a1Nav ul li {
	padding: 0px;
	margin: 0;
	display: inline;
	list-style-type: none;
}

/******* Home B Row *******/
#bRow {
	margin: 12px 0px 0px 5px;
	padding: 0;
}
#bRow #upgrade{
	margin: 0;
	padding: 40px 0 0 0;
	width: 634px;
	height: 213px;
	background: url(http://i.cdn.turner.com/ff/tools/images/bg_home_upgrade.png) 0 0 no-repeat;
}
#bRow #upgrade li{
	margin: 0 0 0 5px;
	padding: 0;
	width: 200px;
	float: left;
}
#bRow #upgrade li a{
	margin: 0;
	padding: 0;
	width: 60px;
	height: 22px;
	display: block;
	position: relative;
	top: 175px;
	left: 135px;
	background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_home_blue_go.gif) left bottom no-repeat;
}
#bRow #upgrade li a:hover{
	background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_home_blue_go.gif) left top no-repeat;
}
/**** Player Safety Box (B stack) ******/
#homeSafety {
	background: url(http://i.cdn.turner.com/ff/tools/images/bg_home_module.gif) 0px 33px no-repeat;
	width: 200px;
	height: 245px;
	float: left;
	margin-right: 12px;
    position: relative;
	cursor: pointer;
}
#homeSafety h3 {
	margin: 0;
	padding: 0;
	background: url(http://i.cdn.turner.com/ff/tools/images/header_home_safety.gif) 0 0 no-repeat;
	width: 200px;
	height: 33px;
	text-indent: -900em;
}
#homeSafety #videoPic {
	margin: 1px 0px 0px 3px;
/*	border: 1px solid #fff;*/
}
#homeSafety p {
	margin: 5px 10px 0px 10px;
	padding: 0;
	font-size: 13px;
	line-height: 15px;
	font-family: Arial, sans-serif;
	color: #cff;
}
#homeSafety #learnMore {
    position: absolute;
    top: 208px;
    left: 60px;
}

/****** Video Box *******/
#homeModule{
	background: url(http://i.cdn.turner.com/ff/tools/images/bg_home_module.gif) 0px 33px no-repeat;
	width: 200px;
	height: 245px;
	float: left;
	margin-right: 12px;
	cursor: pointer;
}
#homeVideo {
	background: url(http://i.cdn.turner.com/ff/tools/images/bg_home_module.gif) 0px 33px no-repeat;
	width: 200px;
	height: 245px;
	float: left;
	margin-right: 12px;
	cursor: pointer;
}
#homeVideo h3, #homeModule h3{
	margin: 0;
	padding: 0;
	background: url(http://i.cdn.turner.com/ff/tools/images/bg_home_videos.gif) 0 0 no-repeat;
	width: 200px;
	height: 33px;
	text-indent: -900em;
}
#homeModule h3.nanos{
	background: url(http://i.cdn.turner.com/ff/tools/images/title_bcard_nanos.gif) 0 0 no-repeat;
}
#homeModule h3.redeem{
	background: url(http://i.cdn.turner.com/ff/tools/images/title_bcard_redeemcodes.gif) 0 0 no-repeat;
}
#homeModule img.nanos{
	padding: 2px 0 0 5px;
}
#homeModule img.redeem{
	padding: 2px 0 0 5px;
}
#homeModule a.learnmore{
	position: relative;
	top: 10px;
	left: 60px;
}
#homeVideo #videoPic {
	margin: 1px 0px 0px 3px;
}
#homeVideo p, #homeModule p{
	margin: 5px 10px 0px 10px;
	padding: 0;
	font-size: 13px;
	line-height: 15px;
	font-family: Arial, sans-serif;
	color: #cff;
}
#homeVideo #videoWatch {
	float: right;
	margin: 8px 15px 0px 0px;
}


/****** Hints Box *****/
#homeHints {
	background: url(http://i.cdn.turner.com/ff/tools/images/bg_home_module.gif) 0 33px no-repeat;
	width: 200px;
	height: 245px;
	float: left;
	margin-right: 12px;
	position: relative;
	cursor: pointer;
}

#homeHints h3 {
	margin: 0;
	padding: 0;
	background: url(http://i.cdn.turner.com/ff/tools/images/hdr_home_hints.gif) 0 0 no-repeat;
	width: 200px;
	height: 33px;
	text-indent: -900em;
}
#homeHints #downloadsPic {
	margin: 1px 0px 0px 3px;
/*	border: 1px solid #fff;*/
}
#homeHints p {
	margin: 5px 10px 0px 10px;
	padding: 0;
	font-size: 13px;
	line-height: 15px;
	font-family: Arial, sans-serif;
	color: #cff;
}
#homeHints #downloadsBrowse {
    position: absolute;
    top: 208px;
    left: 77px;
}

/***** Downloads Box ******/
#homeDownloads {
	background: url(http://i.cdn.turner.com/ff/tools/images/bg_home_module.gif) 0 33px no-repeat;
	width: 200px;
	height: 245px;
	float: left;
	margin-right: 12px;
}
#homeDownloads h3 {
	margin: 0;
	padding: 0;
	background: url(http://i.cdn.turner.com/ff/tools/images/bg_home_downloads.gif) 0 0 no-repeat;
	width: 200px;
	height: 33px;
	text-indent: -900em;
}
#homeDownloads #downloadsPic {
	margin: 1px 0px 0px 3px;
	/*	border: 1px solid #fff;*/
}
#homeDownloads p {
	margin: 5px 10px 0px 10px;
	padding: 0;
	font-size: 13px;
	line-height: 15px;
	font-family: Arial, sans-serif;
	color: #cff;
}
#homeDownloads #downloadsBrowse {
	float: right;
	margin: 8px 15px 0px 0px;
}

/***** New To Fusionfall Box *****/
#homeNew{
	margin: 5px 0 0 -2px;
	padding: 0;
	background: url(http://i.cdn.turner.com/ff/tools/images/bg_home_newtoff2.png) 0 0 no-repeat;
	width: 312px;
	height: 242px;
	float: left;
	position: relative;
}
#homeNew #computress{
	margin: 0;
	padding: 0;
	position: absolute;
	top: -23px;
	left: -10px;
	z-index: 0;
}
#homeNew ul {
	margin: 0 0 0 25px;
   padding: 5px 0 0 0;
	position:absolute;
	top: 72px;
	left: 10px;
	list-style-type: none;
	z-index: 100;
}
#homeNew ul li a {
	margin: 0px 0px 6px 0px;
	padding: 0px;
	width: 260px;
	height: 34px;
	display: block;
	text-indent: -999em;
}
#homeNew ul li a#b3_whatis {
	background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_homenew_whatisff2.png) bottom left no-repeat;
}
#homeNew ul li a#b3_whatis:hover {
	background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_homenew_whatisff2.png) top left no-repeat;
}
#homeNew ul li a#b3_guide {
	background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_homenew_guide2.png) bottom left no-repeat;
}
#homeNew ul li a#b3_guide:hover {
	background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_homenew_guide2.png) top left no-repeat;
}
#homeNew ul li a#b3_free{
	background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_homenew_ffisfree2.png) bottom left no-repeat;
}
#homeNew ul li a#b3_free:hover {
	background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_homenew_ffisfree2.png) top left no-repeat;
}
#homeNew ul li a#b3_gamehelp {
	background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_homenew_gamehelp2.png) bottom left no-repeat;
}
#homeNew ul li a#b3_gamehelp:hover {
	background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_homenew_gamehelp2.png) top left no-repeat;
}
/************ Home Ad Space 300 ***************/
#homeAd{
	margin: 0;
	padding: 0;
	width: 314px;
	height: 271px;
	float: left;
	background: url(http://i.cdn.turner.com/ff/tools/images/bg_home_ad_300.gif) 0 0 no-repeat;
}
#homeAd div{
	position: relative;
	top: 15px;
}

#homeFriends{
	margin: 10px 0 0 0;
	padding: 0;
	width: 298px;
	height: 90px;
	float: left;
	position: relative;
	left: 12px;
	background: url(http://i.cdn.turner.com/ff/tools/images/bg_homeInviteFriend2.jpg) 0 0 no-repeat;
}
#homeFriends #inviteButton{
	margin: 0;
	padding: 0;
	width: 124px;
	height: 22px;
	display: block;
	position: relative;
   top: 60px;
   left: 160px;
	background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_tellafriend.gif) bottom left no-repeat;
}

#homeFriends #inviteButton:hover {
	background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_tellafriend.gif) top left no-repeat;	
}

/*********************************************/
/*    Home Page - CStack                     */
/*    - current news, highscores, forums     */
/*    - rewritten css 09/09/09               */
/*********************************************/
/**** Home C Row (quadrant) ******/
#cRow {
	margin: 0 0 0 5px;
	padding: 10px 0 0 0;
}
/***** Home C Stack *******/
#cStack{
	margin: 5px 0 0 0;
	padding: 0 10px 0 0;
	float: left;
	/*width: 412px;*/
	width: 314px;
	position: relative;
}
#cStack ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#cStack ul li{
	margin: 0;
	padding: 0;
	width: 100%;
}
#cStack ul li.cStackSpacer{
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	height: 11px;
	line-height: 11px;
	background: url(http://i.cdn.turner.com/ff/tools/images/bg_cstack_spacer.gif) 0 0 repeat;
}
#cStack ul li.cStackBottom{
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	height: 11px;
	line-height: 11px;
	background: url(http://i.cdn.turner.com/ff/tools/images/bg_cstack_bottom2.gif) 0 0 no-repeat;
}
/***** C Stack News *******/
#cStack ul li#currentNews{
	margin: 0;
	padding: 6px 0;
	background: url(http://i.cdn.turner.com/ff/tools/images/bg_cstack_top2.gif) 0 0 no-repeat;
}
#cStack ul li#currentNews A.news{
	margin: 5px 0 0 220px;
	padding: 0;
	width: 83px;
	height: 22px;
	display: block;
	position: absolute;
	background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_home_more.gif) left bottom no-repeat;
}
#cStack ul li#currentNews A.news:hover{
	background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_home_more.gif) left top no-repeat;
}
#cStack ul li#currentNews h3{
	margin: 0 5px 0 6px;
	padding: 0;
	height: 33px;
	text-indent: -900em;
	background: url(http://i.cdn.turner.com/ff/tools/images/header_home_update.gif) 0 0 no-repeat;
}
#cStack ul li#currentNews blockquote{
	margin: 2px 10px 2px 17px;
	padding: 5px 0px;
	height: 100px;
}
.newsThumb {
	float: left;
	margin-right: 10px;
	border: 1px solid #0099ff;
}
#cStack ul li#currentNews blockquote p{
	margin: 0px 0px 5px 0px;
	padding: 0;
	font: normal 12px/14px Arial, non-serif;
	color: #ccffff;
}
#cStack ul li#currentNews blockquote a{
	color: #00ccff;
}


/***** C Stack highScores *****/
/* Brendellya's code */

li.homeSpotlight {
    margin:0;
    padding:0;
	background: url(http://i.cdn.turner.com/ff/tools/images/bg_cstack_middle2.gif) 0 0 no-repeat;

}

#cStack ul li#highScores{
	margin: 0;
	padding: 0;
	background: url(http://i.cdn.turner.com/ff/tools/images/bg_cstack_middle2.gif) 0 0 no-repeat;
}
#cStack ul li#highScores A span{
	display: none;
}
#cStack ul li#highScores A.highscores{
	margin: 5px 0 0 155px;
	padding: 0;
	width: 148px;
	height: 22px;
	display: block;
	position: absolute;
	background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_home_allhighscores.gif) left bottom no-repeat;
}
#cStack ul li#highScores A.highscores:hover{
	background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_home_allhighscores.gif) left top no-repeat;
}
#cStack ul li#highScores h3{
	margin: 0 5px 0 6px;
	padding: 0;
	height: 33px;	
	background: url(http://i.cdn.turner.com/ff/tools/images/header_home_highscores3.gif) 0 0 no-repeat;
	text-indent: -900em;
}
#cStack ul li#highScores A{
	color: #00ccff;
}
#cStack ul li#highScores blockquote{
	margin: 0 0 0 0;
	padding: 5px;
}
#cStack ul li#highScores blockquote img{
	float: left;
}
/*
#cStack ul li#highScores blockquote .ep_image{
	float: left;
	margin: 0 4px;
}
*/
#cStack ul li#highScores blockquote p{
	margin: 0 10px;
	padding: 2px 0;
	clear: both;
	font: bold 16px/24px Arial, non-serif;
	color: #cdffff;
	text-align: center;
}
#cStack ul li#highScores table{
	margin: 0 10px;
	padding: 0;
	width: 290px;
	clear: left;
	font: normal 14px/18px Arial, non-serif;
	color: #ccffff;
}
#cStack ul li#highScores table A{
	font-weight: bold;
	font-style: italic;
}
#cStack ul li#highScores tr.thead td{
	margin: 0;
	padding-bottom: 5px;
	font: normal 11px/12px Arial, non-serif;
	color: #999999;
}
#cStack ul li#highScores tr.one td, #cStack ul li#highScores tr.three td{
	padding: 5px;
	background-color: #041c25;
}
#cStack ul li#highScores tr.two td{
	padding: 5px;
}
/***** C Stack Forums *****/
#cStack ul li#nowForums{
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 5px;
	background: url(http://i.cdn.turner.com/ff/tools/images/bg_cstack_middle2.gif) 0 0 no-repeat;
}
#cStack ul li#nowForums h3{
	margin: 0;
	padding: 0;
	width: 401px;
	height: 33px;
	text-indent: -900em;
	background: url(http://i.cdn.turner.com/ff/tools/images/header_forumsnow.gif) 0 0 no-repeat;
}
#cStack ul li#nowForums blockquote{
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	width: 358px;
}
#cStack ul li#nowForums blockquote p{
	margin: 0px 0px 5px 0px;
	padding: 2px 0px 2px 45px;
	font: normal 12px/14px Arial, non-serif;
	color: #ccffff;
}
p.starPost{
	background: url(http://i.cdn.turner.com/ff/tools/images/bullet_home_forums.gif) 20px 0 no-repeat;
}
#cStack ul li#nowForums blockquote a{
	color: #00ccff;
}

/***** C2 (dev blog) ******/
#c2 {
	margin: 10px 0 0 0;
	padding: 0;
	background: url(http://i.cdn.turner.com/ff/tools/images/bg_home_devblog.gif) 0 0 no-repeat;
	width: 202px;
	height: 230px;
	position: relative;
	float: left;
	cursor: pointer;	
}
#c2 img {
	margin: 32px 0px 0px 9px;
	border: 1px solid #003;
}
#c2 p{
	margin: 0;
	padding: 5px 5px 0 15px;
	height: 40px;
	font: normal 12px/14px Arial, non-serif;
}
#c2 A{
	margin: 0;
	padding: 0;
	width: 138px;
	height: 22px;
	display: block;
	float: right;
	margin: 0 10px 0px 0px;
	background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_home_checkitout.gif) left bottom no-repeat;
}
#c2 A:hover{
	background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_home_checkitout.gif) left top no-repeat;
}

#c2 #goC3{
	float: right;
	margin: 0 15px 0px 0px;
}



/**********************************************/
/*           Legal Section                    */
/**********************************************/
#printLogo {
	display: none;
}

#page_legal {
	padding-top: 164px;
}
#page_legal h3{
	margin: 0;
	padding: 0;
	width: 624px;
	height: 60px;
   text-indent: -999em;
}
#page_legal h3.codeconduct{
	background: url(http://i.cdn.turner.com/ff/tools/images/header_legal_codeconduct.gif) 0 0 no-repeat;
}
#page_legal h3.euala{
	background: url(http://i.cdn.turner.com/ff/tools/images/header_legal_euala.gif) 0 0 no-repeat;
	height: 98px;
}
#page_legal h3.privacypolicy{
	background: url(http://i.cdn.turner.com/ff/tools/images/header_legal_privacypolicy.gif) 0 0 no-repeat;
}
#page_legal h3.termsuse{
	background: url(http://i.cdn.turner.com/ff/tools/images/header_legal_terms.gif) 0 0 no-repeat;
}
#conduct, #euala, #privacy, #terms{
	margin: 0;
	padding: 10px 10px;
	width: 601px;
	background: url(http://i.cdn.turner.com/ff/tools/images/bg_media_bluelines.gif) repeat;
   font-size: 14px;
	border: 1px solid #fff;
	border-width: 0px 1px;
}
#page_legal h2{
	padding: 5px 0;
	font: bold 20px/24px Arial, non-serif;
	color: white;
}
#page_legal h2{
	padding: 5px 0;
	font: bold 16px/22px Arial, non-serif;
	color: white;
}
#page_legal p{
        margin: 10px 0;
}

#conduct li {
        margin:10px 10px;
}
/**********************************************/
/*                 Ad Page                    */
/**********************************************/
.retailAd {
	background: #000 url(http://i.cdn.turner.com/ff/tools/images/bg_retailAd.jpg) 0 0 no-repeat;
	width: 926px;
	height: 570px;
	position: relative;
   margin: 0;
   padding: 0;
}

#victory,
#getHands,
#retailCharacters,
#bulletPoints,
#retailBox,
#inStores,
#available {
	position: absolute;
}
#victory {
	top: 20px;
   left: 60px;
}       
#retailBox {
	top: 26px;
   left: 530px;
}
#inStores {
   top: 430px;
   left: 555px;
}
#retailCharacters {
       top: 230px;
       left: 50px;
}

#bulletPoints {
       top: 250px;
       left: 260px;
}

#getHands {
       top: 170px;
       left: 95px;
}

#available {
       top: 475px;
       left: 485px;
}

.retailAd ul {
       position: absolute;
       top: 470px;
       left: 20px;
       list-style: none;
       margin: 0;
       padding: 0; 
}

.retailAd ul li {
       display: inline;
}



/**********************************************/
/*                Promo Pages                 */
/**********************************************/
#page_promo{
	margin: 0;
	padding: 0;
}
#page_promo #promo{
	margin: 0;
	padding: 0;
	width: 622px;
	border: 1px solid #003366;
	border-width: 0 1px;
}
#page_promo .border{
	margin: 0;
	padding: 0;
	height: 709px;
	background: url(http://i.cdn.turner.com/ff/tools/images/bg_promo_code.jpg) 0 0 no-repeat;
	border: 1px solid white;
	border-width: 0 1px;
}
#page_promo h3{
	margin: 0;
	padding: 0;
	width: 624px;
	height: 60px;
}
#page_promo h3 span{
	display: none;
}
#page_promo h3.prize{
	background: url(http://i.cdn.turner.com/ff/tools/images/header_collectprize.gif) 0 0 no-repeat;
}
#promo #code{
	margin: 0;
	padding: 0;
	width: 500px;
	height: 60px;
	position: relative;
	top: 50px;
	left: 50px;
	font: normal 50px/52px Arial, non-serif;
	color: #99ff00;
	letter-spacing: 8px;
}
#promo #code_details_cheese{
	margin: 0;
	padding: 5px 0;
	width: 583px;
	height: 361px;
	position: relative;
	top: 80px;
	left: 20px;
	background: url(http://i.cdn.turner.com/ff/tools/images/bg_promo_cheese.jpg) 0 0 no-repeat;
}
#promo #code_details_zak{
	margin: 0;
	padding: 5px 0;
	width: 583px;
	height: 361px;
	position: relative;
	top: 80px;
	left: 20px;
	background: url(http://i.cdn.turner.com/ff/tools/images/bg_promo_zak.jpg) 0 0 no-repeat;
}
#promo #code_details_huge{
	margin: 0;
	padding: 5px 0;
	width: 583px;
	height: 361px;
	position: relative;
	top: 80px;
	left: 20px;
	background: url(http://i.cdn.turner.com/ff/tools/images/bg_promo_humongousaur.jpg) 0 0 no-repeat;
}
#promo #code_details_fourarms{
	margin: 0;
	padding: 5px 0;
	width: 583px;
	height: 361px;
	position: relative;
	top: 80px;
	left: 20px;
	background: url(http://i.cdn.turner.com/ff/tools/images/bg_promo_fourarms.jpg) 0 0 no-repeat;
}
#promo #code_details_goop{
	margin: 0;
	padding: 5px 0;
	width: 583px;
	height: 361px;
	position: relative;
	top: 80px;
	left: 20px;
	background: url(http://i.cdn.turner.com/ff/tools/images/bg_promo_goop.jpg) 0 0 no-repeat;
}

#promo #code_details_hoverboard{
	margin: 0;
	padding: 5px 0;
	width: 583px;
	height: 361px;
	position: relative;
	top: 80px;
	left: 20px;
	background: url(http://i.cdn.turner.com/ff/tools/images/bg_promo_hoverboard.jpg) 0 0 no-repeat;
}
#promo ul{
	margin: 0 0 0 60px;
	padding: 48px 0 0 0;
	width: 300px;
	list-style: none;
}
#promo li{
	margin: 0;
	padding: 11px 0 12px 0;
	font: normal 12px/14px Arial, non-serif;
	color: white;
	border: 0px solid yellow;
}
#promo .text{
	margin: 10px 20px 10px 20px;
	padding: 0;
	width: 550px;
	font: normal 14px/18px Arial, non-serif;
	color: black;
}
#promo p{
	margin: 10px 0;
	padding: 0;
}
#promo .redeem{
	margin: 0;
	padding: 0;
	position: relative;
	left: 190px;
}

/******************* Error Pages ****************/
#error_specialevent{
	margin: 0;
	padding: 0;
	width: 622px;
	border: 0px solid #003366;
	border-width: 0 1px;
}
#error_specialevent .border{
	margin: 0;
	padding: 0;
	height: 338px;
	background: url(http://i.cdn.turner.com/ff/tools/images/bg_error_expired.jpg) no-repeat;
	border: 1px solid white;
}
#error_specialevent blockquote{
	margin: 100px 80px 0 150px;
	padding: 0;
	font: normal 12px/14px Arial, non-serif;
	color: black;
}
#error_specialevent #playnow a{
	margin: 0;
	padding: 0;
	width: 199px;
	height: 38px;
	display: block;
	position: relative;
	left: 90px;
	background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_a1_playfree_green.png) left bottom no-repeat;
}
#error_specialevent #playnow a:hover{
	background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_a1_playfree_green.png) left top no-repeat;
}
#error_specialevent #playnow span{
	display: none;
}

/*******************************************/
/*               FaceOff Page              */
/*******************************************/
#faceoff{
	margin: -20px 0 0 15px;
	padding: 1px 0 0 0;
	width: 624px;
	height: 915px;
	background: url(http://i.cdn.turner.com/ff/tools/images/bg_faceoff_title2.jpg) 0 0 no-repeat;
}
#faceoff_power{
	margin: 180px 0 0 0;
	padding: 0;
}
#faceoff #title{
	margin: 0 10px;
	padding: 0;
	position: relative;
	top: 120px;
	font: bold 14px/18px Arial, non-serif;
	color: white;
}
#faceoff #poll{
	margin: 0;
	padding: 0;
	width: 620px;
	height: 450px;
	position: relative;
	top: 135px;
}
#faceoff_power #poll_power{
	width: 600px;
	height: 450px;
	position: relative;
	top: 15px;
}
#faceoff #poll Iframe, #faceoff_power #poll Iframe{
	overflow: hidden;
}
#faceoff #roster{
	margin: 0;
	padding: 0;
	width: 620px;
	height: 314px;
	position: relative;
	top: 135px;
	background: url(http://i.cdn.turner.com/ff/tools/images/bg_faceoff_roster_r4.gif) 0 0 no-repeat;
}
#faceoff #roster p{
	margin: 0;
	padding: 45px 20px 0 20px;
}
#faceoff #roster ol{
	margin: 30px 0 0 18px;
	padding: 0;
	list-style: none;
	width: 580px;
	height: 134px;
}
#faceoff #roster ol li{
	margin: 2px;
	padding: 0;
	float: left;
	width: 68px;
	height: 60px;
}
#faceoff #roster ol li.heatblast{
	background: url(http://i.cdn.turner.com/ff/tools/images/faceoff_heatblast_small_elim.jpg) 0 0 no-repeat;
}
#faceoff #roster ol li.echoecho{
	background: url(http://i.cdn.turner.com/ff/tools/images/faceoff_echoecho_small_elim.jpg) 0 0 no-repeat;
}
#faceoff #roster ol li.waybig{
	background: url(http://i.cdn.turner.com/ff/tools/images/faceoff_waybig_small.jpg) 0 0 no-repeat;
}
#faceoff #roster ol li.goop{
	background: url(http://i.cdn.turner.com/ff/tools/images/faceoff_goop_small_elim.jpg) 0 0 no-repeat;
}
#faceoff #roster ol li.wildvine{
	background: url(http://i.cdn.turner.com/ff/tools/images/faceoff_wildvine_small_elim.jpg) 0 0 no-repeat;
}
#faceoff #roster ol li.jetray{
	background: url(http://i.cdn.turner.com/ff/tools/images/faceoff_jetray_small_elim.jpg) 0 0 no-repeat;
}
#faceoff #roster ol li.upchuck{
	background: url(http://i.cdn.turner.com/ff/tools/images/faceoff_upchuck_small_elim.jpg) 0 0 no-repeat;
}
#faceoff #roster ol li.spidermonkey{
	background: url(http://i.cdn.turner.com/ff/tools/images/faceoff_spidermonkey_small_elim.jpg) 0 0 no-repeat;
}
#faceoff #roster ol li.cannonbolt{
	background: url(http://i.cdn.turner.com/ff/tools/images/faceoff_cannonbolt_small_elim.jpg) 0 0 no-repeat;
}
#faceoff #roster ol li.chromastone{
	background: url(http://i.cdn.turner.com/ff/tools/images/faceoff_chromastone_small_elim.jpg) 0 0 no-repeat;
}
#faceoff #roster ol li.wildmutt{
	background: url(http://i.cdn.turner.com/ff/tools/images/faceoff_wildmutt_small_elim.jpg) 0 0 no-repeat;
}
#faceoff #roster ol li.bigchill{
	background: url(http://i.cdn.turner.com/ff/tools/images/faceoff_bigchill_small_elim.jpg) 0 0 no-repeat;
}
#faceoff #roster ol li.stinkfly{
	background: url(http://i.cdn.turner.com/ff/tools/images/faceoff_stinkfly_small_elim.jpg) 0 0 no-repeat;
}
#faceoff #roster ol li.brainstorm{
	background: url(http://i.cdn.turner.com/ff/tools/images/faceoff_brainstorm_small_elim.jpg) 0 0 no-repeat;
}
#faceoff #roster ol li.diamondhead{
	background: url(http://i.cdn.turner.com/ff/tools/images/faceoff_diamondhead_small_elim.jpg) 0 0 no-repeat;
}
#faceoff #roster ol li.alienx{
	background: url(http://i.cdn.turner.com/ff/tools/images/faceoff_alienx_small.jpg) 0 0 no-repeat;
}
#faceoff #roster ul{
	margin: 15px 0 0 0;
	padding: 0;
	list-style: none;
	width: 100%;
}
#faceoff #roster ul li{
	margin: 0;
	padding: 0 15px;
	float: left;
}
#faceoff #roster li span{
	display: none;
}
#faceoff #roster li.learn a{
	margin: 0;
	padding: 0;
	display: block;
	width: 215px;
	height: 22px;
	background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_faceoff_learn.gif) 0 0 no-repeat;
}
#faceoff #roster li.learn a:hover{
	background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_faceoff_learn_on.gif) 0 0 no-repeat;
}
#faceoff #roster li.matchup a{
	margin: 0;
	padding: 0;
	display: block;
	width: 339px;
	height: 29px;
	background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_faceoff_matchup.gif) 0 0 no-repeat;
}
#faceoff #roster li.matchup a:hover{
	background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_faceoff_matchup_on.gif) 0 0 no-repeat;
}

/**** Nano Powers ****/
#faceoff_power #roster{
	margin: 0 0 0 20px;
	padding: 0;
}
#faceoff_power #roster ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#faceoff_power #roster li.matchup a{
	margin: 0 0 0 40px;
	padding: 0;
	display: block;
	width: 559px;
	height: 25px;
	background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_faceoff_matchupreview.gif) 0 0 no-repeat;
}
#faceoff_power #roster li.matchup a:hover{
	background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_faceoff_matchupreview_on.gif) 0 0 no-repeat;
}
#faceoff_power #roster span{
	display: none;
}

#faceoff #matchup_roster{
	margin: 0;
	padding: 0;
	height: 700px;
	position: relative;
	top: 135px;
	background: url(http://i.cdn.turner.com/ff/tools/images/bg_faceoff_bracketbot.gif) left bottom no-repeat;
}
#faceoff #matchup_roster .matchup{
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 0;
}
#faceoff #home {
	margin: 0;
	padding: 0;
	position: relative;
	top: 580px;
	z-index: 10;
}
#faceoff_power #home{
	margin: 0;
	padding: 0;
	position: relative;
	top: -50px;
	z-index: 10;
}
#home a{
	margin: 0;
	padding: 0;
	width: 359px;
	height: 28px;
	display: block;
	position: relative;
	left: 135px;
	background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_facebook_home.gif) 0 0 no-repeat;
}
#home a:hover{
	background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_facebook_home_on.gif) 0 0 no-repeat;
}
#home a span{
	display: none;
}

/***** Faceoff Event Wrapup *****/
#faceoff_wrap .char{
	margin-left: -10px;
	float: left;
}
#faceoff_wrap #pod1, #faceoff_wrap #pod2, #faceoff_wrap #pod3, #faceoff_wrap #pod4, #faceoff_wrap #final_matchup{
	margin: 0 0 10px 0;
	padding: 0;
	width: 624px;
	position: relative;
	clear: left;
}
#faceoff_wrap #pod1 img, #faceoff_wrap #pod2 img, #faceoff_wrap #pod3 img, #faceoff_wrap #pod4 img, #faceoff_wrap #final_matchup img{
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 0;
	left: 16px;
}
#faceoff_wrap #pod3 img{
	left: 2px;
}
#faceoff_wrap ul{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	z-index: 10;
}
#faceoff_wrap ul span{
	display: none;
}
#faceoff_wrap #pod1 ul{
	top: 180px;
	left: 50px;
}
#faceoff_wrap #pod1 li.matchup a{
	margin: 0 0 0 40px;
	padding: 0;
	display: block;
	width: 559px;
	height: 25px;
	background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_faceoff_matchupreview.gif) 0 0 no-repeat;
}
#faceoff_wrap #pod1 li.matchup a:hover{
	background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_faceoff_matchupreview_on.gif) 0 0 no-repeat;
}

#faceoff_wrap #powers{
	position: absolute;
	top: 450px;
	left: 410px;
	z-index: 100;
}
html>body #faceoff_wrap #powers{
	top: 470px;
} 
#faceoff_wrap #pod3 ul{
	top: 190px;
	left: 190px;
}
#faceoff_wrap #pod3 .checkitout a{
	margin: 0;
	padding: 0;
	display: block;
	width: 246px;
	height: 41px;
	background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_a1_checkitout.png) left bottom no-repeat;
}
#faceoff_wrap #pod3 .checkitout a:hover{
	background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_a1_checkitout.png) left top no-repeat;
}

#faceoff_wrap #pod4 ul{
	top: 110px;
	left: 210px;
}
#faceoff_wrap #pod4 .playnow a{
	margin: 0;
	padding: 0;
	display: block;
	width: 238px;
	height: 45px;
	background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_playnow_green.png) left bottom no-repeat;
}
#faceoff_wrap #pod4 .playnow a:hover{
	background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_playnow_green.png) left top no-repeat;
}
#faceoff_wrap #final_matchup{
	margin-top: -50px;
}
#faceoff_wrap #final_matchup ul{
	top: 540px;
	left: 116px;	
}
#faceoff_wrap #final_matchup .home a{
	margin: 0;
	padding: 0;
	display: block;
	width: 399px;
	height: 29px;
	background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_faceoff_wrapup.png) left bottom no-repeat;
}
#faceoff_wrap #final_matchup .home a:hover{
	background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_faceoff_wrapup.png) left top no-repeat;
}

/************* Game Cards **************/
#gamecard{
	margin: 0;
	padding: 160px 0 0 0;
}

#gamecard_box, #gamecard_box2{
	margin: 0;
	padding: 0;
}

#gamecard_box .top, #gamecard_box2 .top{
	margin: 0;
	padding: 0;
}
#gamecard_box .bot{
	margin: 0;
	padding: 0;
	width: 622px;
	height: 344px;
	background: url(http://i.cdn.turner.com/ff/tools/images/gamecard_card_bot.jpg) 0 0 no-repeat;
}
#gamecard_box2 .bot{
	margin: 0;
	padding: 0;
	width: 622px;
	height: 464px;
	background: url(http://i.cdn.turner.com/ff/tools/images/gamecard_card2_bot.jpg) 0 0 no-repeat;
}
#gamecard span{
	display: none;
}
#gamecard_box A.findstores{
	margin: 0;
	padding: 0;
	display: block;
	width: 94px;
	height: 24px;
	position: relative;
	top: 182px;
	left: 500px;
	background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_gamecard_target_off.gif) 0 0 no-repeat;
}
#gamecard_box A.findstores:hover{
	background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_gamecard_target_on.gif) 0 0 no-repeat;
}
#gamecard A.redeemcard{
	margin: 0;
	padding: 0;
	display: block;
	width: 161px;
	height: 24px;
	position: relative;
	top: 275px;
	left: 440px;
	background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_gamecard_redeemcard_off.gif) 0 0 no-repeat;
}
#gamecard A.redeemcard:hover{
	background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_gamecard_redeemcard_on.gif) 0 0 no-repeat;
}
#gamecard_box2 A.redeemcard{
	top: 420px;
	left: 150px;	
}
#gamecard_box2 .retailers{
	margin: 70px 0 0 0;
	padding: 0;
	width: 140px;
	height: 360px;
	float: right;
	position: relative;
	right: 22px;
}
#gamecard_box2 .retailers img{
	margin-top: 5px;
	margin-bottom: 5px;
}

/********************* Free To Play ********************/
#rightcol_playforfree{
	margin: 50px 0 0 10px;
	padding: 0;
	width: 680px;
	float: left;
}

#playforfree_playnow {
      margin:500px 0 0 320px;
}

#playforfree_playnow a {
    display:block;
    height:58px;
    width:348px; 
    text-indent:-9999px;  
	background:url(../../../tools/images/buttons/btn_playnow.png) top center no-repeat;
}

#playforfree_playnow a:hover {   
 background:url(../../../tools/images/buttons/btn_playnow.png) bottom center no-repeat;
}

#playforfree_mod1 {
    margin:10px 0 0 0;
}

#rightcol_playforfree #playforfree_upgrade {
    margin:25px 0 0 30px;
    width:633px;
    height:288px;
    background: url(../../../tools/images/playforfree_upgrade_bg.jpg) top left no-repeat;
}

#rightcol_playforfree #playforfree_upgrade a {
    display:block;
    width:60px;
    height:22px;
    text-indent:-9999px;
    position:absolute;
    top:250px;
    background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_smallgo.gif) bottom left no-repeat;
}

#rightcol_playforfree #playforfree_upgrade a:hover {
    background: url(http://i.cdn.turner.com/ff/tools/images/buttons/btn_smallgo.gif) top left no-repeat;
}


#playforfree_upgrade li {
    position:relative;
	float:left;
}

.playforfreeL1 {
    left:145px;
}


.playforfreeL2 {
    left:352px;
}


.playforfreeL3 {
    left:562px;
}


/**********************************************/
/*                Error Section               */
/**********************************************/

#error_general{
	margin: 0 auto;
	padding: 120px 0 0 0;
	width: 930px;
}
#error_general #error{
	margin: 0;
	padding: 0;
	width: 928px;
	border: 1px solid #003366;
	border-width: 0 1px;
}
#error_general .border{
	margin: 0;
	padding: 0;
	height: 424px;
	background: url(http://i.cdn.turner.com/ff/tools/images/bg_errorbox.jpg) 0 -50px no-repeat;
	border: 1px solid white;
	border-width: 0 1px;
}
#error_general blockquote {
	width: 520px;
	margin: 0;
	padding: 0;
	position: relative;
	top: 150px;
	left: 200px;
	text-align: center;
}
#error_general blockquote p {
	margin: 0px 0px 20px 0px;
	padding: 0;
	font: normal 14px/16px Arial, sans-serif;
	color: #9ff;
	line-height: 16px;
}
h3.error_uhoh {
	background: url(http://i.cdn.turner.com/ff/tools/images/hdr_uhoh.gif) 0 0 no-repeat;
	margin: 0;
	padding: 0;
	width: 930px;
	height: 61px;
	text-indent: -999em;
}

h3.error_linkedlimit {
	background: url(http://i.cdn.turner.com/ff/tools/images/hdr_linkedlimit.gif) 0 0 no-repeat;
	margin: 0;
	padding: 0;
	width: 930px;
	height: 61px;
	text-indent: -999em;
}

h3.error_oops {
	background: url(http://i.cdn.turner.com/ff/tools/images/hdr_oops.gif) 0 0 no-repeat;
	margin: 0;
	padding: 0;
	width: 930px;
	height: 61px;
	text-indent: -999em;
}

h3.error_error {
	background: url(http://i.cdn.turner.com/ff/tools/images/hdr_error.gif) 0 0 no-repeat;
	margin: 0;
	padding: 0;
	width: 930px;
	height: 61px;
	text-indent: -999em;
}
h3.error_expired {
	background: url(http://i.cdn.turner.com/ff/tools/images/header_expirederror.gif) 0 0 no-repeat;
	margin: 0;
	padding: 0;
	width: 930px;
	height: 61px;
	text-indent: -999em;
}
.border {
	margin: 0;
	padding: 10px 0;
	border: 0px solid white;
	border-width: 0 1px;
}
#errorbox {
	padding-left: 40px;
}
#error_content {
	margin: 0;
	padding: 0;
	width: 927px;
	height: 524px;
	background: url(http://i.cdn.turner.com/ff/tools/images/bg_errorbox.jpg) top left no-repeat;
}
#error_content .char1, #error_general .char1{  /*gas mask*/
	position: absolute;
	top: 165px;
	left: 50px;
	z-index: 0;
}
#error_content .char2. #error_general .char2{  /*big guy*/
	position: absolute;
	top: 176px;
	left: 690px;
	z-index: 0;
}
#error_content .logo{  /*logo*/
	position: absolute;
	top: 110px;
	left: 530px;
	z-index: 0;
}
#error_content blockquote {
	width: 520px;
	margin: 0;
	padding: 0;
	position: relative;
	top: 200px;
	left: 200px;
	text-align: center;
}
#error_content blockquote p {
	margin: 0px 0px 20px 0px;
	padding: 0;
	font: normal 14px/16px Arial, sans-serif;
	color: #9ff;
	line-height: 16px;
}
h3.error_bottom {
	background: url(http://i.cdn.turner.com/ff/tools/images/bg_errorbottom.gif) 0 0 no-repeat;
	margin: 0;
	padding: 0;
	width: 930px;
	height: 35px;
	text-indent: -999px;
}