@charset "UTF-8";
/* CSS Document */


	body { margin: 0px; padding: 0px; background: #00569B; font-family: Arial, Helvetica, sans-serif; }
	#container { position: relative; width: 760px; margin: 0px auto; }
	
	a img { border: 0px; }
	
	p { clear: left; }
	
	.footer { padding-right: 9px; height: 26px; line-height: 26px; position: relative; top: -8px;}
	span.footer a { color: #fff; font-size: 11px; text-decoration: none; padding: 0px 9px; }
	span.footer a:hover, .footer a:active, .footer a.sel { text-decoration: underline; }
	
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html .footer  { padding-top: 8px; position: relative; top: -8px;  }
	/* End hide from IE5/mac */
	
	#beginner_h { position: absolute; top: 289px; left: 238px; display: none }
	#harder_h { position: absolute; top: 325px; left: 483px; display: none }
	#challenging_h { position: absolute; top: 262px; left: 465px; display: none }
	
	
	#roTiffany { position: absolute; top: 220px; left: 60px; display: none; }
	#roWes { position: absolute; top: 200px; left: 174px; display: none; }
	#roJasmine { position: absolute; top: 208px; left: 298px; display: none; }
	#roJJ { position: absolute; top: 335px; left: 111px; display: none; }
	#roWalter { position: absolute; top: 285px; left: 210px; display: none; }
	#roChristie { position: absolute; top: 335px; left: 317px; display: none; }
	#roSeth { position: absolute; top: 388px; left: 213px; display: none; }
	#roPearl { position: absolute; top: 372px; left: 414px; display: none; }
	#roMia { position: absolute; top: 235px; left: 393px; display: none; }
	#roChloe { position: absolute; top: 205px; left: 501px; display: none; }
	
	#roAtiffany { position: absolute; top: 473px; left: 454px; display: none; }
	#roAwes { position: absolute; top: 518px; left: 382px;  display: none; }
	#roAjasmine { position: absolute; top: 369px; left: 405px; display: none; }
	#roAjj { position: absolute; top: 337px; left: 490px; display: none; }
	#roAwalter { position: absolute; top: 381px; left: 677px;  display: none; }
	#roAchristie { position: absolute; top: 501px; left: 603px; display: none; }
	#roAseth { position: absolute; top: 514px; left: 686px; display: none; }
	#roApearl { position: absolute; top: 519px; left: 524px; display: none; }
	#roAmia { position: absolute; top: 340px; left: 607px; display: none; }
	#roAchloe { position: absolute; top: 404px; left: 544px; display: none; }
	
	#roPrints { position: absolute; top: 233px; left: 310px; display:none; }
	#roGames{ position: absolute; top: 196px; left: 85px;  display:none;}
	#roEcards { position: absolute; top: 185px; left: 557px; display:none; }
	
	#roGames_rh { position: absolute; top: 245px; left: 496px;  display:none; }
	#roPrints_rh { position: absolute; top: 206px; left: 549px;  display:none; }
	#roEcards_rh { position: absolute; top: 221px; left: 610px;  display:none; }
	
	#beginner_txt { position: absolute; top: 210px; left: 56px; display: none }
	#harder_txt { position: absolute; top: 176px; left: 325px; display: none }
	#challenging_txt { position: absolute; top: 184px; left: 545px; display: none }
	
	#panel { padding: 25px 0px 25px 25px; margin-bottom: 10px; }
	#panel .title { font-size: 24px; }
	#panel .subtitle { font-size: 12px; }
	#panel img { margin-bottom: 10px; }
	
	#panel.beginner .title, #panel.beginner .subtitle { color: #f39910; }
	#panel.beginner a { color: #f39910; font-weight: bold; }
	#panel.beginner a:hover { text-decoration: none; }
	#panel.harder .title, #panel.harder .subtitle { color: #66174b; }
	#panel.harder a { color: #66174b; font-weight: bold; }
	#panel.harder a:hover { text-decoration: none; }
	#panel.challenging .title, #panel.challenging .subtitle { color: #004288; }
	#panel.challenging a { color: #004288; font-weight: bold; }
	#panel.challenging a:hover { text-decoration: none; }
	#panel.challenging { position: relative; }
	#panel.challenging .extra { position: absolute; top: 0px; right: 0px; }
	
	#panel .thumb { margin-top: 25px; font-size: 11px; color: #666;float: left; margin-right: 18px}
	#panel .thumb a { color: #666; text-decoration: none; font-weight: bold; text-decoration: underline; }
	#panel .thumb a:hover { text-decoration: none; }
	
	#pg { position: absolute; right: 0px; top: 106px; }
	#pgcopy { padding: 5px 25px; color: #004288; margin: 0px;}
	#pgcopy h1 {  font-weight: normal; font-size: 24px; margin-top: 0px; }
	#pgcopy p { font-size: 11px; }
	.pguidance { background: url(../../resources/img/pg/bg.gif) repeat-y top right; }
	
	#galleryContainer { background-color: #fff; padding: 7px 0px 7px 7px; }
	#galleryContainer .thumb {font-size: 11px; color: #666; float: left; margin-right: 6px; margin-bottom: 6px; }
	#galleryContainer .thumb a { color: #666; text-decoration: underline; font-weight: bold; }
	#galleryContainer .thumb a:hover { text-decoration: none; }
	
	#galleryContainer .large a { font-size: 11px; color: #666; text-decoration: underline; font-weight: bold; }
	#galleryContainer .large a:hover { text-decoration: none; }
	
    #galleryText { background: url(__data/site/design/152/images/gallery_top.gif); font-size: 11px; color: #666; height: 184px; }    
	#galleryText a { color: #421b6a; font-weight: bold; }
    #galleryText a:hover { text-decoration: none;}
    #galleryCaption { font-size: 11px; color: #666; }
	#galleryBannerText { font-size: 11px; color: #666; padding: 102px 43px 31px 46px; }
	
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html #galleryText { height: 51px; }
	/* End hide from IE5/mac */
	
	.join h2, .thanks h2, #contactcopy h2 { font-size: 24px; color: #fe0101; margin: 0px; font-weight: normal; }
	.join p { font-size: 12px; color: #fe0101; margin-top: 0px; padding-top: 0px; }
	
	.join input.wide, #contactcopy input.wide { display: block; width: 330px; border: 1px solid #ffe5e5; font-family: Arial, Helvetica, sans-serif; color: #333; background: #ffe5e5;}
	.join input:focus, .join select:focus, #contactcopy input:focus, #contactcopy select:focus { background: #fff; border: 1px solid #ffe5e5; }
	.join select, .join input, #contactcopy select, #contactcopy input { margin-bottom: 3px; font-size: 12px; color: #333; }
	.join { color: #666; font-size: 11px; }
	.join input.submit, #contactcopy input.submit  { border: 1px solid #ffe5e5;  background: #ffe5e5; cursor: pointer; }
	
	.thanks p { font-size: 12px; color: #666; padding-right: 10px; }
	
	span.mandatory { color: #F00; }
	
	#parentcopy, #gangcopy, #sitemap, #askcopy, #contactcopy { padding: 0px 20px 20px 20px; color: #666; font-size: 11px }
	#parentcopy p, #gangcopy p, #sitemap p , #askcopy p , #contactcopy p,
	#parentcopy li, #gangcopy li, #sitemap li , #askcopy li , #contactcopy li { color: #666; }
	#parentcopy h2, #gangcopy h2 { font-size: 24px; font-weight: normal }
	#parentcopy h3, #gangcopy h3 { font-size: 11px; font-weight: bold; margin-bottom: 0px; padding-bottom: 0px; }
	#parentcopy.aboutus h2, #parentcopy.aboutus h3, #parentcopy.aboutus a { color: #e4680a; }
	#parentcopy.aboutus a:hover { text-decoration: none; }
	#parentcopy.craftyhints h2, #parentcopy.craftyhints h3, #parentcopy.craftyhints a { color: #96bd0d;  }
	#parentcopy.craftyhints a:hover { text-decoration: none; }	
	#parentcopy.findstore h2, #parentcopy.findstore h3, #parentcopy.findstore a { color: #009ee0;  }
	#parentcopy.findstore a:hover { text-decoration: none; }	
	#parentcopy.grownups h2, #parentcopy.grownups h3, #parentcopy.grownups a { color: #bc007b; }
	#parentcopy.grownups a:hover { text-decoration: none; }
	#parentcopy.littlepeople h2, #parentcopy.littlepeople h3, #parentcopy.littlepeople a { color: #e2001a; }
	#parentcopy.littlepeople a:hover { text-decoration: none; }

	/* Start products styles */
	#productcopy { padding: 0px 20px 20px 20px; color: #666; font-size: 11px }
	#productcopy p,	#productcopy li { color: #666; }
	#productcopy h2 { font-size: 24px; font-weight: normal }
	#productcopy h3 { font-size: 11px; font-weight: bold; margin-bottom: 0px; padding-bottom: 0px; }
	#productcopy.dvd h2, #productcopy.dvd h3, #productcopy.dvd a { color: #E2001A; }
	#productcopy.dvd a:hover { text-decoration: none; }
	#productcopy.products h2, #productcopy.products h3, #productcopy.products a { color: #e4680a; }
	#productcopy.products a:hover { text-decoration: none; }
	#productcopy.craftbooks h2, #productcopy.craftbooks h3, #productcopy.craftbooks a { color: #397CBA; }
	#productcopy.craftbooks a:hover { text-decoration: none; }	
	#productcopy.craftkits h2, #productcopy.craftkits h3, #productcopy.craftkits a { color: #96BD0D;  }
	#productcopy.craftkits a:hover { text-decoration: none; }	
	#productcopy.bedsheets h2, #productcopy.bedsheets h3, #productcopy.bedsheets a { color: #009EE0; }
	#productcopy.bedsheets a:hover { text-decoration: none; }
	#productcopy.beachtowels h2, #productcopy.beachtowels h3, #productcopy.beachtowels a { color: #BC007B; }
	#productcopy.beachtowels a:hover { text-decoration: none; }
	
	#productsContainer { background-color: #fff; padding: 7px 0px 7px 0px; }
	#productsContainer .thumb {font-size: 11px; color: #666; float: left; margin-right: 7px; margin-bottom: 7px; }
	#productsContainer .thumb a { color: #666; text-decoration: underline; font-weight: bold; }
	#productsContainer .thumb a:hover { text-decoration: none; }
	/* End products styles */
	
	#gangcopy h2 { margin-bottom: 0px; padding-bottom: 0px; }
	#gangcopy a { text-decoration: none; }
	#gangcopy.seth h2, #gangcopy.seth h3, #gangcopy.seth a { color: #e46809; }
	#gangcopy.pearl h2, #gangcopy.pearl h3, #gangcopy.pearl a { color: #8bc5e8; }
	#gangcopy.walter h2, #gangcopy.walter h3, #gangcopy.walter a { color: #3b7d3d; }
	#gangcopy.mia h2, #gangcopy.mia h3, #gangcopy.mia a { color: #3b7d69; }
	#gangcopy.chloe h2, #gangcopy.chloe h3, #gangcopy.chloe a { color: #e2001a; }
	#gangcopy.jasmine h2, #gangcopy.jasmine h3, #gangcopy.jasmine a { color: #009ee0; }
	#gangcopy.tiffany h2, #gangcopy.tiffany h3, #gangcopy.tiffany a { color: #e46809; }
	#gangcopy.wes h2, #gangcopy.wes h3, #gangcopy.wes a { color: #fbc22e; }
	#gangcopy.christie h2, #gangcopy.christie h3, #gangcopy.christie a { color: #96bd0d; }
	#gangcopy.jj h2, #gangcopy.jj h3, #gangcopy.jj a { color: #e42d31; }
		
	#gangcopy.christie a, #gangcopy.seth a, #gangcopy.pearl a, #gangcopy.walter a, #gangcopy.mia a, 
	#gangcopy.chloe a, #gangcopy.jasmine a, #gangcopy.tiffany a, #gangcopy.wes a, #gangcopy.jj a { text-decoration: underline; font-weight: bold; }	
	#gangcopy a:hover, #gangcopy a:hover { text-decoration: none; }
	
	#sitemap ul li { color:#117cee; margin-bottom:5px; font-weight: bold; }
	#sitemap ul li a { color:#fff; text-decoration: none; }
	#sitemap ul li ul li a { color:#004288; text-decoration: none; list-style: disc;  }
	#sitemap a:hover { text-decoration: underline; }
	
	#sitemapBtm { position: relative; }
	#sitemapBtm #sitemapBtmPiece { position: absolute; top: 15px; left: 402px; }
	
	#askcopy { padding: 0px 16px 16px 16px; color: #1e4bdd; font-size: 11px }
	#askcopy input, #askcopy textarea { background: #ede9e6; border: 1px solid #ede9e6; }
	#askcopy input:focus, #askcopy textarea:focus { background: #fff; border: 1px solid #ede9e6; }
	#askcopy input.submit { cursor: pointer;  }

	#contactcopy { padding-top: 16px; }
	#contactcopy h2, #contactcopy h3 { color: #f00; }
	#contactcopy h2 { padding-bottom: 0px; padding-top: 0px; margin-bottom: -10px; margin-top: 0px; }
	#contactcopy h3 { padding-bottom: 0; margin-bottom: -3px; }
	#contactcopy select, #contactcopy input, #contactcopy input.wide { color: #f00; }
	#contactcopy input.submit { color: #333; }
	
	#comp, #privacy, #terms { padding: 0px 20px 20px 20px; color: #666; font-size: 11px; }
	#comp h2, #privacy h2, #terms h2 { font-size: 24px; font-weight: normal; color: #ff0000; } 
	#comp h2 {color: #814d9a; margin-bottom: -10px;}
	#comp a { color: #814d9a; font-weight: bold;}
	#comp a:hover { text-decoration: none;}
	#comp ul { margin-left: 1.5em; padding-left: 0; }
	#comp ul li { color: #666; }
	#comp ul.submenu { list-style-type: none; margin: 0; padding: 0;}
	#comp ul.submenu li { margin-bottom: 8px; }
	#comp ul.submenu li a { background: url(__data/site/design/152/images/bullet.gif) no-repeat 0 0; padding-left: 15px; padding-bottom: 5px; }
	#comp ul.submenu li a:hover, #comp ul.submenu li a:hover { color: #e2007a; }
	#comp p { color: #666; }
	
	#complist ul { border-top: 3px solid #fed300; list-style-type: none; width: 262px; padding: 0; margin: 10px 0 0 0; font: bold 12px/2.2 Arial, Helvetica, sans-serif;}
	#complist ul li { border-bottom: 3px solid #fed300; margin: 0; padding: 0; }
	#complist ul li a { padding-left: 15px; height: 27px; color: #fff; text-decoration: none; display: block }
	#complist ul li a.sel { background: #622181; } 
	#complist ul li a:hover, #complist ul li a:active  { color: #fff; text-decoration: none; background: #622181; }
	
	#clipboard { padding: 10px 40px; }
	#clipboard p, #clipboard li { color: #666; } 
	#clipboard a { color: #666; font-weight: bold; }
	#clipboard a.main { color: #F29400; font-weight: bold; } 
	#clipboard a:hover { text-decoration: none; }
	#clipboard a.main:hover { text-decoration: none; } 
	#clipboard h2 { color: #f29400; }
	#clipboard img { float: right; }
	
	#coolContainer { background-color: #fff; padding: 7px 0px 7px 20px; }
	#coolContainer .thumb {font-size: 11px; color: #666; float: left; margin: 0 20px 20px 0px; }
	#coolContainer .thumb a { color: #666; text-decoration: none; font-weight: bold;}
	#coolContainer .thumb a:hover { text-decoration: underline;}
	
	#galleryContainer .large a { font-size: 11px; color: #666; text-decoration: underline; font-weight: bold;}
	#galleryContainer .large a:hover { text-decoration: none; }
	
    #coolText { padding: 0px 0px 0px 20px; font-size: 12px; }
	#coolText h2 { font-size: 24px; margin-bottom: 0px;}
	#coolText.ecard p, #coolText.ecard h2 { color:#96bd0d; }
	#coolText.prints p, #coolText.prints h2 { color:#009ee0; }
	#coolText.prints a { color:#009ee0; font-weight: bold; text-decoration: underline; }
	#coolText.prints a:hover { text-decoration: none; }
	#coolText.games p, #coolText.games h2 { color:#e2001a; }
	#coolText.games a { color:#e2001a; font-weight: bold; text-decoration: underline; }
	#coolText.games a:hover { text-decoration: none; }
	#coolText p { margin-top:0px; }
	#coolContainer .thumb .dl a { font-weight: bold; text-decoration: underline; }
	#coolContainer .thumb .dl a:hover { text-decoration: none; }
	
	
	#downloads h2 { font-size: 18px; color:#622181; margin: 0.5em 0; font-weight: normal;}
	
	#privacy p, #privacy ul li, #privacy ol li { color: #666; font-size: 11px; }
	#privacy a { color: #666; font-weight: bold; }
	
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html #coolText { height: 51px; }
	/* End hide from IE5/mac */
	
	#flashcontent #content { padding: 20px;  }