/* 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: #000000;}
body					{font-family: Verdana; font-size: 13px; color: #FFFFFF;}
div					{margin: auto; height: auto;}
form					{margin: 0px; padding: 0px;}
td					{font-family: Arial; font-size: 12px; text-align: left; padding-left: 3px; padding-right: 3px;}
a img			{border: none 0px;}

/* Link styles				*/

/* Header styles			*/
.header					{
	background-image: url(../../Img/VanguardDepot/header_back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 39px;
	width: 830px;
	position: relative;
	padding-left: 140px;
	padding-top: 200px;
}
.header a, .header a:hover		{
	color: #b2cf94;
	display: block;
	float: left;
	background-image: url(../../Img/VanguardDepot/header_button_left.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 15px;
	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;
	padding-top: 4px;
	text-decoration: none;
	margin-right: 5px;
	line-height: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 11px;
}
.header a .end, .header a:hover .end	{background-image: url(../../Img/VanguardDepot/header_button_right.gif); background-repeat: no-repeat; background-position: right 0px; height: 19px; width: 4px; display: inline; margin: 0px; padding: 0px; position: absolute; top: 0px; right: -1px;}
.header a:hover, .header a:hover .end	{background-position: 0px -19px;}
.header .flags	{position: absolute; top: 10px; right: 50px;}
.header .flags a		{background-image: none !important; padding: 0px !important; margin: 0px !important; margin-left: 5px !important;}

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

.area					{background-image: url(../../Img/VanguardDepot/main_area_back.jpg); background-repeat: repeat-y; background-position: left bottom;}
.area .l-col				{float: left; width: 168px; margin-left: 20px !important; margin-left: 10px;
background-color:#642600; height:100%
}
.area .m-col				{float: left; width: 523px; margin-left: 2px;}
.area .r-col				{float: left; width: 239px; margin-left: 2px;}
.area .block h1				{background-repeat: no-repeat; background-position: left top; font-size: 13px; font-weight: normal; height: 17px; padding-top: 2px; padding-left: 5px; margin-bottom: 2px; margin-top: 0px; margin-right: 0px; margin-left: 0px;}
.l-col h1				{
	background-color: #371500;
}
.m-col h1				{
	background-color: #642600;
}
.r-col h1				{
	background-color: #642600;
}
.area .block .content			{padding: 5px; margin-bottom: 2px; font-size: 12px;}
.area .l-col a			{display: block; margin-bottom: 2px; background-image: url(../../Img/VanguardDepot/bullet.gif); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 8px; text-decoration: none; font-family: Arial;}
.area .block .light			{
	background-color: #9a510c;
	border: 2px solid #371500;
}
.area .block .dark			{background-color: #642600;}

/* Footer styles			*/
.footer					{
	background-image: url(../../Img/VanguardDepot/footer_back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 36px;
	width: 970px;
	text-align: center;
	padding-top: 30px;
}

/* Misc. styles				*/
.list		{color: #191B09; background-color: #ffffff; border: solid 1px #ffffff; font-size: 11px;}
.button		{color: #ffffff; background-color: #252521; border: 1px solid #D7D7D7; font-size: 11px;}
.textfield	{color: #2D3112; background-color: #ffffff; border: 2px solid #ffffff; 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 */

.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;
}

#LiveHelpImg
{
	width:227px !important;
	height:66px !important;
	background-image: url(../../Img/VanguardDepot/live_help.jpg);
}

.TrashCan
{
	width: 20px;
	height: 20px;
	background-image: url(../../Img/VanguardDepot/trash.gif);
}

/*Non-JS Page */

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

TABLE#ItemsGrid TR TD {text-align:center;}
TABLE#ItemsGrid TH {text-align:center;}
TABLE#ItemsGrid td.Col1 {text-align:right;}
TABLE#ItemsGrid td.Col0 {text-align:right;}
TABLE#GameMoneyGrid TR TD {text-align:center;}
TABLE#AccountsGrid TR TD {text-align:center;}
TABLE#ShoppingCartTable TR TD {text-align:center;}

/* JS ONLY PAGE */

.NewsContent
{
	margin-bottom: 15px;
        padding-left: 25px;
        padding-right: 13px;
}

.NewsTitle
{
	color: #FCD374;
	margin-bottom: 7px;
        margin-top: 15px;
	font-weight:bold;
	font-size:13px;
}

#ShoppingCartServerName {font-weight: bold;margin: 4px;margin-bottom: 10px}
#ShoppingCart TABLE {text-align:center;}
a {color:white;}

#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:157px;
	font-size:11px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#ItemsGrid
{
	text-align:center;
}

#ItemDataDiv
{
	display:none;
	position:absolute;
	border:1px solid #969696;
	text-align:center;
	width:220px;
	color:white;
}

#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_65
{
	display: block;
	background-image: url(/Img/Featured/65.gif);
	width:50px;
	height:50px;
	margin: 0 auto;
	background-repeat: no-repeat;
}

.Game_66
{
	display: block;
	background-image: url(/Img/Featured/66.gif);
	width:50px;
	height:50px;
	margin: 0 auto;
	background-repeat: no-repeat;
}

.wg { font: Arial, Helvetica, sans-serif;
	font-size: 0px;
	color: #000000;
	text-decoration: none;
}

a.wg {  font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

a.wg:hover {  font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	cursor: text;
}

DIV#PaymentProcessorsList TABLE * TD+TD+TD {text-align:right;vertical-align:middle;}