/*** CBEEBIES STYLESHEET ***/

* {margin:0; padding:0;}
body {font:70%/115% "Trebuchet MS", Verdana, Arial, sans-serif; margin-bottom:30px; background:#fff; color:#669;}
h1 {width:285px; height:206px; background:url(../images/cbb_logo_white.gif); text-indent:-3000px; float:left;}
.home h1 {background:url(../images/cbb_logo.gif);}
h1 a {width:100%; height:100%; display:block;}
#skip {display:block; width:0; height:0; overflow:hidden;}
#container {width:790px; margin:0 auto; background:url(../images/containerBg_white.gif) repeat-y top left;}
.home #container {background:url(../images/containerBg.gif) repeat-y top left;}
a {text-decoration:none;}
a:hover {text-decoration:none;}

/*** Header - including images at the top of the page ***/
#header {height:206px; overflow:hidden; position:relative;}
#headerImages {width:505px;float:right; height:215px;}
.howToGetIt {width:164px; height:127px; background:url(../content/homepage/subscribe_star.gif); float:right; text-indent:-3000px;}
.weeklyFun {width:341px; height:43px; background:url(../images/weekly_fun_white.gif); float:left; text-indent:-3000px;}
.home .weeklyFun {background:url(../images/weekly_fun.gif);}
h2 {width:505px; height:79px; background:url(../images/this_weeks_issue_white.gif); float:right;}
.home h2 {background:url(../images/this_weeks_issue.gif); text-indent:-3000px;}
#headerImages a {position:absolute; top:52px; right:29px; width:114px; height:46px; background:url(../images/subsToday_hdr_btn.gif); text-indent:-3000px; z-index:20; display:block;}
#headerImages a:hover {background-position:114px 0;}

/*** main - contains sidebar and content ***/
#main {width:712px; background:url(../images/mainBg.gif) no-repeat bottom left; margin-left:40px; overflow:hidden;}

/*** Sidebar - includes menu ***/
#sidebar {float:left; width:183px; margin-left:9px; padding-bottom:19px; display:inline;}
#sidebar img {margin: 8px 0 8px 32px;}
#menu li {text-indent:-3000px; width:183px; height:52px; display:block;}
#menu li.lookInside a {background:url(../images/nav/menu_lookInside_btn.gif);}
#menu li.lookInside a:hover {background-position:183px 0;}
#menu li.tipsLearning a {background:url(../images/nav/menu_tips_btn.gif);}
#menu li.tipsLearning a:hover {background-position:183px 0;}
#menu li.howToGet a {background:url(../images/nav/menu_howToGet_btn.gif);}
#menu li.howToGet a:hover {background-position:183px 0;}
#menu li a {width:183px; height:52px; display:block;}


/*** Main content area ***/
#content {width:447px; float:right; margin-bottom:30px; margin-right:31px; position:relative; display:inline;}
.home #content {width:415px; margin-right:45px; margin-bottom:15px; display:inline;}
.home #content img {float:left;}

/* Buttons on the home page */
#mainButtons {width:192px; float:right;}
#mainButtons div {position:relative; margin-bottom:5px;}
#mainButtons div p {text-indent:-3000px;}
.hpfeature1 {width:171px; height:101px; background:url(../content/homepage/mainButton1.gif); float:left;}
.hpfeature2 {width:171px; height:101px; background:url(../content/homepage/mainButton2.gif); float:right;}
.hpfeature3 {width:171px; height:102px; background:url(../content/homepage/mainButton3.gif); float:left;}
.hpfeature1 a {width:59px; height:18px; background:url(../images/homepage/red_more_btn.gif); position:absolute; bottom:21px; left:57px; z-index:5;}
#mainButtons .hpfeature1 a:hover {background-position:59px 0; text-decoration:none;}
.hpfeature2 a {width:59px; height:18px; background:url(../images/homepage/green_more_btn.gif); position:absolute; bottom:18px; left:56px;}
#mainButtons .hpfeature2 a:hover {background-position:59px 0; text-decoration:none;}
.hpfeature3 a {width:56px; height:18px; background:url(../images/homepage/blue_more_btn.gif); position:absolute; bottom:22px; left:58px;}
#mainButtons .hpfeature3 a:hover {background-position:56px 0; text-decoration:none;}
#mainButtons p, #mainButtons a {text-indent:-3000px;}

/* Other content styles */
#content p {margin-bottom:7px;}
h4 {font-size:110%;}
#content h3 {margin-bottom:7px;}
#content h3 img {float:none;}
#content a {color:#306; text-decoration:none;}
#content a:hover {text-decoration:underline;}
#contentSide {width:302px; float:left;}
#otherContent {clear:left;float:left;}
.lookInsideCover {float:right; padding-right:5px;}

/* Tables on Help page */
table {margin-bottom:10px; text-align:left;}
table#accessKeys th#accessKey {width:100px;}
table#accessKeysUse td, table#accessKeysUse th {padding-bottom:7px;}
table#accessKeysUse #browser {width:150px;}

/* Competitions terms and conditions list */
ul.termsConds {margin-left:2px; list-style:none;}
ul.termsConds li {margin-bottom:9px; padding-left:9px; background:url(../images/purpleSqrBullet.gif) no-repeat left 5px;}

/* Now try one of these buttons on Competition Thanks page */
#nowTryWrap {width:447px; height:74px;}
#nowTryWrap div {float:left; position:relative;}
#nowTryWrap p {text-indent:-3000px;}
#nowTryActivity {width:148px; height:74px; background:url(../images/competitionthanks/thanks_activity_bg.gif);}
#nowTryLookIn {width:149px; height:74px; background:url(../images/competitionthanks/thanks_lookInside_bg.gif);}
#nowTrySpecOff {width:150px; height:74px; background:url(../images/competitionthanks/thanks_specOffer_bg.gif);}
#nowTryActivity a {width:63px; height:18px; background:url(../images/competitionthanks/thanks_activity_btn.gif); position:absolute; bottom:0; left:11px; text-indent:-3000px;}
#nowTryActivity a:hover {background-position:63px 0; text-decoration:none;}
#nowTryLookIn a {width:71px; height:18px; background:url(../images/competitionthanks/thanks_lookInside_btn.gif); position:absolute; bottom:0; left:11px; text-indent:-3000px;}
#nowTryLookIn a:hover {background-position:71px 0; text-decoration:none;}
#nowTrySpecOff a {width:89px; height:18px; background:url(../images/competitionthanks/thanks_specOffer_btn.gif); position:absolute; bottom:0; left:11px; text-indent:-3000px;}
#nowTrySpecOff a:hover {background-position:89px 0; text-decoration:none;}

/* Buttons sitting at bottom of Look Inside pages */
#lookInsideSubnav {width:447px; margin-top:30px; float:left;}
#lookInsideSubnav div {width:220px; height:64px; float:left; position:relative;}
#lookInsideSubnav #reward {background:url(../images/lookinside/lookInside_reward_bg.gif); margin: 0 5px 8px 0;}
#lookInsideSubnav #bedtime {background:url(../images/lookinside/lookInside_bedtime_bg.gif); margin-bottom:8px;}
#lookInsideSubnav #tvGuide {background:url(../images/lookinside/lookInside_tvGuide_bg.gif); margin-right:5px;}
#lookInsideSubnav #activities {background:url(../images/lookinside/lookInside_activities_bg.gif);}
#lookInsideSubnav a {width:71px; height:18px; background:url(../images/lookinside/lookInside_showMe_btn.gif); text-indent:-3000px; position:absolute; bottom:15px; left:12px;}
#lookInsideSubnav a:hover {background-position:71px 0; text-decoration:none;}

/* Back button on Look Inside pages */
#back a {width:71px; height:18px; background:url(../images/lookinside/back.gif); text-indent:-3000px; display:block; position:absolute; top:4px; left:270px;}
#back a:hover {background-position:71px 0; text-decoration:none;}

/* Print form button on Special offer page */
#printFormBtn a {width:114px; height:18px; background:url(../images/specialoffer/printTheForm_btn.gif); text-indent:-3000px; display:block; margin-bottom:12px;}
#printFormBtn a:hover {background-position: 114px 0; text-decoration:none;}

/* Special offers page */
#specOfferCovers {margin:15px 0;}

/* Competition Form */
#compAnswerBox {background:url(../images/competition/compAnswerBox_bg.gif); width:300px; margin-bottom:20px; }
#compAnswerBox p, #compAnswerBox input {margin-left:10px;}
#compAnswerBox input {width:277px; margin-bottom:4px; background:#d3e9f6; border:1px solid #669; color:#669;}
#compForm input#firstName, #compForm input#surname, #compForm input#address1, #compForm input#address2, 
#compForm input#town, #compForm input#code, #compForm input#postcode, #compForm input#telephone, #compForm input#email, #compForm input#childName {width:216px; margin-bottom:8px; background:#d3e9f6; border:1px solid #669; color:#669;}
#compForm #firstNameLabel {clear:both; margin-top:8px;}
#compForm select {width:79px; margin-right:10px; background:#d3e9f6; border:1px solid #669; color:#669;}
#compForm #other {width:127px; background:#d3e9f6; border:1px solid #669; color:#669;}
#compForm #day, #compForm #month, #compForm #year {width:30px; background:#d3e9f6; border:1px solid #669; color:#669;}
#compForm #details {float:left; margin-bottom:10px;}
#compForm #details p {margin-bottom:2px;}
#compForm #childDob {float:left; margin-right:20px;}
#compForm #boy {margin-right:9px;}
#compForm .required {clear:both;}
#compForm #submitBtn {margin:10px 0;}
#compForm #optInPost1, #compForm #optInPhone1, #compForm #optInPost2, #compForm #optInPhone2, #compForm #optInEmail {margin-right:2px;}

/*** Promo Nav - Activity, Competition and More CBeebies promos ***/
#promoNav {clear:both; padding-left:42px; width:748px;}
#promoNav {width:790px; height:127px; background:url(../images/promoNavBg.gif) no-repeat;}
#promoNav div {margin-top:5px; position:relative; float:left; height:100px;}
#promoNav p {text-indent:-3000px;}
#promoNav1 {width:226px; background:url(../promos/footer1/background.gif);}
#promoNav1 a {width:75px; height:18px; background:url(../promos/footer1/button.gif) top left; text-indent:-3000px;}
#promoNav1 a:hover {background-position:75px 0;}
#promoNav2 {width:216px; background:url(../promos/footer2_mag/background.gif); margin-left:21px;}
#promoNav2 a {width:102px; height:18px; background:url(../promos/footer2_mag/button.gif) top left; text-indent:-3000px;}
#promoNav2 a:hover {background-position:102px 0;}

#promoNav2.promoComp {width:216px; background:url(../promos/footer2/background.gif); margin-left:21px;}
#promoNav2.promoComp a {width:89px; height:18px; background:url(../promos/footer2/button.gif) top left; text-indent:-3000px;}
#promoNav2.promoComp a:hover {background-position:89px 0;}

#promoNav3 {width:225px; background:url(../promos/footer3/background.gif); margin-left:23px;}
#promoNav3 a {width:139px; height:18px; background:url(../promos/footer3/button.gif) top left; text-indent:-3000px;}
#promoNav3 a:hover {background-position:139px 0;}
#promoNav a {position:absolute; bottom:10px; left:11px;}

/*** Footer - including nav and disclaimer ***/
#footer {background:#fff; text-align:center; padding:0 42px 20px; width:706px; font-family: Verdana, Arial, sans-serif; color:#330066;}
#footer ul {margin-bottom:4px; float:left; padding-top:8px;}
#footer li {display:inline; font-size:80%; background:url(../images/purpleSqrBullet.gif) no-repeat left 5px; margin-left:2px; padding-left:8px;}
#footer li.noBg {background:none;}
#footer a {color:#306; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer p {clear:both; text-align:left; font-size:80%; color:#3399d1;}
#footer img { float:left; padding:5px 0 4px 0; }

/*** Miscellaneous ***/
.right {float:right;}
.left {float:left;}
.marginTop30 {margin-top:30px;}
.red {color:#f00;}

#MainHeader {
	background-color:#FFFFFF;
    position:relative;
	height:35px;
}

#MainHeader img {
	position:absolute;
	left:35px
}

#MainFooter {
	width:710px;
	background-color:#e6f3f9;
	border-top:solid 2px #c1e0f1;
	position:relative;
	padding:0 50px 0 0;
	margin:0 auto 0 auto;
	color:#330066;
}

#MainFooter div {
	margin:0 0 0 80px;
	padding:10px 0;
}

#FooterContainer {
	padding:0 10px 0 10px 
}
#MainFooter div p {
	margin:0 0 10px 0;
}
#MainFooter img {
	position:absolute;
	left:10px;
}

img {border:0px;}
#downloadForm a {background:url(../images/buttons/downloadform.gif); width:107px; height:18px; text-indent:-3000px; float:left; margin-top:5px;}
#downloadForm a:hover {background-position:107px 0px; text-decoration:none;}
#subsNow a {background:url(../images/buttons/subsnow.gif); width:107px; height:18px; text-indent:-3000px; float:left; margin:5px 0 10px;}
#subsNow a:hover {background-position:107px 0px; text-decoration:none;}
.marginRight5 {margin-right:5px;}
.clearleft {clear:left}

/** Tips For Learning **/
.content457 #content {width:457px;}
.contentLeftMain {width:306px; float:left; margin-left:10px;}
.contentRightThin {width:127px; float:right;}
a.redlink, a.redlink:visited, a.redlink:active {color:#ccc;} /* f39 */
.hintsBox {float:left; padding:4px 0px 4px 0px;}
.editorPic {float:left; padding:0px 0px 16px 7px;}
#learningGoals {clear:both;}
.learningBox {float:left; width:226px; height:229px; margin-top:10px; background: url(../images/tipsforlearning/tfl_box_bg.gif) no-repeat bottom right;}
.learningBoxIcon { float:left; width:68px;}
.learningBoxIconRight {float:left; width:128px; margin:17px 10px 0px 10px; display:block;}
.learningBoxIconRight h4 {color:#306; margin-bottom:6px; }
#communicationText {color:#C60;}
#creativeText {color:#396;}
#findingText {color:#39C;}
#mathsText {color:#C39;}
#feelingText {color:#339;}
#physicalText {color:#C33;}
.learningBoxText {margin:0px 4px 0px 20px;}
.learningBoxText ul {list-style-image:url(../images/purpleSqrBullet.gif); margin:-3px 4px 0px 16px;}
.learningBoxText li, .learningBoxText p {line-height:12px;color:#306;margin-left:0px;}

/** how to get it **/
#specialMagGiveAway {width:447px; height:179px; background:url(../images/howtogetit/specialoffer_bg.gif) no-repeat; float:left; clear:both; margin:25px 0px 25px 0px;}
#smgaDetail {float:left; padding-top:60px; padding-left:15px; width:260px; color:#ffffff;}
#printForm a {background:url(../images/buttons/printouttheform.gif); width:127px; height:18px; text-indent:-3000px; float:left;}
#printForm a:hover {background-position:127px 0px;}

/** bbc magazines **/
.magazineDisplay {background:url(../images/activity/fullwidthbeige_bg.gif) #fff repeat-y;}
.magazineDisplayTop {clear:left; width:445px; height:10px; background:url(../images/activity/fullwidthbeige_top.gif) #fff no-repeat bottom; padding:0px; margin:0px; font-size:1px;}
.magazineDisplayBottom {clear:left; width:445px; height:12px; background:url(../images/activity/fullwidthbeige_bottom.gif) #fff no-repeat; padding:0px 0px 15px 0px; margin:0px; font-size:1px;}

.tellmemore {margin-top:3px; padding:0px; float:left;}
.tellmemore a {background:url(../images/buttons/tellmemore.gif); width:95px; height:18px; text-indent:-3000px;float:left;}
#content .tellmemore a:hover {background-position:95px 0px; text-decoration:none;}
.magazineDisplay ul.magazine {list-style-type: none; margin:0px; width:445px; padding:0px 0px 0px 15px;}
.magazineDisplay ul.magazine li {float:left; width:95px; padding:5px 12px 0px 0px; height:182px;}
.magazineDisplay ul.magazine li.marginBtm {padding-bottom:15px;}
.magazineDisplay ul.magazine li .title {height:27px; font-weight:bold; color:#669; font-size:110%; padding-top:3px; float:left;}

/** Activity **/
#chooseADesignBox {background:url(../images/activity/fullwidthbeige_bg.gif) #fff repeat-y;}
#chooseADesignBoxTop {clear:left; width:445px; height:22px; background:url(../images/activity/fullwidthbeige_top_choosead.gif) #fff no-repeat bottom; padding:0px; margin:0px; font-size:1px;}
#chooseADesignBoxBottom {clear:left; width:445px; height:12px; background:url(../images/activity/fullwidthbeige_bottom.gif) #fff no-repeat; padding:0px 0px 15px 0px; margin:0px; font-size:1px;}
.download a {background:url(../images/buttons/download.gif); margin-left:60px; margin-top:10px;width:83px; height:18px; text-indent:-3000px; float:left;}
.download a:hover {background-position:83px 0px;}
#chooseADesignBox ul {list-style-type:none;}
#chooseADesignBox ul li {padding:10px; text-align: center; float:left;}

#MainFooter .made-by-bbcw {
	clear:none;
	display:inline;
	margin:11px 270px 0 0;
}

#MainFooter .bbcw-more {
	clear:none;
	display:inline;
	margin-top:11px;
	padding:0;
}

#MainFooter .bbcw-more a:link {
	color:#330066;
	text-decoration:none
}

#MainFooter .bbcw-more a:hover {
	text-decoration:underline;
}

.arrowLink {
	background-image:url(../images/cbeebiesarrow.jpg);
	background-repeat:no-repeat;
	padding:0 0 0 8px;
}

#MainFooter .FooterDescription {
	padding:10px 0;
	margin:0;
}