/* CSS File				*/
/* Version: 	01			*/
/* Created at: 	HBfx Studio		*/
/* Author: 	Eros Nicolau	1	*/

/* Tag redefines			*/
html, body				{
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	background-color: #ffffff;
}
body					{
	font-family: Verdana;
	font-size: 12px;
	color: #4f4f4f;
	background-image: url(/Uploads/Images/106/130/body_back.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
div					{margin: auto; height: auto;}
form					{margin: 0px; padding: 0px;}
td					{font-family: Arial; font-size: 11px; text-align: left; padding-left: 3px; padding-right: 3px;}
a img			{border: none 0px;}
strong		{
	color: #bc9841;
}

/* Link styles				*/
a			{color: #000000;}

/* Header styles			*/
.header					{
	background-image: url(/Uploads/Images/106/130/header_back.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 63px;
	padding-left: 340px;
	position: relative;
	margin: 0px;
	padding-top: 17px;
	padding-right: 0px;
	padding-bottom: 40px;
}
.header a, .header a:hover		{
	color: #FFFFFF;
	display: block;
	float: left;
	background-image: url(/Uploads/Images/106/130/header_button_left.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 18px;
	padding-left: 10px;
	position: relative;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-right: 10px;
	text-decoration: none;
	margin-right: 5px;
	line-height: 18px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	white-space: nowrap;
}
.header a .end, .header a:hover .end	{background-image: url(/Uploads/Images/106/130/header_button_right.gif); background-repeat: no-repeat; background-position: right 0px; height: 18px; width: 4px; display: inline; margin: 0px; padding: 0px; position: absolute; top: 0px; right: -1px;}
.header a:hover, .header a:hover .end	{
	background-position: 0px -18px;
	color: #000000 !important;
}
.header .flags	{
	position: absolute;
	top: 18px;
	right: 50px;
	white-space: nowrap;
	width: 60px;
}
.header .flags a		{background-image: none !important; padding: 0px !important; margin: 0px !important; margin-left: 5px !important;}

.header .flash		{
	position: absolute;
	left: 190px;
	top: 0px;
}

/* Main area styles			*/
.holder2				{width: 100%;}
.holder1				{text-align: center; margin-left: auto; margin-right: auto; width: 960px;}
.holder					{text-align: left; margin: 0px; padding: 0px; border: none; *width:960;}

.area					{background-image: url(http://test.hbfx.com/eotreasures/main_area_back.gif); background-repeat: repeat-y; background-position: left bottom;}
.area .l-col				{
	float: left;
	width: 192px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;	
}
.area .m-col				{
	float: left;
	width: 502px;
	margin: 0px;
	padding: 0px;
}
.area .r-col				{
	float: left;
	width: 226px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;	
}
.area .l-col .content		{
	background-color: #fcfcfc;
	border: 1px solid #efefef;
	padding: 7px;
}
.area .m-col .content		{padding-right: 10px;
	padding-left: 0px;}
.area .r-col .content		{padding-right: 27px;
	padding-left: 5px;}

.r-col a	{color: #0085d2;}

.area .block h1				{
	background-repeat: no-repeat;
	background-position: left top;
}
.l-col h1, .r-col h1				{
	font-family: "Trebuchet MS";
	color: #869fb4;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: 14px;
	line-height: 11px;
	text-transform: uppercase;
}
.m-col h1				{
	height: 28px;
	color: #FFFFFF;
	margin-bottom: 20px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(/Uploads/Images/106/130/m-col_h1_back.gif);
	font-family: Tahoma;
	font-size: 11px;
	line-height: 28px;
	padding-right: 13px;
	padding-left: 13px;
}
.area .r-col .intermediary {
	background-image: url(http://test.hbfx.com/eotreasures/r-col_h1_intermediary_back.gif);
	height: 80px;
	line-height: 60px;
	background-repeat: no-repeat;
	background-position: left top;
}

.area .block .content			{font-size: 11px;}
.area .l-col a			{
	display: block;
	margin-bottom: 2px;
	padding-left: 8px;
	font-family: Tahoma;
	font-size: 11px;
	color: #0085d2;
	line-height: 24px;
	background-image: url(/Uploads/Images/106/130/underline.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.area .l-col a:hover			{
	color: #000000;
	text-decoration: underline;
}
.area .block .light			{}
.area .block .dark			{}

/* Footer styles			*/
.footer					{
	text-align: center;
	padding-top: 10px;
	background-color: #f4f4ef;
	border-top: 1px solid #d2d2bc;
	padding-bottom: 10px;
	font-family: Tahoma;
	font-size: 11px;
	color: #7e8d89;
}

/* Misc. styles				*/
.list		{font-size: 11px;}
.button		{font-size: 11px;}
.textfield	{padding-left: 5px; padding-right: 5px; font-weight: bold; font-size: 11px;}
.spaced		{margin-bottom: 3px !important; margin-top: 5px !important; font-weight: bold !important;}

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
/* Hide from IE Mac */
.clearfix {display:block;}
/* End hide from IE Mac */

#UserDiv a		{color: #FFFFFF !important;}

.TrashCan		{
	background-image: url(/Uploads/Images/106/130/delete.gif);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 12px;
	width: 12px;
}

#BlockUser	{
	padding-bottom: 7px;
	margin-bottom: 7px;
	background-image: url(/Uploads/Images/106/130/login_bottom_back.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#BlockUser .content		{
	background-color: #ebeced;
	color: #333333;
	background-image: url(/Uploads/Images/106/130/login_top_back.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
	padding-bottom: 7px;
}

#BlockTestimonial h1, #NewsletterBlock h1	, #MakeMoney h1		{
	background-image: url(/Uploads/Images/106/130/r-col_h1_back.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFFFFF;
	font-family: Tahoma;
	font-size: 11px;
	line-height: 28px;
	height: 28px;
	margin-bottom: 10px;
	padding-right: 13px;
	padding-left: 13px;
}


.CheckoutTable
{
border-top: thin solid #642600;
border-left: thin solid #642600;
border-right: thin solid #642600;
border-bottom: thin solid #642600;
}

.BorderDotted
{
border-top: thin dotted #642600;
border-left: thin dotted #642600;
border-right: thin dotted #642600;
border-bottom: thin dotted #642600;
}

/*Non-JS Page */

table {font-size:12px;font-family:verdana}

TABLE#ItemsGrid TR TD {text-align: center; padding-top: 10px;}
TABLE#ItemsGrid TH {text-align: center;}
TABLE#ItemsGrid td.Col1 {text-align: right; border-bottom: solid 1px #333333;}
TABLE#ItemsGrid td.Col0 {text-align: left; border-bottom: solid 1px #333333;}
TABLE#ItemsGrid td.Col2 a {
	background-image: url(http://test.hbfx.com/eotreasures/button_back.gif);
	background-repeat: repeat-x;
	background-position: left center;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	border: 1px solid #999999;
}
TABLE#AccountsGrid TR TD {text-align: center;}
TABLE#ShoppingCartTable TR TD {text-align: center;}

/* JS ONLY PAGE */

#ShoppingCart TABLE {text-align:center;}


#UserOrders TR TD {text-align: center;}
#UserOrders td.Col3  {text-align: right;}
#OrderDetails td.Col2  {text-align: center;}
#OrderDetails td.Col3  {text-align: right;}

#GameSelect
{
	width:147px;
	font-size:11px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#ItemDataDiv
{
	display:none;
	position:absolute;
	border:1px solid #969696;
	text-align:center;
	width:220px;
	color:white;
}
<!--
#LoadingMessage
{
	display:none;
	position: absolute;
	left: 45%; top: 45%;
	margin: 0px auto;
	padding: 30px;
	text-align:center;
	color: #ffffff;
	background-color: #642600;
	border: solid 1px #B98404;
 }
-->

#DivLoadingMessage
{
	display: none;
	position:absolute;
	z-index:6;
	width: 95%;
	top: 40%;
	text-align:center;
 }

#DivLoadingMessage SPAN
{
	padding: 2%;
}

#dialog
{
	position:absolute;
	top:0;
	left:0;
	background-repeat:repeat;
	filter:alpha(opacity='50');
	display:none;
	z-index:5;
	-moz-opacity:.40;
	opacity:.40;
}

.DetailDiv
{
	display:none;
	background-color:white;
	border:1px solid black;
	position:absolute;
	z-index:5;
	left:35%;
	top:150px;
	text-align:center;
}

#AccountDetailDiv
{
	width:300px;
	height:250px;
	color:white;
}

#OrderDetailDiv
{
	width:420px;
	color:black;
}

#DetailHeader
{
	color:white;
	width:300px;
	border:1px solid black;
}

#AccountDescription
{
	border-width:15px;
}

.Game_105,
.Game_106,
.Game_65,
.Game_66,
.Game_103,
.Game_104,
.Game_63,
.Game_64,
.Game_49,
.Game_83,
.Game_85,
.Game_84 {display: block; width:180px; height:102px; margin: 0 auto; background-repeat: no-repeat;}


.Game_63	{background-image: url(/Uploads/Images/97/128/game_eq.jpg);}
.Game_64	{background-image: url(/Uploads/Images/97/128/game_eq2.jpg);}
.Game_105	{background-image: url(/Uploads/Images/97/128/war1us.png);}
a#__game_105__:hover	{background-image: url(/Uploads/Images/97/128/war2us.png);}
.Game_106	{background-image: url(/Uploads/Images/97/128/war1eu.png);}
a#__game_106__:hover	{background-image: url(/Uploads/Images/97/128/war2eu.png);}
.Game_103	{background-image: url(/Uploads/Images/97/128/ageus1.png);}
a#__game_103__:hover	{background-image: url(/Uploads/Images/97/128/ageus2.png);}
.Game_104	{background-image: url(/Uploads/Images/97/128/ageeu1.png);}
a#__game_104__:hover	{background-image: url(/Uploads/Images/97/128/ageeu2.png);}
.Game_49	{background-image: url(/Uploads/Images/97/128/game_ffxi.jpg);}
.Game_83	{background-image: url(/Uploads/Images/97/128/game_vanguard.jpg);}
.Game_65	{background-image: url(/Uploads/Images/97/128/wowus1.png);}
a#__game_65__:hover	{background-image: url(/Uploads/Images/97/128/wowus2.png);}
.Game_66	{background-image: url(/Uploads/Images/97/128/woweu1.png);}
a#__game_66__:hover	{background-image: url(/Uploads/Images/97/128/woweu2.png);}
.Game_85	{background-image: url(/Uploads/Images/97/128/game_lotreu.jpg);}
.Game_84	{background-image: url(/Uploads/Images/97/128/game_lotrus.jpg);}