﻿/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus { outline: 0; }

body
{
	line-height: 1;
	color: black;
	background: white;
}

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td
{
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
body { background: #725296 url(../images/homepage/body_bg.jpg) repeat-x; }

div#container
{
	padding-left: 155px;
	padding-right: 90px;
	position: relative;
	margin: 0 auto;
	width: 855px;
	}

img#blobs_left
{
	position: absolute;
	left: 0px;
	top: 0px;
}

img#blobs_right
{
	position: absolute;
	right: 0px;
	top: 0px;
}

form
{
	width: 855px;
	height: 720px;
	background: url(../images/homepage/form_bg.jpg) no-repeat;
	padding-top: 7px;
	position:relative;
}
 
div#logo{
	width: 434px;
	height: 105px;
	margin: 0px 0 0 33px;
	background: url(../images/homepage/logo.jpg) no-repeat;
	text-indent:-9000px;
}


div#flags{
	position:absolute;
	top:25px;
	right:110px;
	width:240px;
	height:70px;
}

div#flags li{float:left;}
div#flags a{display:block;}

div#flags li, div#flags li a{
	height:30px;
	width:53px;
	cursor:pointer;
	}

div#flags li#france, div#flags li#spain{width:43px;}

div#flags #us a{background: url(../Images/homepage/flags/us.png) no-repeat top left;}
div#flags #canada a{background: url(../Images/homepage/flags/canada.png) no-repeat top left;}
div#flags #uk a{background: url(../Images/homepage/flags/uk.png) no-repeat top left;}
div#flags #france a{background: url(../Images/homepage/flags/france.png) no-repeat top left;width:43px;}
div#flags #spain a{background: url(../Images/homepage/flags/spain.png) no-repeat top left;width:43px;}
div#flags #ireland a{background: url(../Images/homepage/flags/ireland.png) no-repeat top left;}
div#flags #australia a{background: url(../Images/homepage/flags/australia.png) no-repeat top left;}
div#flags #new_zealand a{background: url(../Images/homepage/flags/new_zealand.png) no-repeat top left;}		

div#flags li a{behavior: url(/pngbehavior.htc);}
div#flags li a:hover{background-position:bottom left;}

body#homepage div#menu-411{right:57px;}

div#flash_theater{
	width: 467px;
	height: 400px;
	float: left;
	display: inline;
	background: url(../Images/nonFlash/nonFlashHomeTheater.jpg) no-repeat;
	margin: 0;
	padding: 0;
	z-index: 0;
}

div#flash_theater a {
	display:block;
	margin: 0;
	padding: 0;
	text-decoration:none;
	line-height:6px;	
	width: 467px;
	height: 400px;
}

ul#main_list
{
	width: 286px;
	float: left;
	z-index:1;

}

ul#main_list li {margin-bottom: 9px;}
ul#main_list li a {text-indent: -9000px; text-decoration:none; }

ul#main_list li#products_item{
	height: 20px;
	font-size: 12px;
	line-height:1%;
	font-family: Helvetica, sans-serif;
	margin:0;
	padding:0;
	position:relative;
}

ul#main_list li#products_item p{
	text-align: right;
	padding-right: 10px;
	color: #036072;
	height:15px;
	width:140px;
}

a#products{
	display: block;
	line-height:100%;
	width: 156px;
	height: 26px;
	text-indent: -9000px;
	text-decoration: none;
	background: url(../images/homepage/products_h.jpg) no-repeat left top;
}

ul#main_list li#products_h{
	height:30px; 
	background: url(../images/homepage/products_over_h.jpg) no-repeat left top;
	}
li#products_h a:hover{background-image:none;}

img#Ath_Slide {position:absolute;right:-32px;top:0px;}
ul#main_list li#where_to_buy{
	font-size:5px;
	margin-left: 12px;
	width: 116px;
	height: 59px;
	background: url(../Images/homepage/where_to_buy_hover.jpg) no-repeat 8px 11px;
}

ul#main_list li#where_to_buy a{
	display: block;
	width: 116px;
	font-size:5px;
	text-decoration: none;
	height: 59px;
	background: url(../Images/homepage/where_to_buy.jpg) no-repeat 8px 11px;
}

ul#main_list li#become_member{
	margin-left: 12px;
	width: 116px;
	font-size:5px;
	height: 59px;
	background: url(../Images/homepage/become_member_hover.jpg) no-repeat 8px 8px;
}

ul#main_list li#become_member a{
	display: block;
	width: 116px;
	font-size:5px;
	text-decoration: none;
	height: 59px;
	background: url(../Images/homepage/become_member.jpg) no-repeat 8px 8px;
}

ul#main_list li#note_parents{
	margin-left: 12px;
	width: 116px;
	font-size:5px;
	height: 45px;
	background: url(../Images/homepage/note_parents_hover.jpg) no-repeat 8px 11px;
}

ul#main_list li#note_parents a{
	display: block;
	width: 116px;
	font-size:5px;
	text-decoration: none;
	height: 45px;
	background: url(../images/homepage/note_parents.jpg) no-repeat 8px 11px;
}

ul#main_list li#where_to_buy a:hover, 
ul#main_list li#become_member a:hover, 
ul#main_list li#note_parents a:hover { background-image: none; }

h3#member_login_h{
	margin: 0 0 0 73px;
	clear: both;
	width: 221px;
	height: 29px;
	text-indent: -9000px;
	background: transparent url(../images/homepage/member_login_h.jpg) no-repeat;
}

p#username_cont, p#password_cont{
	float: left;
	width: 143px;
	height: 39px;
	display: inline;
	margin: 0;
	padding:0 0 0 12px;

}

p#username_cont { margin-left: 65px; margin-right:2px;}
p#username_cont label, p#password_cont label 
{padding: 0px;margin: 0px;}

/* use span to fix problem with NN7 label classes */
span.username_label, span.password_label{
	display: block;
	text-indent: -9000px;
	width: 93px;
	height: 12px;
	margin: 0px;
	padding: 0px;
	line-height:10px;
}

span.username_label { background: url(../images/homepage/username_h.gif) no-repeat; }
span.password_label { background: url(../images/homepage/password_h.gif) no-repeat; height:15px; }

p#username_cont input, p#password_cont input{
	margin: 5px 0 0 0px;
	height: 13px;
	width: 138px;
	padding: 2px 0 4px 0px;
	font-size: 10px;
	line-height:10px;
	border-width: 0;
	background-color: transparent;
	cursor:text;
}
p#password_cont input{margin-top:2px;}

p#go_button{
	margin-top: 15px;margin-left:5px;
	width: 38px;
	height: 22px;
	background: url(../images/homepage/go_button_hover.gif) no-repeat;
	float: left;
}

p#go_button a{
	display: block;
	width: 38px;
	height: 22px;
	background: url(../images/homepage/go_button.gif) no-repeat;
	text-indent: -9000px;
	text-decoration: none;
}

p#go_button a:hover { background: none; }

h2#be_bratz_world{
	width: 330px;
	height: 25px;
	text-indent: -9000px;
	background: url(../images/homepage/be_bratz_bratz_h.gif) no-repeat;
	float: left;
	margin: 12px 0 0 66px;
}

body#homepage #footer {margin-top:60px;}
img {behavior: url(/pngbehavior.htc);}

#homepage #menu-411 h2 a{background-position:80px 80px; z-index:-1;}
#homepage div#menu-411,#menu-411-iframe-shim{top:8px;}


/* shop online styles */
.shop form{background: url(../images/homepage/form_bg_shop.jpg) no-repeat;}

div#shop_online{
	position:absolute; 
	width:141px; 
	height:89px; 
	top:142px; 
	left:470px; 
	display:none;
}

body.shop ul#main_list li#products_h{position:absolute; z-index:1; left:467px;}
body.shop ul#main_list li#become_member{margin-top:49px;}

a#wtb_text_link{
	position:absolute; 
	font:10px arial, verdana, sans-serif; 
	top:73px; 
	width:70px;
	height:15px;
	right:210px; 
	color:#036072; 
	visibility:hidden;
	text-indent:0;
}

body.shop a#wtb_text_link{visibility:visible;}

.shop div#flags{top:13px;}

a#wtb_text_link:hover{text-decoration:none;}

.shop div#shop_online{display:block;}


.shop ul#main_list li#where_to_buy, .shop ul#main_list li#where_to_buy a{background-image:none;}
.shop ul#main_list li#where_to_buy a, #shop_bratz_footer_link{display:none;}
#shop_bratz_footer_link.display{display:inline;}
body span#shop_bratz_footer_link a{font-weight:bold;}

