html {
	margin: 0;
	padding: 0;
	background: #d5dadd;
}

body {
	margin: 0 auto;
	padding: 0;
	background: #6e9ead url(../img/background-overlay.png) 0 0 repeat-x;
}

.wrapper {
	background: transparent url(../img/snowflakes.png) 0 0 no-repeat;
	overflow: hidden;
	min-width: 960px;
}



.logo h1 {
	background: url(../img/mattel.png) 0 0 no-repeat;
	height: 147px;
	width: 148px;
	display: block;
	text-indent: -9999px;
}


.logo h1 a, .logo-form h1 a {
	height: 100%;
	width: 100%;
	display: block;
	outline: none;
	text-indent: -9999px;
}


.logo-form h1 {
	margin-top: 20px;
	background: url(../img/mattel.png) center 0 no-repeat;
	height: 147px;
	width: 220px;
}








p.spanish {
	font: normal normal normal 12px/100% Arial, Helvetica, sans-serif;
	margin: 20px 0;
	color: #3f3f3f;
	text-align: right;
}


p.spanish a {
	font: normal normal bold 13px/100% Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #3f3f3f;
	padding: 0 0 2px 0;
	border-bottom: 1px solid #fff;
}


p.spanish a:hover {
	border-bottom: 1px solid #3f3f3f;
}


p.error {
	font: normal normal bold 13px/100% Arial, Helvetica, sans-serif;
	color: #EE3124;
	margin-bottom: 10px;
}




fieldset.search {
	width: 340px;
	margin-top: 70px;
	display: block;
	float: right;
}

.search-box, .search-box input, .search-button, .search-button input {
	border: none;
	float: left;
}


.search-box {
    background: transparent url(../img/search-left-overlay.png) no-repeat;     			
    display: block;
    height: 30px;
    padding-left: 5px;
}

	.search-box input {
		margin-right: 5px;
	    background: transparent url(../img/search-right-overlay.png) no-repeat scroll top right; 
	    display: block;
	    height: 30px;
	    padding-right: 5px;
		font: italic normal normal 13px/100% "Helvetica Neue", Arial, Helvetica, sans-serif;
		width: 250px;
		color: #aaa;
	}

	.search-box input:focus {
		color: #000;
		font: normal normal normal 14px/100% "Helvetica Neue", Arial, Helvetica, sans-serif;
	}


.search-button {
    background: transparent url(../img/button-right-overlay.png) no-repeat scroll top right; 
    display: block;
    height: 32px;
    padding-right: 8px;
}
 
	.search-button input {
	    height: 32px;
	    font: normal normal bold 12px/100% "Helvetica Neue", Arial, Helvetica, sans-serif;
	    text-align: center;
		color: #fff;
		text-decoration: none;
		text-shadow: 0 0 2px #000;
	    background: transparent url(../img/button-left-overlay.png) no-repeat;
	    display: block;
	    line-height: 32px;
	    padding: 0 0 2px 8px;
		width: 66px;
	}


	.search-button:hover {
	    background: transparent url(../img/button-right-hover-overlay.png) no-repeat scroll top right;
	    
	}
	 
	.search-button:hover input{
	    background: transparent url(../img/button-left-hover-overlay.png) no-repeat;
	}



.content {
	margin: 10px 0 0 0;
	background: #fff url(../img/side-nav-overlay.png) 0 0 repeat-y;
	border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	box-shadow: 0 3px 5px #000;
		-moz-box-shadow: 0 3px 5px #000;
		-webkit-box-shadow: 0 3px 5px #000;
}





.flake-bottom {
	position: relative;
	bottom: 30px;
	left: 0;
	margin: 0 0 -129px 0;
	height: 129px;
	width: 128px;
	background: transparent url(../img/flake-bottom.png) no-repeat;
	z-index: 100;
	overflow: hidden;
}


.flake-right {
	position: relative;
	height: 203px;
	width: 149px;
	top: 30px;
	left: 890px;	
	margin: 0 -153px -203px 0;
	background: transparent url(../img/flake-right.png) no-repeat;
	overflow: hidden;
	z-index: 100;
}







.side-nav {
	padding: 0;
}

ul.side-nav  {
	padding: 20px 0;
	list-style: none;
}


ul.side-nav li {
	padding: 0;
	margin: 1px auto;
}





/* main level link */
.side-nav a, .side-nav strong {
	color: #000;
	text-shadow: 1px 1px 1px rgba(255,255,255,.9), 1px 1px 1px rgba(0,0,0,.5);
	font: normal normal bold 12px/130% "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: capitalize;
	padding: 10px 0 10px 20px;
	width: 240px;
	display: block;
	margin: 0;
	position: relative;
}

.side-nav .text-trim {
	width: 200px;
	display: block;
}

.image-border {
	width: 140px;
	display: block;
}

.image-border img {
	border: 1px solid #eee;
}


/* main level link hover */
ul.side-nav li.current a {
	color: #003d51;
	background: transparent url(../img/side-nav-arrow-overlay.png) 0 center no-repeat;
	margin: 0;
	z-index: 190;
}

ul.side-nav li a:hover {
	color: #003d51;
	background: transparent url(../img/side-nav-arrow-overlay.png) 0 center no-repeat;
	margin: 0;
	z-index: 200;
}




.product {
	color: #000;
	padding: 40px 10px 40px 30px;
	margin: 0;
	background: transparent url(../img/border-overlay.png) 0 top repeat-y;
	z-index: 50;
}

.product h1 {
	color: #000;
	padding: 0 0 10px 0;
	margin: 0 auto;
	font: normal normal bold 22px/130% "Helvetica Neue", Arial, Helvetica, sans-serif;
}


.product .description {
	color: #000;
	padding: 10px 0;
	margin: 0 auto;
	font: normal normal normal 12px/150% "Helvetica Neue", Arial, Helvetica, sans-serif;
}





.form-content {
	margin: 10px 0 0 0;
	padding: 40px;
	background: #fff;
	box-shadow: 0 3px 5px #000;
		-moz-box-shadow: 0 3px 5px #000;
		-webkit-box-shadow: 0 3px 5px #000;
}



.form-box, .form-box input, .button, .button input {
	border: none;
	float: left;
}


.form-box {
    background: transparent url(../img/form-left-overlay.png) no-repeat;     			
    display: block;
    float: left;
    height: 30px;
    padding-bottom: 20px;
    padding-left: 5px;
}

	.form-box input {
	    background: transparent url(../img/form-right-overlay.png) no-repeat scroll top right; 
	    display: block;
		margin-right: -5px;
        float: left;
	    height: 30px;
	    padding-right: 5px;
		font: normal normal normal 14px/100% "Helvetica Neue", Arial, Helvetica, sans-serif;
		width: inherit;
		color: #aaa;
	}

	.form-box input:focus {
		color: #000;
	}


.button {
    background: transparent url(../img/button-right-overlay.png) no-repeat scroll top right; 
    display: block;
    height: 32px;
    padding-right: 8px;
}
 
	.button input {
	    height: 32px;
	    font: normal normal bold 12px/100% "Helvetica Neue", Arial, Helvetica, sans-serif;
	    text-align: center;
		color: #fff;
		text-decoration: none;
		text-shadow: 0 0 2px #000;
	    background: transparent url(../img/button-left-overlay.png) no-repeat;
	    display: block;
	    line-height: 32px;
	    padding: 0 0 2px 8px;
		width: 66px;
	}


	.button:hover {
	    background: transparent url(../img/button-right-hover-overlay.png) no-repeat scroll top right;
	    
	}
	 
	.button:hover input{
	    background: transparent url(../img/button-left-hover-overlay.png) no-repeat;
	}



p.cancel {
	font: normal normal normal 12px/100% Arial, Helvetica, sans-serif;
	margin: 20px 0 0 0;
	border-top: 1px dotted #8fb4bf;
	padding-top: 10px !important;
	color: #000;
}


p.cancel span {
	font: normal normal normal 12px/100% Arial, Helvetica, sans-serif;
}

p.cancel a {
	font: normal normal bold 13px/100% Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	padding-bottom: 1px;
	border-bottom: 1px solid #8fb4bf;
}


p.cancel a:hover {
	color: #8fb4bf;
	border-bottom: 1px solid #fff;
}



.form-content p {
	font: normal normal bold 14px/100% Arial, Helvetica, sans-serif;
	color: #000;
	padding: 0 0 2px 0;
}

.form-content p span {
	font: italic normal normal 13px/100% Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	padding: 0 0 2px 0;
}


.form-content p a {
	font: normal normal bold 13px/100% Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	padding-bottom: 1px;
	border-bottom: 1px solid #8fb4bf;
}


.form-content p a:hover {
	color: #8fb4bf;
	border-bottom: 1px solid #fff;
}




.form-content h1 {
	font: normal normal bold 22px/100% Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	padding: 0 0 20px 0;
}




hr {
	margin: 20px 0;
	border: none;
	border-top: 1px dotted #8fb4bf;
	height: 0;
	outline: none;
}