/** layout.css
    Contains references to main layout elements
*/


/* Main holder
*/
.holder
{
	width: 957px;
	display: block;
	margin: 0px auto;
}
.holder .background
{
	width: 957px;
	display: block;
}


/* Body holder for launch wigglesworld
*/
.holder.launchWorld
{
	width: 592px;
	height: 564px;
	display: block;
	text-align: left;
	margin: 0px auto;
	background-position: bottom left;
	background-repeat: no-repeat;
	background-image: url("../images/layout/bg_launch.gif");
}


/* Body holder for all internal content
*/
.holder.standard .background .bodyHolder
{
	z-index: 1; /* Recently added to resolve issues with auto complete*/
	width: 957px;
	height: auto;
	display: block;
	text-align: left;
	clear: both;
	position: relative;
	top: -65px; /* Readjust spacing caused by negative margin */
	background-image: url("../images/layout/bg_internal.gif");
	background-repeat: repeat-y;
	background-position: 131px 0px;
}

/* Readjusted paddings for various secondary classes
*/
.holder.standard .background .bodyHolder.internal
{
	padding: 0px 18px 0px 150px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 789px;
}
html > body .holder.standard .background .bodyHolder.internal
{
	width: 789px;
}
.holder.standard .background .bodyHolder.registration
{
	padding: 0px 18px 0px 98px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 841px;
}
html > body .holder.standard .background .bodyHolder.registration
{
	width: 841px;
}

.holder.standard .background .bodyHolderBottom
{
	width: 957px;
	height: 18px;
	background-image: url("../images/layout/footer_internal.gif");
	background-repeat: no-repeat;
	background-position: 0px;
	position: relative;
	left: 131px;
	top: -66px; /* Readjust spacing caused by negative margin */
}
.holder.standard .background .footer
{
	top: -65px; /* Readjust spacing caused by negative margin */
}


/* Footer
*/
.footer
{
	width: 957px;
	display: block;
	clear: both;
	padding-top: 20px;
	position: relative;
}
.footer.alignCenter
{
	margin: 0px auto;
}
.footer ul
{
	margin: 0px 25px 0px 0px;
	padding: 0px;
	float: right;
}
.footer li
{
	color: #42550a;
	font-size: 0.69em;
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 0px 8px;
	float: left;
	list-style: none;
	background-image: url("../images/layout/footer_divider.gif");
	background-repeat: no-repeat;
	background-position: 0px 2px;
	position: relative;
}
.footer li.noDivider
{
	background-image: none;
}
.footer li a
{
	color: #ffffff;
	text-decoration: none;
}
.footer li a:hover
{
	color: #42550a;
}
.footer li a.theFARM
{
	width: 89px;
	height: 19px;
	display: block;
	overflow: hidden;
	text-decoration: none;
	background-image: url("../images/layout/logo_thefarm.gif");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: relative;
	top: -22px;
	left: 80px;
}
.footer li a span
{
	visibility: hidden;
}
.footer br
{
	clear: both;
}


/*
*/
.bodyHolder .registrationImage
{
	width: 253px;
	display: block;
	float: left;
	margin-top: 11px;
}
.bodyHolder .registrationForm
{
	width: 583px;
	display: block;
	float: right;
}
.bodyHolder .contactForm
{
	width: 549px;
	display: block;
	float: left;
}
.bodyHolder .contactImage
{
	width: 218px;
	display: block;
	float: left;
	text-align: center;
}
.bodyHolder .activateBody
{
	width: 365px;
	display: block;
	float: left;
}
.bodyHolder .activateImage
{
	width: 350px;
	display: block;
	float: left;
	text-align: center;
}
.bodyHolder .forgotForm
{
	display: block;
	width: 367px;
	float: left;
	padding-left: 10px;
}
.bodyHolder .forgotImage
{
	display: block;
	width: 390px;
	float: left;
}
.bodyHolder .existingForm
{
	display: block;
	width: 365px;
	float: left;
	padding: 0px 50px 0px 10px;
}
.bodyHolder .existingBody
{
	display: block;
	width: 325px;
	float: left;
	padding: 0px 0px 0px 0px;
}
.bodyHolder .existingBody a
{
	float: left;
}
.bodyHolder .existingBody img
{
	float: left;
	margin: -15px 0px 0px 20px;
}
.bodyHolder .selectAccountForm
{
	width: 549px;
	display: block;
	float: left;
}
.bodyHolder .selectAccountForm.wide
{
    width:780px;
}

.bodyHolder .selectAccountImage
{
	width: 197px;
	display: block;
	float: left;
	margin-left: 17px;
}
.bodyHolder .selectAccountImage.noPadding
{
	width: 225px;
	margin: 92px 0px 0px 0px;
}
.bodyHolder .memberHomeBody
{
	width: 504px;
	display: block;
	float: left;
	margin-right: 7px;
}
.bodyHolder .memberHomeBody.wide
{
	width: 764px;
}
.wigglesTvFeature { float:left; width:764px; padding-bottom:23px; }
.wigglesTvFeature .body { float:left; }
.wigglesTvFeature .body h2 { width:358px; height:29px; background-image: url(../images/layout/banner_yellow.gif); font-size:18px; color:#ffffff; padding-left:17px; padding-top:5px; }
.wigglesTvFeature .body p { width:370px; font-size:12px; color:#6a676d; padding-left:5px; }
.wigglesTvFeature img { float:right; width:375px; border:none; }
.wigglesTvFeature p img { float:none; width:auto; }
.bodyHolder .memberHomeBody .memberHomeTitle
{
	width: 504px;
	display: block;
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
}
.bodyHolder .memberHomeBody .memberHomeTitle .defaultText
{
	width: 279px;
}

.bodyHolder .memberHomeBody .memberHomeImage
{
	width: 185px;
	display: block;
	position: absolute;
	bottom: 0px;
	right: 0px;
}
.bodyHolder .memberHomeSide
{
	width: 257px;
	display: block;
	float: left;
}
.bodyHolder .singlePage
{
	width: 763px;
	display: block;
	padding-left: 22px;
	width: 741px;
}
.bodyHolder .singlePage img
{
	margin: 0px 0px 20px 0px;
}
.bodyHolder .pricingTitle
{
	display: block;
	width: 533px;
	float: left;
	margin-right: 18px;
}
.bodyHolder .unicefCustomText
{
	width: 705px;
	height: 84px;
	background-image: url("../images/layout/bg_purchasebundledproduct.gif");
	background-repeat: no-repeat;
	background-position: center left;
	clear: both;
}
.bodyHolder .unicefCustomText span
{
	visibility: hidden;
}

bg_purchasebundledproduct.gif .bodyHolder .pricingImage img
{
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
.bodyHolder .pricingBody
{
	width: auto;
	display: block;
	clear: both;
}
.bodyHolder .pricingBody img
{
	clear: both;
}
.bodyHolder .newsImage
{
	width: 314px;
	display: block;
	float: left;
	margin-top: 54px;
	padding-left: 44px;
}
.bodyHolder .newsBody
{
	width: 555px;
	margin-left: 5px;
	display: block;
	float: left;
}
.newsItemImage
{
	float: left;
	display: block;
	width: 230px;
	margin-right: 10px;
	overflow: hidden;
}
.newsItemBody
{
	float: left;
	display: block;
	width: 230px;
}

/* Dividers
*/
.verticalDivider
{
	display: block;
	width: 100%;
	background-image: url("../images/layout/bdr_purple_dotted.gif");
	background-repeat: repeat-y;
	background-position: 396px 10px;
}
.horizontalDivider
{
	display: block;
	background-repeat: repeat-x;
	background-position: 0px 50%;
	background-image: url("../images/layout/bdr_purple_dotted.gif");
	clear: both;
}
.horizontalDivider.full
{
	width: 735px;
	height: 40px;
}
.horizontalDivider.default
{
	width: 495px;
	height: 50px;
}


/* Side Bar
*/
.sideBar
{
	display: block;
	height: auto;
	float: left;
}
.sideBar img
{
	display: block;
}
.sideBar .top
{
	width: 100%;
	display: block;
	background-positon: 0px;
	background-repeat: no-repeat;
}
.sideBar .body
{
	width: 100%;
	display: block;
	background-positon: 0px;
	background-repeat: repeat-x;
}
.sideBar .bottom
{
	width: 100%;
	display: block;
	background-positon: 0px;
	background-repeat: no-repeat;
}

/* Orange side bar
*/
.sideBar.orange
{
	width: 196px;
}
.sideBar.orange .top
{
	height: 23px;
	background-image: url("../images/layout/side_orange_top.gif");
}
.sideBar.orange .body
{
	background: #ff7e30 url("../images/layout/side_orange_bg.gif") 0px 0px repeat-x;
	padding: 0px 12px 80px 12px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 172px;
}
html > body .sideBar.orange .body
{
	width: 172px;
}
.sideBar.orange .bottom
{
	height: 20px;
	background-image: url("../images/layout/side_orange_footer.gif");
}
.sideBar.orange .body .faqListItem
{
	background: #ff7e30 url("../images/layout/side_orange_divider.gif") bottom left repeat-x;
}


/* Member Home Feature items
*/
.featureList
{
	width: 257px;
	display: block;
	background: #fff url("../images/parents/feat02_mid.gif") top left repeat-y;
	margin-bottom: 7px;
}
.featureList .listHeader
{
	background-image: url("../images/parents/feat02_top.gif");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	display: block;
	height: 46px;
	padding: 17px 10px 0px 17px;
}
.featureList .listHeader h3
{
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	height: 33px;
	float: left;
}
.featureList .listHeader h3.h3WigglyNews
{
	width: 115px;
	background-image: url("../images/forms/h3_wigglesnews.gif");
}
.featureList .listHeader h3.h3ToursAndEvents
{
	width: 143px;
	background-image: url("../images/forms/h3_toursandevents.gif");
}
.featureList .listHeader a
{
	float: right;
	width: 72px;
	height: 25px;
	display: block;
	text-decoration: none;
	overflow: hidden;
	background-image: url("../images/forms/btn_viewall.gif");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin-top: 5px;
}
.featureList .listHeader a:hover
{
	background-position: 0px -25px;
}
.featureList .listHeader a span, .featureList .listHeader h3 span
{
	visibility: hidden;
}
.featureList .listBody
{
	background-image: url("../images/parents/feat02_btm.gif");
	background-position: bottom left;
	background-repeat: no-repeat;
	display: block;
	padding: 0px 8px 20px 8px;
}
.featureList .listBody ul
{
	margin: 0px;
	padding: 0px;
}
.featureList .listBody li
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	background-image: url("../images/layout/bdr_dotted_yellow.gif");
	background-repeat: repeat-x;
	background-position: bottom left;
	display: block;
	padding: 9px 0px;
}
.featureList .listBody li a
{
	font-size: 0.81em;
	color: #ff7e30;
	text-decoration: none;
	background-image: url("../images/forms/arrow_orange.gif");
	background-position: 0px 50%;
	background-repeat: no-repeat;
	padding: 3px 0px 6px 32px;
	display: block;
	height: 100%;
}
.featureList .listBody li a:hover
{
	color: #ed1b2f;
}

.featureList.blueFeature
{
	background: #fff url("../images/parents/featblue_mid.gif") top left repeat-y;
}
.featureList.blueFeature .listHeader
{
	background-image: url("../images/parents/featblue_top.gif");
	padding: 9px 10px 0px 11px;
}
.featureList.blueFeature .listHeader h3.h3UnicefGift
{
	width: 152px;
	height: 43px;
	background-image: url("../images/forms/h3_unicefgift.gif");
}
.featureList.blueFeature .listBody
{
	background-image: url("../images/parents/featblue_btm.gif");
}
.featureList.blueFeature .listBody li
{
	background-image: url("../images/layout/bdr_dotted_blue.gif");
}
.featureList.blueFeature .listBody li a
{
	color: #0077c1;
	background-image: url("../images/forms/arrow_blue.gif");
}
.featureList.blueFeature .listBody li a:hover
{
	color: #ed1b2f;
}

/* Feature puff
*/
.featurePuff
{
	background: #fff url("../images/parents/feat01_mid.gif") top left repeat-y;
	width: 244px;
	display: block;
	float: left;
}
.featurePuff.addSpace
{
	margin-right: 7px;
}
.featurePuff .puffHeader
{
	width: 244px;
	display: block;
	background-image: url("../images/parents/feat01_top.gif");
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
.featurePuff .puffHeader .puffBody
{
	width: 244px;
	height: 95px;
	display: block;
	background-image: url("../images/parents/feat01_btm.gif");
	background-position: bottom left;
	background-repeat: no-repeat;
	position: relative;
}
.featurePuff .puffHeader .puffBody h3
{
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	height: 33px;
	position: absolute;
	top: 5px;
	left: 40px;
}
.featurePuff .puffHeader .puffBody h3.h3WigglesStore
{
	width: 101px;
	background-image: url("../images/forms/h3_wigglesstore.gif");
}
.featurePuff .puffHeader .puffBody h3.h3PhotoCentre
{
	width: 92px;
	background-image: url("../images/forms/h3_PhotoCentre.png");
	height:25px;
	margin-top:4px;
}
.featurePuff .puffHeader .puffBody h3.h3Sponsors
{
	width: 67px;
	background-image: url("../images/forms/h3_sponsors.gif");
}
.featurePuff .puffHeader .puffBody h3 span
{
	visibility: hidden;
}
.featurePuff .puffHeader .puffBody img
{
	position: absolute;
	top: 20px;
	right: 5px;
}

.featurePuff .puffHeader .puffBody img.photoCentre{ top:10px; }
.featurePuff .puffHeader .puffBody a img
{
	border: 0px;
}


/*
*/
.launchContent
{
	width: 592px;
	height: 564px;
	display: block;
	position: relative;
}
.launchContent a.logo
{
	position: absolute;
	top: 143px;
	left: 29px;
}
.launchContent a.btnLaunch, .launchContent a.btnNext
{
	display: block;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-decoration: none;
	position: absolute;
	top: 470px;
}
.launchContent a.btnLaunch
{
	width: 134px;
	height: 44px;
	background-image: url("../images/forms/btn_launch.gif");
	text-align: center;
	left: 235px;
}
.launchContent a.btnNext
{
	width: 136px;
	height: 45px;
	background-image: url("../images/forms/btn_next.gif");
	left: 419px;
}
.launchContent a.btnLaunch:hover
{
	background-position: 0px -44px;
}
.launchContent a.btnNext:hover
{
	background-position: 0px -45px;
}
.launchContent a img
{
	border: 0px;
}
.launchContent h1
{
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 291px;
	left: 262px;
	width: 256px;
	height: 44px;
	display: block;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image: url("../images/headings/h1_launchingwiggletime.gif");
}
.launchContent a span, .launchContent h1 span
{
	visibility: hidden;
}
.launchContent p
{
	font-size: 14px;
	color: #ffffff;
	margin: 0px auto;
	padding: 0px;
	position: absolute;
	top: 395px;
	left: 43px;
	display: block;
	width: 510px;
	text-align: center;
}
.launchContent p a
{
	color: #fa7f32;
	text-decoration: none;
}
.launchContent p a:hover
{
	color: #ed1b2f;
}


/* Error message
*/
.error
{
	width: auto;
	display: block;
	background-image: url("../images/layout/icon_error_form.gif");
	background-position: 0px 10px;
	background-repeat: no-repeat;
	padding: 10px 0px 0px 65px;
	margin: 0px 20px;
	min-height: 55px;
	clear: both;
}
.error p
{
	color: #fe7676;
	font-size: 0.75em;
	margin: 0px;
	padding: 11px 0px 8px 0px;
}
.error ul
{
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 0px;
	padding-left: 17px;
}
.error ul li
{
	font-size: 0.75em;
	color: #fe7676;
	line-height: 1.38em;
}


.cleaner
{
	width: 100%;
	height: 1px;
	overflow: hidden;
	clear: both;
}


/* Playground */
.playgroundPanel
{
	background: #ffffff url(/images/layout/playground/playground_nav_bg.gif) no-repeat 0 0;
	height: 59px;
	width: 496px;
	float: left;
}
.playgroundNav
{
	background: transparent url(/images/layout/playground/playground_nav_spacer.gif) no-repeat 0 0;
	margin-left: 14px;
	float: left;
	height: 59px;
	width: 1px;
}
.playgroundNav ul
{
	display: block;
	float: left;
	margin: 0px 0px 0px 1px;
	padding: 0;
	width: 495px;
}
.playgroundNav li
{
	background-image: url(/images/layout/playground/playground_nav_spacer.gif);
	background-position: right top;
	background-repeat: no-repeat;
	float: left;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0 1px 0 0;
}
.playgroundNav li a
{
	display: block;
	text-decoration: none;
}
.playgroundNav li a:hover, .playgroundNav li a.active
{
	background-position: 0px -59px;
}
.playgroundNav li a span
{
	visibility: hidden;
}
.navGames
{
	background-image: url(/images/layout/playground/playground_game.gif);
	height: 59px;
	width: 68px;
}
.navWallpapers
{
	background-image: url(/images/layout/playground/playground_wallpapers.gif);
	height: 59px;
	width: 112px;
}
.navStorybooks
{
	background-image: url(/images/layout/playground/playground_storybook.jpg);
	height: 59px;
	width: 107px;
}
.navEcards
{
	background-image: url(/images/layout/playground/playground_ecards.gif);
	height: 59px;
	width: 80px;
}
.navPrintables
{
	background-image: url(/images/layout/playground/playground_printables.gif);
	height: 59px;
	width: 98px;
}

.playgroundBody
{
	float: left;
}
.playgroundBody .item
{
	height: 102px;
	width: 240px;
	margin: 15px 15px 0px 0px;
	background: #ffffff url(/images/layout/playground/bg_panel.png) no-repeat 0 0;
	float: left;
}
.playgroundBody .item.alt
{
	margin-right: 0px;
}
.playgroundBody .item img
{
	float: left;
	padding: 9px 10px 0px 7px;
}
.playgroundBody .item h3
{
	float: left;
	padding-top: 13px;
	font-size: 15px;
	margin: 0px;
	height: 53px;
	overflow: hidden;
	color: #ffffff;
	width:129px;
}
.playgroundBody .item a
{
	width: 82px;
	height: 31px;
	background: transparent url(/images/layout/playground/btn_play.png) no-repeat 0 0;
	text-decoration: none;
	float: left;
}
.playgroundBody .item a.download 
{
	width: 104px;
	height: 31px;
	background: transparent url(/images/layout/playground/btn_download.png) no-repeat 0 0;
}
.playgroundBody .item a.start 
{
	width: 68px;
	height: 31px;
	background: transparent url(/images/layout/playground/btn_start.png) no-repeat 0 0;
}
.playgroundBody .item a.subscription
{
	width: 132px;
	height: 31px;
	background: transparent url(/images/layout/playground/btn_subscribe.png) no-repeat 0 0;
}
.playgroundBody .item a span
{
	visibility: hidden;
}
.paging
{
	float: left;
	width: 495px;
	padding-right: 10px;
}
.paging ul
{
	list-style: none;
	float: right;
	margin: 0px;
}
.paging li
{
	float: left;
	padding-right: 5px;
}
.paging a
{
	color: #6c3f98;
	font-size: 10px;
	text-decoration: none;
}
.featureItem
{
	background: transparent url(/images/layout/playground/promo_bg.gif) no-repeat 0 0;
	padding: 30px 0px 0px 11px;
	width: 257px;
	height: 215px;
}
a img { border: none; }