@charset "utf-8";
/* 3rd and Bird CSS Document */

/* Browser Reset and Utilities */
html{overflow-y:scroll;}div,ul,ol,li,dt,dd,dl,blockquote,fieldset,table,td,th,p,h1,h2,h3,h4,h5,h6,body,form{padding:0;margin:0;}ul,ol{list-style:none;}abbr,img,fieldset{border:0;}table{border-collapse:collapse;}input,select,textarea{margin:0;}textarea{overflow-y:auto;}.tr{text-align:right;}.tc{text-align:center;}.tl{text-align:left;}.fl{float:left;}.fr{float:right;}.hide{display:none;visibility:hidden;}.no-show{position:absolute;left:-9999em;height:0;width:0;}

div, form{zoom:1; margin:0px; padding:0px;}
object{outline:none;}

.cf{zoom:1;}
.cf:after {content:".";display:block;visibility:hidden;height:0px;clear:both;}

/*Generic Styles */

body {background:#b1deed; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-align:center;}

a{color:#FFF;cursor:pointer;}
.pageanchor{height:0px;}

h1{width:167px; height:142px;  float:left; clear:none; margin:15px 0px 0px 7px;}
h1 span{display:block; text-indent:-10000px; background-image:url(../data/image/3rd-and-bird-logo.png); width:167px; height:142px;}

h2{width:353px; position:absolute; background-repeat:no-repeat!important; top:0px; left:0px;  z-index:1;}
h2 span{display:none;}

.replace {}
.fullWidth{width:100%;}

h3{height:25px;}

h4{position:absolute; z-index:4; top:0; left:0; width:100%;}
h4 span{display:block; background-repeat:no-repeat!important; width:100%; text-indent:-100000px; }
h4 a{cursor:pointer;}

h5{font-size:12px; color:#1885b7;}

p{margin:7px 0px 7px 0px; position:relative;}

.active{color:#eb5328;}

/* Sifr Headings */

#replaceEm{height:30px; margin-bottom:10px;}
#replaceEmCentered{height:30px; margin-bottom:10px; text-align:center;}

.bodyReplace{height:10px; margin-bottom:10px;}
.bodyReplaceCentered{text-align:center; color: #eb5328;}

.bodyReplaceCenter_orange{height:30px; margin-bottom:10px; text-align:center; color: #eb5328;}

#previewHeader{border:1px red solid; text-align:center; color:red; margin:10px auto 10px auto; padding:10px 0px 10px 0px;}


/* Layout */

#wrapper{width:800px; min-height:670px; border:3px white solid; margin:0px auto 0px auto; background:url(../data/image/bgs/trees-bg.jpg) repeat-y; text-align:left;}
#wrapper:after {content:".";display:block;visibility:hidden;height:0px;clear:both;}

#header{width:800px; height:168px; background:url(../data/image/bgs/header-bg.png) left top no-repeat;}

#nav{width:625px; height:165px; float:right; clear:none; zoom:1;}
	#nav ul{margin-top:75px; margin-left:10px; display:none;}
	#nav li{list-style-type:none; display:inline; margin-left:10px;}
	#nav li a{font-size:16px; font-weight:bold; color:#2b5dab; text-decoration:none;}
	#nav li a:hover{text-decoration:underline;}
	
#sub-nav{width:767px; height:61px; background:url(../data/image/bgs/sub-nav-bg.png) no-repeat; margin:0px auto 0px auto; text-align:center;}
	#sub-nav-inner{width:740px; height:30px; margin:10px auto 0px auto;}
	#sub-nav-inner ul{width:740px;  margin:0px auto 0px auto; text-align:center;zoom:1;}
	#sub-nav-inner li{list-style-type:none; display:block; float:left;  margin:20px 10px 10px 10px;zoom:1;}
	#sub-nav-inner li a{font-size:14px; font-weight:bold; color:#2b5dab; text-decoration:none;}
	#sub-nav-inner li a:hover{text-decoration:underline;}

#leftWrap{width:488px; float:left; position:relative; margin-bottom:20px;}
#rightWrap{width:310px; float:right;}
#fullWrap{margin-bottom:20px; position:relative;}

.content-wrapper{position:relative; width:418px; min-height:655px; margin-left:20px; padding-top:90px; background:url(../data/image/bgs/content-bg-top.png) no-repeat 0px 90px;}
.content-wrapper_comp_close{position:relative; width:418px; min-height:125px; margin-left:20px; padding-top:90px; background:url(../data/image/bgs/content-bg-top.png) no-repeat 0px 90px;}

.content-header{width:394px; height:99px; position:relative;}
.content-header:after {content:".";display:block;visibility:hidden;height:0px;clear:both;}
.content-mid{width:394px; background-color:#eaf1f7; color:#1885b7; display:table;}
.content-footer{width:394px; height:97px; background:url(../data/image/bgs/content-bg-bot.png) no-repeat; padding-bottom:20px;}

.content-wrapper-white{position:relative; width:418px; min-height:655px; margin-left:20px; padding-top:90px; background:url(../data/image/bgs/content-bg-top-white.png) no-repeat 0px 90px;}
.content-mid-white{width:394px; background-color:#fff; color:#1885b7; display:table;}
.content-footer-white{width:394px; height:97px; background:url(../data/image/bgs/content-bg-bot-white.png) no-repeat; padding-bottom:20px;}

.content-inner{width:345px; margin:auto;}
.centered{width:345px; margin:auto; text-align:center;}
.content-inner p, .content-inner p img{display:block; float:left;}
.content-inner p{margin-right:10px; width:100%;}
.content-inner p img{margin-right:10px;}
.content-inner a{color:#1885b7;}
.content-inner a:hover{color:#eb5328;}
.content-inner ol{margin-bottom:10px; margin-left:20px;}
.content-inner ol li{margin-bottom:10px; list-style:decimal; list-style-position:inside; clear:both;}
.content-inner ol a{font-weight:bold; color:#1885b7; text-decoration:none;}
.content-inner ol a:hover{color:#eb5328;}

#footer{width:800px; margin:0px auto 10px auto; text-align:center;}
	#footer ul{list-style-type:none; margin-top:10px;}
	#footer li{list-style-type:none; display:inline;}
	#footer li, #footer a{font-weight:bold;}
	#footer p{margin:2px 0px 2px 0px;}
	
	
/* Right panels */
	
.egg1{background:url(../data/image/bgs/egg1.png) no-repeat; height:179px;}
.egg2{background:url(../data/image/bgs/egg2.png) no-repeat; height:179px;}
.egg3{background:url(../data/image/bgs/egg3.png) no-repeat; margin-left:10px; width:256px; height:365px; color:#b84b5e; text-align:center;}
.egg3-white{background:url(../data/image/bgs/egg3-white.png) no-repeat; margin-left:10px; width:256px; height:365px; color:#b84b5e; text-align:center;}

.egg-panel-inner{padding:75px 0px 0px 20px; width:200px;}
.egg-panel-inner-thin{padding:100px 0px 0px 0px; margin:auto; width:200px;}

.egg-panel-inner{text-align:center; color:#1885b7;}
.egg-panel-inner p{margin:0px;}
.egg-panel-inner a{color:#eb5328; font-weight:bold;}
.egg-panel-inner span, .egg-panel-inner div{display:block; margin-left:20px;}


#h4-about span{background:url(../data/image/headings/about-3rd-and-bird-sml.png); height:224px; width:100%; margin-left:20px;}
#h4-creators span{background:url(../data/image/headings/the-creators-sml.png); height:231px; width:100%;}
#h4-educational span{background:url(../data/image/headings/educational-benefits-sml.png); height:253px; width:100%;}
#h4-faq span{background:url(../data/image/headings/faq-sml.png); height:169px; margin-left:40px; width:100%;}
#h4-sign-up span{background:url(../data/image/headings/sign-up-sml.png); height:169px; margin-left:20px; width:100%; margin-top:30px;}
#h4-comp span{background:url(../data/image/headings/competition-sml.png); height:209px; margin-left:40px; width:100%;}
#h4-prizes span{background:url(../data/image/headings/prizes-sml.png); height:345px; margin-left:30px; width:100%;}
#h4-latest-winner span{background:url(../data/image/headings/latest-winner-sml.png); height:109px; margin-left:40px; width:100%;}
#h4-products span{background:url(../data/image/headings/products-sml.png); height:350px; margin-left:20px; width:100%;}


#about-panel{position:relative; height:233px; margin-top:10px;}
#creators-panel{position:relative; height:233px;}
#educational-panel{position:relative; height:220px; margin-top:10px;}
#faq-panel{position:relative; height:215px; margin-top:10px;}
#sign-up-panel{position:relative; height:400px; padding-bottom:20px;}
#prizes-panel{position:relative; height:400px; padding-bottom:20px;}
#comp-panel{position:relative; height:211px; margin-top:10px;}
#latest-winner-panel{position:relative; height:211px;}
#products-panel{position:relative; height:400px; padding-bottom:20px; margin-top:10px;}

#about-panel-top{height:55px;}
#creators-panel-top{height:55px;}
#educational-panel-top{height:40px;}
#faq-panel-top{height:35px;}
#sign-up-panel-top{height:35px;}
#prizes-panel-top{height:25px;}
#comp-panel-top{height:35px;}
#latest-winner-panel-top{height:35px;}
#products-top{height:35px;}


/* Homepage */

.Homepage #wrapper{border:none;}


/* About Pages */

#floatingBird{background:url(../data/image/common/wallis.png); width:182px; height:133px;  position:absolute; left:320px; top:0px; z-index:2;}

#h2-about{height:197px; background:url(../data/image/headings/about-3rd-and-bird-lrg.png);}
#h2-creators{height:178px; background:url(../data/image/headings/the-creators-lrg.png);}
#h2-educational-benefits{height:155px; background:url(../data/image/headings/educational-benefits-lrg.png); margin-top:20px;}
#h2-faq{height:151px; background:url(../data/image/headings/faq-lrg.png); margin-top:30px; margin-left:10px;}


/* News Page */

#pagingLinks{margin:20px auto 20px auto; text-align:center;}

.rssFeed{display:block; clear:both;}
.rssFeed a{font-weight:bold; font-size:12px;}


.newsItem{width:306px; padding-bottom:10px;}
.newsItem:after {content:".";display:block;visibility:hidden;height:0px;clear:both;}
	.newsItem-Img{float:left; width:84px;}
	.newsItem-Txt{float:right; width:222px;}
	.newsItem-Txt-Full{clear:both; width:100%;}
	.newsItem-Txt-Full img{}
	.newsItem-Txt-Full h5{margin:0px 0px 10px 0px;}
	.newsItem-Txt-Full p{margin:5px 0px 5px 0px;}
	.newsItem-Txt h5{margin:0px;}
	.newsItem-Txt p{margin:0px;}
	.readMore{text-align:right; padding-top:5px;}
	.readMore a{color:#eb5328; font-weight:bold;}
	 

#floatingBird-beakman{background:url(../data/image/common/mr-beakman.png); width:271px; height:195px;  position:absolute; left:235px; top:0px; z-index:2;}

#h2-news{height:144px; background:url(../data/image/headings/news-lrg.png); margin-left:25px; margin-top:40px;}


/* Competition Page */

#h2-competition{height:132px; background:url(../data/image/headings/competition-lrg.png); margin-left:25px; margin-top:40px;}
#floatingBird-blue{background:url(../data/image/common/blue-bird.png); width:208px; height:236px;  position:absolute; left:290px; top:0px; z-index:2;}

dl{}
dt{float:left; width:115px;}
dd{float:left; width:225px; margin-bottom:10px;}
input{border:2px solid #7dbdde;}
.outlined{border:2px solid #7dbdde;}
select, option{width:70px;}
.dob{width:20px; margin-right:10px;}
.nb{border:none;}
.terms{text-align:center;}
.terms a{font-weight:bold; color:#eb5328;}
#compForm{}
#submitBtnOuter{display:block; text-align:center; padding-bottom:10px;}


/* Newsletter Page */

#h2-newsletter{height:131px; background:url(../data/image/headings/newsletter-lrg.png); margin-left:25px; margin-top:40px;}
#floatingBird-nan{background:url(../data/image/common/nan-bird.png); width:169px; height:195px;  position:absolute; left:310px; top:0px; z-index:2;}

#newsletterForm{padding-top:10px;}

/* Survey Page */

#h2-survey{height:131px; background:url(../data/image/headings/survey-lrg.png); margin-left:25px; margin-top:40px;}
#floatingBird-red{background:url(../data/image/common/red-bird.png); width:197px; height:199px;  position:absolute; left:250px; top:0px; z-index:2;}

#surveyForm{padding-top:10px;}
	#surveyForm h3{clear:both;}

.radioGroup{margin-top:10px; margin-bottom:10px;}
	.radioGroup h5, .radioGroup p{color:#eb5328; font-weight:bold;}
	.radioGroup span{display:block; margin-bottom:5px;}
	.radioGroup label{font-weight:bold;}
	.radioGroup input{margin-right:10px;}


/* Products Page */

#h2-products{height:124px; background:url(../data/image/headings/products-lrg.png); margin-left:20px; margin-top:10px;}

.cat-content-wrapper{width:231px; margin:auto; color:#1885b7; padding-bottom:20px;}
	.cat-content-wrapper a{color:#eb5328; text-decoration:underline; font-weight:bold; padding-bottom:10px;}
	.cat-content-header{height:49px; background:url(../data/image/bgs/cat-content-bg-top.png) no-repeat;}
	.cat-content-mid{background-color:#fff; padding-left:20px;}
	.cat-content-mid:after {content:".";display:block;visibility:hidden;height:0px;clear:both;}
	.cat-content-footer{height:49px; background:url(../data/image/bgs/cat-content-bg-bot.png) no-repeat;}

.catlist{}
	.catlist li{ list-style-position:inside; margin-top:10px; background:url(../data/image/common/products-bullet.gif) no-repeat; height:24px;}
	.catlist li a{font-size:12px; color:#0087cd; text-decoration:none;  padding-left:30px;}
	.catlist li a:hover, .catlist li .active{color:#eb5328;}
	

.prod-content-wrapper{width:489px; margin:auto; color:#1885b7; padding-bottom:20px; padding-left:20px;}
	.prod-content-wrapper a{color:#eb5328; text-decoration:underline; font-weight:bold;}
	.prod-content-header{height:49px; background:url(../data/image/bgs/prod-content-bg-top.png) no-repeat;}
	.prod-content-mid{background-color:#fff; padding-left:20px;  min-height:50px;}
	.prod-content-mid:after {content:".";display:block;visibility:hidden;height:0px;clear:both;}
	.prod-content-footer{height:79px; background:url(../data/image/bgs/prod-content-bg-bot.png) no-repeat;}
	

.prod-content-item{margin-top:30px;}
.prod-content-item:after {content:".";display:block;visibility:hidden;height:0px;clear:both;}
	.prod-content-img{float:left; width:175px;}
	.prod-content-txt{float:left; width:250px;}
	.prod-content-txt p, .prod-content-txt h5{margin:0px;}


/* Schools And Nurseries Page */

#h2-schools-and-nurseries{height:332px; background:url(../data/image/headings/schools-and-nurseries-lrg.png); margin-left:0px; margin-top:0px;}

.fw-content-wrapper{width:753px; margin:auto; color:#1885b7; padding-bottom:20px;}
.fw-content-wrapper a{color:#eb5328; text-decoration:underline; font-weight:bold;}
.fw-content-header{height:49px; background:url(../data/image/bgs/fw-content-bg-top.png) no-repeat;}
.fw-content-mid{background-color:#eaf1f7; padding-left:20px;  min-height:150px;}
.fw-content-mid:after {content:".";display:block;visibility:hidden;height:0px;clear:both;}
.fw-content-footer{height:49px; background:url(../data/image/bgs/fw-content-bg-bot.png) no-repeat;}


.fw-content-img{width:246px; float:left; padding-left:20px; padding-right:20px; border-top:1px #eaf1f7 solid;}
.fw-content-txt{width:435px; float:left;}

.fw-content-header-white{height:49px; background:url(../data/image/bgs/fw-content-bg-top-white.png) no-repeat;}
.fw-content-mid-white{background-color:#fff; padding-left:20px;  min-height:150px;}
.fw-content-mid-white:after {content:".";display:block;visibility:hidden;height:0px;clear:both;}
.fw-content-footer-white{height:49px; background:url(../data/image/bgs/fw-content-bg-bot-white.png) no-repeat;}

.fw-content-white-img{width:246px; float:left; padding-left:20px; padding-right:20px; border-top:1px #fff solid;}




/* Downloads popup */

.downloads #wrapper{width:632px; height:550px; min-height:550px; max-height:550px; border:none; background:url(../data/image/popup-trees-bg.jpg); margin:0px auto 0px auto; padding:0px;}


.downloads #top{width:632px; height:375px; position:relative;}
.downloads #img{display:block; text-align:center; margin:0px auto 0px auto; padding-top:80px;}
.downloads #closeBtn{display:block; width:128px; height:67px; background:url(../data/image/close.png) no-repeat; position:absolute; right:0px; top:0px; z-index:1;}
.downloads #action{display:block; width:632px; height:175px; background:url(../data/image/click-here-to-download.png) no-repeat;}
.downloads #closeBtn span, .downloads #action span{ display:none;}



/* Rewards popup */

.rewards #wrapper{width:750px; height:600px; min-height:600px; max-height:600px; border:none; background:url(../data/image/popup-trees-bg2.jpg); margin:0px auto 0px auto; padding:0px; position:relative; overflow:hidden;}

.rewards #closeBtn{display:block; width:128px; height:67px; background:url(../data/image/close.png) no-repeat; position:absolute; right:0px; top:0px; z-index:1;}
.rewards #closeBtn span{display:none;}

#rewardsSwf{width:750px; height:600px; padding:0px; margin:0px;}


/* previous winners & terms popups */

.popup #wrapper{width:260px; height:360px; min-height:360px; max-height:360px; border:none; background:none; margin:0px auto 0px auto; padding:10px; position:relative; color:#1885b7;}
.popup #footer{display:none}

.popup ol{margin-bottom:10px;}
.popup ol li{margin-bottom:10px; list-style:decimal; list-style-position:inside; clear:both;}
.popup ol a{font-weight:bold; color:#1885b7; text-decoration:none;}
.popup ol a:hover{color:#eb5328;}

/* Sitemap */

#siteMapList{
	margin:10px 0px 0px 10px;
	list-style-type:disc;
}

#siteMapList ul{
	margin:10px 0px 0px 10px;
	list-style-type:circle;
}
#siteMapList ul ul{
	list-style-type:circle;
}
#siteMapList li{
	margin:10px 0px 0px 10px;
}
#siteMapList a{
    font-weight: bold;
    text-decoration: none;
}
#siteMapList a:hover{
    text-decoration: underline;
}