/** header.css
    Contains references to home page
*/

/* Header master
*/
.header {
    width: 957px;	
	display: block;
	position: relative;
	z-index: 10;
}


/* Header logo
*/
.header .logo
{
    width: 184px;
	height: 182px;
	display: block;
	float: left;
    background-position: 0px 0px;
	background-repeat: no-repeat;
}

.header .logo A IMG {
  border: 0px;
	margin-top: 15px;
}

/* Logo background changes based on holders secondary class name [home|standard] */
.holder.home .header .logo {
	background-image: url("http://www.wiggletime.com/images/layout/header_logo_home.gif");
}

.holder.standard .header .logo {
	background-image: url("http://www.wiggletime.com/images/layout/header_logo_standard.gif");
}

/* Header bar */
.header .headerBar {
    width: 773px;
	height: 117px;
	display: block;
	float: left;	
    background-position: 0px 0px;
	background-repeat: no-repeat;
	text-align: left;
	position: relative;	
}
/* Header bar background changes based on holders secondary class name [home|standard] */
.holder.home .header .headerBar {
	background-image: url("http://www.wiggletime.com/images/layout/header_bg_home.gif");
}

.holder.standard .header .headerBar {
	background-image: url("http://www.wiggletime.com/images/layout/header_bg_standard.gif");
}


/* Top navigation - About Wiggles World, FAQ's, etc
*/
.headerBar .topNav
{
  width: 753px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
}
.headerBar .topNav ul
{
  margin: 5px 0px 0px 0px;
	padding: 0px;	
}
.headerBar .topNav li
{
  margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
}
.headerBar .topNav li a
{
  color: #ff7e30;
  text-decoration: none;
  font-size: 0.75em;
	padding-left: 14px;
	margin-left: 2px;
	margin-right: 10px;
	background: #fff url("../images/layout/bullet_yellow.gif") 0px 5px no-repeat;
}
.headerBar .topNav li a:hover, .headerBar .topNav li a.selected 
{
  color: #ed1b2f;
}

/* Country select control
*/
.headerBar .countrySelect
{
  width: 131px;
	display: block;
	position: absolute;
	top: 0px;
	left: 610px;
	z-index: 20;
}
.headerBar .countrySelect h4
{
  font-size: 0.75em;
	color: #ff7e30;
	margin: 5px 0px 0px 0px;
	padding: 3px 0px 3px 21px;
	font-weight: normal;
  width: 131px;
	background-image: url("http://www.wiggletime.com/images/layout/bg_countryselector.gif");
	background-position: 0px 0px;
	background-repeat: no-repeat;		
	cursor: pointer;
}
.headerBar .countrySelect h4.hoverOver
{
  color: #ed1b2f;
}
.headerBar .countrySelect ul
{
  width: 110px;
  margin: 0px 0px 0px 9px;
	padding: 2px 0px 5px 0px;	
	border-left: 2px solid #ffe597;
	border-right: 2px solid #ffe597;
	border-bottom: 2px solid #ffe597;		
	background-color: #fff;
	display: none;
}
.headerBar .countrySelect li
{
  margin: 0px;
	padding: 1px 0px 1px 10px;
	line-height: 16px;
	list-style: none;		
}
.headerBar .countrySelect li a
{
  font-size: 0.75em;
	color: #ff7e30;
	text-decoration: none;
}
.headerBar .countrySelect li a:hover
{
  color: #ed1b2f;
}

/*  Main display panel
*/
.headerBar .mainPanel
{
	position: absolute;
	top: 31px;
	left: 0px;	
  width: 767px;
	height: 70px;
	display: block;	
	overflow: hidden;
}


/* Logged in panel (with navigation, Hi <name> and sign out button 
*/
.loggedInNav
{
  width: 610px;
	display: block;
	height: 70px;
	float: left;
}
.loggedInNav ul
{
  margin: 0px;
	padding: 0px;
	float: left;
	display: block;
}
.loggedInNav li
{
  margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	padding-right: 1px;
	background-position: top right;
	background-repeat: no-repeat;
	background-image: url("http://www.wiggletime.com/images/layout/nav_divider.gif");
}
.loggedInNav li a
{
  height: 70px;
	text-decoration: none;
	overflow: hidden;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	display: block;
}
.loggedInNav li a span
{
 visibility: hidden;
}
.loggedInNav li a.navHome
{
  width: 68px;
	background-image: url("http://www.wiggletime.com/images/layout/nav_home.gif");
}
.loggedInNav li a.navPlayground
{
  width: 110px;
	background-image: url("http://www.wiggletime.com/images/layout/nav_playground.gif");
}
.loggedInNav li a.navTv
{
	width: 48px;
	background-image: url("http://www.wiggletime.com/images/layout/nav_tv.gif");
}
.loggedInNav li a.navMyAccount
{
  width: 87px;
	background-image: url("http://www.wiggletime.com/images/layout/nav_myaccount.gif");
}
.loggedInNav li a.navSponsors
{
  width: 89px;
	background-image: url("http://www.wiggletime.com/images/layout/nav_sponsors.gif");
}
.loggedInNav li a.navNews
{
  width: 67px;
	background-image: url("http://www.wiggletime.com/images/layout/nav_news.gif");
}
.loggedInNav li a.navTours
{
  width: 64px;
	background-image: url("http://www.wiggletime.com/images/layout/nav_tours.gif");
}
.loggedInNav li a.navFourm
{
  width: 69px;
	background-image: url("http://www.wiggletime.com/images/layout/nav_forum.gif");
}
.loggedInNav li a:hover, .loggedInNav li a.selected
{
	background-position: 0px -70px;
}


/* Default panel where there is a header image to display
*/
.mainPanel .defaultPanel
{
  width: 756px;
	height: 70px;
	display: block;
	margin-left: 5px;
}


/* Login panel with join now button, login and forgotten password form
*/
.mainPanel .loginPanel
{
  width: 772px;
	display: block;
	height: 63px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image: url("http://www.wiggletime.com/images/layout/header_bg_join.gif");	
	margin-top: 7px;
}
.loginPanel .joinNow
{
  width: 180px;
	height: 54px;
	display: block;
	float: left;
}
.loginPanel .joinNow a
{
  width: 180px;
	height: 54px;
	display: block;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image: url("http://www.wiggletime.com/images/layout/btn_joinnow.gif");	
	margin-top: 3px;
	float: left;
	text-decoration: none;		
}
.loginPanel .joinNow a span
{
  visibility: hidden;
}
.loginPanel .joinNow a:hover
{
	background-position: 0px -54px;
}
/* Standard header form used to reduce duplication of header form elements
*/
.headerForm
{
	width: 432px;
	height: 63px;
	display: block;	
	margin-top: 5px;
	float: right;
	position: relative;		
}
.headerForm label
{
  height: 20px;
	display: block;
	float: left;
	width: 123px;
	background-position: right 3px;
	background-repeat: no-repeat;
	text-align: right;	
	margin-right: 3px;
	overflow: hidden;
}
.headerForm label span
{
  visibility: hidden;
}
.headerForm .textField
{
	width: 148px;
	height: 27px;
	float: left;
  display: block;
	background-image: url("http://www.wiggletime.com/images/layout/login_inputtxt.gif");
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
.headerForm .textField.textFieldError
{
	background-image: url("http://www.wiggletime.com/images/layout/login_inputtxt_error.gif");    
}
.headerForm .textField input
{
	width: 128px;
	border: none;
	padding: 4px 6px 2px 6px;
	background-color: transparent;
	font-size: 0.75em; 
	color: #686868;
}
.headerForm a.text
{
  font-size: 0.69em;
	color: #a07e17;
	position: absolute;
	top: 35px;
	left: 296px;
}
.headerForm a.text:hover
{
  color: #ed1b2f;
}
.headerForm a.submit
{
	width: 135px;
	height: 36px;
	display: block;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-decoration: none;
	position: absolute;
	top: -1px;
	left: 283px;
}
.headerForm a.submit:hover
{
	background-position: 0px -36px;
}
.headerForm a.submit span
{
  visibility: hidden;
}
.headerForm br
{
  clear: both;
}
/* Custom form elements for login form
*/
.login label.username
{
	background-image: url("http://www.wiggletime.com/images/layout/lbl_login_username.gif");  
}
.login label.password
{
	background-image: url("http://www.wiggletime.com/images/layout/lbl_login_password.gif");
}
.headerForm.login a.submit
{
	background-image: url("http://www.wiggletime.com/images/layout/btn_memberslogin.gif");
}
/* Custom form elements for error message
*/
.loginError p
{
	color: #e51a21;
	font-size: 0.88em;
	padding: 6px 0px 0px 58px;
	background-image: url("../images/layout/icon_error.gif");
	background-position: 10px 3px; 
	background-repeat: no-repeat;
	margin: 2px 0px 0px 7px;
	width: 200px;
	height: 40px;
}
.loginError p span
{
	font-weight: bold;
}
.headerForm.loginError a.submit
{
	background-image: url("http://www.wiggletime.com/images/layout/btn_go_back.gif");
}