/* primary style definitions*/
body
{
	background: #1E346D url(images/bg_main.jpg) repeat-y top;
	margin: 5px 10px 10px 10px;
	padding: 0px;
	color: #000000;
	font: 9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	text-align: center;
	}
p
{
	color: #000000;
	font: 9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	margin: 0px 0px 10px 0px;
}
p.medium
{
	font-size: 8pt;
}
p.buffer
{
	color: #000000;
	font: 9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	margin: 0px 20px 0px 20px;
	text-align:left;
}
h1
{
	color: #000;
	margin: 0px 0px 10px 0px;
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
}



/* style definitions for page layout */
.container {
	width:770px;
	text-align: left;
	position: relative;
	margin:0px auto;
	padding: 0px;
	height: 100%;
}
.content {
	margin: 20px 0px 0px 0px;
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	width:770px;
	text-align: left;
	position: relative;
	float:left;
	height: 100%;
}
#panel-c-stretch {
	width:770px;
	text-align: left;
	position: relative;
	height: auto;
	overflow: hidden;
	float:left;
}
.r1c1 {
	width:11px;
	text-align: left;
	position: relative;
	float:left;
	background: url(images/dot_clear.gif);
	height: 100%;
}
.r1c2 {
	width:154px;
	text-align: left;
	position: relative;
	float:left;
	background: url(images/ss_col_l_bg.gif);
	height: 100%;
}
.r1c3 {
	padding: 0px 0px 0px 0px;
	width:414px;
	text-align: left;
	position: relative;
	float:left;
	background: url(images/ss_b_col_c_bg.gif);
	height: 100%;
}
.r1c3-r1c1 {
	padding: 0px 0px 0px 0px;
	width:20px;
	text-align: left;
	position: relative;
	float:left;
}
.r1c3-r1c2 {
	padding: 10px 10px 10px 10px;
	width:354px;
	text-align: left;
	position: relative;
	float:left;
}
.r1c3-r1c3 {
	padding: 0px 0px 0px 0px;
	width:20px;
	text-align: left;
	position: relative;
	float:left;
}
.r1c4 {
	width:180px;
	text-align: left;
	position: relative;
	float:left;
	background: url(images/ss_col_r_bg.gif);
	height: 100%;
}
.r1c5 {
	width:11px;
	text-align: left;
	position: relative;
	float:left;
	background: url(images/dot_clear.gif);
	height: 100%;
}



.ecard-c {
	width: 177px; 
	padding: 0px 0px 20px 0px;
	COLOR: #000000;
	font: 7pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	text-align: center;
	position: relative;
	float: left;
}
.ecard-f1 {
	width: 130px; 
	padding: 0px 0px 0px 0px;
	COLOR: #000000;
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	text-align: right;
	position: relative;
	float: left;
}
.ecard-f2 {
	width: 224px; 
	padding: 0px 0px 0px 0px;
	COLOR: #000000;
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	text-align: left;
	position: relative;
	float: left;
}

.ec-r1c1 {
	width:11px;
	text-align: left;
	position: relative;
	float:left;
	background: url(images/dot_clear.gif);
	height: 100%;
}
.ec-r1c2 {
	width:26px;
	text-align: left;
	position: relative;
	float:left;
	background: url(images/ss_ec_col_l_bg.gif);
	height: 100%;
}
.ec-r1c3 {
	padding: 0px 0px 0px 0px;
	width:696px;
	text-align: left;
	position: relative;
	float:left;
	background: url(images/ss_ec_b_col_c_bg.gif);
	height: 100%;
}
.ec-r1c3-r1c1 {
	padding: 0px 0px 0px 0px;
	width:20px;
	text-align: left;
	position: relative;
	float:left;
}
.ec-r1c3-r1c2 {
	padding: 0px 0px 0px 0px;
	width:656px;
	text-align: center;
	position: relative;
	float:left;
}
.ec-r1c3-r1c3 {
	padding: 0px 0px 0px 0px;
	width:20px;
	text-align: left;
	position: relative;
	float:left;
}
.ec-r1c4 {
	width:26px;
	text-align: left;
	position: relative;
	float:left;
	background: url(images/ss_ec_col_r_bg.gif);
	height: 100%;
}
.ec-r1c5 {
	width:11px;
	text-align: left;
	position: relative;
	float:left;
	background: url(images/dot_clear.gif);
	height: 100%;
}





/* style definitions for page layout - continued */
.row {
    clear: both;
	margin: 0px;
	padding: 0px;
 }
.row-content {
    width:358px;
    text-align:center;
    position:relative;
	margin: 0px;
	padding: 0px;
    border-color:#970f00;
	border-style:solid;
	border-width:thin;
 }
.row-container {
    width:358px;
    text-align: center;
    position:relative;
	margin: 0px auto;
	padding: 0px;
 }
.clearer {
	clear: both;
	margin: 0px;
	padding: 0px;
}
.spacer {
	font-size : 1px;
	margin: 0px;
	padding: 0px;
}
.footer {
	width:770px;
	text-align: left;
	position: relative;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	float:left;
}
.ftr-ss-r1c1 {
	width: 205px; 
	text-align: right;
	position: relative;
	float: left;
}
.ftr-ss-r1c2 {
	width: 470px;
	padding: 0px 5px 0px 10px;
	text-align: left;
	position: relative;
	float: left;
}
.ftr-ss-r1c3 {
	width: 60px;
	padding: 0px 20px 0px 0px;
	text-align: right;
	position: relative;
	float: left;
}
.ftr-mn-r1c1 {
	width: 205px; 
	text-align: right;
	position: relative;
	float: left;
}
.ftr-mn-r1c2 {
	width: 260px;
	padding: 0px 5px 0px 10px;
	text-align: left;
	position: relative;
	float: left;
}
.ftr-mn-r1c3 {
	width: 210px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	position: relative;
	float: left;
}
.ftr-mn-r1c4 {
	width: 60px;
	padding: 0px 20px 0px 0px;
	text-align: right;
	position: relative;
	float: left;
}



/* style definitions for web forms */
form
{
	color: #000000;
	font-family:  Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size : 9pt;
	margin: 0px;
	padding: 0px;
}
form #label
{
	color: #F60;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size : 8pt;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
form input.text
{
	width: 260px;
	margin: 4px 0px 14px 1px;
	padding: 0px;
}
form textarea
{
	color: #000000;
	background-color: white;
	font-family: verdana, helvetica, arial, geneva, sans-serif;
	font-size : 9pt;
	width: 264px;
	border-width: 1px;
	margin: 4px 0px 14px 0px;
	padding: 0px;
}
form input.submit
{
	margin: 10px 3px 10px 0px;
	padding: 0px;
}
form input.reset
{
	margin: 10px 3px 10px 0px;
	padding: 0px;
}
form select
{
	margin: 4px 0px 14px 0px;
	padding: 0px;
}



/* style definitions for links */
.quicklinks
{
	color: #000000;
	font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
	font-size : 9px;
}
a:link		{ color: #333399; }
a:visited	{ color: #000066; }
a:hover		{ color: #FF0000; }
a.small-yellow:link
{
    color: #FFFF00;
	font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
	font-size : 7pt;
}
a.small-yellow:visited
{
    color: #FFFF00;
	font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
	font-size : 7pt;
}
a.small-yellow:hover
{
    color: #FF0000;
	font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
	font-size : 7pt;
}
a.small-white:link
{
    color: #FFFFFF;
	font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
	font-size : 7pt;
}
a.small-white:visited
{
    color: #FFFFFF;
	font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
	font-size : 7pt;
}
a.small-white:hover
{
    color: #FF0000;
	font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
	font-size : 7pt;
}
a.medium-black:link
{
    color: #000000;
	font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
	font-size : 8pt;
}
a.medium-black:visited
{
    color: #000000;
	font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
	font-size : 8pt;
}
a.medium-black:hover
{
    color: #FF0000;
	font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
	font-size : 8pt;
}



/* style definitions for lists */
ul
{
	padding: 0px 1em 0px 2em;
	margin: 5px 0px 14px 0px;
}
ul li
{
	line-height: 12px;
	margin: 0px 0px 3px 3px;
	font: 9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
dl dt
{
	font-size : 9pt;
	font-weight: bold;
}
dl dd
{
	font-size : 9pt;
	margin: 5px 5px 12px 15px;
	padding: 0px;
}



/* style definitions for blockquotes */
blockquote
{
	margin: 0 0 1em 1.5em;
	font: 9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
blockquote.tc
{
	margin: 0 0 1em 1.5em;
	font: 8pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
blockquote.faq
{
	margin: 0.5em 0 0 0;
	font-size : 9pt;
}
blockquote.contact
{
	margin: 0.5em 0 0 0;
	font-size : 9pt;
}



/* style definitions for downloads page */
#download-digimon
{
	width: 350px;
	background-color: #d9e6ef;
	margin: 0px 0px 12px 0px;
}
#download-pr
{
	width: 350px;
	background-color: #BFC3CB;
	margin: 0px 0px 12px 0px;
}
#download-bt
{
	width: 350px;
	background-color: #7DD544;
	margin: 0px 0px 12px 0px;
}
#download-tama
{
	width: 350px;
	background-color: #88C3E1;
	margin: 0px 0px 12px 0px;
}
#download-destiny
{
	width: 350px;
	background-color: #cceff3;
	margin: 0px 0px 12px 0px;
}
#download-locketpal
{
	width: 350px;
	background-color: #ffcee3;
	margin: 0px 0px 12px 0px;
}
#download-tt
{
	width: 350px;
	background-color: #FFB610;
	margin: 0px 0px 12px 0px;
}
#download-container 
{
	font: 8pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	color: black;
	padding: 8px 10px 0px 10px;
}
#download-thumb 
{
	float:left;
	margin: 0 7px 0px 0;
}



/* style definitions for popup commercial window*/
body.clip {
	background: #000000;
	text-align: center;
	margin: 0px 0px 0px 0px;
	}

#clip
{
	position: relative;
	margin: 10px 10px 0px 10px;
	width: 320px;
	height: 256px;
}



/* misc. style definitions */
strong
{
	color: #3E322C;
}
#small
{
	font: 7pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
#small-orange
{
    color: #FFF3A1;
	font: 7pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
#small-grey
{
    color: #333333;
	font: 6pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}