/* 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: #fff; 
}
body {
	font-family: Verdana, Arial, Sans-Serif; 
	font-size: 12px; 
	color: #000;
}
form {
	margin: 0px; 
	padding: 0px;
}
td	 {
	font-family: Arial, Verdana, Sans-Serif; 
	font-size: 11px; 
	text-align: left; 
	padding: 0px 3px; 
}
a img			{
	border: none;
}

/* Link styles				*/

/* Header styles			*/
.header	 {
background-image: url("http://vcmmo.com/Uploads/Images/74/94/big221.png");
background-color: #ccc;
	background-repeat: no-repeat; 
	background-position: left top; 
	height: 65px; 
	width: 836px; 
	padding: 65px 0px 10px 132px; 
margin: 7px 0px 0px 0px;
	position: relative;
	border: 1px solid black;
	}
.header a, .header a:hover {
        background-color: #eee;
	color: #000; 
	display: block; 
	float: left; 
	height: 20px; 
	padding: 4px 15px 0px 15px; 
	position: relative; 
	border: 1px solid #aaa; 
	text-decoration: none; 
	margin: 49px 0px 0px 0px; 
        font: bold 13px Arial, Sans-Serif;
	}

.header a:hover {
background-color: #ddd;
}


.header .flags	{
position: absolute; 
	top: 120px; 
	right: 7px;
        background-color: none;
}
.header .flags a  {
	background-image: none !important; 
	padding: 0px !important; 
        border: none;
        background-color: #ccc;
	margin: 0px 0px 0px 5px!important; 
}

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

.area	{
	background-image: url("http://vcmmo.com/Uploads/Images/74/94/background.jpg");
background-repeat: repeat-y;        
border-left: 1px solid #000;
        border-right: 1px solid #000;
}
.area .l-col	{
	float: left;
 	width: 168px; 
	margin-left: 20px;
background-color: #aaa;
border: 1px solid #333;
border-top: none;
}
.area .m-col   {
	float: left;
	width: 523px; 
	margin-left: 2px;
        padding: 0px 1px;
}
.area .r-col   {
background-color: #aaa;
	float: left; 
	width: 239px; 
	margin-left: 2px;
border: 1px solid #333;
border-top: none;
}
.area .block h1	 {
	 font: bold 13px Arial, verdana, Sans-serif; 
	 padding: 3px 0px 2px 5px; 
	 margin: 0px 0px 2px 0px; 
}
.l-col h1, .m-col h1, .r-col h1 {
	background-image: url("http://www.vcmmo.com/Uploads/Images/74/94/bar.jpg");
        color: #000;
}

.area .block .content    {
	padding: 5px; 
	margin-bottom: 2px; 
	font-size: 11px;
}

.r-col .light table td {
font: normal 12px Arial, Sans-Serif;
padding: 2px 0px;
}

.button {
background-image: url("http://www.vcmmo.com/Uploads/Images/74/94/button2.jpg");
border: 2px groove white;
}

.r-col .button {
padding: 2px 6px;
}

.area .block .light			{background-color: #aaa;}
.area .block .dark			{background-color: #bbb;}

.area .l-col a	  {
	display: block; 
        padding: 8px 5px;
color: #000;
	text-decoration: none; 
	font-family: Arial, Verdana, Sans-Serif;
	}

/* Footer styles			*/
.footer	   {
        border: 1px solid #000;
        border-top: none;
	background-image: url("http://vcmmo.com/Uploads/Images/74/94/background.jpg");
background-repeat: repeat-y;  
	height: 27px; 
	width: 968px; 
	text-align: center; 
	padding-top: 110px;
}

/* Misc. styles				*/
.list		{
	color: #000; 
	background-color: #ccc; 
	border: 1px solid #334; 
	font-size: 11px;
        margin: 8px 0px;
}
.button		{
	color: #000; 
	background-color: #ccc; 
	border: 1px solid #111; 
        padding: 1px 2px;
	font-size: 11px;
        margin: 2px 0px;
}
.textfield	{
	color: #000; 
	background-color: #ccc; 
	border: 1px solid #111; 
	padding: 0px 5px; 
	font: bold 11px Verdana, Sans-Serif; 
	}
.spaced		{
	margin-bottom: 5px 0px 3px 0px; 
	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: solid thin #334;
}

.BorderDotted
{
border-top: dotted thin #334;
}

/*Non-JS Page */

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

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

/* JS ONLY PAGE */

#ShoppingCart TABLE {text-align:center;}
a {color: black;}

#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: 5px 0px;
}

#ItemDataDiv
{
	display:none;
	position:absolute;
	border:1px solid #969696;
	text-align:center;
	width:220px;
	color:black;
}
<!--
#LoadingMessage
{
	display:none;
	position: absolute;
	left: 45%; top: 45%;
	margin: 0px auto;
	padding: 30px;
	text-align:center;
	color: black;
	background-color: #eef;
	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: black;
}

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

