﻿/* ----------------DEFAULT STYLES------------------------------ */
.displayBlock{
	float:left;
	margin: 0 5px 0 0;
}
	.displayBlock a{
		display:block;
		padding: 5px;
		background-color:#5263a5;
		border: solid 1px #71a4d9;
		text-decoration:none;
		color:#FFFFFF;
	}

body {
    margin: 0;
    padding: 0;
	background: #71A4D9;
	font-family: Arial;
	font-size: 0.85em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	line-height: 160%;
	background-image:url(images/navigationBackgroundRepeat.png);
	background-repeat:repeat-x;
	}

#homepage{
    margin: 0;
    padding: 0;
	background: #71A4D9;
	background-image:url(images/navigationBackgroundRepeat3.png);
	background-repeat:repeat-x;
	}

p {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1em;
	line-height: 130%;
	color:#434444;
	}

div{
	margin: 0;
	padding: 0;
	}
	
img{
	margin: 0;
	padding: 0;
	border: none;
	}
ul{
	margin: 0px;
	padding: 0px;
	}
	
	li{
		margin: 0px;
		padding: 0px;
		}
		
/* ----------------HEADING TAGS------------------------------ */

h1{
	margin:0;
	padding:0;
	text-indent: -9000px;
	font-size: 1em;
	display:none;
}

	.parentstitle {
		margin: 0 auto 0 auto;
		padding: 50px 0 0 0;
		width: 156px;
		height: 15px;
		background-image:url(images/parents.png);
		background-position: 0px 25px;
		background-repeat:no-repeat;
	}
	
	.top10goalstitle {
		margin: 0 auto 0 auto;
		padding: 50px 0 0 0;
		width: 350px;
		height: 15px;
		background-image:url(images/top10goals.jpg);
		background-position: 0px 25px;
		background-repeat:no-repeat;
	}	
	
	.signuptitle{
		margin: 0 auto 0 auto;
		padding: 50px 0 0 0;
		width: 130px;
		height: 15px;
		background-image:url(images/signuptitle.png);
		background-position: 0px 25px;
		background-repeat:no-repeat;
	}
	.membershiptitle {
		margin: 0 auto 0 auto;
		padding: 50px 0 0 0;
		width: 214px;
		height: 15px;
		background-image:url(images/membershiptitle.png);
		background-position: 0px 25px;
		background-repeat:no-repeat;
	}
	.helptitle {
		margin: 0 auto 0 auto;
		padding: 50px 0 0 0;
		width: 164px;
		height: 15px;
		background-image:url(images/helptitle.png);
		background-position: 0px 25px;
		background-repeat:no-repeat;
	}
	.contacttitle {
		margin: 0 auto 0 auto;
		padding: 50px 0 0 0;
		width: 204px;
		height: 15px;
		background-image:url(images/contacttitle.png);
		background-position: 0px 25px;
		background-repeat:no-repeat;
	}
	.advertisetitle {
		margin: 0 auto 0 auto;
		padding: 50px 0 0 0;
		width: 235px;
		height: 15px;
		background-image:url(images/advertisingTitle.png);
		background-position: 0px 25px;
		background-repeat:no-repeat;
	}
	.abouttitle{
		margin: 0 auto 0 auto;
		padding: 50px 0 0 0;
		width: 182px;
		height: 15px;
		background-image:url(images/abouttitle.png);
		background-position: 0px 25px;
		background-repeat:no-repeat;
	}
	.termstitle{
		margin: 0 auto 0 auto;
		padding: 50px 0 0 0;
		width: 111px;
		height: 15px;
		background-image:url(images/termstitle.png);
		background-position: 0px 25px;
		background-repeat:no-repeat;
	}
	.privacytitle{
		margin: 0 auto 0 auto;
		padding: 50px 0 0 0;
		width: 294px;
		height: 15px;
		background-image:url(images/privacytitle.png);
		background-position: 0px 25px;
		background-repeat:no-repeat;
	}
	.logintitle{
		margin: 0 auto 0 auto;
		padding: 50px 0 0 0;
		width: 101px;
		height: 15px;
		background-image:url(images/logintitle.png);
		background-position: 0px 25px;
		background-repeat:no-repeat;
	}
	.forgottenpasswordtitle{
		margin: 0 auto 0 auto;
		padding: 50px 0 0 0;
		width: 366px;
		height: 15px;
		background-image:url(images/forgottenPasswordtitle.png);
		background-position: 0px 25px;
		background-repeat:no-repeat;
	}
	.cancelmembershiptitle{
		margin: 0 auto 0 auto;
		padding: 50px 0 0 0;
		width: 366px;
		height: 15px;
		background-image:url(images/cancelMembershiptitle.png);
		background-position: 0px 25px;
		background-repeat:no-repeat;
	}
	.sendtoafriendtitle{
		margin: 0 auto 0 auto;
		padding: 50px 0 0 0;
		width: 366px;
		height: 15px;
		background-image:url(images/sendToAFriendtitle.png);
		background-position: 0px 25px;
		background-repeat:no-repeat;
	}
	.accounttitle{
		margin: 0 auto 0 auto;
		padding: 50px 0 0 0;
		width: 366px;
		height: 15px;
		background-image:url(images/accounttitle.png);
		background-position: 0px 25px;
		background-repeat:no-repeat;
	}
	.membershipupgradetitle{
		margin: 0 auto 0 auto;
		padding: 50px 0 0 0;
		width: 366px;
		height: 15px;
		background-image:url(images/membershipupgradetitle.png);
		background-position: 0px 25px;
		background-repeat:no-repeat;
	}
	
h2 {
	color:#FFF;
	margin:10px 0 0 0;
	padding: 20px 0 20px 30px;
	font-size: 2em;
}

h2.blue{
	color:#5263a5;
	margin:10px 0 0 0;
	padding: 20px 0 20px 0px;
	font-size: 2em;
}

h2.registerNow{
	color:#5263a5;
	margin:0;
	padding: 9px 0 20px 13px;
	font-size: 1.6em;
}

.greatMembershipTitle h2 {
	text-indent: -9000px;
	font-size: 1em;
}

	.greatMembershipTitle{
		background-image:url(images/3greatMembership.png);
		background-repeat:no-repeat;
		margin: 0 0 0 35px;
		height: 95px;
	}

h3 {
	margin:0;
	padding:10px 0 10px 0;
	color:#5263a5;
}

h3.signup {
	margin:0;
	padding:0;
	color:#5263a5;
}

/* ----------------RE-USABLE STYLES------------------------------ */	
.clearFloat{
	clear: both;
	padding: 0;
	margin: 0;
	height: 0;
	}
.floatRight{
	float:right;
	padding:0 23px 0 0;
}
.floatRightNoPadding{
	float:right;
	padding:0 10px 0 0;
}
.floatLeft{
	float:right;
	padding:0 23px 0 0;
}
/* ---------------- CONTENT WRAPPER ------------------------------ */

#contentWrapper{
	width: 900px;
	margin: 0 auto;
}

/* ---------------- TOP NAVIGATION ------------------------------ */

#navigationContainer{
	width: 900px;
	height: 126px;
	background-image: url(images/pslHeaderImage.png);
}

#navigationContainerHomepage{
	width: 900px;
	height: 126px;
	background-image: url(images/homePageHeader.jpg);
	margin: 6px 0 0 0;
}

#pslLogo{
	float:left;
}

#pslLogo2{
	padding: 1px 0 0 0;
	float:left;
}

#navigation ul{
	width:430px;
	float:left;
	position:relative;
}
	#navigation li{
		text-decoration:none;
		list-style:none;
	}
	
	#navigation li.signup{
		position:absolute;
		top: 3px;
		left: 1px;
		z-index: 1;
		width:237px;
	}
	#navigation li.signup a{
		background-image:url(images/signupRollover.png);
		background-position:0 0px;
		background-repeat:no-repeat;
		display:block;
		height: 37px;
		text-indent:-9000px;
	}
	#navigation li.signup a:hover{
		background-image:url(images/signupRollover.png);
		background-position:0 -37px;
	}
	
	#navigation li.parents{
		position:absolute;
		top: 3px;
		left: 238px;
		z-index: 2;
	}
	
	#navigation li.parents a{
		background-image:url(images/parentsRollover.png);
		background-position:0 0px;
		background-repeat:no-repeat;
		display:block;
		height: 37px;
		text-indent:-9000px;
		width:190px;
	}
	
	#navigation li.parents a:hover{
		background-image:url(images/parentsRollover.png);
		background-position:0 -37px;
	}
	
	#navigation li.membership{
		position:absolute;
		top: 40px;
		left: 2px;
		z-index: 3;
	}
	
	#navigation li.membership a{
		background-image:url(images/membershipRollover.png);
		background-position:0 0px;
		background-repeat:no-repeat;
		display:block;
		height: 37px;;
		text-indent:-9000px;
		width:237px;
	}
	
	#navigation li.membership a:hover{
		background-image:url(images/membershipRollover.png);
		background-position:0 -37px;
	}
	
	#navigation li.help_faq{
	position:absolute;
	top: 40px;
	left: 238px;
	z-index: 4;
	width: 190px;
	}
	
	#navigation li.help_faq a{
		background-image:url(images/help_faqRollover.png);
		background-position:0 0px;
		background-repeat:no-repeat;
		display:block;
		height: 37px;
		text-indent:-9000px;
		width:190px;
	}
	
	#navigation li.help_faq a:hover{
		background-image:url(images/help_faqRollover.png);
		background-position:0 -37px;
	}


#play{
	float:right;
	margin: 4px 0 0 0;
}

#play a {
	background-image:url(images/playButton.png);
	background-position:0 -89px;
	background-repeat:no-repeat;
	display:block;
	padding:67px 11px 0 0;
	text-indent:-9000px;
	width:89px;
}

#play a:hover {
	background-position:0 0px;
}

#play2{
	float:right;
	margin: 4px 0 0 0;
}

#play2 a {
	background-image:url(images/playButton2.png);
	background-position:0 -89px;
	background-repeat:no-repeat;
	display:block;
	padding:67px 11px 0 0;
	text-indent:-9000px;
	width:89px;
}

#play2 a:hover {
	background-position:0 0px;
}

/* ---------------- MAIN CONTENT ------------------------------ */

#mainContentWrapper{
	background-image:url(images/mainContentMiddleRepeat.png);
	background-repeat: y;
}

	#mainContentWrapper p a{
		text-decoration:none;
		color: #30428a;
	}
	
	#mainContentWrapper p a:hover{
		text-decoration:underline;
		color: #30428a;
	}

.topBoxElement{
	background-image:url(images/mainContentHeader.png);
	padding: 0 0 0 0;
	height: 65px;
}
	.bottomBoxElement{
		background-image:url(images/mainContentBottom.png);
		padding: 15px 0 0 0;
		margin: 20px 0 0 0;
	}

.flashBannerContainer{
	margin: 0;
	padding: 15px 0 15px 38px;
	width: 825px;
}

.innerBoxWrapper{
	width: 835px;
	margin: 0 auto;
	position:relative;
}
	
	.innerBoxWrapper p{
		padding: 0 0 15px 0;
	}

	.innerBoxTop{
		background-image:url(images/innerContentHeader.png);
		background-repeat:no-repeat;
	}
	.middleBoxWrapper{
		background-image:url(images/innerContentMiddleRepeat.png);
		background-repeat:y;
		padding: 15px 23px 15px 23px;
		overflow:hidden;
	}
	.middleBoxWrapper h3 a, .middleBoxWrapper h3 a:active, .middleBoxWrapper h3 a:visited, .middleBoxWrapper h3 a:link, .middleBoxWrapper h3 a:hover{
		cursor: pointer;
	}
	.middleBoxWrapper div.hidden{
		display:none
	}	
	
	.innerBoxBottom{
		background-image:url(images/innerContentBottom.png);
		padding: 10px 0 5px 0;
	}
	
ul.footballs{
	list-style:none;
	padding: 0 0 10px 0;
}
	.footballs li{
		background-image:url(images/football.png);
		background-position: 0 2px;
		background-repeat:no-repeat;
		padding:2px 0 0 30px;
		color:#434444;
	}
	
.footballsGold ul{
	list-style:none;
	padding: 0 0 10px 0;
	color:#fff;
}
	
	.footballsGold li a{
		background-image:url(images/blueFootball.png);
		background-position: 0 0px;
		background-repeat:no-repeat;
		padding:8px 0 0 38px;
		color:#fff;
		cursor:text;
		text-decoration:none;
		display:block;
		
	}
	.footballsGold li a:hover{
		background-image:url(images/goldFootball.png);
		background-repeat:no-repeat;
		background-position: 0 0px;
		color:#fff;
	}
	.footballsGold li a strong{
		font-size: 1.5em;
		color:#fff;
	}

.membershipWrapper{
	width: 839px;
	margin: 0 auto;
}

.bronze{
		float:left;
	}
	.bronze a{
		background-image:url(images/bronze.png);
		background-position:0 0px;
		background-repeat:no-repeat;
		display:block;
		width:272px;
		height:476px;
	}
	.bronze a:hover{
		background-image:url(images/bronze.png);
		background-position:0 -476px;
	}
	.bronze p{
		display:none;
	}

.silver{
		padding: 0 0 0 10px;
		float:left;
	}
	.silver a{
		background-image:url(images/silver.png);
		background-position:0 0px;
		background-repeat:no-repeat;
		display:block;
		width:272px;
		height:476px;
	}
	.silver a:hover{
		background-image:url(images/silver.png);
		background-position:0 -476px;
	}
	.silver p{
		display:none;
	}
	
.gold{
		padding: 0 0 0 10px;
		float:left;
	}
	.gold a{
		background-image:url(images/gold.png);
		background-position:0 0px;
		background-repeat:no-repeat;
		display:block;
		width:272px;
		height:476px;
	}
	.gold a:hover{
		background-image:url(images/gold.png);
		background-position:0 -476px;
	}
	.gold p{
		display:none;
	}
	
.blueBoxWrapper{
	float:left;
	width: 380px;
	background-image:url(images/middleBlueBox.png);
	background-repeat: repeat-y;
}
	.blueBoxTop{
		height: 13px;
		background-image:url(images/topBlueBox.png);
		background-repeat:no-repeat;
	}
	.blueBoxMiddle{
		background-image:url(images/middleBlueBox.png);
		background-repeat: repeat-y;
		padding: 0 10px 0 10px;
	}
	.blueBoxBottom{
		height: 13px;
		background-image:url(images/bottomBlueBox.png);
		background-repeat:no-repeat;
	}

/* ---------------- SIGN UP ------------------------------ */

.signUpStage1{
	background-image:url(images/signUpStage1.png);
	background-repeat: no-repeat;
	clear:both;
	margin: 45px auto 0 auto;
	_margin: 15px auto 0 auto;
	width: 823px;
	height: 460px;
	position:relative;
}
	.signUpStage1 p{
		font-size: 0.9em;
		padding:0;
		margin:0;
	}

.error2{
	color:#FF0000;
}

.error{
	position:absolute;
	background-image:url(images/errorBox.gif);
	background-position: 0 2px;
	background-repeat: no-repeat;
	z-index: 100;
	width: 418px;
	height: 58px;
	top: 223px;
	left: 6px;
}

	.error p{
		padding: 5px 10px 5px 10px;
		color:#FFFFFF;
	}

	.register{
		width: 535px;
		height: 248px;
		position:absolute;
		left: 148px;
		top: 111px;
		z-index: 1;
	}
		.fieldWrapper{
			width: 520px;
			padding: 10px 0 0 0;
			clear:both;
		}
		
		.textArea{
			width: 210px;
			float: left;
			padding: 0 5px 0 0;
			text-align:right;
		}
		
		.fieldArea{
			width: 280px;
			float: left;
		}
		.floatLeftText{
			width: 264px;
			margin: 5px 0 5px 0;
		}
		.textArea2{
			padding: 0 5px 0 0;
			text-align:right;
			float:left;
		}
		.textArea3{
			padding: 0 5px 0 0;
			text-align:left;
			float:left;
			width:90px;
		}
		.fieldArea2{;
			float:left;
		}
		
		.registerNext{
	z-index:3;
	position:absolute;
	width: 86px;
	height: 29px;
	left: 588px;
	top: 356px;
		}
			.registerNext p{
				display:none;
			}
.boxBorderContainer{
	border:solid #5263a5 2px;
	padding: 5px;
	width: 550px;
	margin: 0 0 5px 0;
}

.signUpStage2{
	background-image:url(images/signUpStage2.png);
	background-repeat: no-repeat;
	clear:both;
	margin: 45px auto 0 auto;
	width: 823px;
	height: 460px;
	position:relative;
}
	.signUpStage2 p{
		font-size: 0.9em;
		padding:0;
		margin:0;
	}

	.personalDetails{
		width: 535px;
		height: 248px;
		position:absolute;
		left: 148px;
		top: 111px;
		z-index: 10;
	}

		.personalDetailsNext{
			z-index:3;
			position:absolute;
			width: 86px;
			height: 29px;
			left: 585px;
			top: 413px;
		}
			.personalDetailsNext p{
				display:none;
			}
			
			.pslCharacter{
				z-index: 100;
				position:absolute;
				width: 124px;
				height: 199px;
				left: 692px;
				top: 217px;
			}

.signUpStage3{
	background-image:url(images/signUpStage3.png);
	background-repeat: no-repeat;
	clear:both;
	margin: 45px auto 0 auto;
	width: 823px;
	height: 600px;
	position:relative;
}
	
	.signUpStage3 p{
		font-size: 0.9em;
		padding:0;
		margin:0;
	}
	
	.finalDetails{
		width: 571px;
		height: 248px;
		position:absolute;
		left: 131px;
		top: 89px;
		z-index: 20;
	}
	
	.submitSignup{
		width: 88px;
		height: 35px;
		z-index: 60;
		position:absolute;
		left: 610px;
		top: 495px;
	}

/* ---------------- FORMS ------------------------------ */

.formFieldWrapper{
	width: 520px;
	padding: 0;
	clear:both;
	}
		
		.formTextArea{
			width: 190px;
			float: left;
			padding: 0 5px 0 0;
			text-align:left;
		}
		
		.formTextBoxSize{
			width: 250px
		}
		
		.formFieldArea{
			width: 280px;
			float: left;
		}
		
		p.formError{
			width: 98%;
			padding: 10px 10px 10px 10px;
			margin: 0 0 10px 0;
			background-color:#FF0000;
			color:#FFFFFF
		}
/* ---------------- MAIN CONTENT ------------------------------ */

#footer{
	padding:5px 10px 0 10px;
}

.footerRightContent{
	width: 475px;
	float:right;
	text-align:right;
}
	.footerRightContent ul{
		color:#FFF;
		list-style:none;
	}
		.footerRightContent li{
			display:inline;
			border-left-color:#FFFFFF;
			border-left-style:solid;
			border-left-width:1px;
			padding: 0 5px 0 5px;
			font-size: 0.9em;
		}
		.footerRightContent li a{
			color:#FFFFFF;
			text-decoration:none;
		}
		
		.footerRightContent li a:hover{
			color:#000;
			text-decoration:none;
		}
		
.copyRight{
	font-size: 0.9em;
	color:#FFFFFF;
}
	.copyRight a{
		color:#FFFFFF;
		text-decoration:none;
	}
	.copyRight a:hover{
		font-size: 0.9em;
		color:#000;
		text-decoration:none;
	}


.mcmnet a{
	font-size: 0.9em;
	color:#FFFFFF;
	text-decoration:none;
}
.mcmnet a:hover{
	font-size: 0.9em;
	color:#000;
	text-decoration:none;
}


#home_content_wrap
{
    background: url(images/repeatBG.jpg) repeat-x top left #71A4D9;
	
}

#home_content
{
    height: 500px;
    background: #71A4D9; /*url(_images/PSLInterefaceIllo.jpg) top center no-repeat; width: 1500px;*/
	width:900px;
	z-index:1;
	margin:	0 auto;
}

#flashbanner{
	height: 113px;
	width: 728px;
	margin: 0 auto;
	text-align:center;
}
* html #flashbanner{ 
	height: 106px;
	width: 728px;
	margin: 0 auto;
	padding: 8px 0 0 0;
	text-align:center;
}

/* IE 7 */
*+html #flashbanner{ 
	height: 106px;
	width: 728px;
	margin: 0 auto;
	padding: 8px 0 0 0;
	text-align:center;
}

/* IE 7 and modern browsers */
html>body #flashbanner { 
	height: 106px;
	width: 728px;
	margin: 0 auto;
	padding: 8px 0 0 0;
	text-align:center;
}
#flashbanner p{
	margin: 0;
	padding: 0;
}
#flashbanner a{
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
}
#flashbanner a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
.flashbanner2{
	height: 105px;
	width: 728px;
	margin: 0 auto;
	padding: 8px 0 0 0;
	text-align:center;
}