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

/* Link styles				*/

/* Header styles			*/
.header	 {
	background-image: url("http://mymmoshop.com/Uploads/Images/69/269/mymmoshopheader948x150.jpg");
	background-repeat: no-repeat; 
	background-position: left top; 
	height: 150px; 
	width: 948px; 
	padding: 0px; 
	position: relative;
	border: 1px solid black;
	}

.header .flags	{
	position: absolute; 
	top: 15px; 
	right: 25px;
        background-color: none;
}
.header .flags a  {
	background-image: none !important; 
	padding: 1px 2px; !important; 
        border: none;
	margin: 0px 0px 0px 5px!important; 
}

.header .mcafee {
        position: absolute; 
	top: 40px; 
	right: 25px;
        background-color: none;
}



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

.area	{
background-image: url("http://www.mymmoshop.com/Uploads/Images/69/20/body3.jpg");
background-repeat: repeat-y;        
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
}
.area .l-col	{
	float: left;
 	width: 165px; 
	margin-left: 10px;
border: 1px ridge #000000;
background-color: #3399FF;
border-top: ff3300;
border-left: 1px solid #000000;
}

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

.area .l-col a:hover  {
	color: #ffffff;
        
}




.l-col .navigation a {
padding: 4.5px 8px;
font: bold 12px Arial, Helvetica, Sans-Serif;
color: #000000;
margin: 0px 2px 0px 0px;
border: 2px outset #333399;
}

.l-col .navigation a:hover {
background-color: #66ccfd;
border: 1px solid #ffffff;
color: #ffffff;
}

.l-col .navigation h1, .l-col .navigation h4 {
border: 2px ridge #3399FF;
width: 154px;
}

.l-col h1, .l-col h4 {
border: 2px ridge #3399FF;
}
.area .m-col   {
	float: left;
	width: 515px; 
	margin-left: 5px;
        padding: 0px 2px 0px 2px;
}
.area .r-col   {
background-color: #ffffff;
	float: right; 
	width: 231px; 
	margin: 0px 5px;
border: 2px ridge #000000;
border-top: none;
}

.r-col #BlockUser, .r-col #BlockTestimonial, .r-col #BlockChat {
margin: 0px 0px 20px 0px;
}

.area #BlockChat .dark {
background-color: #ffffff
}

.r-col table {
width: 222px;
}

.r-col table input {
background-color: #ffffff;
}

.r-col table input.button {
background-color: #66ccfd;
}

.area .block h1, .area .block h4	 {
	 font: bold 14px Arial, Helvetica, Sans-Serif; 
	 padding: 3px 0px 2px 5px; 
	 margin: 0px 0px 2px 0px; 
}
.l-col h1, .l-col h4, .m-col h1, .m-col h4, .r-col h1, .r-col h4 {
	background-image: url("http://www.mymmoshop.com/Uploads/Images/69/269/bar.jpg");
	background-repeat: no-repeat; 
        color: #ffffff;
}

.m-col h2 {
font: bold 13px Arial, Helvetica, Sans-Serif; 

}


.r-col h3 {
font: bold 16px Arial, Helvetica, Sans-Serif; 

}

.m-col .NewsTitle {
font: bold 14px Arial, Helvetica, Sans-Serif;

}

.m-col a {
text-decoration: none; 
}

.m-col a:hover {
text-decoration: underline;
color: #333399

}

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

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

.button {
border: 2px groove white;
}

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

.area .block .light  {
background-color: #ffffff;
}
.area .block .dark  {
background-color: #3399FF;
}
.footer {
	 font: 10px Arial, Helvetica, Sans-Serif; 
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-top: none;	 

}
.quickmenu {
 font: 10px Arial, Helvetica, Sans-Serif; 
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-top: none;
background-color: #ffffff;

} 




/* Misc. styles				*/


label.CSMenuOption {
font: 11px Arial, Helvetica, Sans-Serif; 

}



.list		{
	color: #000000; 
	background-color: #ffffff; 
	border: 1px solid #000000; 
	font-size: 11px;
        margin: 8px 0px;
}
.button		{
	color: #000000; 
	background-color: #66ccfd; 
	border: 1px solid #000000; 
        padding: 1px 2px;
	font-size: 11px;
        margin: 2px 0px;
}



.textfield	{
	color: #000000; 
	background-color: #ffffff; 
	border: 1px solid #000000; 
	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 #000000;
}

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



/*Non-JS Page */

table {
	font-size:12px;
	font-family:Arial, Helvetica, Sans-Serif
}

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

Table#games {
text-align: center;
align: left;
width: 502px;
height: 730px;
border: 0px;
}

/* 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 #000000;
	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: #333399;
	border: solid 1px #000000;
 }
-->

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