html { height: 100%; width: 100%; overflow: auto;}
body {
    color: #000000;
    font-family: Arial, sans-serif;
    font-size: 12px;
    
    BACKGROUND-COLOR: #000000;
    height: 400px;;
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	background-image: url(marketplace/AtlusOnline_bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	text-align: center;
	min-width: 760px;
}
form { width: 100%; height: 100%;}

P{COLOR: #ffffff; FONT-FAMILY: Tahoma; FONT-SIZE: 12px; margin: 2px 0px 2px 0px }
.indent{ text-indent: 20px; }
TD{COLOR: #ffffff; FONT-FAMILY: Tahoma; FONT-SIZE: 12px;  }
LI{COLOR: #ffffff; FONT-FAMILY: Tahoma; FONT-SIZE: 12px; margin: 0px 0px 0px 0px }
UL{COLOR: #ffffff; FONT-FAMILY: Tahoma; FONT-SIZE: 12px; margin: 8px 0px 8px 20px }

a
{ COLOR: #a3793d; FONT-FAMILY: Tahoma; TEXT-DECORATION: none; font-weight: bold; }

A:link{COLOR: #a3793d; TEXT-DECORATION: none}
A:active{COLOR: #a3793d; TEXT-DECORATION: none}
A:visited{COLOR: #a3793d; TEXT-DECORATION: none}
A:hover{COLOR: #bb562b; TEXT-DECORATION: none}

.specials_bg
{
	background-image: url(specials/specials_bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	width: 760px; height: 500px;
}

.header-SpecialOffers
{
	position: relative; z-index: 19; top: 10px; left: 10px;
	background-image: url(specials/header-SpecialOffers.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 410px; height: 60px;
}

.topheader
{
	position: absolute; z-index: 20;
	top: 10px; right: 20px;
	text-align: right;
}

.BonusItem
{
	position: relative; z-index: 19; top: 0px; left: 10px;
	width: 410px; height: 193px;
	background-image: url(specials/BonusItem.png);
	background-position: center top;
	background-repeat: no-repeat;
}

.FeaturedItems
{
	position: relative; z-index: 19; top: -6px; left: 30px;
	width: 700px; height: 200px;
}
.header-FeaturedItems
{
	position: relative; z-index: 19; top: 14px; left: 10px;
	background-image: url(specials/header-ExcitingNew.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 425px; height: 42px;
}
.ItemRow
{
	position: relative; z-index: 19; top: 10px; left: 60px;
}
.itemholder
{
	position: relative; z-index: 19; top: 0px; left: 0px;
	background-image: url(specials/itemholder.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 146px; height: 160px;
	float: left;
}
.item_pic 
{
	position: relative; top: 8px; left: 9px; 
	width: 129px; height: 142px;
	overflow: hidden;
}
.item_subhead
{
	position: relative; z-index: 25; top: 10px; left: 0px;
	font-family: Georgia; font-size: 16px; font-weight: bold; color: #eac96e; text-align: center;
}





.toptop { vertical-align:top; }

.main_wrapper { position: absolute; }

.relative-holder { position: relative; }
.relative-holder-inner 
{
	position: relative;
}

.rightcolumn
{
	position: absolute;	top: 4px; left: 176px;
	width: 480px; height: 360px;
}

.banners
{
	position: relative;	top: 0px; left: -3px; z-index: 10;
	width: 463px; height: 133px;
	overflow: hidden; text-align: left;
}
.numbers
{
	z-index: 5;	position: absolute;
	top: 110px;	left: 4px;
	width: 400px;
}
.numbers-template
{
	background-color: #483627;
	padding: 2px 5px 2px 5px;
	border: solid 1px #261507;
	background-image: url(images/clearpixel.gif);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
}

.news_bg
{
	position: absolute;	top: 133px; left: 0px; z-index: 10;
	width: 240px; height: 230px;
	background-image: url(images/launcher-news_bg.png);
	background-position: left top;
	background-repeat: no-repeat;
	text-align: left;
	float: left;
}
.news-title
{
	position: absolute; width: 240px;
	top: 0px; left: 14px;
}
.news-content
{
	position: relative;	top: 20px; left: 16px;
	width: 200px; height: 100px;
	overflow: hidden;
	text-align: left;
}
.events_bg
{
	position: absolute;	top: 133px; left: 240px; z-index: 10;
	width: 240px; height: 230px;
	background-image: url(images/launcher-news_bg.png);
	background-position: left top;
	background-repeat: no-repeat;
	text-align: left;
	float: left;
}
.events-content
{
	position: relative;	top: 20px; left: 16px;
	width: 200px; height: 180px;
	overflow: hidden;
	text-align: left;
}

.subheading
{ FONT-FAMILY: Tahoma; COLOR: #91fcff; FONT-SIZE: 12px; FONT-WEIGHT: normal;}
A.subheading:link
{ COLOR: #91fcff; TEXT-DECORATION: none }
A.subheading:active
{ COLOR: #91fcff; TEXT-DECORATION: none }
A.subheading:visited
{ COLOR: #91fcff; TEXT-DECORATION: none }
A.subheading:hover
{ COLOR: #ffcb47; TEXT-DECORATION: none }

.smallred 
{
	position: relative; top: -14px; left: 10px;
	font-size: 9px; color: #ff4242;
	text-align: left;
}

.footnote 
{
	position: absolute; bottom: 0px; left: 10px; z-index: 20;
	font-size: 9px; color: #ff4242;
	text-align: left;
}

.launcher-pad
{
	padding: 10px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
}

.home_contentbox1
{
	position: relative; top: 14px; left: 14px;
	width: 220px; height: 130px;
	overflow: visible;
}
.home_contentbox2
{
	position: relative; top: 14px; left: 14px;
	width: 220px; height: 130px;
	overflow: visible;
}

.launcher_button
{
	position: absolute;	top: 76px; left: -20px; z-index: 50;
	width: 136px; height: 136px;
	background-image: url(images/launcher_bttn-earncrowns.png);
	background-position: left top;
	background-repeat: no-repeat;
	text-align: left;
	cursor: pointer;
}





/****************************************************************/
/********************** Scrolling News **************************/
/****************************************************************/

.root     {
    position:relative;
    height:      200px;
    width:      489px;
    margin:       0px 0px 8px 7px;    
    }
.root p   {
    margin:      10px 10px 5px 10px;
    }
.thumb     {
    position:      absolute;
    height:      9px;
    width:      15px;
    left:       10px;
    }
.up, .dn   {
    position:      absolute;
    left:       10px;
    }
.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{
    border:      0;
    }
.scrollContainer { 
    position:      absolute; 
    left:      2px; 
    top:      19px; 
    width:      350px; 
    height:      200px; 
    clip:      rect(0 467 200 0); 
    overflow:      auto;
    background: transparent;
    }
.scrollContent { 
    position:      absolute; 
    left:      0px; 
    top:      0px; 
    width:      100px; 
    }

/****************************************************************/