/*standard css*/
html{
	font-size:100.01%;
}
body,h1,h2,h3,h4,p,ul,ol,li,form,img{
	margin:0;
	padding:0;
	list-style:none;
	border:none;
}
/*structural elements*/
body {
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
}
#homebg{
	background:url(../images/home_bg.jpg) center 25px no-repeat #FFF;
}
#whatbg{
	background:url(../images/what_bg.jpg) top center no-repeat #FFF;
}
#howbg{
	background:url(../images/how_bg.png) top center no-repeat #FFF;
}
#setupbg{
	background:url(../images/setup_bg.jpg) top center no-repeat #FFF;
}
#mediabg{
	background:url(../images/media_bg.jpg) top center no-repeat #FFF;
}
#enterbg{
	background:url(../images/enter_bg.jpg) top center no-repeat #FFF;
}
#container{
	width:900px;
	text-align:left;
	margin: 0px auto;
	
}
#contents{
	clear:both;
	padding-top:180px;
	padding-left:40px;
	padding-right:405px;
	height:330px;
	position:relative;
}
#mediaContents{
	clear:both;
	padding-top:380px;
	padding-left:335px;
	padding-right:245px;
	height:120px;
	position:relative;
}
#enterContents{
	clear:both;
	padding-top:280px;
	padding-left:335px;
	padding-right:225px;
	height:250px;
	position:relative;
}
#enterContents2{
	clear:both;
	padding-top:250px;
	padding-left:335px;
	padding-right:225px;
	height:280px;
	position:relative;
}
#enterformContents{
	clear:both;
	padding-top:200px;
	padding-left:335px;
	padding-right:230px;
	height:320px;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	color:#284f79;
	font-size:0.7em;
	line-height:1.3em;
}
#howContents{
	clear:both;
	padding-left:335px;
	padding-right:245px;
	height:530px;
	position:relative;
}
#whatContents{
	clear:both;
	padding-left:335px;
	padding-right:245px;
	height:505px;
	position:relative;
}
#setupContents{
	clear:both;
	padding-left:335px;
	padding-right:245px;
	height:550px;
	position:relative;
}
#termsContents{
	clear:both;
	padding-left:335px;
	padding-right:245px;
	height:650px;
	position:relative;
}
#faqContents{
	clear:both;
	padding-left:335px;
	padding-right:245px;
	height:720px;
	position:relative;
}
#boxes{
	clear:both;
	width:900px;
	padding-top:15px;
}
/*floating content boxes*/
#movie{
	padding-left:18px;
	padding-top:15px;
	}
#logo{
	position:absolute;
	left:10px;
	top:-4px;
	width:226px;
	height:168px;
	z-index:1;
}
#homeEnterBox{
	position:absolute;
	left:-50px;
	top:335px;
	width:335px;
	height:212px;
	z-index:2;
}
#setupEnterBox{
	background-image:url(../images/software.png);
	position:absolute;
	right:-10px;
	top:385px;
	width:323px;
	height:170px;
	z-index:7;
	
}
#software_btns{
	position:absolute;
	left:106px;
	top:115px;
	height:26px;
	
}

#mediatxtBox{
	position:absolute;
	left:250px;
	top:120px;
	width:412px;
	height:39px;
	z-index:2;
}
#enterPhotoBox{
	position:absolute;
	left:660px;
	top:40px;
	width:294px;
	height:453px;
	z-index:2;
}
#homeMovieBox{
	position:absolute;
	right:9px;
	top:37px;
	width:573px;
	height:335px;
	z-index:3;
}
#mediaDogBox{
	position:absolute;
	right:35px;
	top:-25px;
	width:388px;
	height:188px;
	z-index:3;
}
#enterBubble{
	position:absolute;
	right:230px;
	top:97px;
	width:383px;
	height:177px;
	z-index:6;
}
#howMovieBox{
	position:absolute;
	right:9px;
	top:1px;
	width:577px;
	height:525px;
	z-index:3;
	background:url(../images/how_videobox.png) top left no-repeat;
}
#whatContentBox{
	position:absolute;
	left:1px;
	top:170px;
	width:345px;
	padding-left:15px;
	padding-right:260px;
	padding-top:20px;
	height:313px;
	z-index:3;
	background:url(../images/what_txt_bg.png) top left no-repeat;
}
#setupContentBox{
	position:absolute;
	left:10px;
	top:20px;
	width:576px;
	padding-left:20px;
	padding-right:130px;
	padding-top:220px;
	height:200px;
	z-index:3;
	background:url(../images/setup_content_bg.png) top left no-repeat;
	
}
#termsContentBox{
	position:absolute;
	left:10px;
	top:20px;
	width:576px;
	padding-left:25px;
	padding-right:130px;
	padding-top:200px;
	height:420px;
	z-index:3;
	background:url(../images/setup_content_bg.png) top left no-repeat;
}
#termsContentBox2{
	position:absolute;
	left:10px;
	top:20px;
	width:576px;
	padding-left:25px;
	padding-right:130px;
	padding-top:200px;
	height:420px;
	z-index:3;
	background:url(../images/setup_content_bg2.png) top left no-repeat;
}
#faqContentBox{
	position:absolute;
	left:10px;
	top:20px;
	width:576px;
	padding-left:20px;
	padding-right:130px;
	padding-top:140px;
	height:560px;
	z-index:3;
	background:url(../images/faq_content_bg.png) top left no-repeat;
}
#faqContentBox2{
	position:absolute;
	left:10px;
	top:20px;
	width:576px;
	padding-left:20px;
	padding-right:130px;
	padding-top:140px;
	height:560px;
	z-index:3;
	background:url(../images/faq_content_bg2.png) top left no-repeat;
}
#setupContentBox a{
	display:block;
	float:right;
	margin-right:20px;
}
#homePhotoBox{
	position:absolute;
	right:70px;
	top:-40px;
	width:350px;
	height:584px;
	z-index:4;
}
#enter2PhotoBox{
	position:absolute;
	left:15px;
	top:40px;
	width:350px;
	height:584px;
	z-index:4;
}

#mediaNewsBox{
	position:absolute;
	left:5px;
	top:160px;
	width:842px;
	height:317px;
	padding-top:20px;
	padding-left:38px;
	z-index:4;
	background:url(../images/media_bg.png) top left no-repeat;
}
#howPhotoBox{
	position:absolute;
	left:11px;
	top:105px;
	width:298px;
	height:420px;
	z-index:4;
}
#whatPhotoBox{
	position:absolute;
	right:-10px;
	top:15px;
	width:561px;
	height:465px;
	z-index:4;
}
#setupPhotoBox{
	position:absolute;
	right:-60px;
	top:15px;
	width:350px;
	height:584px;
	z-index:4;
}
#faqPhotoBox{
	position:absolute;
	right:-60px;
	top:85px;
	width:327px;
	height:584px;
	z-index:4;
}
#box1cont{
	width:286px;
	float:left;
	
	background:url(../images/box1.jpg) top left no-repeat;
}
#box2cont{
	width:286px;
	margin-left:297px;
	margin-right:295px;
	background:url(../images/box2.jpg) top left no-repeat;
}
#box3cont{
	width:286px;
	margin-right:20px;
	float:right;
	background:url(../images/box3.jpg) top left no-repeat;
}
#box1{
	margin:10px;
	background:url(../images/box1img.png) right 30px no-repeat;
	height:120px;

}
#box2{
	margin:0px 20px 10px 10px;
	padding-top:10px;
	background:url(../images/shoplogo_50.jpg) right 50px no-repeat;
	height:120px;
}
#box3{
	margin:10px 30px 10px 10px;
	background:url(../images/box3img.png) right 40px no-repeat;
	height:116px;

}
#footer{
	clear:both;
	padding-top:15px;
}
#logos{
	width:450px;
	float:left;
}
#social{
	margin-left:480px;
	margin-right:300px;
}
#privacy{
	width:238px;
	padding-right:33px;
	margin-right:20px;
	height:37px;
	float:right;
	background:url(../images/mattel_logo.png) top right no-repeat;
}
#scrollText{
	margin-right:40px;
	height:310px;
	overflow:auto;
	margin-top:30px;
	padding-left:34px;
	clear:both;
}
#termsTxt{
	height:400px;
	overflow:auto;
}

/*text*/
#termsContents h1{
	font-family:Arial, Helvetica, sans-serif;
	color:#ec008b;
	font-size:1em;
	line-height:1.4em;
	font-weight:bold;
}
#enterContents2 h1{
	font-family:Arial, Helvetica, sans-serif;
	color:#ec008b;
	font-size:1.3em;
	line-height:1.4em;
	font-weight:bold;
}
#termsContents .subhead{
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:0.8em;
	font-weight:bold;
}
#termsContents p{
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:0.8em;
	line-height:1.2em;
	margin-top:10px;
	margin-right:20px;
}
#termsContents a{
	color:#ec008b;
}
#scrollText p{
	font-family:Arial, Helvetica, sans-serif;
	color:#adabab;
	font-size:0.8em;
	line-height:1.3em;
	padding-right:10px;
}
#scrollText h1{
	font-family:Arial, Helvetica, sans-serif;
	color:#ec008b;
	font-size:0.9em;
	line-height:1.3em;
	padding-left:4px;
}

#boxes p{
	font-family:Arial, Helvetica, sans-serif;
	margin-top:10px;
	margin-bottom:5px;
	color:#adabab;
	margin-left:5px;
	margin-right:100px;
	font-size:0.8em;
	line-height:1.4em;
}
#boxes a{
	color:#ec008b;
	font-size:0.9em;
	text-decoration:none;
	font-weight:bold;
	margin-left:5px;
}
#boxes a:hover{
	text-decoration:underline;
}
#footer p{
	font-family:Arial, Helvetica, sans-serif;
	color:#adabab;
	font-size:0.8em;
	line-height:1.4em;
}
#footer a{
	color:#adabab;
	font-size:0.8em;
	text-decoration:underline;
}
#enterContents p{
	font-family:Arial, Helvetica, sans-serif;
	color:#284f79;
	font-size:0.9em;
	line-height:1.3em;
	padding-left:4px;
}
#enterContents2 p{
	font-family:Arial, Helvetica, sans-serif;
	color:#284f79;
	font-size:0.9em;
	line-height:1.3em;
	padding-left:4px;
}
#enterformContents p{
	font-family:Arial, Helvetica, sans-serif;
	color:#284f79;
	font-size:0.8em;
	line-height:1.3em;
	padding-left:4px;
}
#enterContents a{
	margin-top:10px;
	display:block;
}
#enterContents2 a{
	margin-top:10px;
	display:block;
}
#contents p{
	font-family:Arial, Helvetica, sans-serif;
	color:#284f79;
	font-size:0.8em;
	line-height:1.4em;
}
#contents p span{
	color:#ec008b;
	font-size:1.8em;
	font-weight:bold;
}
#contents p.text{
	color:#284f79;
	font-size:1.2em;
	font-weight:bold;
}
#contents h2{
	font-family:Arial, Helvetica, sans-serif;
	color:#284f79;
	font-size:0.9em;
	line-height:0.9em;
	font-weight:bold;
}
#whatContentBox p{
	font-family:Arial, Helvetica, sans-serif;
	color:#284f79;
	font-size:0.8em;
	line-height:1.3em;
	margin-left:5px;
}
#whatContentBox p span{
	color:#ec008b;
	font-weight:bold;
}
li{
	display:inline;
}
#setupContents li{
	background:url(../images/pink_bar.png) top left no-repeat;
	display:block;
	padding-left:20px;
	padding-top:7px;
	margin-top:20px;
}
#setupContents h1{
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:1em;
	line-height:1.4em;
	font-weight:bold;
}
#setupContents p{
	font-family:Arial, Helvetica, sans-serif;
	color:#adabab;
	font-size:0.8em;
	line-height:1.2em;
	margin-top:10px;
}
#faqContents p{
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:0.6em;
	line-height:1.2em;
}
/*navigation*/
#navigation{
	width:892px;
	margin-left:4px;
}
#navigation a{
	height:61px;
	float:left;
	display:block;
}
#navigation a:hover,#navigation .current{
	background-position:0 -61px;
}
#navigation a span{
	display:none;
}
#home{
	background-image:url(../images/home.png);
	width:120px;
}
#what{
	background-image:url(../images/what.png);
	width:126px;
}
#how{
	background-image:url(../images/how.png);
	width:199px;
}
#media{
	background-image:url(../images/media.png);
	width:87px;
}
#faq{
	background-image:url(../images/faq.png);
	width:82px;
}
#setup{
	background-image:url(../images/setup.png);
	width:278px;
}
/*clearfix*/
.clear{
	width:1px;
	height:0px;
	clear:both;
}
.clear p{
	display:none;
}
/*FAQ slider*/

#faqtxt{
	margin-bottom:30px;
}

h2.acc_trigger {
	padding: 0;	margin: 0 0 5px 0;
	background: url(../images/faq_head.png) no-repeat;
	height: 35px;	line-height: 32px;
	width: 571px;
	font-size: 0.9em;
	font-weight: normal;
	float: left;
}
h2.acc_trigger span {
	font-size:0.7em;
}
h2.acc_trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 0 0 20px;
	
}
h2.acc_trigger a:hover {
	color: #333;
}
h2.active {background-position: left bottom;}
.acc_container {
	margin: 0 0 5px; padding: 0;
	overflow: hidden;
	font-size: 1.2em;
	width: 571px;
	clear: both;
}
.acc_container .block {
	padding: 0 0 0 20px;
}
/*remove dots from links*/
a
{
outline: none;
}
/*media boxes*/
#slide1{
	height:90px;
	}
#slide1 li{
	padding:9px;
	display:block;
	float:left;
	width:239px;
	height:72px;
	margin-right:13px;
	margin-bottom:13px;
	background:url(../images/media_boxes.jpg) top left no-repeat;
}
#slide1 img{
	float:left;
	}
/*text for boxes*/
#slide1 p{
	font-family:Arial, Helvetica, sans-serif;
	color:#adabab;
	font-size:0.7em;
	line-height:1.2em;
	width:160px;
	float:right;
}
#slide1 a{
	color:#ec008b;
	font-weight:bold;
	text-decoration:none;
}
/*form*/

.inputclass {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	border:#999999 1px solid;
	background-color:#FFF;
	}
	
textarea {
	background-color:#000;
	font-size:13px;
	padding:3px;
	border:#999999 1px solid;
	}
#enterformContents a{
	color:#284f79
    }
.download_btn {
	padding: 0px;
	
}