/* 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(http://www.twentygrant.com/dev_img/top_header.jpg); background-repeat: no-repeat; background-position: left top; height: 115px; width: 838px; padding-top: 123px; padding-left: 132px; position: relative;}
.header a, .header a:hover  {color: #FFFFFF; display: block; float: left; background-image: ; background-repeat: no-repeat; background-position: 0px 0px; height: 17px; 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;}
.header a .end, .header a:hover .end {background-image: ; background-repeat: no-repeat; background-position: right 0px; height: 21px; width: 4px; display: inline; margin: 0px; padding: 0px; position: absolute; top: 0px; right: -1px;}
.header a:hover, .header a:hover .end {background-position: 0px -21px;}
.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(http://www.twentygrant.com/dev_img/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;}
.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-image: url(http://www.twentygrant.com/dev_img/r-col_h1_back.jpg);}
.m-col h1    {background-image: url(http://www.twentygrant.com/dev_img/m-col_h1_back.jpg);}
.r-col h1    {background-image: url(http://www.twentygrant.com/dev_img/r-col_h1_back.jpg);}
.area .block .content   {padding: 5px; margin-bottom: 2px; font-size: 11px;}
.area .l-col a   {display: block; margin-bottom: 2px; background-image: url(../../Img/WarcraftGold/bullet.gif); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 8px; text-decoration: none; font-family: Arial;}
.area .block .light   {background-color: #654E07;}
.area .block .dark   {background-color: #3E3D28;}
/* Footer styles   */
.footer     {background-image: url(http://www.twentygrant.com/dev_img/footer_back.jpg); background-repeat: no-repeat; background-position: left top; height: 27px; width: 970px; text-align: center; padding-top: 110px;}
/* Misc. styles    */
.list  {color: #000000; background-color: ; border: solid 1px ; font-size: 11px;}
.button  {color: #000000; background-color: #804B17; border: solid 1px ; font-size: 11px;}
.textfield {color: #000000; background-color: ; border: solid 2px #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 ;
border-left: thin solid ;
border-right: thin solid ;
border-bottom: thin solid ;
}
.BorderDotted
{
border-top: thin dotted ;
border-left: thin dotted ;
border-right: thin dotted ;
border-bottom: thin dotted ;
}
#LiveHelpImg
{
 width:227px !important;
 height:66px !important;
 background-image: url(http://www.twentygrant.com/dev_img/chatbutton.gif);
}
.TrashCan
{
 width: 20px;
 height: 20px;
 background-image: url(../../Img/WarcraftGold/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#AccountsGrid TR TD {text-align: center;}
TABLE#ShoppingCartTable TR TD {text-align: center;}
/* JS ONLY PAGE */
.NewsContent
{
 margin-bottom: 15px;
}
.NewsTitle
{
 color: #BF7122;
 margin-bottom: 7px;
 font-weight:bold;
 font-size:13px;
}
#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;
}
#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;
 width:234px;
 height:76px;
 margin: 0 auto;
 background-repeat: no-repeat;
background-image: none;
background-image: url(http://www.twentygrant.com/dev_img/wow_us.jpg); !important;
filter: none !important;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=http://www.twentygrant.com/dev_img/wow_us.jpg);
}
.Game_66
{
 display: block;
 width:234px;
 height:76px;
 margin: 0 auto;
 background-repeat: no-repeat;
background-image: none;
background-image: url(http://www.twentygrant.com/dev_img/wow_eu.jpg); !important;
filter: none !important;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=http://www.twentygrant.com/dev_img/wow_eu.jpg);
}
.Game_84
{
 display: block;
 width:234px;
 height:76px;
 margin: 0 auto;
 background-repeat: no-repeat;
background-image: none;
background-image: url(http://www.twentygrant.com/dev_img/lotr_us.jpg); !important;
filter: none !important;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=http://www.twentygrant.com/dev_img/lotr_us.jpg);
}
.Game_85
{
 display: block;
 width:234px;
 height:76px;
 margin: 0 auto;
 background-repeat: no-repeat;
background-image: none;
background-image: url(http://www.twentygrant.com/dev_img/lotr_eu.jpg); !important;
filter: none !important;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=http://www.twentygrant.com/dev_img/lotr_eu.jpg);
}
.Game_83
{
 display: block;
 width:234px;
 height:76px;
 margin: 0 auto;
 background-repeat: no-repeat;
background-image: none;
background-image: url(http://www.twentygrant.com/dev_img/van.jpg); !important;
filter: none !important;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=http://www.twentygrant.com/dev_img/van.jpg);
}
.Game_49
{
 display: block;
 width:234px;
 height:76px;
 margin: 0 auto;
 background-repeat: no-repeat;
background-image: none;
background-image: url(http://www.twentygrant.com/dev_img/ffxi_btn.jpg); !important;
filter: none !important;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=http://www.twentygrant.com/dev_img/ffxi_btn.jpg);
}
.Game_89
{
 display: block;
 width:119px;
 height:83px;
 margin: 0 auto;
 background-repeat: no-repeat;
background-image: none;
background-image: url(http://www.twentygrant.com/dev_img/ddo_btn.jpg); !important;
filter: none !important;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=http://www.twentygrant.com/dev_img/ddo_btn.jpg);
}
.Game_86
{
 display: block;
 width:234px;
 height:76px;
 margin: 0 auto;
 background-repeat: no-repeat;
background-image: none;
background-image: url(http://www.twentygrant.com/dev_img/eve_btn.jpg); !important;
filter: none !important;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=http://www.twentygrant.com/dev_img/eve_btn.jpg);
}
.Game_91
{
 display: block;
 width:234px;
 height:76px;
 margin: 0 auto;
 background-repeat: no-repeat;
background-image: none;
background-image: url(http://www.twentygrant.com/dev_img/lin2_btn.jpg); !important;
filter: none !important;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=http://www.twentygrant.com/dev_img/lin2_btn.jpg);
}