﻿
/* Global reset----------------------------------------------------- */ 

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: #ff5500;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* Layout----------------------------------------------------- */ 
#container{
	width: 1080px;
}
#leftcontainer{
	width: 239px;
	float:left;
}
#topleft{
	height: 157px;
	background-image:url(../images/goodiebookframework_03.gif);
	background-repeat:no-repeat;
}
#leftnavcontainer{
	width: 204px;
	height: 494px;
	background-image:url(../images/leftnavbars.gif);
	background-repeat:no-repeat;
	margin: 0 0 0 35px;
}

#rightcontainer{
	width: 841px;
	float:left;
}
#rightcontainertop{
	width: 841px;
	height: 128px;
	background-image:url(../images/goodiebookframework_04.gif);
	background-repeat:no-repeat;
	float:left;
}
#rightcontainertopnav1{
	width: 841px;
	height: 60px;
	background-image:url(../images/goodiebookframework_06.gif);
	background-repeat:no-repeat;
}
#rightcontainercontent{
	width: 841px;
	background-color:#FFF;
}
#rightcontainercontentflash{
	width: 841px;
	height: 513px;
	background-color:#FFF;
}

#textheader{
	padding:30px 0 10px 50px;
}

/* TEXT
------------------------------*/
p {
	color: #000;
	margin-top: 0px;
	margin-bottom: 6px;
	margin-left: 50px;
	margin-right: 100px;
	font-size: 0.8em;
	line-height: 1.3em;
	letter-spacing: 0.01em;
	font-family: Helvetica, Arial, sans-serif;
	
}

.regular{
	margin: 0 0 6px 0;	
}

.italic {
	font-style:oblique;
}
.bold {
	font-weight: bold;
}
.bigBold {
	font-weight: bold;
	font-size: 1.1em;
}
.pink {
	font-weight: bold;
	color: #EC008C;
	font-size: 1em;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}
.pinkNorm {
	color: #EC008C;
}
.orangeNorm {
	color: #FF5800;
}
.orangesmall {
	color: #FF5800;
	font-size:12px;
	line-height:25px;
}
.lightbluesmall {
	color: #0089dd;
	font-size:12px;
	line-height:25px;
}
.smalltype {
	font-size: .8em;
}
.serif {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
}
.textblackbold{
	font-family:Helvetica, Arial, sans-serif;
	margin: 0;
	font-size:12px;
	font-weight:bold;
}
.textregular{
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:13pt;
}
.textsmall{
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	line-height:10pt;
}
.texlargeblue{
	font-family:Helvetica, Arial, sans-serif;
	margin: 0;
	color:#2c439f;
	font-size:24px;
}
.texgrey{
	margin: 0;
	font-family:Helvetica, Arial, sans-serif;
	margin: 0;
	color:#636568;
	font-size:24px;
}
.textorange {
	color: #FF5800;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
}
.listindent{
	text-indent: 15px;
	color: #FF5800;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
}
.blacklistwithdots{
	margin: 0 0 0 10px;
	text-indent:0px;
	color:#000000;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	list-style-type: disc;
	line-height: 15px;
	}
.blacklistindent{
	text-indent:0px;
	color: #000000;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	list-style-type: none;
}
.blacklistindentbold{
	text-indent:0px;
	color: #000000;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	list-style-type: none;
	font-weight:bold;
}
.blacklistnumbered{
	text-indent:0px;
	color: #000000;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:15px;
	list-style-type: decimal;
	font-weight:bold;
	padding: 10px 0 0 13px;
}

/* LINKS
------------------------------*/
a:link, a:visited {
	font-family:Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #EC008C;
}
a:hover, a:active {
	color: #92D400;
}
a {
	outline: none;
}
a img {
	border: none;
}
a.link {
	color: #EC008C;
	text-decoration: underline;
}
.link:hover, .link:active {
	color: #FF5800;
	text-decoration: underline;
}
a.pink {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #EC008C;
	font-size: 1.2em;
}
a.pink:hover {
	color: #92D400;
}
a.largepink {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #EC008C;
	font-size: 22px;
}
a.largepink:hover {
	color: #92D400;
}
a.whitelink {
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #ffffff;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align:center;
}
a.whitelink:hover {
	font-family:Helvetica, Arial, sans-serif;
	color: #92D400;
}
a.bluelink {
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #2c439f;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 13px;
	text-align:center;
}
a.bluelink:hover {
	font-family:Helvetica, Arial, sans-serif;
	color: #EC008C;
}
a.blacklink {
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: -18px;
	color: #000000;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 13px;
}
a.blacklink:hover {
	font-family:Helvetica, Arial, sans-serif;
	color: #EC008C;
}
a.blacklink:visited {
	font-family:Helvetica, Arial, sans-serif;
	color: #000000;
}

/* Top Navigation----------------------------------------------------- */ 
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/image_dropdown.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


#nav {padding:0; margin:128px 0 0 0 ; list-style:none; height:60px;  z-index:200; font-family:arial, verdana, sans-serif; width:841px; background-image:url(../images/goodiebookframework_06.gif)}
#nav li.top {display:block; float:left; margin: 0 35px 0 0;}
#nav li a {display:block; float:left; height:60px;  border:0px solid #888; border-color:#ddd #888 #000 #ccc; text-decoration:none; padding:0; cursor:pointer;}
#nav li a b {margin-left:-9999px;}

#nav li a.about {width:159px; background: url(../images/goodiebooktopnav_06.gif)}
#nav li a.network {width:152px; background: url(../images/goodiebooktopnav_07.gif)}
#nav li a.goodtoknow {width:125px; background: url(../images/goodiebooktopnav_08.gif)}
#nav li a.youreyesonly {width:133px; background: url(../images/goodiebooktopnav_09.gif)}
#nav li a.retailers {width:115px; background: url(../images/goodiebooktopnav_10.gif)}
#nav li a.goodiebag {width:126px; background: url(../images/goodiebooktopnav_11.gif)}

#nav li a.aboutonpage {width:159px; background: url(../images/goodiebooktopnav_06.gif); background-position: 0 -60px;}
#nav li a.networkonpage {width:152px; background: url(../images/goodiebooktopnav_07.gif); background-position: 0 -60px;}
#nav li a.goodtoknowonpage {width:125px; background: url(../images/goodiebooktopnav_08.gif); background-position: 0 -60px;}
#nav li a.youreyesonlyonpage {width:133px; background: url(../images/goodiebooktopnav_09.gif); background-position: 0 -60px;}
#nav li a.retailersonpage {width:115px; background: url(../images/goodiebooktopnav_10.gif); background-position: 0 -60px;}
#nav li a.goodiebagonpage {width:126px; background: url(../images/goodiebooktopnav_11.gif); background-position: 0 -60px;}

#nav li:hover a,
#nav a:hover {background-position: 0 -60px;}
#nav li:hover a.retailers,
#nav a.retailers:hover {background-position: 0 -60px;}
#nav li:hover a.retailersonpage,
#nav a.retailersonpage:hover {background-position: 0 -60px;}


#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:0px;}

#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:0; top:45px; background: #00a9e3; width:133px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:27px; float:left; width:133px; font-weight:normal; }
#nav :hover ul.sub li a
{display:block; height:27px; width:133px; border:0px solid #888; border-color:#ddd #888 #000 #ccc; text-decoration:none; padding:0; cursor:pointer;}
#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}

#nav :hover ul li a.kidsonly {background:url(../images/goodiebooktopnav_12.gif);background-position: 0 -15px;}
#nav :hover ul li a.adultsonly {background:url(../images/goodiebooktopnav_13.gif);background-position: 0 -15px;}


#nav :hover ul.sub li a:hover 
{background-position: 0 -75px; position:relative;}
#nav :hover ul.sub li a:hover b {left:100px; top:15px; background:#00a9e3; color:#00a9e3; border:1px solid #888; display:none; width:100px; height:20px; text-align:center; font-size:12px; line-height:18px;}

/* Left Nav----------------------------------------------------- */ 
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/image_dropdown.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


#leftnav{padding:0; margin:0 0 0 0 ; list-style:none; width:204px;   z-index:200; font-family:arial, verdana, sans-serif; }
#leftnav li.lefttop {display:block; float:left;}
#leftnav li a {display:block; float:left; border:0px solid #888; border-color:#ddd #888 #000 #ccc; text-decoration:none; padding:0; cursor:pointer;}
#leftnav li a b {margin-left:-9999px;}
#leftnav li a.home {width:204px; height:44px; background: url(../images/goodiebookleftnav_08.gif)}
#leftnav li a.whatis {width:202px; height:53px;background: url(../images/goodiebookleftnav_10.gif)}
#leftnav li a.store {width:204px;height:52px; background: url(../images/goodiebookleftnav_11.gif)}
#leftnav li a.tradingpost {margin: 5px 0 0 0; width:204px;height:45px; background: url(../images/goodiebookleftnav_18.gif)}
#leftnav li a.characters {width:200px;height:43px; background: url(../images/goodiebookleftnav_12.gif)}
#leftnav li a.contests {width:215px;height:52px; background: url(../images/goodiebookleftnav_13.gif)}
#leftnav li a.gallery {width:204px;height:51px; background: url(../images/goodiebookleftnav_14.gif)}
#leftnav li a.catcher {width:204px;height:49px; background: url(../images/goodiebookleftnav_15.gif)}

#leftnav li a.homeonpage {width:204px; height:44px; background: url(../images/goodiebookleftnav_08.gif); background-position: -190px 0px;}
#leftnav li a.whatisonpage {width:202px; height:53px;background: url(../images/goodiebookleftnav_10.gif); background-position: -190px 0px;}
#leftnav li a.storeonpage {width:204px;height:52px; background: url(../images/goodiebookleftnav_11.gif); background-position: -190px 0px;}
#leftnav li a.tradingpostonpage {margin: 5px 0 0 0; width:204px;height:45px; background: url(../images/goodiebookleftnav_18.gif); background-position: -190px 0px;}
#leftnav li a.charactersonpage {width:200px;height:43px; background: url(../images/goodiebookleftnav_12.gif); background-position: -190px 0px;}
#leftnav li a.contestsonpage {width:215px;height:52px; background: url(../images/goodiebookleftnav_13.gif); background-position: -190px 0px;}
#leftnav li a.galleryonpage {width:204px;height:51px; background: url(../images/goodiebookleftnav_14.gif); background-position: -190px 0px;}
#leftnav li a.catcheronpage {width:204px;height:49px; background: url(../images/goodiebookleftnav_15.gif); background-position: -190px 0px;}



#leftnav li:hover a,
#leftnav a:hover {background-position: -190px 0px;}


#leftnav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:0px;}

#leftnav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#leftnav li:hover {position:relative; z-index:200;}
#leftnav a:hover {position:relative; white-space:normal; z-index:200;}

#leftnav :hover ul.sub
{left:0; top:52px; width:108px; height:auto; z-index:300;}
#leftnav :hover ul.sub li
{display:block;  position:relative; margin: -48px 0 0 200px; width:108px; font-weight:normal;}
#leftnav :hover ul.sub li a
{display:block; height:48px; width:108px; border:0px solid #888; border-color:#ddd #888 #000 #ccc; text-decoration:none; padding:0; cursor:pointer;}
#leftnav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}

#leftnav :hover ul li a.goodworks {background:url(../images/goodiebookleftnavdropdownworks.gif); float:right;}
#leftnav :hover ul li a.goodideas {background:url(../images/goodiebookleftnavdropdownideas.gif); float:right;}


#leftnav :hover ul.sub li a:hover 
{background-position: 0 -51px; position:relative;}
#leftnav :hover ul.sub li a:hover b {left:100px; top:15px; background:#00a9e3; color:#00a9e3; border:1px solid #888; display:none; width:100px; height:20px; text-align:center; font-size:12px; line-height:18px;}


/* StoreGrid Nav 
------------------------------*/
#rightcontainerstoregrid {
	float:left;
	height:121px;
	width:800px;
	margin: 0 0 0 32px;
}
#storegrid li {
     float: left;
    }
#storegrid ul {
     list-style: none;
     margin: 0px 0 0 0;
     padding: 0;
    }
#storegrid li a {
     text-decoration: none;
     display: block;
     text-indent: -9999em;
    }
	
#grid1  {
	 margin: 0px 0px 0 0px;
	 background-image:url(../images/storegrid_03.gif);
     background-repeat: no-repeat;
	 background-position: 0 0px;
     width: 233px;
     height: 121px;
    }
#grid1:hover {
     background-position:0px -121px;
}
#grid2  {
	 margin: 0px 0px 0 0px;
	 background-image:url(../images/storegrid_04.gif);
     background-repeat: no-repeat;
	 background-position: 0 0px;
     width: 233px;
     height: 121px;
    }
#grid2:hover {
     background-position:0px -120px;
}
#grid3  {
	 margin: 0px 0px 0 0px;
	 background-image:url(../images/storegrid_05.gif);
     background-repeat: no-repeat;
	 background-position: 0 0px;
     width: 233px;
     height: 121px;
    }
#grid3:hover {
     background-position:0px -121px;
}

#grid4  {
	 margin: 0px 0px 0 0px;
	 background-image:url(../images/storegrid_07.gif);
     background-repeat: no-repeat;
	 background-position: 0 0px;
     width: 233px;
     height: 121px;
    }
#grid4:hover {
     background-position:0px -120px;
}
#grid5  {
	 margin: 0px 0px 0 0px;
	 background-image:url(../images/storegrid_08.gif);
     background-repeat: no-repeat;
	 background-position: 0 0px;
     width: 233px;
     height: 121px;
    }
#grid5:hover {
     background-position:0px -120px;
}
#grid6  {
	 margin: 0px 0px 0 0px;
	 background-image:url(../images/storegrid_09.gif);
     background-repeat: no-repeat;
	 background-position: 0 0px;
     width: 233px;
     height: 121px;
    }
#grid6:hover {
     background-position:0px -123px;
}
#grid7  {
	 margin: 0px 0px 0 0px;
	 background-image:url(../images/storegrid_10.gif);
     background-repeat: no-repeat;
	 background-position: 0 0px;
     width: 233px;
     height: 121px;
    }
#grid7:hover {
     background-position:0px -120px;
}
#grid8  {
	 margin: 0px 0px 0 0px;
	 background-image:url(../images/storegrid_11.gif);
     background-repeat: no-repeat;
	 background-position: 0px 0px;
     width: 233px;
     height: 121px;
    }
#grid8:hover {
     background-position:0px -120px;
}
#grid9  {
	 margin: 0px 0px 0 0px;
	 background-image:url(../images/storegrid_12.gif);
     background-repeat: no-repeat;
	 background-position: 0 0px;
     width: 233px;
     height: 121px;
    }
#grid9:hover {
     background-position:0px -120px;
}
#grid10  {
	 margin: 0px 0px 0 0px;
	 background-image:url(../images/storegrid_13.gif);
     background-repeat: no-repeat;
	 background-position: 0 0px;
     width: 233px;
     height: 120px;
    }
#grid10:hover {
     background-position:0px -120px;
}
#grid11  {
	 margin: 0px 0px 0 0px;
	 background-image:url(../images/storegrid_14.gif);
     background-repeat: no-repeat;
	 background-position: 0 0px;
     width: 233px;
     height: 120px;
    }
#grid11:hover {
     background-position:0px -120px;
}
#grid12  {
	 margin: 0px 0px 0 0px;
	 background-image:url(../images/storegrid_15.gif);
     background-repeat: no-repeat;
	 background-position: 0 0px;
     width: 233px;
     height: 120px;
    }
#grid12:hover {
     background-position:0px -120px;
}




/* FOOTER 
------------------------------*/
#footer {
	margin-left: 0px;
	clear: both;
	padding-top: 5px;
}
#footertextlinks{
	float:left;
	margin: 12px 0 0 0;

}
#footerimagelinks{
	float:none;
	margin: 5px 0 0 0;

}
#footer a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: 0.12em;
	margin-right: 40px;
	margin-left: 30px;
	font-size: 0.7em;
	font-weight: lighter;
	text-transform: uppercase;
}
#footer a:hover, #footer a:active {
	color: #92D400;
}
#footer a.onpage{
	color: #92D400;
}
/*legal*/
h5 {
	font-weight: normal;
	font-family: "Sabon Roman", Sabon, "Times New Roman", Times, serif;
	font-size: 0.8em;
	margin-top: 15px;
	line-height: 1.05em;
	width: 841px;
	color:#FFF;
	text-align:center
}
#footer a.on {
	color: #92D400;
}
#footerimage {
	margin:10px 0 0 0;
}

/* Mailing List Page----------------------------------------------------- */ 
#mailinglist{
	background-image:url(../images/mailinglistpagebg.gif);
	background-repeat:no-repeat;
	padding:130px 0 0 120px;
			width:700px;
			height: 350px;
			 }
			 
/* Sites We Love/Links Page----------------------------------------------------- */ 
#siteswelove{
	background-image:url(../images/siteswelovepagebg.gif);
	background-repeat:no-repeat;
	padding:100px 0 0 0;
	width:801px;
	height:513px;
			 }
#siteswelove2{
	padding:0px 0 0 32px;
	width:801px;
			 }
			 
/* privacypolicy Page----------------------------------------------------- */ 
#privacypolicy{
	background-image:url(../images/privacypolicypagebg.gif);
	background-repeat:no-repeat;
	padding:100px 0 0 0;
	width:801px;
			 }
#privacypolicy2{
	padding:0 0 0 32px;
	width:601px;
			 } 
#privacypolicy3{
	padding:10px 0 0 32px;
	width:601px;
	height: 400px;
			 }
/* For Retailers Page----------------------------------------------------- */ 
#rightcontainerforretailerstop{
	background-image:url(../images/forretailerspagebg_01.gif);
	background-repeat:no-repeat;
	width: 841px;
	height: 190px;
}
#rightcontainerforretailersbottom{
	background-image:url(../images/forretailerspagebg_02.gif);
	background-repeat:no-repeat;
	width: 841px;
	height: 380px;
}
#forretailerstext{
	padding:75px 220px 0px 30px;
}
#forretailerstext2{
	padding:5px 220px 5px 30px;
	text-align:center;
}
#forretailerstext3{
	padding:0px 220px 0px 30px;
}
#forretailerstext4{
	padding:5px 220px 0px 30px;
}
#forretailerspinklink{
	padding:1px 220px 0px 30px;
}
#forretailerstornpapercontent{
	margin: 13px 300px 0px 30px;
}

/* Good Ideas Contest Page----------------------------------------------------- */ 
#rightcontainergoodideas{
	width: 841px;
}
#rightcontainergoodideastoptext{
	background-image:url(../images/ideascontestpagebgtop.gif);
	background-repeat:no-repeat;
	background-color:#FFF;
	width:649px;
	padding:90px 160px 0px 32px;
	
}
#goodideasmiddletext{
	margin: 0px 0px 0px 32px;
	width: 450px;
}
#goodideasinspirationtext{
	margin: 10px 0px 0px 480px;
	width: 220px;
	
}
#goodideaslowertext{
	background-image:url(../images/ideascontestpagebgbottom.gif);
	background-repeat:no-repeat;
	width: 841px;
	height: 525px;
	margin: 0 15px 0 0;
	float:left;
}
#goodideasform{
	padding:20px 0 0 465px;
	width:250px;
	line-height:1em;

}
/* Good to Know Page----------------------------------------------------- */ 
#rightcontainergoodtoknow{
	background-image:url(../images/goodtoknowpagebg.gif);
	background-repeat:no-repeat;
	width: 841px;
	height: 691px;
}
#rightcontainergoodtoknowtext{
	padding:105px 300px 0px 28px;
}
#goodideasmiddletext{
	margin: 0px 0px 0px 32px;
	width: 450px;
}
#goodtoknowlowertext{
	margin:60px 0px 0px 28px;
}
#goodtoknowform{
	margin: 20px 0px 0px 42px;
	line-height:1em;
}

/* What is Page----------------------------------------------------- */ 
#rightcontainerwhatis{
	background-image:url(../images/whatsagoodiebookpagebg.gif);
	background-repeat:no-repeat;
	width: 841px;
	height: 501px;
}
#whatistext{
	padding:125px 330px 0px 30px;
}
#whatiscontent{
	margin: 5px 0px 0px 0px;
}

/* Kids Only Page----------------------------------------------------- */ 
#rightcontainerkidsonly{
	background-image:url(../images/kidsonlybg.gif);
	background-repeat:no-repeat;
	width: 841px;
	height: 531px;
	font-family: Helvetica, Arial, sans-serif
}
#kidsonlytornpapercontent{
	margin: 90px 100px 0px 0px;
}
#kidsonlybelowtornpapercontent{
	margin:20px 100px 0px 0px;
	font-family:Helvetica, Arial, sans-serif;
	color:#636568;
	font-size:11px;
	line-height:13pt;
}
#kidsonlytext{
	padding:75px 300px 0px 30px;
}


/* aboutgoodiebook Page----------------------------------------------------- */ 
#rightcontainerabout{
	background-image:url(../images/aboutgoodiebookpagebg.gif);
	background-repeat:no-repeat;
	width: 841px;
	height: 513px;
	float:left;
}
#abouttext{
	padding:75px 0px 0px 30px;
	float:left;
	width: 810px;
}
#abouttornpapercontent{
	margin: 20px 55px 0px 0px;
	width: 490px;
	float:left;
}
#aboutrightcolumn{
	margin:20px 0px 0px 50px;
	width: 175px;
	font-family:Helvetica, Arial, sans-serif;
	color:#636568;
	font-size:11px;
	line-height:13pt;
	float:left;
}


/* goodiebook network Page----------------------------------------------------- */ 
#rightcontainernetwork{
	background-image:url(../images/goodienetworkpagebg.gif);
	background-repeat:no-repeat;
	width: 841px;
	height: 606px;
	float:left;
}
#networktext{
	padding:60px 0px 0px 30px;
	float:left;
	width: 810px;
}
#networkleftcontent{
	margin: 30px 55px 0px 0px;
	width: 490px;
	float:left;
}
#networkrightcolumn{
	margin:-20px 0px 0px 45px;
	width: 175px;
	font-family:Helvetica, Arial, sans-serif;
	color:#636568;
	font-size:11px;
	line-height:13pt;
	float:left;
}
#networkleftcontentmiddle{
	margin:100px 0px 0px 0px;

}
#networkleftcontentbottom{
	padding:160px 0px 0px 280px;
	float:none;

}
#networkdoctors{
	margin:30px 0 0 5px;
	float: left;
}
#networkpartners{
		margin:50px 0 0 55px;
	float: left;
}
#networknature{
	margin:30px 0 0 50px;
	float: left;
}
#networkcare{
	margin:55px 0 0 60px;
	float: left;
}
#networkheader1{
	color: #FF5800;
	font-family:Helvetica, Arial, sans-serif;
	font-size:16px;
}
#networkheader2{
	color: #EC008C;
	font-family:Helvetica, Arial, sans-serif;
	font-size:16px;
}
#clicktoshare{
	display:block;
  width: 191px;
  height: 53px;
  background-image:url(../images/clickheretosharebutton.gif);
  background-position:no-repeat 0 0;
}
#clicktoshare:hover
{ 
  background-position: 0 -51px;
}

#clicktoshare span
{
  display: none;
}

/* Characters Page----------------------------------------------------- */ 
#charsbackground{ 
	background-image: url(../images/chars-bg-string.gif);
	background-repeat: no-repeat;
	background-position: 0px 0 75px -75px;
	width: 841px;

}
#chars { 

	padding-top: 86px;
	padding-bottom: 40px;
	background-repeat: no-repeat;
	background-position: 0px 0 75px -75px;
	width: 680px;
	margin:0px 0 0 80px;

}
#charstextheader{
	margin: 0 0 0 -100px;
	
}

#chars p {
	clear: both;
}
#charsLink {
	text-align: center;
	padding-bottom: 30px;
}

#charsLink a {
	margin-right: 30px;
	display: inline;
	color: #FF5800;
}
#charsLink a:hover, #charsLink a:active {
	color: #EC008C;
}
.floatRt {
	float: right;
	margin-left: 10px;
	margin-bottom: 20px;
}
.floatLt {
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
}
.inlineImage {
	margin-top:6px; 
	vertical-align:baseline; 
	margin-bottom:-8px; 
	margin-right: 6px; 
}
.inlineImage2 {
	margin-top:6px; 
	vertical-align:baseline; 
	margin-bottom:-2px; 
	margin-right: 6px; 
}

/* Contact Page----------------------------------------------------- */ 
#contact {
	height: 475px;
	background-image:url(../images/contact-bg.jpg);
	background-repeat: no-repeat;
	background-position: 220px 185px;
	padding-top: 25px;
	background-color: #FFFFFF;
}
/* Press Page----------------------------------------------------- */ 
#presscontent {
	padding-top: 25px;
	background-color: #FFFFFF;
	background-image:url(images/press-goodie.jpg);
	background-repeat: no-repeat;
	background-position: 418px 62px;
}


.slideshow {
	text-align: center;
	width: 360px;
	margin-left: 45px;
	margin-top: 5px;
	position: absolute;
}
	
/* Mailing List Page----------------------------------------------------- */ 

#tradingpost{
	background-image:url(../images/tradingpostpagebg.gif);
	background-repeat:no-repeat;
	background-color:#FFF;
	width:841px;
	
}
#tradingposttoptext{
	width:480px;
	height: 160px;
	padding: 115px 0 0 20px;
}
#tradingpostbottomtext{
	width:841px;
	height: 3700px;
	background-color:#FFF;
	background-image:url(../images/tradingpostpagerepeatbg.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	
}
#tradingpostbottomlefttext{
	width:280px;
	padding: 5px 0 0 50px;
	float: left;
	background-color:#FFF;
}
#tradingpostbottomrighttext{
	width:360px;
	padding: 5px 0 0 50px;
	float: left;
	background-color:#FFF;

}
/* Adults Only Page----------------------------------------------------- */ 
#rightcontaineradultsonly{
	width: 841px;
	height:583px;
	background-image:url(../images/adultsonlypagebg.gif);
	background-repeat:no-repeat;
	background-color:#FFF;
	
}

#adultsonlyform{
	padding:170px 0 0 42px;
	width:250px;
	line-height:1em;

}
/*GALLERY PAGES 
------------------------------------------*/
#rightcontainercontentleft{
	float:left;
}
#rightcontainercontentright{
	width: 201px;
	float:left;
	padding: 140px 0 300px 640px;
	background-color:#FFF;
}
#rightcontainercontentright2{
	width: 201px;
	float:left;
	padding: 140px 0 330px 640px;
	background-color:#FFF;
}

#gallery {
	background-color: #FFFFFF;
	height: 500px;
}
#galleryteacher {
	background-color: #FFFFFF;
	height: 500px;
}
#gallery div {
	position: absolute;
	left: 250px;
	top: 200px;
	text-align: center;	
	clear:both;
}
#gallery p {
	text-align: left;	
	margin-top: 0px;
	margin-bottom: 6px;
	margin-left: 10px;
	margin-right: 10px;

}
#gallery a{
	color: #FF5800;
	font-size: .8em;
	text-decoration: none;
}
#gallery a:hover, #gallery a:active {
	color: #92D400;
}
#info {
	padding-top: 6px;
	padding-bottom: 6px;
	height: 110px;
	width: 623px;
	border: thin solid #939598;
	margin-left: 15px;
	margin-right: 0px;
	margin-top: 368px;
	font-size: .90em;
	line-height: .9em;
}
#info2 {
	padding-top: 6px;
	padding-bottom: 6px;
	height: 140px;
	width: 623px;
	border: thin solid #939598;
	margin-left: 15px;
	margin-right: 0px;
	margin-top: 368px;
	font-size: .90em;
	line-height: .9em;
}
#leftP {
	float: left;
	margin-left: 15px;
	margin-right: 0px;
	width: 400px;
}
#rightP {
	float: left;
	margin-left: 0px;
	width: 150px;
	padding: 0 0 0 20px;
	border-left: 1px dotted #939598;
}
#rightP2 {
	float: left;
	margin-left: 0px;
	width: 150px;
	height:100px;
	padding: 0 0 0 20px;
	border-left: 1px dotted #939598;
}

#rightP a {
	font-family:Helvetica, Verdana, Arial, sans-serif;
	display: block;
	background-color: #EC008C;
	color: #FFF;
	text-decoration: none;
	font-weight: lighter;
	text-align: center;
	margin-right: 10px;
	padding: 4px 4px 4px 4px;
	font-size: .85em;
}
.price {
	display: block;
	font-weight: bold;
	color: #000;
	font-size: 1em;
}
.slideshow {
	text-align: center;
	width: 360px;
	margin-left: 30px;
	position: absolute;
}
.actualSize {
	width: 100px;
	text-align: left;
	padding-left: 0px;
	margin-top: 40px;
	padding-right: 0px;
	font-size: .8em;
	color: #939598;
	font-style: italic;
}
/* Store Page----------------------------------------------------- */ 
#rightcontainerstore{
	width: 841px;
	height: 580px;
	background-color:#FFF;
}
#rightcontainerstoretop{
	background-image:url(../images/storeheader.gif);
	background-repeat:no-repeat;
	width: 841px;
	height: 80px;
}
#rightcontainerstoregrid{
	width: 800px;
	height: 480px;
	background-color:#FFF;
	margin: 0 0 0 32px;
	float:left;
}
#rightcontainerstorebottom{
	float:left;
	width: 809px;
	height: 20px;
	background-color:#FFF;
	color: #EC008C;
	font-family: Helvetica, Arial,  sans-serif;
	font-size:10px;
	padding : 10px 0 0 32px;
}
