/*
		Site:		Special Needs
		File:		Master Screen CSS
		Author:		Alison Endacott
		Date:		January 2007
*/

* {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

body {
	font-size: small;
	font-family: arial, helvetica, sans-serif;
}
	#content {
		font-size: 90%;
	
	}
	
	p {
		color: #B22F8D;
		padding: 1em 0 0 0;
	}

	h3, h4 {
		font-family: "Trebuchet MS", arial, helvetica, sans-serif;
	}

/*  ------------------- * Landing Page * ------------------- */

.landing #header {
	background: url(/content/v4/au/specialneeds/img/mainheader.jpg) no-repeat;
	font-family: "Verdana" ,arial, helvetica, sans-serif;
	padding: 0 0 5px 80px;
	border-bottom: 3px solid #FFC8F0;
}
	.landing #header p {
		padding: 0;
		}

	.landing #header a {
		text-decoration: none;
		color: #B22F8D;
		font-weight: bold;
		font-size: 80%;
		font-style:italic;
		
	}
	
	.landing #header a span {
		display: block;
		text-align: right;
		font-style: normal;
		font-size: 85%;
		margin-top: -8px;
	}
	
	.landing h1 {
		text-indent: -9999px;
		display: block;
		height: 112px;
	}
	
	
p.experts-btn a {
	display: block;
	height: 20px;
	width: 178px;
	margin: 0 auto;
	text-indent: -9999px;
	overflow: hidden;
	padding: 0;
	background: url(/content/v4/au/specialneeds/img/experts_btn.gif);
}

/*  ------------------- * Let's Play Nav * ------------------- */

#play-nav p,
#play-nav h2 {
	text-indent: -9999px;
	height: 0;
	_margin-top: -20px;
}

ul.has-tree {
	height: 67px;
	width: 372px;
	padding: 20px 0 0 214px;
	background: url(/content/v4/au/specialneeds/img/lets-play.gif) no-repeat top;
	float: left;
	list-style: none;
	position: relative;
}

	ul.has-tree li {
		float: left;
		width: 118px;
		height: 18px;
		margin: 2px;
		cursor: pointer;
		text-indent: -9999px;
		background: url(/content/v4/au/specialneeds/img/play-nav.gif) no-repeat;
		}
		
		ul.has-tree li a {
			display: block;
			width: 118px;
			height: 18px;
			overflow: hidden;
		}
		
			ul.has-tree li#play-seeing {
			}
				ul.has-tree li#play-seeing:hover {
					background-position: 0 -45px;
				}
				
			ul.has-tree li#play-hearing {
				background-position: -122px 0;
			}
				ul.has-tree li#play-hearing:hover {
					background-position: -122px -45px;
				}
				
			ul.has-tree li#play-manipulating  {
				background-position: -244px 0;
			}
				ul.has-tree li#play-manipulating:hover {
					background-position: -244px -45px;
				}
				
			ul.has-tree li#play-thinking  {
				background-position: 0 -22px;
			}
				ul.has-tree li#play-thinking:hover {
					background-position: 0 -67px;
				}
				
			ul.has-tree li#play-moving a {
				background: url(/content/v4/au/specialneeds/img/play-nav.gif) -122px -22px;
			}
				ul.has-tree li#play-moving a:hover {
					background: url(/content/v4/au/specialneeds/img/play-nav.gif) -122px -67px;
					*background-position: -122px -22px;
				}
				
			ul.has-tree li#play-talking a {
				background: url(/content/v4/au/specialneeds/img/play-nav.gif) -244px -22px;
			}
				ul.has-tree li#play-talking a:hover {
					background: url(/content/v4/au/specialneeds/img/play-nav.gif) -244px -67px;
					*background-position: -244px -22px;
				}

ul.has-tree .tree_active ul {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 582px;
	height: 67px;
	list-style: none;
	background: url(/content/v4/au/specialneeds/img/choose-play.gif) no-repeat top;
}
	
	ul.has-tree .tree_active ul li,
	ul.has-tree .tree_active ul li a {
		height: 24px;
		width: 155px;
		display: block;
	}
	
	ul.has-tree .tree_active ul li.some {
		margin: 30px 0 0 250px;
		_display: inline;
	}
	
	ul.has-tree .tree_active ul li.lot {
		margin-top: 30px;
		_display: inline;
	}
	
		ul.has-tree .tree_active ul li.some a {
			background: url(/content/v4/au/specialneeds/img/play-nav-choose.gif);
			}
			ul.has-tree .tree_active ul li.some a:hover {
				background-position: 0 -24px;
				}
		
		ul.has-tree .tree_active ul li.lot a {
			background: url(/content/v4/au/specialneeds/img/play-nav-choose.gif) -155px 0
		}
			ul.has-tree .tree_active ul li.lot a:hover {
				background-position: -155px -24px;
			}
	
ul.has-tree .tree_inactive ul {
	display: none;
}

/*  ------------------- * Play Stages * ------------------- */

#play-stages {
	background: #d6eeff;
	padding: 8px;
	color:#016DB7;
	clear: both;
}

.landing #play-stages {
	background: #FFF1FB;
	margin: 0;
	border-bottom: 12px solid #E8C0DD;
}

	#play-stages h3 {
		color:#016DB7;
		font-size: small;
	}

	#play-stages p,
	#play-stages a {
		color:#016DB7;
		padding: 0 0 1em 0;
	}
	
	#play-stages a {
		font-weight: bold;
	}
	
	#play-stages ul {
		padding: 0 0 0 3px;
	}
	
		#play-stages ul li {
			margin-bottom: 1em;
			list-style: none;
			padding-left: 9px;
			clear: both;
		}
		
			li#stage-experience {
				background: url(/content/v4/img/specialneeds/bullet-purple.gif) no-repeat 0 5px;
			}
			
			li#stage-discovery {
				background: url(/content/v4/img/specialneeds/bullet-orange.gif) no-repeat 0 5px;
				}
				
			li.stage-imagination {
				background: url(/content/v4/img/specialneeds/bullet-green.gif) no-repeat 0 5px;
				}
				
			#play-stages ul li h4 {
				font-size: 101%;
				margin-bottom: .3em;
				
			}
		
				li#stage-experience h4 {
					color: #855CB9;
				}
				
				li#stage-discovery h4 {
					color: #F67D00;
				}
				
				li#stage-imagination h4,
				li.stage-imagination h4 {
					color: #63A20F;
				}
				
	div.product {
		margin: 0 20px 10px 20px;
		float: right;
		text-align: center;
		font-size: 85%;
		width: 110px;
	}
	
		div.product img {
			display: block;
			margin-bottom: .5em;
		}

/*  ------------------- * Intro Pages * ------------------- */

#header {
	min-height: 127px;
	_height: 127px;
	position: relative;
}

	.see_some #header,
	.see_lot #header {
		background: url(/content/v4/au/specialneeds/img/header-seeing.jpg) no-repeat;
	}

	.hear_some #header {
		background: url(/content/v4/au/specialneeds/img/header-hearing.jpg) no-repeat;
	}
	
	.hear_lot #header {
		background: url(/content/v4/au/specialneeds/img/header-hearing-alot.jpg) no-repeat;
	}
	
	.manip_some #header,
	.manip_lot #header  {
		background: url(/content/v4/au/specialneeds/img/header-manipulating.jpg) no-repeat;
	}
	
	.think_some #header,
	.think_lot #header {
		background: url(/content/v4/au/specialneeds/img/header-think.jpg) no-repeat;
	}
	
	.move #header {
		background: url(/content/v4/au/specialneeds/img/header-moving.jpg) no-repeat;
	}
	
	.talk #header {
		background: url(/content/v4/au/specialneeds/img/header-talking.jpg) no-repeat;
	}
	
#header h1 {
		text-indent: -9999px;
	}
	
	#header h1 a {
		display: block;
		height: 80px;
	}

#header h2 {
	text-indent: -9999px;
	position: relative;
	top: 10px;
	left: 15px;
	height: 29px;
	overflow: hidden;
}

	.see_some #header h2 {
		background: url(/content/v4/au/specialneeds/img/seeing-some.gif) no-repeat;
		width: 176px;
	} 
	.see_lot #header h2 {
		background: url(/content/v4/au/specialneeds/img/seeing-alot.gif) no-repeat;
		width: 187px;
	} 

	.hear_some #header h2 {
		background: url(/content/v4/au/specialneeds/img/hearing-some.gif) no-repeat;
	}
	
	.hear_lot #header h2 {
		background: url(/content/v4/au/specialneeds/img/hearing-alot.gif) no-repeat;
	}
	
	.manip_some #header h2 {
		background: url(/content/v4/au/specialneeds/img/manipulating-some.gif) no-repeat;
	}
	
	.manip_lot #header h2 {
		background: url(/content/v4/au/specialneeds/img/manipulating-alot.gif) no-repeat;
	}
	
	.think_some #header h2 {
		background: url(/content/v4/au/specialneeds/img/thinking-some.gif) no-repeat;
	}
	
	 .think_lot #header h2 {
		background: url(/content/v4/au/specialneeds/img/thinking-alot.gif) no-repeat;
	 }
	 
	.move #header h2 {
		background: url(/content/v4/au/specialneeds/img/moving.gif) no-repeat;
	}
	
	.talk #header h2 {
		background: url(/content/v4/au/specialneeds/img/talking.gif) no-repeat;
	}

#header p#goto a {
	display: block;
	height: 14px;
	width: 182px;
	overflow: hidden;
	position: absolute;
	left: 250px;
	top: 99px;
	font-size: 10px;
	text-align: center;
	color: #B22F8D;
	font-family: "Trebuchet MS", arial, helvetica, sans-serif;
	text-decoration: none;
	background: url(/content/v4/img/specialneeds/need-btn.gif);
} 

	#header p#goto a:hover {
		color: #fff;
		background-position: 0 -15px;
	} 


	/*  Getting Ready For Play &  Toys/Features to Look For */
	#play-toys {
		background: url(/content/v4/img/specialneeds/pink-bg.gif) repeat-y;
		border-bottom: 10px solid #fff;
		*height: 1%;
	}
	
	#getting-ready,
	#toys-look-for {
		padding: 8px;
		float: left;
		color: #B22F8D;
	}
	
		#getting-ready {
			width: 329px;
		}
		
		#toys-look-for {
			width: 219px;
		}
		
		#getting-ready h3,
		#toys-look-for h3 {
			font-size: 111%;
			}

		#getting-ready ul li,
		#toys-look-for ul li {
			margin: 4px 0 6px 3px;
			padding-left: 11px;
			list-style: none;
			background: url(/content/v4/img/specialneeds/bullet-pink.gif) no-repeat 0 5px;
			}

#articles {
	clear: both;
	background: #fff8d1;
	margin-top: 1em;
}

	#articles h3 {
		display: block;
		background-color: #4ca5dc;
		color: #fff;
		font-size: 95%;
		padding: .2em 0 .2em 10px;
	}
	
	#articles ul {
		padding: 1em;
		list-style: none;
	}
		#articles li {
			 padding-left: 7px;
			background: url(/content/v4/img/specialneeds/bullet-blue.gif) no-repeat 0 7px;
		}
	
		#articles li,
		#articles a {
			color: #4ca5dc;
			text-decoration: none;
		}
			#articles a:hover {
				text-decoration: underline;
			}

/*  ------------------- * Meet the Experts * ------------------- */
.experts #header {
	height: 144px;
	background: url(/content/v4/au/specialneeds/img/header-experts.jpg) no-repeat;
	}
	
	.experts #header h2 {
		background: url(/content/v4/au/specialneeds/img/meet-experts.gif) no-repeat;
		width: 129px;
		height: 16px;
		top: 43px;
	} 
	
.experts #content div.desc h3 {
	display: block;
	height: 91px;
	text-indent: -9999px;
	border-bottom: 1px solid #CF9A9C;
		}

	.experts #content div h3#sue {
		background: url(/content/v4/img/specialneeds/sue-mistrett.gif) no-repeat;
		}
	.experts #content div h3#amy {
		background: url(/content/v4/img/specialneeds/amy-ruffino.gif) no-repeat;
		}
	
.experts #content div.desc {
	margin-bottom: 12px;
		border-bottom: 1px solid #CF9A9C;

	}
	
	.experts #content div.desc p {
		background-color: #FFC5C6;
		color: #D82C30;
		padding: .6em;
		
		}

/*  ------------------- * More Pop Up * ------------------- */
		
#more {
	background: #D6EEFF;
	padding: 1em;
	color: #016DB7;
}	

#more a {
	color: #016DB7;
}	

	#more h4 {
		padding-left: 9px;
		margin-bottom: 1em;
	}

		#more h4.see_lot_exp,
		#more h4.see_some_exp,
		#more h4.hear_lot_exp,
		#more h4.hear_some_exp,
		#more h4.manip_lot_exp,
		#more h4.manip_some_exp,
		#more h4.think_lot_exp,
		#more h4.think_some_exp,
		#more h4.move_exp,
		#more h4.talk_exp {
			color: #855CB9;
			background: url(/content/v4/img/specialneeds/bullet-purple.gif) no-repeat 0 6px;
		}
	
		#more h4.see_lot_disc,
		#more h4.see_some_disc,
		#more h4.hear_lot_disc,
		#more h4.hear_some_disc,
		#more h4.manip_lot_disc,
		#more h4.manip_some_disc,
		#more h4.think_lot_disc,
		#more h4.think_some_disc,
		#more h4.move_disc,
		#more h4.talk_disc {
			color: #F67D00;
			background: url(/content/v4/img/specialneeds/bullet-orange.gif) no-repeat 0 5px;
		}
	
		#more h4.see_lot_imagi,
		#more h4.see_some_imagi,
		#more h4.hear_lot_imagi,
		#more h4.hear_some_imagi,
		#more h4.manip_lot_imagi,
		#more h4.manip_some_imagi,
		#more h4.think_lot_imagi,
		#more h4.think_some_imagi,
		#more h4.move_imagi,
		#more h4.talk_imagi {
			color: #63A20F;
			background: url(/content/v4/img/specialneeds/bullet-green.gif) no-repeat 0 5px;
		}

	#more ul {
		margin: 0 0 1em 12px;
	}
	
		#more ul li {
			margin-top: 10px;
		}
	
	#more p#prod-img {
		float: right;
		padding: 10px 0 10px 15px;
	}
	
		
	#more dd.product-image {
		width: 9em; /* adjust to taste, always set in ems */
		margin: 0;
		padding: 0;
	}
	
		#more dl {
			margin-top: 1em;
			width: 9em; /* adjust to taste, always set in ems */
			float: left;
			position: relative;
			padding-top: 60px;
			text-align: center;
			padding-bottom: 1em;
			height: 7em; /* adjust depending on the lines of text being shown under the image */
		}
				
			#more dd.product-image {
				position: absolute;
				top: 0;
				left: 0;
			}
					
					#more dd img { 
						display: block;
						width: 60px;
						margin: 0 auto;
					}
								
			#more dt.product-name {
				font-size: 85%;
				padding: .5em;
			}
								
				
				
#family-exp {
	color: #B22F8D;
	padding: 1em;
	background-color: #F4DBED;
	border-top: 14px solid #B22F8D;
	border-bottom: 4px solid #B22F8D;
}

	#family-exp h4 {
		
	}	
	
p.close {
	text-align: right;
	font-weight: bold;
}
	p.close a {
		color: #B22F8D;
	}

/*  ------------------- * Article Pop Up * ------------------- */

h4.article {
	background: #4CA5DC;
	color: #fff;
	display: block;
	padding: .3em 0 .3em 1em;
	border-bottom: 1px solid #348AC5;
	}
	
	div#article {
		background: #FFF8D1;
		color: #348AC5;
		padding: 1em;
	}
	
		#article ul {
			margin: 1em;
		}
		
		#article a {
			color: #348AC5;
		}
		
		dd.author-image {
			margin: 0 10px 0 0;
			display: block;
			float: left;
		}
		
		.advice dt {
			font-size: 90%;
			margin-bottom: .5em;
		}
		
		dd.author-image img {
			border: 1px solid #348AC5;
		}
	
/* EASY CLEARING */

	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}





<!--/* 0.241470538396157 [10.89.198.136] */-->