/*** client ***/

html { overflow-y: scroll; }

* { outline: none; }

body, html, table, tr, th, td, p, br, div, span, h1, h2, h3, h4, h5, h6, form, img  { border: none; margin: 0; padding: 0; }

body {
	background-color: #ffffff;
	color: #000;
	font-family:  arial, verdana, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
	font-size: 16px;
}


	* html body { font-size: medium; }

	body.default { background: #018bcc url(/images/bg-body-5.jpg) repeat-x center top; background-attachment:fixed; }
	body.alternate-1 { background: #c4c4ce url(/images/bg-body-1.jpg) repeat-x center top; background-attachment:fixed; }
	body.alternate-2 { background: #378026 url(/images/bg-body-2.jpg) repeat-x center top; background-attachment:fixed; }
	body.alternate-3 { background: #ffffff url(/images/bg-body-3.gif) repeat center top; background-attachment:fixed; }
	body.alternate-4 { background: #ffffff url(/images/bg-body-4.jpg) repeat center top; background-attachment:fixed; }
	body.alternate-5 { background: #018bcc url(/images/bg-body-5.jpg) repeat-x center top; background-attachment:fixed; }
	body.alternate-6 , body.alternate-8 { background: #498b17 url(/images/bg-body-6.jpg) repeat center top; background-attachment:fixed; }
	body.alternate-7 { background: #498b17 url(/images/bg-body-7.jpg) repeat center top; background-attachment:fixed; }
	body.alternate-9 { background: #a79c8a url(/images/bg-body-9.jpg) repeat-x center top; background-attachment:fixed; }
	body.alternate-10 { background: #666666 url(/images/bg-body-10.jpg) repeat center top; background-attachment:fixed; }

#skiptomain { display: none; }

a:hover, a:active { color: #c00; }
.inline, form { display:inline; }
.breaker { clear: both; }
.lbreaker { clear: left; }
.rbreaker { clear: right; }

p { margin: 5px 0 5px 0; }
p.fivespace { margin: 5px 0 0 0; }
p.tenspace { margin: 10px 0 0 0; }
p.fifteenspace { margin: 15px 0 0 0; }
p.twentyspace { margin: 20px 0 0 0; }

#wrapper {
	width: 980px;
	background: #fff;
	margin: 0 auto;
	text-align: left;
	-moz-box-shadow: 0px 0px 20px #000;
	-webkit-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 10px #666;
}

	#site-header {
		width: 980px;
		height: 168px;
		background-color: #f5f5f5;
	}

		#site-header-lft {
			width: 755px;
			height: 168px;
			background: #f5f5f5 url(/images/bg-site-header-lft.gif) no-repeat left top;
			float: left;
			padding: 0;
		}

			#site-header-lft #top-logo {
				width: 380px;
				height: 130px;
				margin: 0;
				padding: 0;
			}

			#site-header-lft ul#topnav {
				width: 692px;
				height: 38px;
				list-style: none;
				margin: 0 0 0 20px;
				padding: 0;
			}

				ul#topnav li {
					height: 38px;
					display: inline;
					float: left;
					list-style-type: none;
					margin: 0 10px 0 0;
					padding: 0;
				}

				ul#topnav li#tnav-1 { width: 64px; background: transparent url(/images/bg-tnav-1.gif) no-repeat left top; }
				ul#topnav li#tnav-1-active { width: 64px; background: transparent url(/images/bg-tnav-1-active.gif) no-repeat left top; }

				ul#topnav li#tnav-2 { width: 95px; background: transparent url(/images/bg-tnav-2.gif) no-repeat left top; }
				ul#topnav li#tnav-2-active { width: 95px; background: transparent url(/images/bg-tnav-2-active.gif) no-repeat left top; }

				ul#topnav li#tnav-3 { width: 124px; background: transparent url(/images/bg-tnav-3.gif) no-repeat left top; }
				ul#topnav li#tnav-3-active { width: 124px; background: transparent url(/images/bg-tnav-3-active.gif) no-repeat left top; }

				ul#topnav li#tnav-4 { width: 79px; background: transparent url(/images/bg-tnav-4.gif) no-repeat left top; }
				ul#topnav li#tnav-4-active { width: 79px; background: transparent url(/images/bg-tnav-4-active.gif) no-repeat left top; }

				ul#topnav li#tnav-5 { width: 114px; background: transparent url(/images/bg-tnav-5.gif) no-repeat left top; }
				ul#topnav li#tnav-5-active { width: 114px; background: transparent url(/images/bg-tnav-5-active.gif) no-repeat left top; }

				ul#topnav li#tnav-6 { width: 166px; background: transparent url(/images/bg-tnav-6.gif) no-repeat left top; }
				ul#topnav li#tnav-6-active { width: 166px; background: transparent url(/images/bg-tnav-6-active.gif) no-repeat left top; }

				ul#topnav li#tnav-6, ul#topnav li#tnav-6-active { margin-right: 0; }

				ul#topnav li a {
					width: 100%;
					height: 38px;
					display: block;
					line-height: 38px;
					text-align: center;
				}

				ul#topnav li span.top-nav { display: block; text-indent: -2000px; }

				ul#topnav li a:link, ul#topnav li a:visited { color: #000; text-decoration: none; }
				ul#topnav li a:hover, ul#topnav li a:active { color: #c00; text-decoration: underline; }


		#site-header-rgt {
			width: 225px;
			height: 168px;
			float: right;
		}

			#site-header-rgt-search {
				width: 225px;
				height: 70px;
				background: transparent url(/images/bg-site-header-rgt.gif) no-repeat left top;
				position: relative;
			}

				#site-header-rgt-search form { display: inline; margin: 0; padding: 0; }

				#site-header-rgt-search p { margin: 0; padding: 0; }

				#header-search-txt {
					width: 130px;
					height: 18px;
					background-color: #ffffff;
					border: none;
					color: #0096db;
					line-height: 18px;
					position: absolute;
						top: 32px;
						left: 39px;
				}

				#header-search-btn {
					width: 18px;
					height: 18px;
					position: absolute;
						top: 33px;
						right: 36px;
				}

			#site-header-rgt-cart {
				width: 145px;
				height: 49px;
				background: transparent url(/images/bg-site-header-rgt-cart.gif) no-repeat left top;
				color: #524e80;
				font-size: 0.8em;
				line-height: 49px;
				padding: 0 80px 0 0;
				text-align: right;
			}

				#site-header-rgt-cart a:link, #site-header-rgt-cart a:visited { color: #524e80; text-decoration: none; padding-right: 40px; }
				#site-header-rgt-cart a:hover, #site-header-rgt-cart a:active { color: #524e80; text-decoration: underline; }

			#site-header-rgt-checkout {
				/* width: 143px; */
				width: 185px;
				height: 49px;
				background: transparent url(/images/bg-site-header-rgt-checkout.gif) no-repeat left top;
				color: #524e80;
				font-size: 0.8em;
				line-height: 30px;
				padding: 0 40px 0 0;
				text-align: right;
			}

				#site-header-rgt-checkout a:link, #site-header-rgt-checkout a:visited { color: #524e80; text-decoration: none; padding-right: 40px; }
				#site-header-rgt-checkout a:hover, #site-header-rgt-checkout a:active { color: #524e80; text-decoration: underline; }

	#site-navbar {
		width: 980px;
		height: 48px;
		background-color: #524e80;
		background-image:url(/images/bg-nav-bar.gif);
		background-repeat: repeat-x;
		margin: 0;
		padding: 0;
		position: relative;
		z-index: 10000;
	}

		/** #sitenavbar ul is now ul#mega-dropdown and is configured in toymonkey-mega-dropdown.css **/

	#site-body {
		width: 940px;
		padding: 20px;
	}

		#col-lhs {
			width: 140px;
			float: left;
			margin: 0;
			padding: 0;
		}

			#col-lhs ul.lhs-nav {
				width: 140px;
				list-style: none;
				margin: 0 0 20px 0;
				padding: 0;
			}

				#col-lhs ul.lhs-nav li {
					width: 130px;
					background-color: #0096db;
					color: #0096db;
					font-size: 0.8em;
					list-style-type: none;
					margin: 0;
					padding: 6px 5px;
				}

					#col-lhs ul.lhs-nav li a:link, #col-lhs ul.lhs-nav li a:visited { color: white; text-decoration: none; }
					#col-lhs ul.lhs-nav li a:hover, #col-lhs ul.lhs-nav li a:active { color: white; text-decoration: underline; }

					#col-lhs ul.lhs-nav li.header {
						height: 30px;
						background-color: #0096db;
						color: #fff;
						font-size: 1.2em;
						line-height: 30px;
						text-indent: -2000px;
						padding: 0 5px;
					}

						#col-lhs ul.lhs-nav li.header-categories { background: transparent url(/images/bg-header-categories.gif) no-repeat left top; }
						#col-lhs ul.lhs-nav li.header-sub-categories { background: transparent url(/images/bg-header-sub-categories.gif) no-repeat left top; }
						#col-lhs ul.lhs-nav li.header-brands { background: transparent url(/images/bg-header-brands.gif) no-repeat left top; }

						#col-lhs ul.lhs-nav li.active {
							font-weight: bold;
							position: relative;
								z-index: 100;
						}

						#col-lhs ul.lhs-nav li.active div.filter-rem {
							width: 21px;
							height: 16px;
							background: url(/images/x.png) no-repeat left top;
							position: absolute;
								right: 5px;
								top: 5px;
								z-index: 500;
							text-indent: -2000px;
						}

							#col-lhs ul.lhs-nav li.active div.filter-rem a {
								width: 100%;
								height: 100%;
								display: block;
							}

		#col-mid {
			width: 620px;
			float: left;
			font-size: 0.9em;
			line-height: 1.2em;
			margin: 0 20px;
			padding: 0;
		}

			#col-mid h1 {
				font-size: 2.4em;
			}

			#home-gallery {
				width: 620px;
				height: 300px;
				margin: 0 0 10px 0;
				overflow: hidden;
				padding: 0;
			}

			#monkey-chat-620 {
				width: 415px;
				height: 81px;
				background: #ffffff url(/images/bg-monkey-chat-620.gif) no-repeat left top;
				color: #524e80;
				font-size: 0.8em;
				line-height: 1.3em;
				margin: 20px 0 0 0;
				padding: 5px 195px 5px 10px;
				position: relative;
			}
			
			#monkey-chat-620 a {
			    color: #524e80;
			    text-decoration: none;
			}
			
			#monkey-chat-620 a:hover {
			    color: #524e80;
			    text-decoration: underline;
			}
			#monkeyChat
			{
				position: absolute;
				top: 10px;
				left: 438px;
			}

				#monkey-chat-620 h2 {
					font-size: 1.3em;
					margin: 0;
					padding: 0;
				}

				#monkey-chat-620 p {
					margin: 5px 0 0 0;
				}

			#gift-finder-620 {
				width: 620px;
				height: 80px;
				background: #524e80 url(/images/bg-gift-finder-620.gif) no-repeat left bottom;
				color: #ffffff;
				margin: 5px 0 20px 0;
				padding: 10px 0;
				position: relative;
			}

				#gift-finder-620 form { display: inline; margin: 0; padding: 0; }

				#gift-finder-620 p { margin: 0; display: 0; }

				#gift-finder-620 label span {
					width: 100px;
					height: 22px;
					display: block;
					text-indent: -2000px;
				}

					#gift-finder-620 label#gf-type-label span { background: #524e80 url(/images/bg-gf-type-label.gif) no-repeat left top; }

                    #gift-finder-620 label#gf-who-label span { background: #524e80 url(/images/bg-gf-who-label.gif) no-repeat left top; }

					#gift-finder-620 label#gf-price-label span { background: #524e80 url(/images/bg-gf-price-label.gif) no-repeat left top; }

				#gf-type-container {
					position: absolute;
						top: 3px;
						left: 290px;
				}

                #gf-who-container {
					position: absolute;
						top: 50px;
						left: 290px;
				}

				#gf-price-container {
					position: absolute;
						top: 50px;
						left: 370px;
				}

				#gf-go-button {
					position: absolute;
						top: 66px;
						left: 485px;
				}

			#feat-prods-620 {
				width: 620px;
				margin: 20px 0;
				padding: 0;
				position: relative;
			}

				#feat-prods-620 h4 {
					font-size: 1.8em;
				}

				#feat-gift-vouchers {
					width: 164px;
					height: 28px;
					position: absolute;
						top: 5px;
						right: 0;
				}

		#col-rhs {
			width: 140px;
			float: left;
			margin: 0;
			padding: 0;
		}

			#rhs-top-sellers, #rhs-pocket-money, #rhs-girls-stocking {
				background-color: #524e80;
				color: #fff;
				margin: 0 0 20px 0;
			}

				#rhs-top-sellers a:link, #rhs-top-sellers a:visited, #rhs-pocket-money a:link, #rhs-pocket-money a:visited, #rhs-girls-stocking a:link, #rhs-girls-stocking a:visited { color: #fff; text-decoration: none; }
				#rhs-top-sellers a:hover, #rhs-top-sellers a:active, #rhs-pocket-money a:hover, #rhs-pocket-money a:active, #rhs-girls-stocking a:hover, #rhs-girls-stocking a:active { color: #fff; text-decoration: underline; }

			#rhs-new-products, #rhs-boys-stocking {
				background-color: #c90044;
				color: #fff;
				margin: 0 0 20px 0;
			}

				#rhs-new-products a:link, #rhs-new-products a:visited, #rhs-boys-stocking a:link, #rhs-boys-stocking a:visited { color: #fff; text-decoration: none; }
				#rhs-new-products a:hover, #rhs-new-products a:active, #rhs-boys-stocking a:hover, #rhs-boys-stocking a:active { color: #fff; text-decoration: underline; }

            .rhs-feats-txt-wide {
                padding-left: 5px;
            }   
            
            
			.rhs-feats-row-wide {
				width: 130px;
				padding: 0 0 0px 0;
			}

			.rhs-feats {
				width: 130px;
				font-size: 0.7em;
				padding: 5px 5px 0 5px;
			}

				.rhs-feats-row {
					width: 130px;
					padding: 0 0 10px 0;
				}

					.rhs-feats-pic {
						width: 45px;
						float: left;
					}

					.rhs-feats-txt {
						width: 85px;
						float: left;
					}

			#rhs-news-subscribe {
				width: 140px;
				height: 123px;
				background: #ffffff url(/images/bg-rhs-news-subscribe.gif) no-repeat left top;
				margin: 0 0 20px 0;
				padding: 0;
				position: relative;
			}

				#rhs-news-subscribe p { margin: 0; padding: 0; }

				#rhs-ns-txt {
					width: 120px;
					height: 23px;
					border: 0;
					color: #0096db;
					position: absolute;
						top: 53px;
						left: 10px;
				}

				#rhs-ns-btn {
					position: absolute;
						top: 86px;
						right: 10px;
				}

			/* newsletter signup */
			#signup-container {
				font-size: 0.75em;
				padding: 0px 10px 10px 10px;
				height: 160px;
				width: 460px;
			}

				#signup-container strong {
					color: #524e80;
					font-size: 1.6em;
				}

				#signup-container p {
					margin: 10px 0px 20px 0px;
				}

				#signup-container label {
					float:left;
					display: block;
					width: 120px;
				}

				#signup-container input {
					width: 330px;
				}

				#signup-container input.su-btn {
					width: 100px;
					height: 33px;
					background: transparent url(/images/bg-su-btn.gif) no-repeat center center;
					border: 0px;
					color: #ffffff;
					font-weight: bold;
					font-size: 0.9em;
					line-height: 20px;
					margin: 10px 5px 0 0;
					padding: 0;
				}

				#signup-container #su-error.err {
					border: 1px solid #600;
					background: #FCC;
					color: #600;
					padding: 5px 3px;
				}

				#signup-container #su-error.suc {
					border: 1px solid #060;
					background: #CFC;
					color: #060;
					padding: 5px 3px;
				}

			#rhs-safe-shopping {
				width: 140px;
				height: 123px;
				margin: 0 0 20px 0;
			}

		#col-dual-rgt {
			width: 780px;
			float: left;
			font-size: 0.9em;
			line-height: 1.6em;
			margin: 0 0 0 20px;
			padding: 0;
		}

	#site-footer {
		width: 940px;
		height: 30px;
		background: #ffffff url(/images/bg-footer.gif) no-repeat left top;
		color: #524f81;
		font-size: 0.8em;
		line-height: 30px;
		margin: 20px 0 0 0;
		padding: 100px 0 0 0;
		position: relative;
	}

		#site-footer-facebook {
			width: 44px;
			height: 56px;
			position: absolute;
				left: 410px;
				top: 22px;
		}

		#site-footer-twitter {
			width: 44px;
			height: 56px;
			position: absolute;
				left: 460px;
				top: 22px;
		}

		#site-footer a.txt-link:link, #site-footer a.txt-link:visited { color: #524f81; text-decoration: none; }
		#site-footer a.txt-link:hover, #site-footer a.txt-link:active { color: #524f81; text-decoration: underline; }

.feat-prods-row-620 {
	width: 620px;
	margin: 0;
	padding: 20px 0 0 0;
}

	.feat-prod-cell-140 {
		width: 130px;
		background-color: #0096db;
		color: #fff;
		float: left;
		font-size: 0.8em;
		line-height: 1.5em;
		margin: 0 20px 10px 0;
		padding: 5px;
		min-height: 250px;
	}

	.feat-prod-cell-140-end { margin-right: 0; }

		.feat-prod-cell-140 p { margin: 0 0 8px 0; padding: 0; }

		.feat-prod-cell-140 a:link, .feat-prod-cell-140 a:visited { color: #fff; text-decoration: none; }
		.feat-prod-cell-140 a:hover, .feat-prod-cell-140 a:active { color: #fff; text-decoration: underline;}

		.fpc-price { font-weight: bold; }

ul#customer-service-nav {

}

	ul#customer-service-nav li a:link, ul#customer-service-nav li a:visited { color: #524f81; text-decoration: underline; }
	ul#customer-service-nav li a:hover, ul#customer-service-nav li a:active { color: #44b2e5; text-decoration: underline; }

	#homeGalleryContainer {
		position: relative;
		width: 620px;
		height: 300px;
		margin-bottom: 10px;
	}

	#homeGalleryPager {
		position: absolute;
		top: 0px;
		right: 20px;
		padding: 0px 5px 2px 5px;
		height: 20px;
		text-align: center;
		z-index: 1000;
		background-color: white;
		padding-top: 3px;
		opacity: 0.95;
		filter:alpha(opacity=95);
			/*--Bottom right rounded corner--*/
			-moz-border-radius-bottomright: 6px;
			-khtml-border-radius-bottomright: 6px;
			-webkit-border-bottom-right-radius: 6px;
			/*--Bottom left rounded corner--*/
			-moz-border-radius-bottomleft: 6px;
			-khtml-border-radius-bottomleft: 6px;
			-webkit-border-bottom-left-radius: 6px;
	}

		#homeGalleryPager a {
			 font-weight: bold;
			 margin: 0px 4px;
			 font-size: 12px;
			 color: black;
			 text-decoration: none;
			 color: #0096db;
		}

		#homeGalleryPager a.activeSlide {
			color: #524e80;
		}


#links-page {
	width: 620px;
	line-height: 1.3em;
	margin: 10px 0 0 0;
	padding: 0;
}

#delivery-message {
	width: 650px;
	height: 70px;
	padding: 1px 5px;
	padding-right: 280px;
	
	font-size: 12px;
	color: #FFF;	
	background: #b71f1f url(/images/bg-banner.gif) no-repeat left top;	
	
}

	#delivery-message p {
		margin: 3px 0px 0px 0px;
		padding: 0px;
		
		text-shadow: #333 2px 2px 2px;
		filter: shadow(color=#333333,direction=120,strength=1.5);
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=120,strength=1.5)";
	}
