/*
		Site: 		Infant Toys
		File: 		Small Screen CSS
		Author:		Eric Shepherd
		Date:		April 2006
*/

body {
	font-family: sans-serif;
	background: #a75d9c;
}

#container {
	background: #fff;
	width: auto;
	max-width: 597px;
}

img {
	max-width: 100%;
}

#accessibility {
	font-size: 80%;
}

#footer {
	background: #fff;
}

/* LINKS */

a:link {
	font-weight: bold;
	text-decoration: underline;
	color: #a75d9c;
}

a:visited {
	font-weight: bold;
	text-decoration: underline;
	color: #a75d9c;
}

a:hover {
	font-weight: bold;
	text-decoration: none;
}

a:active {
	font-weight: bold;
	text-decoration: underline;
}

/* FOOTER */

div#footer {
	text-align: center;
}

/* SIFR */

span.sIFR-alternate {
	position: relative;
	left: 0;
	top: 0;
	width: auto;
	height: auto;
	display: block;
}

.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}


/* LANDING PAGE */

/*Navigation Headers*/

		#beginning, #great, #essential, #moving, #groove, #blocks, #play {
		margin-bottom: 6px;
		font-weight: bold;
		}
		
		#beginning {
			color: #199FD7;
		}
		
		/*Solid BG Hover*/
		#beginning:hover, #beginning.on {
			background-color: #DAEDF2;
		}
		
		#great {
			color: #6FAE00;
		}
		
		/*Solid BG Hover*/
		#great:hover, #great.on {
			background-color: #E4EEC6;
		}
		
		#essential {
			color: #EDAD00;
		}
		
		/*Solid BG Hover*/
		#essential:hover, #essential.on {
			background-color: #F2E6CD;
		}
		
		#moving {
			color: #AC0592;
		}
		
		/*Solid BG Hover*/
		#moving:hover, #moving.on {
			background-color: #EBD9DF;
		}
		
		#groove {
			color: #3168AD;
		}
		
		/*Solid BG Hover*/
		#groove:hover, #groove.on {
			background-color: #E4E3E4;
		}
		
		#blocks {
			color: #E0741D;
		}
		
		/*Solid BG Hover*/
		#blocks:hover, #blocks.on {
			background-color: #F0E0D1;
		}
		
		#play {
			color: #9327C6;
		}
		
		/*Solid BG Hover*/
		#play:hover, #play.on {
			background-color: #E7D7E1;
		}
		
		/*Navigation Links*/
				
		#nav ul.subnav a {
			text-decoration: none;
			font-weight: normal;
			font-size: 90%;
		}
		
		#beginning ul a:hover, #great ul a:hover, #essential ul a:hover, #moving ul a:hover, #groove ul a:hover, #blocks ul a:hover, #play ul a:hover, #beginning ul a:focus, #great ul a:focus, #essential ul a:focus, #moving ul a:focus, #groove ul a:focus, #blocks ul a:focus, #play ul a:focus {
			color: #FFF;
		}
		
		#beginning ul a {
			color: #188CBC;
		}
		
		#beginning ul a:hover, #beginning ul a:focus {
			background: #199FD7;
		}
		
		#great ul a {
			color: #659E00;
		}
		
		#great ul a:hover, #great ul a:focus {
			background: #6FAE00;
		}
		
		#essential ul a {
			color: #CD9600;
		}
		
		#essential ul a:hover, #essential ul a:focus {
			background: #EDAD00;
		}
		
		#moving ul a {
			color: #982384;
		}
				
		#moving ul a:hover, #moving ul a:focus {
			background: #AC0592;
		}
		
		#groove ul a {
			color: #1C5296;
		}
		
		#groove ul a:hover, #groove ul a:focus {
			background: #3168AD;
		}
		
		#blocks ul a {
			color: #CA5F08;
		}
		
		#blocks ul a:hover, #blocks ul a:focus {
			background: #E0741D;
		}
		
		#play ul a {
			color: #7311A1;
		}
		
		#play ul a:hover, #play ul a:focus {
			background: #9327C6;
		}
		
		#nav ul {
			list-style: none;
			margin: 0 0 0 4px;
			padding: 0;
		}

		
/* THUMBNAIL PAGE */

h2.intro {
	color: #fff;
	margin-bottom: 0;
	padding: 8px 3px 8px 3px;
}

p.intro {
	color: #fff;
	margin: 0;
	padding: 0 3px 3px 3px;
}

h3#headline-thumbs {
	color: #fff;
	margin-top: 0;
	padding: 8px 3px 8px 3px;
}

#thumbs dt.product-name {
	text-align: center;
	margin-bottom: 4px;
	padding-top: 10px;
	font-size: 1.4em;
}

#thumbs dd.product-image, #thumbs dd.product-demo {
	text-align: center;
}

#thumbs img {
	border: 3px solid;
}

/* PRODUCT PAGE */

dd {
	margin-left: 10px;
}

#product-info {
	color: #fff;
}

#product-meta {
	margin: 5px;
}

#product-info dt {
	font-weight: bold;
	padding-top: 5px;
}

#product-info dd {
	margin-left: 10px;
}

#product-info a {
	color: #fff;
}

#product-info dd.product-description {
	color: #fff;
}

#product-image {
	height: 243px;
	text-align: center;
}

ul#product-thumbnails {
	list-style: none;
	margin: 0;
	padding: 0;
}

		ul#product-thumbnails li {
			float: left;
			margin: 1px;
		}
		
p#back {
	clear: both;
}

		ul#product-thumbnails img {
			border: 3px solid;
		}

#dev-benefits {
	color: #fff;
}