/*
		Site:	Award Winners
		File:	Default CSS File
		Author:	Alison Endacott
		Date:	August 2006
*/

* {
	margin: 0;
	padding: 0;
	border: 0;
}
	
body {
	font-family: arial, helvetica, sans-serif;
}

#container a:link, #container a:visited {
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}
	#container a:hover {
		text-decoration: underline;
	}

#container {
	width: 582px;
	font-size: 85%;
}

h1 {
	height: 165px;
	width: 582px;
	overflow: hidden;
	}
	
	h1 span{ /*MODIFIED SHEA IMAGE REPLACEMENT - http://www.mezzoblue.com/tests/revised-image-replacement/ */
		background: url(/content/v4/us/special/img/award_head.jpg) no-repeat;
		height: 165px;
		width: 582px;
		position: absolute;
		}
	
p.intro {
	background: #fff;
	padding: 10px;
	color: #005EEB;
}	


#content {
	background: url(/content/v4/img/special/bg_awards.gif) repeat-y;
	}

#infant,
#toddler,
#preschool {
	width: 191px;
	float: left;
}

	#infant {
		background: #EFE8FA;
		color: #8D62CE;
	}
		#infant a:link, 
		#infant a:visited,
		li#more-infant a:link,
		li#more-infant a:visited {
			color: #8D62CE;
		}
	
	#toddler {
		background: #E8F1FA;
		margin: 0 2px 0 2px;
		color: #1A79CB;
	}		
		#toddler a:link, 
		#toddler a:visited,
		li#more-toddler a:link,
		li#more-toddler a:visited {
			color: #1A79CB;
		}

	#preschool {
		background: #E9F8E0;
		color: #399E00;
	}
		#preschool a:link, 
		#preschool a:visited, 
		li#more-preschool a:link, 
		li#more-preschool a:visited{
			color: #399E00;
		}


h2 a{
	width: 191px;
	height: 25px;
	text-indent: -9999px;
	display: block;
}

	#infant h2 a{
		background: url(/content/v4/us/special/img/inf_header.gif) no-repeat;
	}
	
	#toddler h2 a{
		background: url(/content/v4/us/special/img/tod_header.gif) no-repeat;
	}
	
	#preschool h2 a{
		background: url(/content/v4/us/special/img/pre_header.gif) no-repeat;
	}

ul#more {
	clear: both;
}

ul#more li{
	display: block;
	height: 20px;
	width: 186px;
	float: left;
	text-align: center;
	padding: 5px 5px 0 0;
	position: relative;
	top: 15px;
}

	li#more-infant {
		background: #DFC8F8;
	}

	li#more-toddler {
		background: #BAD7EF;
		margin: 0 2px 0 2px;
	}
	
	li#more-preschool  {
		background: #BDE69C;
	}

dl.product {
	padding-top: 10px;
	min-height: 140px;
	position: relative;
	}

dd.product-image {
	position: absolute;
	top: 13px;
	width: 191px;	
}
dd.product-image img{
	padding: 6px;
	border: 1px solid #fff;
	margin: 0 auto;
	display: block;
	}
	
	#infant dd.product-image img {
		background: #DFC8F8; 
	}
	
	#toddler dd.product-image img {
		background: #BAD7EF;
	}
	
	#preschool dd.product-image img {
		background: #BDE69C;
	}
	
		
dt.product-name {
	text-align: center;
	margin-left: 0;
	margin-top: 140px;
	font-weight: bold;
	font-size: 109%;
	padding: 0 7px 0 7px;
}

.award{
	text-align:center;
	padding: 0 8px 0 8px;
}
	.award dt {
		margin-top: .3em;
	}
	
.more-awards {
	display: block;
	margin: 10px auto 0 auto;
}

#copyright {
	padding: 10px;
	color: #005EEB;
	background: #fff;
}

	#copyright h5 {
		font-size: 120%;
		text-align: center;
		color: #004AB9;
		margin-top: .5em;
	}
		

	#copyright h6 {
		font-size: 107%;
		font-weight: bold;
		margin-top: 1.2em;
		color: #004AB9;
	}

	#container p.learn-more {
		color: #004AB9;
		text-align: right;
	}

		#container p.learn-more a {
			text-decoration: underline;
			color: #004AB9;
		}
	
/* copyright */
	
div.copyright h5 {
	font-size: 120%;
	text-align: center;
	color: #004AB9;
	background: #fff;
	height: 139px;
	width: 582px;
	display: block;
	background: url(/content/v4/us/special/img/head-copyright.jpg);
	text-indent: -9999px;
}

ul.nav-bar {
	width: 582px;
	height: 27px;
	border: 1px solid #F4F4F4;
	background: #F4F4F4;
	margin: 0 0 10px 0;
}
	ul.nav-bar li {
		float: left;
		list-style: none;
	}


	ul.nav-bar li a{
		width: 133px;
		height: 23px;
		border: 2px solid #fff;
		display: block;
		float: left;
		text-indent: -9999px;
		overflow: hidden;
	}
	
		ul.nav-bar li.award-winners a{
			width: 166px;
			background: url(/content/v4/US/special/img/nav.gif); 
		}
			ul.nav-bar li.award-winners a:hover {
				border: 2px solid #F3E2F3;
				}
		
		ul.nav-bar li.infant-awards a{
			background: url(/content/v4/US/special/img/nav.gif) -172px; 
		}
			ul.nav-bar li.infant-awards a:hover {
				border: 2px solid #EEE6F8;
				}
		 
		 ul.nav-bar li.toddler-awards a{
			background: url(/content/v4/US/special/img/nav.gif) -309px; 
		 }
			ul.nav-bar li.toddler-awards a:hover {
				border: 2px solid #DEE7EF;
				}
		 
		ul.nav-bar li.preschool-awards a{
			background: url(/content/v4/US/special/img/nav.gif) -446px; 
		}
			ul.nav-bar li.preschool-awards a:hover {
				border: 2px solid #CFE6BD;
			}

div.copyright #copyright {
	margin-top: 0;
}

div.copyright p.intro {
	font-size: 100%;
}

/* clear */
.clear {
	clear:both;
	}
	
/* EASY CLEARING */

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