/****** global html & basic styles ******/

* {
	padding: 0;
	margin: 0;
}

body {
	color: #333333;
	font-size: 62.5%;
	font-family: Verdana, Arial, sans-serif;
	background: #bdbdbd;
}

img {
	display: block;
	border: 0;
}

p {
	line-height: 1.5em;
	margin: 0 0 1.2em 0;
}

ul, ol {
	padding: 0;
	margin: 0 0 1.2em 10px;
}
	ul li {
		padding: 0;
		margin: 0 0 0 1.5em;
		line-height: 1.5em;
	}
	ol li {
		padding: 0;
		margin: 0 0 0 2.0em;
		line-height: 1.5em;
	}

dl {
	padding: 0;
	margin: 0 0 1.5em 0;
}
	dl dt {
		line-height: 1.5em;
		font-weight: bold;
	}
	dl dd {
		line-height: 1.5em;
	}

a:link, a:visited {
	color: #87357a;
	text-decoration: none;
	outline: none;
}
a:hover, a:visited:hover, a:active {
	color: #87357a;
	text-decoration: underline;
	outline: none;
}


h1, h2, h3, h4, h5, h6 {
	font-size: 1.0em;
	line-height: 1.2em;
	font-weight: bold;
	margin: 0 0 1.0em 0;
}


/* utility classes */

div.hr {
	clear: both;
	height: 1px;
	overflow: hidden;
	border-top: 1px solid #000000;
}

.clear {
	clear: both;
}
div.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}

.small {
	font-size: 0.9em;
}

.large {
	font-size: 1.2em;
}

/* /utility classes */

/****** /global html & basic styles ******/



/****** form elements ******/

fieldset { 
	width: auto;		/* will need research, I forgot what auto width fixes... */
	margin: 0 0 1.5em 0;
	border: 0;
}

label {line-height: 1.3em;}

select option {padding: 0 3px;}

fieldset.textfields {}
	fieldset.textfields label {
		clear: left;
		float: left;
		display: inline;
		width: 140px;
		margin: 0.3em 10px 0 0;
	}
	fieldset.textfields input,
	fieldset.textfields select,
	fieldset.textfields textarea {
		vertical-align: top;
		margin: 0 0 0.5em 0;
	}


/****** form elements ******/



/****** layout & unique styles ******/

div#wrapper {
	font-size: 1.1em;
	padding-bottom: 20px;
}

div#flashcontent {
	height: 697px;
	background: url(../../_img/bg_flash.jpg) repeat-x center top;
}
	div#flashcontent img {
		display: block;
		margin: 0 auto;
	}

div#sitefooter {
	background: url(../../_img/bg_footer.gif) repeat-x center top #bdbdbd;
}
div#innerfooter {
	width: 900px;
	height: 128px;
	margin: 0 auto;
	position: relative;
}

img#logo_nintendods {
	position: absolute;
	left: 24px;
	top: 24px;
}

img#logo_nintendo {
	position: absolute;
	left: 200px;
	top: 24px;
}

img#logo_esrbprivacy {
	position: absolute;
	right: 170px;
	top: 7px;
}

img#logo_esrbrating {
	position: absolute;
	right: 1px;
	top: 7px;
}

p#footercopy {
	color: #ffffff;
	margin: 0 20px;
	position: relative;
	top: 92px;
}

/****** /layout & unique styles ******/



/****** email popup ******/

body#popup {
	color: #ffffff;
	background: #000000;
}


div#thankyou {
	width: 640px;
	height: 440px;
	background: url(../../_img/sendtofriend/bg_thankyou.jpg) no-repeat;
	position: relative;
}
	div#thankyou h1, div#thankyou h2 {
		position: absolute;
		left: -999999px;
	}
	img#btn_sendanotheremail {
		position: absolute;
		left: 222px;
		top: 349px;
	}
	img#btn_close {
		position: absolute;
		left: 489px;
		top: 349px;
	}


div#sendtofriend {
	width: 640px;
	height: 440px;
	background: url(../../_img/sendtofriend/bg_sendtofriend.jpg) no-repeat;
	position: relative;
}
	div#sendtofriend h1, div#sendtofriend h3 {
		position: absolute;
		left: -999999px;
	}

fieldset#emailform {
	padding-top: 130px;
}
	fieldset#emailform fieldset.textfields input {
		width: 204px;
		margin: 0 0 10px 0;
		padding: 2px;
		border: 1px solid #000000;
	}
	fieldset#emailform fieldset.textfields select {
		width: auto;
		margin: 0;
		border: 1px solid #000000;
	}
	fieldset#emailform fieldset.textfields select option {
		padding: 1px 3px;
	}
	fieldset#emailform fieldset.textfields label {
		margin: 3px 12px 0 20px;
	}
	label#label1_yourfirstname {
		width: 112px;
		height: 16px;
		background: url(../../_img/sendtofriend/label1_yourfirstname.gif) no-repeat;
	}
	label#label2_friendsfirstname {
		width: 112px;
		height: 16px;
		background: url(../../_img/sendtofriend/label2_friendsfirstname.gif) no-repeat;
	}
	label#label3_friendsemail {
		width: 112px;
		height: 16px;
		background: url(../../_img/sendtofriend/label3_friendsemail.gif) no-repeat;
	}
	label#label4_selectyourmessage {
		width: 112px;
		height: 18px;
		background: url(../../_img/sendtofriend/label4_selectyourmessage.gif) no-repeat;
	}
		label#label1_yourfirstname span,
		label#label2_friendsfirstname span,
		label#label3_friendsemail span,
		label#label4_selectyourmessage span {
			position: absolute;
			left: -999999px;
		}
	input#submit {
		position: absolute;
		left: 235px;
		top: 377px;
	}
	div#myMessage {
		width: 337px;
		height: 94px;
		position: absolute;
		left: 18px;
		top: 270px;
	}
		div#myMessage p {
			position: absolute;
			left: -999999px;
		}
	div.message0 {background: url(../../_img/sendtofriend/message0.gif) no-repeat;}
	div.message1 {background: url(../../_img/sendtofriend/message1.gif) no-repeat;}
	div.message2 {background: url(../../_img/sendtofriend/message2.gif) no-repeat;}
	div.message3 {background: url(../../_img/sendtofriend/message3.gif) no-repeat;}
	div.message4 {background: url(../../_img/sendtofriend/message4.gif) no-repeat;}
	div.message5 {background: url(../../_img/sendtofriend/message5.gif) no-repeat;}


/****** /email popup ******/