/****** 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_club-nintendo {
	position: absolute;
	left: 307px;
	top: 9px;
}

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

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

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 ******/

/*buy now modal*/
a.btn {
    cursor: pointer;
    display: block;
    overflow: hidden;
    position: relative;
}
a.btn span {
    left: -999999px;
    position: absolute;
    top: -999999px;
}

a.offscreen {
    display: block;
    left: -999999px;
    position: absolute;
    top: -999999px;
}
div#modal-window.modal-buy-now,
div#modal-window {
	/* Adjust path */
    background: url("../../_img/bg-modal-buy-now.png") no-repeat scroll 0 0 transparent;
    border: none;
    display: none;
    height: 538px;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    width: 938px;
    z-index: 105;
}
    div.modal-buy-now a#btn-modal-close {
		/* Adjust path */
        background: url("../../_img/btn-close.png") no-repeat scroll 0 0 transparent;
        height: 32px;
        position: absolute;
        right: 44px;
        top: 30px;
        width: 32px;
    }
        div.modal-buy-now a#btn-modal-close:hover {
            background-position: 0 -32px;
            cursor: pointer;
        }
    div.modal-buy-now h4 {
        color: #00B2DD;
        font-size: 20px;
        margin: 30px 0 40px;
        text-align: center;
        font-family: Helvetica,Arial,sans-serif;
        font-weight: bold;
    }
div.modal-buy-now img.box-art {
   /* background: url("../_img/bg/bg-box-art-386x342.png") no-repeat scroll 0 0 transparent; */
   	display: inline;
    float: left;
    margin: 0 40px 0 174px;
    padding: 5px 12px 13px 6px;
}
div#modal-window ul.link-list {
    float: left;
    margin-top: 40px;
    text-align: center;
	list-style: none;
}
    div#modal-window ul.link-list li{
        margin-bottom: 50px;
        width: 178px;
        font-family: Helvetica,Arial,sans-serif;
    }
        div#modal-window ul.link-list li a.btn-us {
            background-position: 0 0;
        }
        div#modal-window ul.link-list li a.btn-ca {
            background-position: -178px 0;
        }
        div#modal-window ul.link-list li a {
			/* Adjust path */
            background: url("../../_img/btn-flags.png") no-repeat scroll 0 0 transparent;
            color: #CE171F;
            padding-top: 102px;
        }
div#modal-window.modal-learn-more {
    height: 456px;
    width: 343px;
    
}

div#overlay {
	/* Adjust path */
    background: url(../../_img/bg-overlay.png) repeat;
    left: 0;
    min-height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 98;
}

div.invisible {
	display: none;	
}

a.link-newsletter {
	color: #333;
	font-family: 'Lucida Grande',Tahoma,'Lucida Sans','Trebuchet MS',sans-serif;
	font-size: 10px;
    position: relative;
    text-decoration: none;
}
a.link-newsletter:hover {
	text-decoration: underline;
}
a.link-newsletter span.token {
    background: url("_img/icon-sprite-grey.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 12px;
    position: absolute;
    top: 0;
    width: 16px;
}
a.link-newsletter span.letter {
    background-position: 0 0;
    left: -24px;
}
a.link-newsletter span.arrow {
    background-position: 0 -100px;
    right: -16px;
}
div#footer-followus-container {
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 50px;
	left: 410px;
	position: absolute;
	top: 20px;
	width: 80px;
}
div#footer-followus-container img {
	display: inline;
}
a#footer-followus-container-twitter {
	padding: 0 1px 0 0;
}
/* ESRB Privacy - Footer */
div.esrbpriv {
	position: absolute;
    right: 200px;
    top: 2px;
    width: 155px;
}
	div.esrbpriv p {
		margin: 0;
		padding: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		line-height: 14px;
		text-align: left;
	}
		div.esrbpriv p a {
			text-decoration: none;
			color: #000;
		}