body {
	background: #fff200;
	font-size: 62.5%; /* reset 1em to equal 10px */
	font-family: arial, helvetica, sans-serif;
	color: #666666;
}
h1 {font-size:2.4em; color:#008A35}
h2 {font-size:2.3em; color:#008A35; margin-bottom:10px;}
h3 {font-size:2em; color:#008A35; margin-bottom:10px;}

p {
	margin: 0 0 12px 0;
	font-size: 1.2em;
	line-height: 1.4;
}
p.em {
	font-size: 1.6em;
}
li {
	font-size: 1.2em;
}
li li {
	font-size: inherit;
}
a {
	text-decoration: underline; color:#000000
}
a:hover {
	text-decoration: none;
}

.cufonList {font-size:1.7em;}

/*dev lines borders
div#outerwrapper {border:solid 1px #F30;}
div#header {border:solid 1px #F30;}
div#pagewrapper {border:solid 1px #F30;}
div#footer {border:solid 1px #F30;}
div#containerOne,
div#containerTwo,
div#containerThree{border:solid 1px #F30;}
div#page {border:solid 1px #F30;}
dev lines borders END*/

/* main styles */
div#outerwrapper {margin:0 auto;padding:0;width:890px; display:block;}
div#header {float:left; height:120px; width:890px; display:block;}
div#pagewrapper {float:left; width:852px; background: #fff url(images/backgrounds/pageBottom.png) 0 bottom no-repeat;}
div#contentwrapper { float:left; display:block; width:852px;}
div#footer {float:left; width:860px; padding-top:20px;}

div#containerOne {float:left; width:210px;}
div#containerTwo {float:left; width:420px; padding: 0 20px 120px 20px;}
div#containerThree {float:left; width:180px; padding-bottom:70px;}

.col-2 div#containerOne {display:none;}
.col-2 div#containerTwo {float:left; width:670px; padding: 0 0 120px 0;}
.col-2 div#containerThree {float:left; width:180px;}

.bluestyle div#header {background:url(images/backgrounds/pageBlue_top.png) 0 bottom no-repeat;}
.bluestyle div#pagewrapper {border-left: solid 4px #8bd7f8; border-right: solid 4px #8bd7f8;}
.bluestyle div#footer {background:url(images/backgrounds/pageBlue_bot.png) 0 top no-repeat;}

.greenstyle div#header {background:url(images/backgrounds/pageGreen_top.png) 0 bottom no-repeat;}
.greenstyle div#pagewrapper {border-left: solid 4px #8bca83; border-right: solid 4px #8bca83;}
.greenstyle div#footer {background:url(images/backgrounds/pageGreen_bot.png) 0 top no-repeat;}

.redstyle div#header {background:url(images/backgrounds/pageRed_top.png) 0 bottom no-repeat;}
.redstyle div#pagewrapper {border-left: solid 4px #F37761; border-right: solid 4px #F37761;}
.redstyle div#footer {background:url(images/backgrounds/pageRed_bot.png) 0 top no-repeat;}

.pinkstyle div#header {background:url(images/backgrounds/pagePink_top.png) 0 bottom no-repeat;}
.pinkstyle div#pagewrapper {border-left: solid 4px #f7b7d3; border-right: solid 4px #f7b7d3;}
.pinkstyle div#footer {background:url(images/backgrounds/pagePink_bot.png) 0 top no-repeat;}
/* main styles END */


h1#logo {float:left; background: #fff200 url(images/logos/start4lifeLogo.png) no-repeat bottom left; width:279px; height:50px; padding-top: 30px; margin-left: 40px;}
div#logo a{ display: block; width:279px; height:50px;}

div#menuPrimary {float:left; margin: 10px 0 30px 20px; width:800px;}
div#menuPrimary ul {list-style-type:none}
div#menuPrimary ul li {float:left; margin-right:10px;}
div#menuPrimary ul li a {background:url(images/buttons/menuButtons.png) 0 0 no-repeat; display:block;  height:41px;}

div#menuPrimary ul li.nav1 a {width:80px; }
div#menuPrimary ul li.nav1 a.current {background-position: 0px -41px;}
div#menuPrimary ul li.nav2 a {background-position: -90px 0px; width:156px;}
div#menuPrimary ul li.nav2 a.current {background-position: -90px -41px;}
div#menuPrimary ul li.nav3 a {background-position: -255px 0px; width:134px;}
div#menuPrimary ul li.nav3 a.current {background-position: -255px -41px;}
div#menuPrimary ul li.nav4 a {background-position: -398px 0px; width:161px;}
div#menuPrimary ul li.nav4 a.current {background-position: -398px -41px;}
div#menuPrimary ul li.nav5 a {background-position: -568px 0px; width:191px;}
div#menuPrimary ul li.nav5 a.current {background-position: -568px -41px;}

div#menuSecondary {float:left; margin: 10px 0 30px 0px; width:200px;}
div#menuSecondary ul {list-style-type:none}
div#menuSecondary ul li {}
div#menuSecondary ul li a {padding-top:5px; padding-left:20px; display:block; color:#000000; width:164px; height:30px; text-decoration:none;}
div#menuSecondary ul li.current {background:url(images/buttons/navCurrent.png) 0 0 no-repeat; display:block;}

.col-2 div#containerTwo p {margin-top:10px; margin-left:35px; padding-right:190px; color:#666666;}
.col-2 div#containerTwo h2 {margin-left:35px;}

div#containerTwo p {margin-right:15px; color:#666666;}
div#containerTwo h2 {}

div#footer ul {font-size:0.8em; margin:0 auto; padding:10px 0 20px ;text-align:center; width:860px;}
div#footer ul li {display:inline}
div#footer ul li a {color:#000000;}

ul.bulletList {padding: 0px 10px 10px 20px;}
ul.bulletList li {padding-bottom:3px;}
div.bluestyle ul.bulletList li { list-style-image:url(images/buttons/bulletBlue.png)}
div.redstyle ul.bulletList li { list-style-image:url(images/buttons/bulletRed.png)}
div.greenstyle ul.bulletList li { list-style-image:url(images/buttons/bulletGreen.png)}
div.orangestyle ul.bulletList li { list-style-image:url(images/buttons/bulletOrange.png)}
div.pinkstyle ul.bulletList li { list-style-image:url(images/buttons/bulletPink.png)}
ul.jumpLinks a { color:#666666;}

span.pdf {background-position:left bottom; background-repeat:no-repeat; color:#000000; margin-right:20px;}
span.pdf a { background:url(images/logos/pdfImg.png) left 0 no-repeat; display:inline-block; color:#000000; padding-left:25px; height:20px;}
.tn_milk {background-image:url(images/furniture/mumsMilk.png); padding-top:30px; padding-left:50px; display:inline-block;}
.tn_c4l_poster {background-image:url(images/furniture/start4lifePoster.png); padding-top:30px; padding-left:50px; display:inline-block;}
.tn_building_blocks {background-image:url(images/furniture/building-blocks-pdf-tn.gif); padding-top:30px; padding-left:50px; display:inline-block;}
.tn_blocks {background-image:url(images/furniture/buildingBlocksTn.png); padding-top:30px; padding-left:50px; display:inline-block;}
.tn_best_start {background-image:url(images/furniture/off-to-the-best-start-tn.gif); padding-top:30px; padding-left:50px; display:inline-block;}
.tn_solid_foods {background-image:url(images/furniture/introducing-solid-foods-tn.gif); padding-top:30px; padding-left:50px; display:inline-block;}


div.flashbox {width:400px; margin-top: 10px; margin-bottom: 10px;}
div.col-2 div.boxHolder {width:670px;}
div.boxHolder {width:420px; margin-top:18px;}
div.boxHolder p {padding-right:40px;}

div.box {width:350px; padding-top: 10px; padding-left:60px; border: solid 4px #000000; margin: 20px 0 20px 0;}
div.two {width:270px; padding-left:120px;}
div.three {width:390px; padding-left:20px;}
div.four { width: 250px; padding-left: 150px; }
div.box h3 {margin-bottom:0;}
div#containerTwo div.box p {margin-right:10px;}


/* box styles */

div.rounded-188 a, div.rounded-261 a {text-decoration:none;}
div.rounded-188 a:hover, div.rounded-261 a:hover {text-decoration:underline;}

div#containerTwo div.rounded-261 {float:left; width:261px; margin:5px 5px 5px 20px;}
div#containerTwo div.rounded-261 p {margin: 0px 20px 0px 20px; padding: 0 0 20px 0; color:#000000;}
div#containerTwo div.rounded-261 h3 {margin: 0px 0 0px 20px; font-size:2em; color:#008a35}
div.rounded-261 div.box-content {min-height:110px;}

div.red-261 div.box-top {background:url(images/backgrounds/rounded_box_red.png) 0 top no-repeat; height:10px;}
div.red-261 div.box-content {background:url(images/backgrounds/rounded_box_red.png) 0 bottom no-repeat}

div.pink-261 div.box-top {background:url(images/backgrounds/rounded_box_pink.png) 0 top no-repeat; height:10px;}
div.pink-261 div.box-content {background:url(images/backgrounds/rounded_box_pink.png) 0 bottom no-repeat}

div.green-261 div.box-top {background:url(images/backgrounds/rounded_box_green.png) 0 top no-repeat; height:10px;}
div.green-261 div.box-content {background:url(images/backgrounds/rounded_box_green.png) 0 bottom no-repeat}

div.orange-261 div.box-top {background:url(images/backgrounds/rounded_box_orange.png) 0 top no-repeat; height:10px;}
div.orange-261 div.box-content {background:url(images/backgrounds/rounded_box_orange.png) 0 bottom no-repeat}

div#containerTwo div.rounded-188 {float:left; width:188px; margin:5px 15px 5px 0px;}
div#containerTwo div.rounded-188 p {margin: 0px 20px 0px 20px; padding-bottom:20px; color:#000000;}
div#containerTwo div.rounded-188 h3 {margin: 0px 0 0px 20px; font-size:2em; color:#008a35}
div.rounded-188 div.box-content {min-height:115px;}

div.green-188 div.box-top {background:url(images/backgrounds/rounded_box_green_188.png) 0 top no-repeat; height:10px;}
div.green-188 div.box-content {background:url(images/backgrounds/rounded_box_green_188.png) 0 bottom no-repeat}

div.orange-188 div.box-top {background:url(images/backgrounds/rounded_box_orange_188.png) 0 top no-repeat; height:10px;}
div.orange-188 div.box-content {background:url(images/backgrounds/rounded_box_orange_188.png) 0 bottom no-repeat}

div#containerTwo div.rounded-400 {float:left; width:400px; margin:0;}
div#containerTwo div.rounded-400 p {margin: 0px 20px 0px 20px; padding-bottom:20px; color:#000000;}
div#containerTwo div.rounded-400 h3 {margin: 0px 0 0px 20px; font-size:2em; color:#008a35}
div.rounded-400 div.box-content {min-height:110px;}

div.yellowFill-400 div.box-top {background:url(images/backgrounds/rounded_box_yellowFill_400.png) 0 top no-repeat; height:10px;}
div.yellowFill-400 div.box-content {background:url(images/backgrounds/rounded_box_yellowFill_400.png) 0 bottom no-repeat}

div.whiteposter {margin-left:5px;}
div.whiteposter div.box_top {background:url(images/backgrounds/columnBox_top.png) 0px 0 no-repeat; height:15px;}
div.whiteposter div.box_bottom {background:url(images/backgrounds/columnBox_bot.png) 0px 0 no-repeat; width:174px; height:31px;}
div.whiteposter div.box_bg {background:url(images/backgrounds/columnBox_bg.png) 0px 0 repeat-y; padding-left:10px; padding-right:10px; padding-top:0px;}
div.whiteposter div.box_content p {}

div.promobox {}
div.promobox p {margin-bottom:0; padding: 5px 10px 10px 10px; font-size:1.1em;}
div.promobox h4 {font-size:1.2em; color:#008a35; margin-bottom:0; padding-left: 10px; padding-right:10px;}
div.promobox a.external {color:#0066ff;}
div.promobox a.external:visited {color:#0066ff;}
div.promobox ul {padding-left: 10px;}
div.promobox ul li {padding-bottom:5px; width:140px;}
div.promobox ul li a {display:block;}
div.promobox ul li img.arrow {margin-top:3px;}
div.promobox a span {background:url(images/furniture/link_arrow_white.png) right bottom no-repeat;}
/* box styles END */

/* heading images */
h2#welcome-to-start4life {background:url(images/headings/welcome-to-start4life.png) 0 0 no-repeat; width:408px; height:35px; }
h3#be-part-of-c4l {background:url(images/headings/be-part-of-c4l.png) 0 0 no-repeat; width:285px; height:32px; }
/* heading images END */

/* furniture images */
div.furnitureImage {background-position:left top; background-repeat:no-repeat;}
.painting {background-image:url(images/furniture/painting.png); width:158px; height:226px;}
.manJump {background-image:url(images/furniture/manJump.png);  width:88px; height:85px;}
.smHugger {background-image:url(images/furniture/smHugger.png);  width:42px; height:94px; bottom:10px; right:10px;}
.smBlocks {background-image:url(images/furniture/smBlocks.png);  width:67px; height:45px; bottom:10px; right:10px;}
.smBall {background-image:url(images/furniture/smBall.png);  width:35px; height:43px; bottom:10px; right:10px;}
.smJump {background-image:url(images/furniture/smJump.png);  width:57px; height:51px; bottom:10px; right:10px;}
.smMobile {background-image:url(images/furniture/smMobile.png);  width:43px; height:107px; bottom:12px; right:10px;}
.smPlate {background-image:url(images/furniture/smPlate.png);  width:52px; height:45px; bottom:10px; right:3px;}
.smFlying {background-image:url(images/furniture/smFlying.png);  width:58px; height:68px; bottom:10px; right:10px;}

div.absoluteImage {position:absolute; background-position:left top; background-repeat:no-repeat;}
.buildingBlocks {background-image:url(images/furniture/buildingBlocks.png); width:146px; height:107px; margin-top:15px; float:right;}
.kidRattle {background-image:url(images/furniture/kidRattle.png);  width:213px; height:200px; right:150px; bottom:15px;}
.ball {background-image:url(images/furniture/ball.png); width:57px; height:57px; right:20px; bottom:14px;}
.mobile {background-image:url(images/furniture/mobile.png); width:175px; height:235px; right:190px; top:-14px;}
.kidFlying {background-image:url(images/furniture/kidFlying.png);  width:182px; height:254px; left:0px; bottom:14px;}
.littleCrawler {background-image:url(images/furniture/littleCrawler.png); width:270px; height:142px; left:0px; bottom:18px;}
.kidSitting {background-image:url(images/furniture/kidSitting.png);  width:183px; height:151px; left:0px; bottom:27px;}
.faceHugger {background-image:url(images/furniture/faceHugger.png);  width:165px; height:367px; left:15px; bottom:20px;}
.smallCar {background-image:url(images/furniture/smallCar.png); width:156px; height:129px; right:0px; bottom:27px;}
.milkBottle {background-image:url(images/furniture/milkBottle.png);  width:43px; height:106px; left:-5px; bottom:-10px;}
.noAddedSugar {background: url(images/furniture/noAddedSugar.png) no-repeat 0 0; width: 74px; height: 74px; left: -20px; top: -20px;}
.pinkBaby {background-image:url(images/furniture/pinkBaby.png);  width:188px; height:168px; left:15px; bottom:20px;}
.onBackWithBall {background: url(images/furniture/onBackWithBall.png) no-repeat 0 0; width: 116px; height: 111px; left: -20px; top: -20px;}
.blueWithBall { background-image:url(images/furniture/blueWithBall.png);  width:123px; height:148px; left:15px; bottom:20px; }
.orangeBaby {background-image:url(images/furniture/orangeBaby.png);  width:134px; height:81px; right:5px; top:-50px;}
.babyWithBlocks {background-image:url(images/furniture/babyWithBlocks.png); background-position: -20px 0 !important;  width:219px; height:146px; left:0; bottom:20px;}
.spoon {background-image:url(images/furniture/spoon.png);  width:180px; height:69px; left:0; top: 50px;}
.feedingBaby {background-image:url(images/furniture/feedingBaby.png);  width:221px; height:153px; left:0; bottom:20px; }
.broccoli {background-image:url(images/furniture/broccoli.png);  width:99px; height:91px; left:-15px; bottom: 5px;}
.mobileLrg {background-image:url(images/furniture/mobileLrg.png); width:255px; height:395px; left:0; bottom:20px;}


/* furniture images END */


/* Table styles */
#table .tl, #table .tr, #table .bl, #table .br,
#table2 .tl, #table2 .tr, #table2 .bl, #table2 .br {
	position: absolute;
}
#table .tl, #table .tr,
#table2 .tl, #table2 .tr {
	width: 23px;
	height: 23px;
}
#table .bl, #table .br,
#table2 .bl, #table2 .br {
	width: 17px;
	height: 17px;
}

#table .tl,
#table2 .tl {
	background: url(images/table/table-tl.gif) no-repeat 0 0;
	top: 0;
	left: 0;
}

#table .tr,
#table2 .tr {
	top: 0;
	right: 0;
}
#table .tr 	{ background: url(images/table/table-tr.gif) no-repeat 0 0; }
#table2 .tr { background: url(images/table/table2-tr.gif) no-repeat 0 0; }

#table .bl,
#table2 .bl {
	bottom: 30px;
	left: 0;
}
#table .bl 	{ background: url(images/table/table-bl.gif) no-repeat 0 0; }
#table2 .bl { background: url(images/table/table2-bl.gif) no-repeat 0 0; }

#table .br,
#table2 .br {
	background: url(images/table/table-br.gif) no-repeat 0 0;
	bottom: 30px;
	right: 0;
}

div#containerTwo table td {
	text-align: left;
	vertical-align: top;
	padding: 10px 0 10px 10px;
}

div#containerTwo table td,
div#containerTwo table th {
	border-right: 4px solid #8bca83;
}
div#containerTwo table th {
	border-bottom: 4px solid #8bca83;
}
div#containerTwo table td + td,
div#containerTwo table th + th,
div#containerTwo table th + td {
	border-right: none;
}

div#containerTwo table#swaps,
div#containerTwo table#foods {
	width: 100%;
	border: 4px solid #8bca83;
	margin-bottom: 30px;
}
div#containerTwo table#swaps thead tr th {
	background-color: #c5e4c1;
	text-align: left;
}
div#containerTwo table#swaps thead tr th span {
	display: block;
	margin: 10px;
	
	width: 33px;
	height: 31px;
	text-indent: -9999px;
}
div#containerTwo table#swaps thead tr th span#cross {
	background: url(images/table/cross.gif) no-repeat 0 0;
}
div#containerTwo table#swaps thead tr th span#tick {
	background: url(images/table/tick.gif) no-repeat 0 0;
}
div#containerTwo table#swaps td {
	width: 50%;
}
div#containerTwo table#swaps td p strong {
	color: #008a35;
}

div#containerTwo table#foods th,
div#containerTwo table#foods td {
	text-align: left;
	vertical-align: top;
}
div#containerTwo table#foods th {
	width: 106px;
	padding: 0 10px 5px 10px;
}
div#containerTwo table#foods td {
	border-bottom: 4px solid #8bca83;
}
div#containerTwo table#foods .last th,
div#containerTwo table#foods .last td {
	border-bottom: none;
}

div#containerTwo table#foods .first th 		{background-color: #c5e4c1; }
div#containerTwo table#foods .second th 		{background-color: #d1eacd; }
div#containerTwo table#foods .third th 		{background-color: #dcefda; }
div#containerTwo table#foods .fourth th 		{background-color: #e8f4e6; }
div#containerTwo table#foods .last th 		{background-color: #f3faf2; }