/* LAYOUT */
/* ----------------------------------------- */


/***   UTILITY   ***/
.aligncenter 		{ display: block; margin: 0 auto; }
.floatLeft 			{ float: left; }
.floatRight			{ float: right; }
.center 			{ text-align: center; }
.left 				{ text-align: left; }
.right 				{ text-align: right; }
.clear				{ clear: both; }
br.dirtyLittleTrick { clear: both; display: block; height: 1px; margin: -1px 0 0 0; } /* Use this br class to clear your floated columns */
.hidden				{ display: none; }
.orange				{ color: #fd7216; }
.green				{ color: #29a33a; }
.red				{ color: #ed1c24; }
.purple				{ color: #92278f; }
.blue				{ color: #00aeef; }
.size8				{ font-size: 8pt; line-height: 12px; }	
.size18				{ font-size: 18px; line-height: 21px; }
.upper				{ text-transform: uppercase; }
.bold				{ font-weight: bold; }
.notbold			{ font-weight: normal; }
ol.bullet, ul.bullet { list-style: disc; padding-left: 30px; }	


/***   STRUCTURE   ***/
body {
	background: #fff7ea;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	font-weight: normal;
	text-align: justify;
	}
#page-wrap {  
	width:960px; 
	margin:0 auto;
	}
	
	
/***   HEADER   ***/
#header { 
	background: url(../images/header-bg.png) no-repeat;
	min-height: 144px;
	position: relative;
	}
.home-link {
	position: relative;
	top: 50px;
	left: 0px;
	}
.home-link a {
	width: 270px;
	height: 130px;
	float: left;
	text-indent: -9999px;
	}

/*** NAVIGATION ***/
ul.navigation { 
	position: relative;
	top: 52px;
	left: 365px; 
	/* left: 205px; */
	width: 560px;
	z-index: 999;
}
ul.navigation li a { 
	display: inline; 
	text-indent: -9999px;
	float: left; 
	padding: 0 3px;
	}
li.nav-home a { 
	width: 110px; 
	height: 84px; 
	background: url(../images/navigation/nav-home.png) no-repeat;  
	}
li.nav-home a:hover { 
	background-position: 0 -84px;
	}
li.nav-shop a { 
	width: 111px; 
	height: 84px; 
	background: url(../images/navigation/nav-shop.png) no-repeat;  
	}
li.nav-shop a:hover { 
	background-position: 0 -84px;
	}
li.nav-news a { 
	width: 133px; 
	height: 84px; 
	background: url(../images/navigation/nav-news.png) no-repeat; 
	}
li.nav-news a:hover { 
	background-position: 0 -84px;
	}
li.nav-about a { 
	width: 133px; 
	height: 84px; 
	background: url(../images/navigation/nav-about.png) no-repeat; 
	}
li.nav-about a:hover { 
	background-position: 0 -84px;
	}
	
/***   HOME   ***/
.main-top {
	height: 16px;
	background: url(../images/home/main-top.jpg) no-repeat; 
	}
.main-left-dev {
	float: left;
	width: 108px;
	height: 220px;
	background: url(../images/home/main-left.jpg) no-repeat;
	}
.main-dev {
	float: left;
	width: 747px;
	height: 220px;
	/* background: url(../images/home/main.jpg) #ffffff no-repeat top center; */
	background: #ffffff;
	}
.main-right-dev {
	float: left;
	width: 105px;
	height: 220px;
	background: url(../images/home/main-right.jpg) no-repeat;
	}
.main-bottom {
	height: 20px;
	background: url(../images/home/main-bottom.jpg) no-repeat top left;
	}
.product-top { 
	height: 53px;
	background: url(../images/home/product-top.jpg) no-repeat; 
	}
.product-left { 
	float: left;
	width: 81px;
	height: 547px;
	background: url(../images/home/product-left.jpg) no-repeat;
	}
.product-main { 
	float: left;
	width: 540px;
	height: 547px;
	background: url(../images/home/kids.jpg) #ffffff no-repeat top center;
	}
.product-main p {
	padding: 270px 0 0 35px;
	}
.product-right { 
	float: left;
	width: 330px;
	height: 547px;
	background: url(../images/home/product-book.jpg) no-repeat;
	}
.product-bottom { 
	width: 960px;
	height: 59px;
	background: url(../images/home/product-bottom.jpg) no-repeat;
	}
.testimonial-photos {
	float: left;
	width: 661px;
	height: 393px;
	background: url(../images/home/testimonial-photos.jpg) no-repeat;
	}
.testimonial-copy {
	float: left;
	width: 279px;
	height: 393px;
	background: url(../images/home/testimonial-copy-bg.png) no-repeat;
	color: #fff;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	padding-left: 20px;
	}
.testimonial1 { 
	width: 235px;
	height: 130px;
	position: relative;
	top: 55px;
	left: 20px;
	padding: 3px;
	}
.testimonial2 { 
	width: 235px;
	height: 120px;
	position: relative;
	top: 120px;
	left: 20px;
	padding: 3px;
	}
	
/***   SHOP ***/
.shop-main {
	width: 960px;
	height: 781px;
	background: url(../images/shop/main.jpg) no-repeat;  
	}
.shop-wrap {
	margin: 0 0 0 200px;
	width: 960px;
	}
.sample a {  
	float: left;
	text-indent: -9999px;
	margin: 13px 0 0 0;
	width: 319px;
	height: 176px;
	background: url(../images/shop/sample.png) no-repeat;  
	}
.sample-spacer {  
	float: left;
	text-indent: -9999px;
	margin: 13px 0 0 0;
	width: 319px;
	height: 176px;
	}
.go {  
	float: left;
	margin: 57px 28px 0 28px;
	width: 168px;
	height: 85px;
	background: url(../images/shop/go.png) no-repeat;  
	}
.where-to-buy a {  
	float: left;
	text-indent: -9999px;
	margin: 20px 28px 0 28px;
	width: 170px;
	height: 132px;
	background: url(../images/shop/where-to-buy.png) no-repeat; 
	}
/*
.where-to-buy {  
	float: left;
	margin: 57px 28px 0 28px;
	width: 170px;
	height: 132px;
	background: url(../images/shop/where-to-buy.png) no-repeat;  
	}
*/
.checkout {  
	float: left;
	text-align: center;
	width: 292px;
	height: 176px;
	background: url(../images/shop/checkout.png) no-repeat;  
	}
.checkout-button { 
	margin: 115px 0 0 95px;
	}
	
/***   WHERE TO BUY  ***/
.wtb-title {
	background: url(../images/page-titles/wtb.png) no-repeat;
	}
.wtb-copy-wrap { 
	width: 620px;
	min-height: 450px;
	margin-left: 260px;
	background: #ffffff;
	text-align: right;
	}
.wtb-wrap { 
	width: 400px;
	margin-left: 165px;
	}
.wtb-cm-school-supply-logo {
	float: left;
	width: 150px;
	height: 150px;
	background: url(../images/shop/cm-school-supply.jpg) no-repeat top center;
	}
.wtb-kooky-logo {
	float: left;
	width: 150px;
	height: 150px;
	background: url(../images/shop/kooky-kidz.jpg) no-repeat top center;
	}
.wtb-learning-express-toys {
	float: left;
	width: 150px;
	height: 150px;
	background: url(../images/shop/learning-express-toys.jpg) no-repeat top center;
	}
.wtb-rascals-logo {
	float: left;
	width: 150px;
	height: 150px;
	background: url(../images/shop/rascals-to-rebels.jpg) no-repeat top center;
	}
.wtb-toytown-logo {
	float: left;
	width: 150px;
	height: 150px;
	background: url(../images/events/toytown.jpg) no-repeat top center;
	}
	
/***   GENERIC PAGE SHELL   ***/
.generic-header {
	height: 89px;
	background: url(../images/page-titles/page-title-bg.jpg) no-repeat;
	}
.generic-header h1 {
	text-indent: -9999px;
	height: 20px;
	position: relative;
	top: 55px;
	left: 474px;
	}
	
/***   ABOUT SECTION TITLES  ***/
.about-title {
	background: url(../images/page-titles/about.png) no-repeat;
	}
.acknowledgements-title {
	background: url(../images/page-titles/acknowledgements.png) no-repeat;
	}
.contact-title {
	background: url(../images/page-titles/contact.png) no-repeat;
	}
.safety-title {
	background: url(../images/page-titles/safety.png) no-repeat;
	}
.support-title {
	background: url(../images/page-titles/support.png) no-repeat;
	}
	
/***   ABOUT SECTION  ***/
.about-wrap {
	background: url(../images/about/about-bg.jpg) repeat-y;
	}
.about-copy-wrap { 
	width: 620px;
	min-height: 450px;
	margin-left: 260px;
	background: #ffffff;
	}
.about-copy { 
	padding: 25px 60px 40px 120px;
	}
.about-copy img { 
	padding: 0 20px 10px 0;
	}
.about-bottom {
	height: 55px;
	background: url(../images/about/bottom.jpg) no-repeat;
	}
	
/**   ABOUT SECTION SIDE NAVIGATION   **/
ul.about-navigation {
	position: relative;
	left: 89px;
	float: left;
	height: 446px;
	width: 284px;
	background: url(../images/about/about-nav-bg.png) no-repeat;
	}
ul.about-navigation li a {
	text-indent: -9999px;
	float: left;
	}
li.s-about a {
	width: 173px;
	height: 25px;
	margin: 20px 0 0 40px;
	background: url(../images/about/nav-about.png) no-repeat;
	}
li.s-about a:hover {
	background-position: 0 -25px;
	}
li.s-support a {
	width: 159px;
	height: 100px;
	margin: 25px 0 0 50px;
	background: url(../images/about/nav-support.png) no-repeat;
	}
li.s-support a:hover {
	background-position: 0 -100px;
	}
li.s-ack a {
	width: 166px;
	height: 41px;
	margin: 25px 0 0 55px;
	background: url(../images/about/nav-ack.png) no-repeat;
	}
li.s-ack a:hover {
	background-position: 0 -41px;
	}
li.s-safety a {
	width: 197px;
	height: 56px;
	margin: 25px 0 0 40px;
	background: url(../images/about/nav-safety.png) no-repeat;
	}
li.s-safety a:hover {
	background-position: 0 -56px;
	}
li.s-contact a {
	width: 165px;
	height: 49px;
	margin: 25px 0 0 70px;
	background: url(../images/about/nav-contact.png) no-repeat;
	}
li.s-contact a:hover {
	background-position: 0 -49px;
	}
	
/**   NEWS AND EVENTS SECTION SIDE NAVIGATION   **/
ul.news-navigation {
	position: relative;
	left: 89px;
	float: left;
	height: 355px;
	width: 286px;
	background: url(../images/news/news-nav-bg.png) no-repeat;
	}
ul.news-navigation li a {
	text-indent: -9999px;
	float: left;
	}
li.s-press a {
	width: 160px;
	height: 76px;
	margin: 10px 0 0 50px;
	background: url(../images/news/nav-press.png) no-repeat;
	}
li.s-press a:hover {
	background-position: 0 -77px;
	}
li.s-news a {
	width: 169px;
	height: 60px;
	margin: 40px 0 0 50px;
	background: url(../images/news/nav-news.png) no-repeat;
	}
li.s-news a:hover {
	background-position: 0 -60px;
	}
li.s-events a {
	width: 153px;
	height: 76px;
	margin: 30px 0 0 70px;
	background: url(../images/news/nav-events.png) no-repeat;
	}
li.s-events a:hover {
	background-position: 0 -76px;
	}
	
/***   NEWS AND EVENTS TITLES  ***/
.events-title {
	background: url(../images/page-titles/events.png) no-repeat;
	}
.news-title {
	background: url(../images/page-titles/news.png) no-repeat;
	}
.press-title {
	background: url(../images/page-titles/press.png) no-repeat;
	}
	
/***   EVENTS  ***/
.events-copy-wrap { 
	width: 620px;
	min-height: 450px;
	margin-left: 260px;
	background: #ffffff;
	text-align: right;
	}
.event-wrap { 
	width: 400px;
	margin-left: 165px;
	}
.abckids-logo {
	float: left;
	width: 150px;
	height: 150px;
	background: url(../images/events/abckids.jpg) no-repeat top center;
	}
.auto-club-500-logo {
	float: left;
	width: 150px;
	height: 150px;
	background: url(../images/events/auto-club-500.gif) no-repeat top center;
	}
.baby-celebration-logo {
	float: left;
	width: 150px;
	height: 150px;
	background: url(../images/events/baby-celebration.gif) no-repeat top center;
	}
.harvest-logo {
	float: left;
	width: 150px;
	height: 150px;
	background: url(../images/events/harvest.jpg) no-repeat top center;
	}
.parenting-logo {
	float: left;
	width: 150px;
	height: 150px;
	background: url(../images/events/parenting.png) no-repeat top center;
	}
.play-more-logo {
	float: left;
	width: 150px;
	height: 150px;
	background: url(../images/events/play-more.gif) no-repeat top center;
	}
.toytown-logo {
	float: left;
	width: 150px;
	height: 150px;
	background: url(../images/events/toytown.jpg) no-repeat top center;
	}
	
/***   PRESS  ***/
.press-copy-wrap { 
	width: 620px;
	min-height: 450px;
	margin-left: 260px;
	padding-bottom: 40px;
	background: #ffffff;
	text-align: left;
	}
.press-wrap { 
	width: 400px;
	margin: 0 0 20px 150px;
	}
.press-coverage {
	height: auto;
	padding: 0 10px 0 0;
	text-align: right;
	width: 250px;
	}
.press-coverage-text {
	height: auto;
	text-align: left;
	width: 140px;
	}

	
/***   REGISTRATION AND SAMPLE DOWNLOAD   ***/
.grey11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	color: #333333;
}
ul.blank-navigation {
	position: relative;
	left: 89px;
	float: left;
	height: 355px;
	width: 286px;
	background: url(../images/legal/legal-nav-bg.png) no-repeat;
	}
	
/***   LEGAL SECTION TITLES  ***/
.copyright-title {
	background: url(../images/page-titles/copyright.png) no-repeat;
	}
.disclaimer-title {
	background: url(../images/page-titles/disclaimer.png) no-repeat;
	}
.privacy-title {
	background: url(../images/page-titles/privacy.png) no-repeat;
	}
	
/**   LEGAL SIDE NAVIGATION   **/
ul.legal-navigation {
	position: relative;
	left: 89px;
	float: left;
	height: 355px;
	width: 286px;
	background: url(../images/legal/legal-nav-bg.png) no-repeat;
	}
ul.legal-navigation li a {
	text-indent: -9999px;
	float: left;
	}
li.s-privacy a {
	width: 159px;
	height: 41px;
	margin: 0 0 0 40px;
	background: url(../images/legal/nav-privacy.png) no-repeat;
	}
li.s-privacy a:hover {
	background-position: 0 -41px;
	}
li.s-disclaimer a {
	width: 198px;
	height: 58px;
	margin: 25px 0 0 30px;
	background: url(../images/legal/nav-disclaimer.png) no-repeat;
	}
li.s-disclaimer a:hover {
	background-position: 0 -58px;
	}
li.s-copyright a {
	width: 162px;
	height: 36px;
	margin: 35px 0 0 55px;
	background: url(../images/legal/nav-copyright.png) no-repeat;
	}
li.s-copyright a:hover {
	background-position: 0 -36px;
	}
	
/***   FOOTER   ***/
ul.fnav li a { 
	display: inline; 
	text-indent: -9999px;
	float: right;
	padding: 0 10px 15px 10px;
	}
ul.fnav li {
	display: inline;
	float: right;
	padding: 0 10px;
	}
li.star { 
	width: 10px; 
	height: 13px; 
	background: url(../images/footer/f-star.png) no-repeat;  
	}
li.contact a { 
	width: 93px; 
	height: 13px; 
	background: url(../images/footer/f-contact.png) no-repeat;  
	}
li.copyright a { 
	width: 84px; 
	height: 13px; 
	background: url(../images/footer/f-copyright.png) no-repeat; 
	}
li.disclaimer a { 
	width: 90px; 
	height: 13px; 
	background: url(../images/footer/f-disclaimer.png) no-repeat; 
	}
li.privacy a { 
	width: 63px; 
	height: 13px; 
	background: url(../images/footer/f-privacy.png) no-repeat; 
	}
	
/***   COPYRIGHT   ***/
ul.copyright-container li { 
	display: inline; 
	text-indent: -9999px;
	float: right;
	padding-right: 30px;
	padding-top: 8px;
	}
li.copyright-notice { 
	width: 146px; 
	height: 10px; 
	background: url(../images/copyright/c-copyright.png) no-repeat;  
	}
	
/***   SITE BY LOFTM   ***/
ul.siteby-container li a { 
	display: inline; 
	text-indent: -9999px;
	float: right;
	padding-right: 30px;
	}
li.siteby a { 
	background: url(../images/copyright/c-site-by-loftm.png) no-repeat; 
	height: 9px; 
	width: 128px;
	}

/***   HOME LINK   ***/
#home-link {
	background-color: #FF0000;
	width: 310px;
	height: 230px;
	position: absolute;
	top: 0;
	left: 0;
	}
	
/***   SOCIAL LINKS   ***/
ul.social {
	position: relative;
	top: 50px;
	height: 35px;
	left: 750px; 
	width: 150px;
	z-index: 1;
	}
	
ul.social li { 
	display: inline; 
	float: left; 
	padding: 0 5px;
	}