/*  
Theme Name: Everything 4 Kids
Theme URI: http://www.everything4kids.com/
Description: New Theme for 2010
Version: v3.4
Author: Neil Thurlwell
Author URI: http://www.neilthurlwell.co.uk/
*/

* { margin: 0; padding: 0; }
body { margin: 10px 0;padding: 0;background-color: #EFEFEF;font-family: Arial, Helvetica, sans-serif;font-size: 13px; color: #333333;}
img { border: 0;}
a:focus { border: 0;outline: none;}
.hide { display: none;}

/* CONTAINERS AND WRAPS
======================================================================*/

#container { float: left; width: 958px; border-right: 1px solid #b8b8b8; border-left: 1px solid #b8b8b8; background: url(images/head.png) no-repeat 40px bottom #FFFFFF; padding: 0 0 60px 0; }
#wrap,#wrapG,#wrapR,#wrapO { width: 960px;margin: 0 auto;}
#inWrap { float: left;width: 960px;margin-top: 132px;}
#contTop { background: url(images/sprite.png) 0 -238px;margin: 0px;padding: 0px;float: left;height: 10px;width: 960px;}
#contBottom { background-image: url(images/sprite.png);padding: 0px;float: left;height: 32px;width: 960px;margin: 0px;background-position: left -249px;background-repeat: no-repeat;}
#inContainer { float: right;width: 747px;margin-bottom: 15px;margin-top: 42px;}
#content { float: left;width: 565px;margin-left: 5px;padding-right: 15px;border-right-width: 1px;border-right-style: dotted;border-right-color: #CCCCCC;}
#colouring #content { float: left;width: 570px;margin-left: 5px;padding-right: 10px;border-right-width: 1px;border-right-style: dotted;border-right-color: #CCCCCC;}

/* HEADER
======================================================================*/

#header { float: left;height: 80px;width: 960px;position: absolute;top: 10px;background: url(images/sprite.png) no-repeat 26px -648px;}
#wrap #header h2 a { background-image: url(images/sprite.png);display: block;float: left;height: 57px;width: 340px;margin-top: 12px;margin-left: 10px;background-repeat: no-repeat;padding: 0px;margin-right: 0px;margin-bottom: 0px;text-indent: -9000px;background-position: -380px -383px;}
#wrapG #header h2 a { background-image: url(images/sprite.png);display: block;float: left;height: 57px;width: 340px;margin-top: 12px;margin-left: 10px;background-repeat: no-repeat;padding: 0px;margin-right: 0px;margin-bottom: 0px;text-indent: -9000px;background-position: -380px -440px;}
#wrapO #header h2 a { background-image: url(images/sprite.png);display: block;float: left;height: 57px;width: 340px;margin-top: 12px;margin-left: 10px;background-repeat: no-repeat;padding: 0px;margin-right: 0px;margin-bottom: 0px;text-indent: -9000px;background-position: -380px -497px;}
#wrapR #header h2 a { background-image: url(images/sprite.png);display: block;float: left;height: 57px;width: 340px;margin-top: 12px;margin-left: 10px;background-repeat: no-repeat;padding: 0px;margin-right: 0px;margin-bottom: 0px;text-indent: -9000px;background-position: -380px -554px;}
#header h2 { margin: 0px;padding: 0px;}

/* MAIN MENU
======================================================================*/

#wrap #menu { background: url(images/sprite.png) no-repeat 0px -66px;float: left;height: 42px;width: 960px;padding-top: 1px;margin-bottom: 10px;position: absolute;top: 90px;}
#wrapG #menu { background: url(images/sprite.png) no-repeat 0px -109px;float: left;height: 42px;width: 960px;padding-top: 1px;margin-bottom: 10px;position: absolute;top: 90px;}
#wrapO #menu { background: url(images/sprite.png) no-repeat 0px -152px;float: left;height: 42px;width: 960px;padding-top: 1px;margin-bottom: 10px;position: absolute;top: 90px;}
#wrapR #menu { background: url(images/sprite.png) no-repeat 0px -195px;float: left;height: 42px;width: 960px;padding-top: 1px;margin-bottom: 10px;position: absolute;top: 90px;}

#menu ul { list-style-type: none;margin: 0px 10px;padding: 0px;}
#menu li { display: block;float: left;}
#menu a { display: block;padding-right: 20px;padding-left: 20px;padding-top: 10px;line-height: 18px;padding-bottom: 10px;text-decoration: none;font-weight: bold;color: #333333;border-right: 1px solid #efefef;}
#menu a:hover { background: url(images/sprite.png) 0 0;}
#wrap #menu a.thisPage { background: #0E82C7;color: #FFFFFF;}
#wrapG #menu a.thisPage { background: #7eba5b;color: #FFFFFF;}
#wrapO #menu a.thisPage { background: #e59140;color: #FFFFFF;}
#wrapR #menu a.thisPage { background: #b72e35;color: #FFFFFF;}

/* FOOTER
======================================================================*/

#footer { background: url(images/sprite.png) left -281px;float: left;height: 102px;width: 960px;margin-bottom: 15px;color: #999999;}
#credits { text-align: center;width: 960px;color: #999999;font-size: 12px;}
#credits a { color: #999999; text-decoration: none; border-bottom: 1px dotted #CCC }
#credits a:hover { color: #999999; text-decoration: underline; }
#footer ul { margin: 0px;float: right;list-style-type: none;line-height: 18px;padding-top: 20px;padding-right: 10px;padding-bottom: 0px;padding-left: 0px;}
#footer li { display: inline;}
#footer li a { color: #666666;text-decoration: none;padding-right: 5px;padding-left: 5px;font-size: 12px;}
#footer li a:hover { text-decoration: underline;}

/* BREADCRUMB 
======================================================================*/

/* Float Clearing
 ---------------------------------------------------------------------*/

.module:after { clear: both;content: ".";display: block;height: 0;visibility: hidden;}
/* float clearing for IE6 */
* html .module { height: 1%;overflow: visible;}
/* float clearing for IE7 */
* + html .module { min-height: 1%;}
/* Breadcrumb Styles
 ---------------------------------------------------------------------*/

#crumb { float: left;height: 30px;width: 732px;margin-bottom: 15px;margin-right: 15px;font-size: 12px;border-bottom: 1px dotted #CCCCCC;position: absolute;top: 150px;margin-left: 210px;}
.breadCrumb { margin: 0;padding: 0;float: left;display: block;height: 21px;overflow: hidden;width: 630px;padding:5px 5px 3px;}
.breadCrumb ul { margin: 0;padding: 0;height: 21px;display: block;}
.breadCrumb ul li { display: block;float: left;position: relative;height: 21px;overflow: hidden;line-height: 21px;margin: 0px 6px 0px 0;padding: 0px 10px 0px 0;font-size: .9167em;background: url(images/Chevron.gif) no-repeat 100% 0;}
.breadCrumb ul li div.chevronOverlay { position: absolute;right: 0;top: 0;z-index: 2;}
.breadCrumb ul li span { display: block;overflow: hidden;}
#wrap .breadCrumb ul li a { display: block;position: relative;height: 21px;line-height: 21px;overflow: hidden;float: left;color: #0E82C7;text-decoration: none;}
#wrapG .breadCrumb ul li a { display: block;position: relative;height: 21px;line-height: 21px;overflow: hidden;float: left;color: #7eba5b;text-decoration: none;}
#wrapO .breadCrumb ul li a { display: block;position: relative;height: 21px;line-height: 21px;overflow: hidden;float: left;color: #e59140;text-decoration: none;}
#wrapR .breadCrumb ul li a { display: block;position: relative;height: 21px;line-height: 21px;overflow: hidden;float: left;color: #b72e35;text-decoration: none;}
.breadCrumb ul li a:hover { text-decoration: underline;}
.breadCrumb ul li.first a { height: 16px !important;text-indent:-1000em;width:16px;padding: 0;margin-top: 2px;overflow: hidden;background:url(images/IconHome.gif) no-repeat 0 0;}
.breadCrumb ul li.first a:hover { background-position: 0 -16px;}
.breadCrumb ul li.last { background: none;margin-right: 0;padding-right: 0;}
.chevronOverlay { display: none;background: url(images/ChevronOverlay.png) no-repeat 100% 0;width: 13px;height: 20px;}
.here { float: left;width: 77px;padding-top: 8px;font-size: 12px;color: #666666;padding-left: 7px;}

/* LEFT SIDEBAR
======================================================================*/

#sidebar { width: 190px;margin-right: 10px;margin-left: 10px;float: left;}
#sidebar .sideButton { width: 180px;clear: both;float: left;line-height: 18px;background: url(images/sprite.png) -190px -383px;padding-top: 5px;padding-bottom: 5px;margin-bottom: 5px;padding-left: 10px;font-weight: bold;color: #333333;text-decoration: none;}
#sidebar .sideButton:hover { background: url(images/sprite.png) -190px -413px;}
#wrap #sidebar h2 { background-image: url(images/sprite.png);background-repeat: no-repeat;float: left;width: 180px;padding-left: 10px;padding-bottom: 3px;padding-top: 2px;margin: 0;color: #FFF;font-weight: bold;font-size: 13px;line-height: 25px;background-position: 0px -383px;}
#wrapG #sidebar h2 { background-image: url(images/sprite.png);background-repeat: no-repeat;float: left;width: 180px;padding-left: 10px;padding-bottom: 3px;padding-top: 2px;margin: 0;color: #FFF;font-weight: bold;font-size: 13px;line-height: 25px;background-position: 0px -428px;}
#wrapO #sidebar h2 { background-image: url(images/sprite.png);background-repeat: no-repeat;float: left;width: 180px;padding-left: 10px;padding-bottom: 3px;padding-top: 2px;margin: 0;color: #FFF;font-weight: bold;font-size: 13px;line-height: 25px;background-position: 0px -473px;}
#wrapR #sidebar h2 { background-image: url(images/sprite.png);background-repeat: no-repeat;float: left;width: 180px;padding-left: 10px;padding-bottom: 3px;padding-top: 2px;margin: 0;color: #FFF;font-weight: bold;font-size: 13px;line-height: 25px;background-position: 0px -518px;}
#wrap #navClose { width: 190px;height: 9px;margin-bottom: 5px;background-image: url(images/sprite.png);background-repeat: no-repeat;background-position: 0px -417px;}
#wrapG #navClose { width: 190px;height: 9px;margin-bottom: 5px;background-image: url(images/sprite.png);background-repeat: no-repeat;background-position: 0px -462px;}
#wrapO #navClose { width: 190px;height: 9px;margin-bottom: 5px;background-image: url(images/sprite.png);background-repeat: no-repeat;background-position: 0px -507px;}
#wrapR #navClose { width: 190px;height: 9px;margin-bottom: 5px;background-image: url(images/sprite.png);background-repeat: no-repeat;background-position: 0px -552px;}
ul#nav li { display: inline;width: 190px;}
.favourites { width: 20px;height: 20px;background: url(images/sprite.png) -316px -561px;display: block;margin-top: 0;margin-right: 8px;float: left;}
.tellFriend { width: 20px;height: 20px;background: url(images/sprite.png) -296px -561px;display: block;margin-right: 8px;float: left;margin-top: 0;}
.twitter { width: 20px;height: 20px;background: url(images/sprite.png) -316px -541px;display: block;margin-top: 0;margin-right: 8px;float: left;}
.shareMe { width: 20px;height: 20px;background: url(images/sprite.png) -296px -541px;display: block;margin-top: 0;margin-right: 8px;float: left;}


/* LEFT MENU EFFECT */

#wrap .jGM_box_characters { -moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:#FFFFFF none repeat scroll 0 0;margin:0;margin-top:30px;overflow:hidden;padding:0;position:relative;width:188px;border: 1px solid #0e82c7;border-bottom: none;/*height:555px;*/}
#wrapG .jGM_box_activities { -moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:#FFFFFF none repeat scroll 0 0;height:160px;margin:0;margin-top:30px;overflow:hidden;padding:0;position:relative;width:188px;border: 1px solid #7eba5b;border-bottom: none;}
#wrapR .jGM_box_blog { -moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:#FFFFFF none repeat scroll 0 0;height:160px;margin:0;margin-top:30px;overflow:hidden;padding:0;position:relative;width:188px;border: 1px solid #b72e35;border-bottom: none;}
#wrapO .jGM_box_parenting { -moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:#FFFFFF none repeat scroll 0 0;height:160px;margin:0;margin-top:30px;overflow:hidden;padding:0;position:relative;width:188px;border: 1px solid #e59140;border-bottom: none;}
#wrap .jGM_box { -moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:#FFFFFF none repeat scroll 0 0;height:220px;margin:0;overflow:hidden;padding:0;position:relative;width:188px;border: 1px solid #0e82c7;border-bottom: none;}
.safari #wrap .jGM_box { -moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:#FFFFFF none repeat scroll 0 0;height:220px;margin:0;margin-top:30px;overflow:hidden;padding:0;position:relative;width:188px;border: 1px solid #0e82c7;border-bottom: none;}
#wrapG .jGM_box { -moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:#FFFFFF none repeat scroll 0 0;height:195px;margin:0;overflow:hidden;padding:0;position:relative;width:188px;border: 1px solid #7eba5b;border-bottom: none;}
.safari #wrapO .jGM_box { -moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:#FFFFFF none repeat scroll 0 0;height:218px;margin:0;margin-top: 30px;overflow:hidden;padding:0;position:relative;width:188px;border: 1px solid #e59140;border-bottom: none;}
#wrapO .jGM_box { -moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:#FFFFFF none repeat scroll 0 0;height:218px;margin:0;overflow:hidden;padding:0;position:relative;width:188px;border: 1px solid #e59140;border-bottom: none;}
.safari #wrapR .jGM_box { -moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:#FFFFFF none repeat scroll 0 0;height:195px;margin:0;margin-top:30px;overflow:hidden;padding:0;position:relative;width:188px;border: 1px solid #b72e35;border-bottom: none;}
.jGM_header { background-image:url(images/button-open.gif);background-repeat:no-repeat;color:#FFFFFF;font-size:12px;font-weight:bold;height:30px;left:0;line-height:18px;margin:0;padding-left:10px;position:absolute;text-align:right;top:0;vertical-align:middle;width:180px;display: none;}
.jGM_header a { color:#FFFFFF;cursor:pointer;margin-right:12px;text-decoration:none;display: none;}
.jGM_header a:hover { color:#333333;}
.jGM_wrapper { border:0 none;height:269px;left:0;margin:0;padding:0;position:absolute;top:5px;width:2270px;}
.jGM_tile { border:0 none;display:block;height:auto;left:7px;margin:0;overflow:hidden;padding:0;position:absolute;top:0;width:213px;}
.jGM_cats { display: none;height:39px;overflow:hidden;text-align:left;vertical-align:middle;width:100%;}
.jGM_cats h1 { color:#414141;display:none;font-family:Bookman Old Style,Verdana,Arial,serif;font-size:1.8em;font-weight:normal;line-height:1.8em;margin:0;padding:2px 0;}
.jGM_cats p { color:#858585;font-family:verdana,tahoma,arial,sans-serif;font-size:1em;font-weight:normal;line-height:1.2em;margin:0;padding:0;}
.jGM_pager { -moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:#F6F6F6 none repeat scroll 0 0;border:0 none;color:#FFFFFF;display:none;height:18px;line-height:18px;margin:0;padding:0;text-align:center;vertical-align:middle;width:213px;}
.jGM_pager a { color:#FFFFFF;display:block;font-weight:bold;text-decoration:none;}
.jGM_pager a:hover { -moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:#D1D1D1 none repeat scroll 0 0;}
.jGM_pager img { border:0 none;margin:6px 0;}
.jGM_content { border:0 none;height:182px;margin:1px 0;overflow:hidden;padding:0;width:176px;}
.jGM_content a { border-bottom:1px dotted grey;color:#333333;display:block;height:18px;line-height:18px;margin:1px 0;padding:3px;text-decoration:none;width:168px;}
.jGM_box_parenting a, .jGM_box_characters a, .jGM_box_activities a, .jGM_box_blog a { border-bottom:1px dotted grey;color:#333333;display:block;height:18px;line-height:18px;margin:1px 0 1px 5px;padding:3px;text-decoration:none;width:168px;}
.jGM_content a:hover, .jGM_box_characters a:hover, .jGM_box_activities a:hover, .jGM_box_blog a:hover, .jGM_box_parenting a:hover { color:#000;	background: #fadb78;}
.jGM_content .jGM_more { background-image:url(images/arrow.gif);background-position:right center;background-repeat:no-repeat;}
.jGM_content .jGM_more:hover { background:url(images/arrow.gif) right center no-repeat #fadb78;}
.jGM_back { -moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:#D1D1D1 none repeat scroll 0 0;border:0 none;color:#FFFFFF;height:18px;line-height:18px;margin:10px 0 0;padding:0;right:0;text-align:center;top:255px;vertical-align:middle;width:52px;z-index:99;}
.jGM_back a { color:#FFFFFF;display:block;height:100%;text-decoration:none;width:100%;}
.jGM_back a { -moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:#0E82C7 none repeat scroll 0 0;color:#FFFFFF;}
.jGM_back a:hover { -moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:#FF6600 none repeat scroll 0 0;color:#FFFFFF;}
.jGM_reset { -moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:#D1D1D1 none repeat scroll 0 0;border:0 none;color:#FFFFFF;height:18px;line-height:18px;margin:10px 0 0;padding:0;position:absolute;right:62px;text-align:center;top:255px;vertical-align:middle;width:52px;z-index:99;}
.jGM_reset a { color:#FFFFFF;display:block;height:100%;text-decoration:none;width:100%;}
.jGM_reset a { -moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:#D1D1D1 none repeat scroll 0 0;color:#FFFFFF;}
.jGM_reset a:hover { -moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:#FF6600 none repeat scroll 0 0;color:#FFFFFF;}

/* AD BAR
======================================================================*/

#adbar { float: right;width: 125px;margin-right: 15px;margin-left: 20px; text-align: center;}
#adbar h4 { margin: 0px;padding: 0px;text-align: center;}
#adbar #fontholder { padding: 0;margin: 0 0 12px 0;text-align: center;}
#adbar p { margin-bottom: 15px; }

/* CHARACTER LINKS
======================================================================*/

.rollWrap { padding: 0 10px; clear: both;}
.rollWrap h2 { display: none; }
.rollWrap h3 { margin-bottom: 10px; }
.rollWrap li { list-style: none; }
ul.blogroll li a { display: block; }

/* BLOG ENTRIES SWITH VIEW
======================================================================*/

div.display .entryImage { float: left;height: 120px;width: 120px; margin-bottom: 15px; overflow: hidden;}
div.display .entry, .singleWrap { float: left;width: 535px;margin-top: 0px;margin-right: 5px;margin-bottom: 20px;margin-left: 5px;border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #CCCCCC;padding: 10px;}
div.display .entry:hover { background: #f9f9f9;}
div.display .entry h2 { float: left;width: 400px;padding: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 8px;margin-left: 0px;}
div.display .entryContent { float: right;width: 400px;margin-left: 15px; margin-bottom: 15px;}

div.thumb_view { width: 565px; float: left;}
div.thumb_view .entryImage { float: left;height: 120px;width: 150px; margin-bottom: 15px; text-align: center;}
div.thumb_view .entry { float: left;width: 150px;margin-top: 0px;margin-right: 5px;margin-bottom: 20px;margin-left: 5px;border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #CCCCCC; padding: 10px;}
div.thumb_view .entry:hover { background: #f9f9f9;}
div.thumb_view .entry h2 { width: 150px; text-align: center; font-size: 14px; height: 30px; overflow: hidden;}
div.thumb_view .entryContent { width: 150px; margin: 0; padding: 0;}
div.thumb_view .shopNow { display: none}
div.thumb_view .excerpt { display: none}

#content .entryContent h2 a { font-size: 16px;padding: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 5px;margin-left: 0px;color: #0E82C7;}
#content .thumb_view .entryContent h2 a { font-size: 13px;padding: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 5px;margin-left: 0px;color: #0E82C7;}

a.switch_thumb { width: 122px; height: 26px; line-height: 26px; padding: 0; margin: 10px 0; display: block; background: url(images/switchnew.gif) no-repeat; outline: none; text-indent: -9999px; }
a.swap { background-position: left bottom; }

a:hover.switch_thumb { filter:alpha(opacity=75); opacity:.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; }


/* STANDARD BLOG ENTRIES 
======================================================================*/

.entryImage { float: left;height: 120px;width: 120px; margin-bottom: 15px; overflow: hidden;}
.entry, .singleWrap { float: left;width: 535px;margin-top: 0px;margin-right: 5px;margin-bottom: 20px;margin-left: 5px;border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #CCCCCC;padding: 10px;}
.entry:hover { background: #f9f9f9;}
.entry h3 { float: left;width: 400px;padding: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 8px;margin-left: 0px;}
.entryContent { float: right;width: 400px;margin-left: 15px; margin-bottom: 15px;}

/* SEARCH
======================================================================*/

#searchWrap { width: 918px; margin: 10px auto; }

/* SEARCH
======================================================================*/

#search { height: 44px;width: 280px;padding: 0px;float: right;}
#searchform { margin: 0px;}
#searchform #s { width: 205px;margin-right: 14px;border: 0;height: 18px;float: left;margin-top: 9px;}
#searchButton { background: url(images/sprite.png) -270px -443px no-repeat;height: 24px;width: 51px;text-indent: -9000px;margin: 7px 8px 0 0;padding: 0px;border: 0 none;float: right;}

/* HOME PAGE SLIDER
======================================================================*/


h3 { margin: 0; padding: 7px 0 0 0; font-size: 16px; text-transform: uppercase; }
div#feature_list { width: 938px; top: 152px; height: 240px; overflow: hidden; position: absolute; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; margin-top: 2px; background-image: url(images/slider-bg.png); }
*html div#feature_list { width: 938px; top: -690px; height: 240px; overflow: hidden; position: relative; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; margin-top: 2px; background-image: url(images/slider-bg.png); }
div#feature_list ul { position: absolute; top: 0; list-style: none; padding: 0; margin: 0; }
ul#tabs { left: 0; z-index: 2; width: 320px; }
ul#tabs li { font-size: 12px; font-family: Arial; }
ul#tabs li img { padding: 5px; border: none; float: left; margin: 10px 10px 0 0; }
ul#tabs li a { color: #222; text-decoration: none; display: block; padding: 10px; height: 60px; outline: none; }
ul#tabs li a:hover { text-decoration: underline; }
ul#tabs li a.current { color: #FFF; }
ul#tabs li.GG a.current { background:  url(images/GG.png); color: #FFF; }
ul#tabs li.OO a.current { background:  url(images/OO.png); color: #FFF; }
ul#tabs li.BB a.current { background:  url(images/BB.png); color: #FFF; }
ul#tabs li a.current:hover { text-decoration: none; cursor: default; }
ul#output { right: 0; width: 651px; height: 240px; position: relative; }
ul#output li { position: absolute; width: 658px; height: 240px; }
ul#output li a { position: absolute; bottom: 10px; right: 17px; padding: 8px 12px; text-decoration: none; font-size: 11px; color: #FFF; background: #0E82C7; -moz-border-radius: 5px; border: 4px solid #333333; }
ul#output li a:hover { background: #333; }

/* HOME PAGE CONTENT
======================================================================*/

#homeWrap a { color: #0E82C7; text-decoration: none; }
#homeWrap a:hover { text-decoration: underline; }
#homeWrap .toys { width: 285px; float: left; min-height: 200px; border-right-width: 1px; border-right-style: dotted; border-right-color: #DFDFDF; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 20px; padding-right: 11px; }
#homeWrap .bedding { width: 300px; float: left; min-height: 200px; border-right-width: 1px; border-right-style: dotted; border-right-color: #DFDFDF; margin-top: 10px; padding-right: 11px; margin-bottom: 10px; margin-left: 11px; }
#homeWrap .special { width: 285px; float: left; min-height: 200px; margin-top: 10px; margin-right: 20px; margin-bottom: 10px; margin-left: 0px; padding-left: 11px; }
*html #homeWrap .bedding,
*html #homeWrap .special,
*html #homeWrap .toys { padding: 0 15px 0 0; margin: 0 5px 0 6px;}
#homeWrap .bedding h1 { font-size: 20px; color: #0E82C7; background-image: url(images/bedding.gif); background-repeat: no-repeat; background-position: left top; display: block; padding-left: 60px; padding-top: 15px; line-height: 20px; padding-bottom: 15px; }
#homeWrap h2 { font-size: 20px; color: #0E82C7; line-height: 20px; display: block; padding-top: 15px; padding-bottom: 15px; padding-left: 60px; }
#homeWrap .toys h2 { background-image: url(images/train.gif); background-repeat: no-repeat; background-position: left top; }
#homeWrap .special h2 { background-image: url(images/parents.gif); background-repeat: no-repeat; background-position: left top; }

#homeWrap { line-height: 18px; }
#homeWrap p { padding: 0 8px 12px; height: 125px; }
#homeWrap #homeLong p { padding: 0 8px 12px; height: auto; }
#homeWrap { margin-top: 240px; }
.special ul { margin-left: 25px; }

/* CONTENT
======================================================================*/

#content .page .disclaimerText { margin: 20px; color: #999999; }
.page { padding: 0 10px; }
#wrap #content h1 { font-size: 20px;padding: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 15px;margin-left: 0px;color: #0E82C7;}
#wrapG #content h1 { font-size: 20px;padding: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 15px;margin-left: 0px;color: #7eba5b;}
#wrapO #content h1 { font-size: 20px;padding: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 15px;margin-left: 0px;color: #e59140;}
#wrapR #content h1 { font-size: 20px;padding: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 15px;margin-left: 0px;color: #b72e35;}
#content h2 { margin: 0;padding: 0;font-size: 16px;margin-bottom: 15px;color: #333;}
.shopNow { display: block;float: right;height: 24px;width: 80px;margin-left: 10px;background-image: url(images/sprite.png);background-repeat: no-repeat;text-indent: -9000px;background-position: -190px -491px;}
.shopNow:hover { background-image: url(images/sprite.png);background-repeat: no-repeat;background-position: -190px -467px;}
.shopNow:active { background-image: url(images/sprite.png);background-repeat: no-repeat;background-position: -190px -443px;}
.viewAll { display: block;float: right;height: 24px;width: 80px;margin-left: 10px;background-image: url(images/sprite.png);background-repeat: no-repeat;text-indent: -9000px;background-position: -190px -515px;}
.viewAll:hover { background-image: url(images/sprite.png);background-repeat: no-repeat;background-position: -190px -539px;}
.viewAll:active { background-image: url(images/sprite.png);background-repeat: no-repeat;background-position: -190px -563px;}
.readMore { display: block;float: right;height: 24px;width: 80px;margin-left: 10px;background-image: url(images/sprite.png);background-repeat: no-repeat;text-indent: -9000px;background-position: -110px -562px; }
.readMore:hover { background-image: url(images/sprite.png);background-repeat: no-repeat;background-position: -110px -586px;}
.readMore:active { background-image: url(images/sprite.png);background-repeat: no-repeat;background-position: -110px -610px;}
.entryContent p { padding: 0 5px 12px;}
#content ul li:hover { background-image: url(images/sprite.png);background-repeat: no-repeat;background-position: -961px -202px; }
#content ul, #content .ulYellow, #content .ulGreen, #content .ulBlue { list-style-type: none; clear: both; margin-left: 10px;}
#content ul li, #content .ulYellow li { background-image: url(images/sprite.png);background-repeat: no-repeat;background-position: -961px -66px;padding-left: 25px;margin-bottom: 5px;line-height: 22px; border-bottom: 1px dotted #DFDFDF;}

#content .sitemap ul  { list-style-type: none; clear: both; margin-left: 10px;}
#content .sitemap ul li { background-image: none;margin-bottom: 5px;line-height: 22px; border: 0;}
#content .sitemap ul li:hover { }
#content .sitemap ul li ul, #content .sitemap ul li ul li ul { margin-bottom: 0; }

#content .ulGreen li { background-image: url(images/sprite.png);background-repeat: no-repeat;background-position: -961px -228px;padding-left: 25px;margin-bottom: 5px;line-height: 22px;}
#content .ulBlue li { background-image: url(images/sprite.png);background-repeat: no-repeat;background-position: -961px -172px;padding-left: 25px;margin-bottom: 5px;line-height: 22px;}
#content ul li.yellow { background-image: url(images/sprite.png);background-position: -961px -66px;}
#content ul li.green { background-image: url(images/sprite.png);background-position: -961px -337px;}
#content ul li.blue { background-image: url(images/sprite.png);background-position: -961px -200px;}
#wrap #content a { color: #0E82C7;font-weight: bold;}
#wrapG #content a { color: #7eba5b;font-weight: bold;}
#wrapO #content a { color: #e59140;font-weight: bold;}
#wrapR #content a { color: #b72e35;font-weight: bold;}
#content a:hover { text-decoration: none;}
#content a:visited { color: #000099;}
#content ul { padding-bottom: 10px; margin-bottom: 25px; }
#wrap .footLogo, #wrapG .footLogo, #wrapO .footLogo, #wrapR .footLogo { display: block; float: left; height: 40px; width: 207px; background: url(images/sprite.png) no-repeat; margin: 10px; text-indent: -9000px; }
#wrap .footLogo { background-position: -723px -393px; }
#wrapG .footLogo { background-position: -723px -513px; }
#wrapO .footLogo { background-position: -723px -433px; }
#wrapR .footLogo { background-position: -723px -473px; }

.singleWrap p,.page p { margin: 0 0 12px; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.wp-caption img { margin: 0; padding: 0; border: 0 none; }

.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
img.centered { display: block; margin-left: auto; margin-right: auto; }

img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }

.alignleft { padding: 4px; margin: 0 12px 4px 0; display: inline; }

.alignright { float: right; }

.alignleft { float: left; }
.aligncenter { margin: 25px auto; }
.postMeta { border: solid 1px #DFDFDF; background: #EFEFEF; padding: 3px 5px; font-size: 11px; color:#666666; margin-bottom: 15px; }
.articleBase { border: solid 1px #DFDFDF; background: #EFEFEF; font-size: 11px; color:#666666; margin-bottom: 15px; height: 30px; float: none; clear: both; width: 535px; }
.articleBase .comments { width: 198px; float: left; padding: 7px 0 2px 27px; background: url(images/ico_comment.gif) 5px 7px no-repeat; 
}
.articleBase .social { width: 150px; float: right; padding: 7px 10px 2px 0; text-align: right; }
.social { width: 80px; float: right; }
.social a { width: 16px; height: 16px; display: block; margin-left: 3px; float: right; }
.social a span { display: none; }
.social a.btn-digg { background: url(images/ico_digg.png) no-repeat top left; }
.social a.btn-delicious { background: url(images/ico_delicious.png) no-repeat top left; }
.social a.btn-twitter { background: url(images/ico_twitter.png) no-repeat top left; }
.social a.btn-stumbleupon { background: url(images/ico_stumbleupon.png) no-repeat top left; }
.social a.btn-digg:hover,
.social a.btn-delicious:hover,
.social a.btn-twitter:hover,
.social a.btn-stumbleupon:hover { background-position: 0 -16px; }

.cgWrap img { float: left;height: 50px;width: 50px; margin-bottom: 5px; border: 1px solid #DFDFDF;}
.cgWrap { border-right: 5px solid #FFFFFF; float: left;width: 530px;margin-top: 0px;margin-right: 5px;margin-bottom: 10px;margin-left: 5px;border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #CCCCCC;padding: 10px 5px 5px;}
.cgWrap:hover { background: #f9f9f9;border-right: 5px solid #0E82C7;}
.cgContent h3 { float: left;width: 463px;padding: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 8px;margin-left: 0px;}
.cgContent { float: right;width: 463px;margin-left: 15px; margin-bottom: 5px;}
#rowGrid { margin-left: 443px; }

/* SITEMAP
======================================================================*/

#wrap #content a.black { color:#333333;}
#wrap #content .activitiesmap a { color: #7eba5b;text-decoration: none;}
#wrap #content .parentingmap a { color: #e59140;text-decoration: none;}
#wrap #content .blogmap a { color: #b72e35;text-decoration: none;}
.col1 { width: 272px; float: left; border-right: 1px dotted #ccc; }
.col2 { width: 272px; float: right; }
#inWrap .col1 h3 a,
#inWrap .col2 h3 a { color: #333; text-transform: none; text-decoration: none; }

/* COMMENTS
======================================================================*/

#commentform { height: 50px; }

.commentsbox { width: 495px; clear: both; margin-left: auto; margin-right: auto; }
.commentsbox #moderation { clear: both; float: left; }
.commentsbox #submit_box { clear: both; float: right; }
.comments_name,
.comments_email,
.comments_web { width: 170px; float: left; clear: left; margin-bottom: 10px; padding-top: 4px; padding-left: 5px; border: solid 1px #999999; height: 20px; }
.comments_name { background:url(images/comments-name.gif) 90px 4px no-repeat #FFFFFF; }
.comments_email { background:url(images/comments-email.gif) 90px 4px no-repeat #FFFFFF; }
.comments_text { width: 250px; height: 61px; margin-left: 20px; margin-right: 5px; float: right; }
#comment_left { width: 176px; height: 34px; float: left; clear: left; }
#comment_right { width: 275px; height: 62px; float: right; }
.commentsbox h3 { padding: 10px; color: #1160AA; }
#moderation { clear: both; /*float: left;*/ padding-top: 25px; }
.commentlist .gravitar { height: 48px; width: 48px; padding: 2px; border: 1px solid #CCCCCC; float: left; }
.commentlist .odd_comment,
.commentlist .even_comment { width: 455px; margin: 0 20px; }
.commentlist .odd_comment .comment_meta,
.commentlist .even_comment .comment_meta { width: 391px; padding-left: 10px; padding-top: 4px; float: right; margin-top: 10px; height: 40px; border-top-width: 1px; border-top-style: solid; border-top-color: #CCCCCC; }
.commentlist .odd_comment .comment_text,
.commentlist .even_comment .comment_text { clear: both; float: left; width: 401px; /*540*/ margin-bottom: 20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; padding: 10px 27px; }
.commentlist .odd_comment .comment_meta,
.commentlist .odd_comment .comment_text { background-color: #f8f8f8; }
.commentlist .comment_meta .url { color: #666666; font-size: 14px; line-height: 20px; text-decoration: none; }
.commentlist .comment_meta .url:hover { text-decoration: underline; }

/* NEXT AND PREVIOUS LINKS
======================================================================*/

.nextLink,
.prevLink { display: block;line-height: 21px; padding-top: 3px; text-align: center; color:#666666; font-size: 11px;width: 80px;margin-left: 10px;background-image: url(images/sprite.png);background-repeat: no-repeat;background-position: -30px -562px;text-decoration: none; border: none;}
.nextLink:hover,
.prevLink:hover { background-image: url(images/sprite.png);background-repeat: no-repeat;background-position: -30px -586px; color: #FFFFFF; text-decoration: none;}
.nextLink:active,
.prevLink:active { background-image: url(images/sprite.png);background-repeat: no-repeat;background-position: -30px -610px;text-decoration: none;}
.nextLink { float: right; }
.prevLink { float: left; }

	
/* YOUTUBE
======================================================================*/

#wrap #content .videoWrap { padding: 0 10px; clear: both;}
#wrap #content .videoWrap ul { list-style: none; background: none; margin: 0; padding: 18px 0 0;}
#wrap #content .videoWrap ul li { width: 200px; height: 150px; float: left; margin: 0 36px 20px; background: none; padding: 0}
#wrap #content .videoWrap ul li a { width: 180px; height: 80px; background: url(images/youtube.png) no-repeat 0 0; display: block; text-align: center; padding: 70px 10px 0;}


/* SLIDING LABELS (http://www.csskarma.com/blog/sliding-labels)
======================================================================*/

.submit-form form                        { padding:20px 0 20px 95px;margin:auto;background:#f7f7f7;border:1px solid #ddd; }
.submit-form #name-wrap,
.submit-form #email-wrap,
.submit-form #url-wrap,
.submit-form #comment-wrap				{ clear:both;position:relative;margin:0 0 10px; }
.submit-form label                       { cursor:pointer;display:block; }
.submit-form label.error					{ float: right; width: 78px; padding-top: 7px; text-align: left; color: #F00; }
.submit-form input[type="text"],
.submit-form textarea                    { width:340px;border:1px solid #999;padding:5px;-moz-border-radius:4px;-webkit-border-radius:4px; }
.submit-form input[type="text"]:focus    { border-color:#777; }
.submit-form input[name="zip"]           { width:150px; }

/* submit button */
.submit-form input[type="submit"]        { cursor:pointer;border:1px solid #999;padding:5px;-moz-border-radius:4px;-webkit-border-radius:4px;background:#eee; }
.submit-form input[type="submit"]:hover,
.submit-form input[type="submit"]:focus  { border-color:#333;background:#ddd; }
.submit-form input[type="submit"]:active { margin-top:1px; }

.carousel { width: 500px; height: 175px; margin: 30px; float: left; }
.additionalProducts { width: 500px; margin: 30px 15px; float: left; }

#content .characterList { margin: 0 0 12px 0; padding: 0; text-align: center; line-height: 22px; }
#wrap #content .characterList a { margin: 2px 20px; border: 0; font-weight: normal; text-decoration: none; border-bottom: 1px solid #E59140; }
#wrap #content .characterList a:hover { text-decoration: none; border-bottom: 1px solid #0E82C7; }
#content .catDesc p { margin: 0 0 12px 0; }

/* COLOURING
======================================================================*/

.colouring 								{ width: 159px; float: left; margin: 0 15px 15px; }
.thumb 									{ width: 159px; overflow: hidden; height: 253px; text-align: center; }
.thumb img 								{ border: 1px solid #999; }
.colouring .thumb a 					{ text-decoration: none !important; }
.colouringimg							{ width: 567px; margin-bottom: 20px; display: block; float: left; }
#npnav 									{ clear: both; }
.execphpwidget 							{ clear: both; margin-bottom: 20px; display: block }

.singleMeta								{ background: #EFEFEF; border: 1px solid #DFDFDF; width: 555px; height: 20px; overflow: hidden; padding: 5px; margin-bottom: 20px; clear: both; }
.fb-tweet								{ width: 340px; overflow: hidden; float: left; clear: both; }
#colouring .social 						{ float: right; }

#imgratings								{ width: 100px; position: absolute; background: #FFF; color: #333; text-align: center; padding: 15px 15px 6px; margin-left: 435px; line-height: 40px; border: 2px solid; border-width: 0 0 2px 2px; }

/* NEWS
======================================================================*/

.newsthumb 								{ width: 122px; height: 92px; float: left; margin-bottom: 20px; }
.newsthumb img							{ border: 1px solid #ccc; }
.newsentry								{ width: 410px; float: right; display: inline; }
.newswrp h2								{ clear: both; width: 550px; height: 20px; display: block; overflow: hidden; }
.newswrp h2 a							{ text-decoration: none; }
.newswrp								{ clear: both; margin-bottom: 25px; padding-bottom: 25px; float: left; width: 550px; border-bottom: 1px dotted #CCC; }
.socialshare							{ float: left; padding: 5px 0 0 10px; }