/* Special Classes */
.clear { clear:both; }
.hideText { display:none; }
/* Body */
html { height:100%; min-height:100%; }
html body { margin:0; padding:0; text-align:center; font-size:12px; font-family:Arial; }
a, img { border:0 none; }
ul, li, form { margin:0; padding:0; }
/* Body: Page Specific */
body { background:#cdecfc url(images/background.jpg) repeat-x top center; min-height:100%; height:auto; }
/* Page */
.headerContainer { width:100%; background:url(images/header-tile.jpg) repeat-x; }
.globalContainer { width:1025px; margin:auto; text-align:left; }
.globalContainer#cardSetPage { width:1025px; }
/* Header Accross Top */
#headerTop { background:url(images/marvel-logo.jpg) no-repeat center; width:960px; height:59px; margin:auto; text-align:left; position:relative;}
 #headerPortalLink{ width:230px; height:50px; position: absolute; top:2px; left:370px;}	 
#userInputEmail, #userInputSearch { position:absolute; }
		
		/* Top Widgets */
		#userInputEmail { background:url(images/input-tile.jpg) repeat-x; margin:30px 0 0 100px; border:1px solid #000; width:143px; height:18px; overflow:hidden; }
		#EmailAddressTextBox { background:transparent; border:0 none; width:120px; margin:33px 0 0 100px; position:absolute; z-index:85px; height:18px; padding:1px 3px 0 5px; float:left; font-size:12px; font-weight:bold; color:#9f9f9f; }
		#ctl00_ctl00_EmailAddressHyperLink { margin: 30px 0px 0px 250px; z-index: 10; background-position: center center; background: url(images/icon-email.png) no-repeat; border: 0 none; width: 20px; height: 18px; float: left; cursor: pointer; position: absolute; }
				
	
	#userInputSearch { background:url(images/input-tile.jpg) repeat-x; margin:30px 0 0 800px; border:1px solid #000; width:143px; height:18px; overflow:hidden;}
	
		#txtSearch { background:transparent; border:0 none; width:120px; height:18px; margin:33px 0 0 800px; position:absolute; z-index:85px; padding:1px 3px 0 5px; float:left; font-size:12px; font-weight:bold; color:#9f9f9f;}
		#btnSearch { background:url(images/icon-search.jpg) no-repeat; border:0 none; width:20px; height:18px; margin:31px 0 0 950px; position:absolute;  cursor:pointer; }

/* Header Nav */
#headerNav { background:url(images/top-nav.jpg) no-repeat; width:1100px; height: 24px; margin:auto; }
#socialFacebook { margin:18px 0 0 13px; z-index:10; background:url(images/icon-facebook.png) no-repeat; width:30px; height:37px; position:absolute; }
#socialTwitter {  margin:22px 0 0 48px; z-index:10; background:url(images/icon-twitter.png) no-repeat; width:30px; height:30px; position:absolute; }
			.navi_btn_TCG
			{
			display: block;
			width: 185px;
			height: 24px;
			background: url(images/top-nav_btn1.jpg) no-repeat 0 0;
			float:left;
			margin-left:147px;
			}

			.navi_btn_TCG:hover
			{ 
			background-position: 0 -24px;
			}

			.navi_btn_TCG span
			{
			display: none;
			}
			
			
			
			.navi_btn_Mini
			{
			display: block;
			width: 120px;
			height: 24px;
			background: url(images/top-nav_btn2-no.jpg) no-repeat 0 0;
			float:left;
			}

			.navi_btn_Mini:hover
			{ 
			background-position: 0 0px;
			}

			.navi_btn_Mini span
			{
			display: none;
			}
			
			
			
			
			.navi_btn_Collect
			{
			display: block;
			width: 158px;
			height: 24px;
			background: url(images/top-nav_btn3.jpg) no-repeat 0 0;
			float:left;
			}

			.navi_btn_Collect:hover
			{ 
			background-position: 0 -24px;
			}

			.navi_btn_Collect span
			{
			display: none;
			}	
			
			
			.navi_btn_OrganizedPlay
			{
			display: block;
			width: 172px;
			height: 24px;
			background: url(images/top-nav_btn4-no.jpg) no-repeat 0 0;
			float:left;
			}

			.navi_btn_OrganizedPlay:hover
			{ 
			background-position: 0 0px;
			}

			.navi_btn_OrganizedPlay span
			{
			display: none;
			}	
			
	
	
			.navi_btn_forums
			{
			display: block;
			width: 98px;
			height: 24px;
			background: url(images/top-nav_btn5.jpg) no-repeat 0 0;
			float:left;
			}

			.navi_btn_forums:hover
			{ 
			background-position: 0 -24px;
			}

			.navi_btn_forums span
			{
			display: none;
			}	

.bottom_navi_no{color:#707070;}

/* 
#headerNavLinks { padding-left:146px; }
#headerNavLinks li { float:left; height:24px; list-style:none none; }
#headerNavLinks li a { background:url(images/top-nav.jpg) no-repeat; display:block; }
#navTradingCardGame a { width:185px; height:24px; background-position:-146px 0 !important; }
#navMiniatures a { width:120px; height:24px; background-position:-331px 0 !important; }
#navTradingCards a { width:158px; height:24px; background-position:-451px 0 !important; }
#navOrganizedPlay a { width:172px; height:24px; background-position:-609px 0 !important; }
#navForums a { width:98px; height:24px; background-position:-781px 0 !important; }
*/
/* Slider Widget */
#productSelector { height:70px; margin:5px 0 2px 0; overflow:hidden; }
#productSelector a { text-decoration:none; }
#productScrollLeftBtn { float:left; display:block; width:14px; height:47px; background:url(images/slider-arrows.png) top left; margin:15px 0 0 32px; }
#productScrollRightBtn { float:left; display:block; width:14px; height:47px; background:url(images/slider-arrows.png) top right; margin:15px 0 0; }
#productSelectorPane { float:left; display:block; width:932px; overflow:hidden; margin:4px 0 0; }
.ProductSelectorItem { width:14.28%; text-align:center; float:left; display:block; cursor: default; overflow:hidden; height:62px; }
.productNotSet { background:url(images/slider-tout-comingsoon.png) no-repeat center top; }
/* Product Splash */
#productSplash { width:1025px; height:184px; background:url(images/product-splash.jpg) no-repeat; }
/* Main Section */
#productInformation { background:url(images/body-background.png); background-position:bottom; background-repeat:repeat-y; width:1025px; position:relative;}
#productInformation_top{background:url(images/body-background_top.png); background-position:top; background-repeat:no-repeat; width:1025px; position:relative;}
#topCap { position:absolute; width:1024px; height:30px; background:url(images/inner-top.png) no-repeat; }
#leftSide { margin:0 0 0 32px; float:left; width:427px; background:url(images/inner-background.jpg) repeat-x;}
#productSelectionWidget { width:415px; height:448px; background-image:url(images/CardDisplay/card_display_bg.jpg); position:relative;}
#productSelectionWidget_comingsoon { width:415px; height:448px; background-image:url(images/CardDisplay/card_display_bg_comingsoon.jpg); position:relative;}
/* ================================================================= */
/* Hsin, put your CSS here */
.VCardHolder
{
width:220px;
height:308px;
position:absolute;
left:104px;
top:50px;
}
.HCardHolder
{
width:308px;
height:220px;
position:absolute;
left:61px;
top:102px;
}
.CardSetName
{
width:308px;
height:48px;
color:#fff;
text-align:center;
font-weight:bold;
position:absolute;
left:61px;
top:370px;
}
.SetOver a
{
	color:#fff;
	font-weight:bold;		
}
.SetOver a:hover
{
	color:#fff;
	font-weight:bold;		
}
.CardName
{
width:300px;
height:21px;
color:#7d0000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bolder;
text-align:center;
position:absolute;
top:25px;
left:65px;
overflow:hidden;
}
.CardName2
{
width:300px;
height:21px;
color: #FFCC00;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bolder;
text-align:center;
position:absolute;
top:25px;
left:65px;
overflow:hidden;
}
.ArrowLeft
{
display: block;
width: 47px;
height: 46px;
background: url(images/CardDisplay/card_display_arrow_left.jpg) no-repeat 0 0;
position:absolute;
top:181px;
left :11px;
}
.ArrowLeft:hover
{ 
background-position: 0 -46px;
}
.ArrowLeft span
{
display: none;
}
.ArrowLeftNone
{
width: 47px;
height: 46px;
background: url(images/CardDisplay/card_display_arrow_left_no.jpg) no-repeat 0 0;
position:absolute;
top:181px;
left :11px;
}
.ArrowRight
{
width:47px;
height:46px;
position:absolute;
top:181px;
left:368px;
}
.ArrowRight
{
display: block;
width: 47px;
height: 46px;
background: url(images/CardDisplay/card_display_arrow_right.jpg) no-repeat 0 0;
position:absolute;
top:181px;
left :368px;
}
.ArrowRight:hover
{ 
background-position: 0 -46px;
}
.ArrowRight span
{
display: none;
}
.ArrowRightNone
{
width: 47px;
height: 46px;
background: url(images/CardDisplay/card_display_arrow_right_no.jpg) no-repeat 0 0;
position:absolute;
top:181px;
left :368px;
}
#card_infomation
{
display: block;
width: 68px;
height: 35px;
background: url(images/CardDisplay/card_info_button.jpg) no-repeat 0 0;
position: absolute;
top:363px;
left:28px;
}
#card_infomation:hover
{ 
background-position: 0 -35px;
}
#card_infomation span
{
display: none;
}
#card_list_button
{
display: block;
width: 68px;
height: 35px;
background: url(images/CardDisplay/card_list_button.jpg) no-repeat 0 0;
position:absolute;
top:363px;
left:334px;
}
#card_list_button:hover
{ 
background-position: 0 -35px;
}
#card_list_button span
{
display: none;
}

#CardFlipButton
{
display: block;
width:62px;
height:35px;
background: url(images/CardDisplay/card_flip_button.jpg) no-repeat 0 0;
position:absolute;
top:363px;
left:183px;
}
#CardFlipButton:hover
{ 
background-position: 0 -35px;
}
#CardFlipButton span
{
display: none;
}		
.AllCardsSetButton,
.BaseSetButton,
.ChaseSetButton,
.TattooSetButton
{
	display: block;
	width:284px;
	height:27px;
	position:absolute;
	top:405px;
	left:73px;
}
.AllCardsSetButton
{
	background: url(images/CardDisplay/CardType/card_set_showall.jpg) no-repeat 0 0;
}
.BaseSetButton
{
	background: url(images/CardDisplay/CardType/card_set_baseset.jpg) no-repeat 0 0;
}
.ChaseSetButton
{
	background: url(images/CardDisplay/CardType/card_set_chase.jpg) no-repeat 0 0;
}
.TattooSetButton
{
	background: url(images/CardDisplay/CardType/card_set_tattoo.jpg) no-repeat 0 0;
}

.AllCardsSetButton:hover,
.BaseSetButton:hover,
.ChaseSetButton:hover,
.TattooSetButton:hover
{
	background-position: 0 -27px;
}
.CardSetButton1 span
{
display: none;
}	
#card_set_button2
{
display: block;
width:284px;
height:27px;
background: url(images/CardDisplay/card_set_status_02.jpg) no-repeat 0 0;
position:absolute;
top:405px;
left:73px;
}
#card_set_button2:hover
{ 
background-position: 0 -27px;
}
#card_set_button2 span
{
display: none;
}	
#card_set_button3
{
display: block;
width:284px;
height:27px;
background: url(images/CardDisplay/card_set_status_03.jpg) no-repeat 0 0;
position:absolute;
top:405px;
left:73px;
}
#card_set_button3:hover
{ 
background-position: 0 -27x;
}
#card_set_button3 span
{
display: none;
}
#card_set_button4
{
display: block;
width:284px;
height:27px;
background: url(images/CardDisplay/card_set_status_04.jpg) no-repeat 0 0;
position:absolute;
top:405px;
left:73px;
}
#card_set_button4:hover
{ 
background-position: 0 -27px;
}
#card_set_button4 span
{
display: none;
}	
#PopupCardSetListBox
{
width:238px;
position:absolute;
left:95px;
top:256px;
}
#PopupCardSetListBackground
{
background-image:url(images/CardDisplay/pop_up_card_status_bg.png);
width:238px;
}
#popup_card_set_list_bottom
{
background-image:url(images/CardDisplay/pop_up_card_status_bottom.png);
background-repeat:no-repeat;
widows:238px;
height:19px;
}
#PopupCardSetListTop
{
background-image:url(images/CardDisplay/pop_up_card_status_top.png);
widows:238px;
height:14px;
background-repeat:no-repeat;
background-position:bottom;
}

.PopupCardList ul 
{
width:200px;
height:300px;
overflow:scroll;

}	

.PopupCardList li
{
margin: 0 0 0 60px;
line-height:20px;
list-style-image:url(images/CardDisplay/bullet.gif);	
}
.PopupCardList a
{
text-decoration:none;
font-weight:bold;
color:#fff;	
}
.PopupCardList a:hover
{
	text-decoration:none;
font-weight:bold;
color:yellow;	
}

#CardInfoBox
{
background-image:url(images/CardDisplay/card_info_box.png);
width:253px;
height:92px;
position:absolute;
left:76px;
top:307px;
}
#CardInfoTextLeft
{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
width:80px;
text-align:right;
position:absolute;
top:12px;
left:20px;
line-height:14px;
}
#CardInfoTextRight
{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color: #ffde00;
width:136px;
height:56px;
text-align: left;
position:absolute;
top:12px;
left:105px;
line-height:14px;
overflow:hidden;
}
.PopUpCardlistBox
{
background-image:url(images/CardDisplay/pop_up_card_list_box.png);
width:970px;
height:448px;
position:absolute;
top:0px;
left:0px;
}
.CardThumbListBox
{
width:515px;
height:355px;
position:absolute;
overflow: auto;
position:absolute;
top:30px;
left:430px;



}
.CardThumbnailHolder
{
padding:1px;
margin-bottom:3px;
width: 60px;
height: 60px;
}
.ThumbnailBox
{
	color: #FFCC00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	float: left;
	margin-right: 26px;
	margin-top: 11px;
	width: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	cursor: hand;
}
#CloseButton
{
display: block;
width: 64px;
height: 19px;
background: url(images/CardDisplay/close.png) no-repeat 0 0;
position:absolute;
top:16px;
left :840px;
}
#CloseButton:hover
{ 
background-position: 0 -19px;
}
#CloseButton span
{
display: none;
}	
/* End CSS */
/* ================================================================= */
#rightSide { float:left; }
#toutOne { width:534px; background:url(images/tout1_bg.jpg) no-repeat; }
#toutTwo { width:534px; background:url(images/tout2_bg.jpg) no-repeat; }
/* Page Footer */
#pageFooter { text-align:left; width:1025px; height:172px; background:url(images/background-footer2.png) no-repeat; }
#footerLinkUpperDeck, #footerLinkMarvel { position:absolute; }
#footerLinkUpperDeck { background:url(images/icon-upperdeck.png) no-repeat; width:61px; height:48px; margin-left:130px; }
#footerLinkMarvel { background:url(images/icon-marvel.png) no-repeat; width:81px; height:33px; margin:10px 0 0 845px; }
#footerNavigation, #footerNavigation a { color:#FFF; font-weight:bold; text-decoration:none; line-height:20px; font-size:13px; text-transform:uppercase; text-align:center;  }
#footerNavigation {}
#footerNavigation a:hover { color:yellow; }
#footerCopyright { color:#FFF; line-height:12px; font-size:11px; text-align:center; }
#footerCopyright a { color:#FFF;}



.product_tout_superherosquad
{
display: block;
width: 127px;
height: 62px;
background: url(images/toutSuperHeroSquad.png) no-repeat 0 0;
float:left;
margin-left:3px;
margin-right:3px;
}
.product_tout_superherosquad:hover
{ 
background-position: 0 -62px;
}
.product_tout_superherosquad span
{
display: none;
}



.product_tout_ironman2
{
display: block;
width: 127px;
height: 62px;
background: url(images/toutIronMan2.png) no-repeat 0 0;
float:left;
margin-left:3px;
margin-right:3px;
}
.product_tout_ironman2:hover
{ 
background-position: 0 0px;
}
.product_tout_ironman2 span
{
display: none;
}