/*
		Site: 		Infant Toys
		File: 		Landing Page CSS
		Author:		Tom Marks and Eric Shepherd
		Date:		March - May 2006
*/

body { 
	background: #fff url(/content/v4/img/infanttoys/bg.gif) repeat-y;
	color: #8969B5;
}

#container {
	width: auto;
}

a {
	color: #8969B5;
}

p#advertisement {
	color: #8969b5;
	width: 770px;
}

#intro {
	width: 221px;
	float: left;
}

#nav {
	float: left;
	width: 560px; 
	background: transparent url(/content/v4/img/infanttoys/hi.jpg) no-repeat;
	min-height: 474px;
}


#landing-browse-all {
	text-indent: -9999px;
	background: url(/content/v4/uk/infanttoys/img/link-browse-all.gif) no-repeat;
	height: 15px;
	width: 154px;
	overflow: hidden;
	display: block;
	margin: 15px auto 0 auto;
}

#btn-sweeps {
	display: block;
	width: 188px;
	height: 118px;
	margin-top: 15px;
	overflow: hidden;
	position: relative;
	margin-left: -1px;
}

	#btn-sweeps span{
		position: absolute;
		width: 188px;
		height: 118px;
		background: url(/content/v4/uk/infanttoys/img/sweeps-home-tile.gif) no-repeat;
		top: 0;
		left: 0;
		background-position: 0 0;
		cursor: pointer;
	}
	
#btn-sweeps:hover span {
	background-position: 0 -119px;
}

#btn-browse-all, #btn-home {
	display: block;
	width: 190px;
	height: 39px;
	margin-top: 15px;
	overflow: hidden;
	position: relative;
	margin-left: -1px;
}

		#btn-browse-all span, #btn-home span {
			position: absolute;
			width: 190px;
			height: 39px;
			background: url(/content/v4/uk/infanttoys/img/btn-browse-all.gif) no-repeat;
			top: 0;
			left: 0;
			background-position: 0 0;
		}

		#btn-home span {
			background: url(/content/v4/uk/infanttoys/img/btn-home.gif) no-repeat;
		}

#btn-browse-all:hover span, #btn-home:hover span {
	background-position: 0 -40px;
}




h1 { 
	margin-top: 25px;
	background: url(/content/v4/uk/infanttoys/img/title-3d.gif) no-repeat;
	width: 221px;
	height: 109px;
	text-indent: -99999px;
}

h1, h2, p {
	color: #fff;
	text-align: center;
} 

h2 { 
	font-size: 170%;
	margin-top: 4px;
	font-weight: bold;
}

p {
	font-size: 100%;
	padding: 0 17px 0 17px;
	margin-top: 4px;
	line-height: 21px;
}

/* NAVIGATION */

/* headers */

#nav li {
	padding: 6px 0 0 20px;
	margin: 2px 0 0 2px;
	width: 190px;
	font-weight: bold;
	position: relative;
}
				
/* links */
		
ul {
	list-style: none;
}
		
#nav li ul {
	width: 290px;
	font-size: 90%;
}

		#nav li ul li {
			font-weight: normal;
		}

		#nav li ul a {
			text-decoration: none;
			padding: 3px 7px 3px 6px;
			font-weight: normal;
		}

				#nav li li a:hover, 
				#nav li li a:focus {
					color: #FFF;
				}

		#nav li li {
			width: 170px;
			padding: 3px 2px 7px 2px;
			/*float: left;*/
		}


/* color specifics */

		#newborn { background: url(/content/v4/img/infanttoys/blue_bar.gif) repeat-y; color: #199FD7; }
		#newborn:hover, #newborn.on { background-color: #DAEDF2; }
		
		#animal { background: url(/content/v4/img/infanttoys/green_bar.gif) repeat-y; color: #6FAE00; }
		#animal:hover, #animal.on { background-color: #E4EEC6; }
		/*
		#classics { background: url(/content/v4/img/infanttoys/orange_bar.gif) repeat-y; color: #EDAD00; }
		#classics:hover, #classics.on { background-color: #F2E6CD; }
		*/
		#movement { background: url(/content/v4/img/infanttoys/pink_bar.gif) repeat-y; color: #AC0592; } 
		#movement:hover, #movement.on { background-color: #EBD9DF; }
				
		#more { background: url(/content/v4/img/infanttoys/dkblue_bar.gif) repeat-y; color: #3168AD; }
		#more:hover, #more .on { background-color: #E4E3E4; }
		
		#classics { background: url(/content/v4/img/infanttoys/dkorange_bar.gif) repeat-y; color: #E0741D; }
		#classics:hover, #classics.on { background-color: #F0E0D1; }
		
		#learn { background: url(/content/v4/img/infanttoys/purple_bar.gif) repeat-y; color: #9327C6; }
		#learn:hover, #learn.on { background-color: #E7D7E1; }


		#newborn ul a { color: #188CBC; }
		#newborn ul a:hover, #newborn ul a:focus { background: #199FD7; }
		
		#animal ul a { color: #659E00; }
		#animal ul a:hover, #animal ul a:focus { background: #6FAE00; }
		/*
		#classics ul a { color: #CD9600; }
		#classics ul a:hover, #classics ul a:focus { background: #EDAD00; }
		*/
		#movement ul a { color: #982384; }
		#movement ul a:hover, #movement ul a:focus { background: #AC0592; }
		
		#more ul a { color: #1C5296; }
		#more ul a:hover, #more ul a:focus { background: #3168AD; }
		
		#classics ul a { color: #CA5F08; }
		#classics ul a:hover, #classics ul a:focus { background: #E0741D; }
		
		#learn ul a { color: #7311A1; }
		#learn ul a:hover, #learn ul a:focus { background: #9327C6; }
		
		
		

/* STUFF FOR INSIDE TEMPLATE PAGES USING LANDING.CSS */

#content {
	float: left;
	margin-left: 5px;
	margin-top: 0;
	width: 545px;
	background: #fff;
	color: #8969b5;
}

#content #accessibility {
	position: relative;
	height: 2em;
}

		#content #accessibility p, #content p {
			color: #8969B5;
		}
		
#content h2 {
	background: #8969B5;
	color: #fff;
	width: 540px;
	clear: both;
	font-size: 1.5em;
	padding: 5px 0;
	margin-left: 5px;
}

/* temporary - until dev stages added */

#browse-all div#browse-category {
	padding-left: 105px;
}


/* end temporary */

		#content #browse-all div {
			float: left;
			margin-left: 5px;
			width: 13.6em; /* this may need to change when dev stages goes up */
			text-align: center;
			background: url(/content/v4/img/infanttoys/browse-border.gif) no-repeat right 30px;
		}
		
		#content #browse-all div#browse-collection {
			background: none;
		}
		
				#content #browse-all div li {
					margin-bottom: 1em;
				}
				
				#content #browse-all h3 {
					margin: .7em;
					padding-top: .2em;
					font-size: 1.5em;
				}
				
						#content #browse-all div a {
							line-height: 1.3;
							font-weight: normal;
						}
						
#content #browse-all div a {
	border-bottom: 1px dotted;
	text-decoration: none;
}

		#content #browse-all div a:hover, #content #browse-all div a.on {
			border-bottom: 1px solid;
		}

/* THUMBNAILS */
/* using thumbnail.css for the non-branded thumbnail pages too*/

#thumbs dd img { 
	border-color: #8969B5;
}

#thumbs div, #thumbs dd.product-image {
	width: 16.8em;
}

/* WHERE TO BUY */
#h3-findstores {
	margin-top: 1em;
}


h4#retailerLocator {
	background-color: #8969b5;
	color: #fff;
	width: 300px;
	margin: auto auto auto 130px;
	padding-top: 6px;
	text-align: center;
}

#searchRetailer form {
	background: #8969b5;
	color: #fff;
	width:560px;
	padding-top: 10px;
}

		#searchRetailer form p {
			color: #fff;
		}
		
		#searchRetailer form input {
			padding: 0 .2em;
			border: 2px solid #b08fd6;
			margin-right: 0.5em;
		}
		
				#searchRetailer form input#searchRetailerButton {
					border: 0;
					position: relative;
					top: 6px;
					left: 5px;
				}
		
		#searchRetailer form select {
			padding: 0;
			border: 2px solid #b08fd6;
		}

		#retailerRange {
			margin: 1em;
			text-align: center;
		}
		
/* WHERE TO BUY RESULTS */

#retailer dt {
	border-top: 1px solid #8969cf;
	padding-top: .3em;
	margin-top: .3em;
}

.retailerDistance {
	float: right;
	margin-top: -1.2em;
}

.retailerName {
	clear: both;
}

/* PAGINATION */

ul#pagination {
	clear: both;
	list-style: none;
	text-align: center;
	padding: 2em;
}

		ul#pagination li {
			display: inline;
			padding: 0 .6em;
		}
		
				ul#pagination li img {
					position: relative;
					top: .6em;
				}

/* DEMO */

		dd.product-demo a span {
			background-image: url(/content/v4/uk/infanttoys/img/btn-demo-generic.gif);
		}

/* LEGAL */

div#footer {
	width: 552px;
	padding-left: 220px;
	margin: 20px 0 1em 0;
}

/* BUBBLE TOOLTIPS */

.tooltip {
	width: 200px; 
	color:#8969b5;
	font:lighter 11px/1.3 Arial,sans-serif;
	text-decoration:none;	
	text-align:center;
}

.tooltip span.top {
	padding: 35px 8px 0;
    background: url(/content/v4/img/infanttoys/bt.gif) no-repeat top;
}

.tooltip b.bottom {
	padding:3px 8px 15px;
	color: #548912;
    background: url(/content/v4/img/infanttoys/bt.gif) no-repeat bottom;
}

/* DEMO PAGE */

#demo {
	width: 545px;
	margin: 1em 0 0 0;
	z-index: 10000;
}

/* SIFR DECOY STYLES */

/* These "decoy" styles are used to hide the browser text before it is replaced... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2 {
	visibility: hidden;
	font-size: 22px;
}

.sIFR-hasFlash #nav li span {
	visibility: hidden;
	font-size: 15px;
}

.sIFR-hasFlash #content h2 {
	font-size: 12px;
}

.sIFR-hasFlash #content #browse-all h3 {
	font-size: 15px;
	visibility: hidden;
}

.sIFR-hasFlash h4#retailerLocator {
	visibility: hidden;
	font-size: 12px;
}

<!--/* 0.0151324597906267 [10.89.198.135] */-->