@import url("robries.css");

/* ================ */
/* = The 1Kb Grid = */     /* 12 columns, 60 pixels each, with 20 pixel gutter */
/* ================ */

.grid_1 {
	width:60px;
}
.grid_2 {
	width:140px;
}
.grid_3 {
	width:220px;
}
.grid_4 { 
	width:300px;
}
.grid_5 {
	width:380px;
}
.grid_6 {
	width:460px;
}
.grid_7 {
	width:540px;
}
.grid_8 {
	width:620px;
}
.grid_9 {
	width:700px;
}
.grid_10 {
	width:780px;
}
.grid_11 {
	width:860px;
}
.grid_12 {
	width:940px;
}
.column {
	margin: 0 10px;
	overflow: hidden;
	float: left;
	display: inline;
	position:relative;
}
.row {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	/* RE 10/12/2009 removed, because menu bar wasn't showing in IE6::  position: relative; /* added */
}
.row .row {
	margin: 0 -10px;
	width: auto;
	display: inline-block;
}
/*grid end*/

/*standard */
body {
	font-size: 100%;
	margin:0;
	padding:0;
	font-family: Verdana, sans-serif, Helvetica, Arial;
}

img {border:0px}



/* header styles */

.logo{
	width:184px;
	height:120px;
	margin:0;
	padding:0 -10px;

}

.logo a{
	background: url(../image/HiPP_Organic_pots_top.jpg) no-repeat;
	width:184px;
	height:120px;
	margin:0;
	padding:0 0 0 -10px ;
	display: block;
	float:left;
}

div.title {
	background: url(../image/HiPP_Organic_pots_top.jpg) -184px 0 no-repeat;
	width:756px;

	height:120px;
	margin:0;
	/*padding:0 10px;*/
}



/*navigation */

#navigation {
	background: url(../image/HiPP_Organic_pots_menu.jpg) no-repeat;
	height:49px;
	margin:0 0 0 10px;
	padding:0;
}
#navigation ul {
	margin:0 0 0 12px;
	padding:0;
	position:relative;
}
#navigation li {
	display: inline;
}
#navigation li a, #navigation li.select {
	display: block;
	float: left;
	height:37px;
	text-decoration: none;
}
/* Our new menu */
#navigation li a.range {
	background: url(../image/HiPP_Organic_pots_menu.jpg) -12px 0 no-repeat;
	width:196px !important; /* RE added !IMPORTANT 11/12 for IE6. NB: fix nog finished */
}
#navigation li a.range:hover{background: url(../image/HiPP_Organic_pots_menu.jpg) -12px -101px no-repeat;}
#navigation li a.range-select {
	background: url(../image/HiPP_Organic_pots_menu.jpg) -12px -51px no-repeat;
	width:196px !important; /* RE added !IMPORTANT 11/12 for IE6. NB: fix nog finished */
}

/*Why are our pots so special?  */
#navigation li a.special {
	background: url(../image/HiPP_Organic_pots_menu.jpg) -207px 0 no-repeat;
	width:282px;
}
#navigation li a.special:hover { background: url(../image/HiPP_Organic_pots_menu.jpg) -207px -101px no-repeat;}
#navigation li a.special-select {
	background: url(../image/HiPP_Organic_pots_menu.jpg) -207px -51px no-repeat;
	width:282px;
}

/*HiPP Philosophy */
#navigation li a.philosophy {
	background: url(../image/HiPP_Organic_pots_menu.jpg) -489px 0 no-repeat;
	width:202px;
}
#navigation li a.philosophy:hover{background: url(../image/HiPP_Organic_pots_menu.jpg) -489px -101px no-repeat;}
#navigation li a.philosophy-select {
	background: url(../image/HiPP_Organic_pots_menu.jpg) -489px -51px no-repeat;
	width:202px;
}

/*Weaning bits & Tips */
#navigation li a.weaning {
	background: url(../image/HiPP_Organic_pots_menu.jpg) -692px 0 no-repeat;
	width:238px;
}
#navigation li a.weaning:hover{background: url(../image/HiPP_Organic_pots_menu.jpg) -692px -101px no-repeat;}
#navigation li a.weaning-select {
	background: url(../image/HiPP_Organic_pots_menu.jpg) -692px -51px no-repeat;
	width:238px;
}
/*crumbtrail */
#breadcrumb ul {
	margin:5px 30px;
	/* RE 11-12--0 was:
	padding:0;
	/* replaced with (because breadcrumb jumps when > 1 item */
	padding:0 0 2px 0;
	line-height:8px;
	clear: both;
}
#breadcrumb li {
	display: inline;
	color: #757575;
	font-size:0.6em
}
#breadcrumb li a {
	color: #698f01;
	/*font-size: 0.6em*/
	font-size: 100%
}
#breadcrumb li a:visited {
	color: #98b34f;
}
#breadcrumb li a:hover {
	text-decoration: none;
}
/*footer*/
#footer {
	background:url(../image/HiPP_Organic_pots_footer.jpg) no-repeat;
	height:80px;
	margin-top:5px;
	width:960px;
}
#footer div.grid_3 {
	width:auto;
}
#footer div.grid_9 {
	width:auto;
	float:right;
}
#footer ul {
	white-space:nowrap;
	margin:18px 30px 0 0;
	text-align:right;
	letter-spacing:-0.2px;
}
#footer ul li {
	list-style:none;
	font-size:0.7em;
	font-weight: bold;
	color: #704102;
	line-height:200%;
	position:relative;
	float:left;
	
}
#footer ul li a {
	color: #704102;
	padding:0 1px 0 1px;	
}
#footer ul li a:visited {
	color:#6b4b20;
}
#footer ul li a:hover {
	text-decoration:none;
}
/*content   width="704" height="503"/>*/

#content {
	background: url(../image/HiPP_Organic_pots_bg.jpg) no-repeat;
	height:503px;
}
#content h3 {
	margin:20px 0 18px 14px;
	height:125px;
}
#content-steam {
	background:url(../image/HiPP_Organic_pots_bg_steam.jpg) no-repeat;
	height:503px;
}
#content-steam h3 {
	margin:20px 0 18px 14px; 
	height:125px;
}
#content-steam h3.stages {
	margin:0;
	margin-top:20px;
}

/*stages */

#stage3{margin-left:-10px;}

#stage1 .stage1-head{
	background: url("../image/titles/HiPP_Organic_pots_stage1.jpg") no-repeat;
	width:231px;
	height:90px;
	padding: 0;
	margin: 0; 
}

#stage2 .stage2-head{
	background: url("../image/titles/HiPP_Organic_pots_stage2.jpg") no-repeat;
	width:231px;
	height:90px;
	padding: 0;
	margin: 0;
}

#stage3 .stage3-head{
	background: url("../image/titles/HiPP_Organic_pots_stage3.jpg") no-repeat;
	width:231px;
	height:90px;
	padding: 0;
	margin: 0;
}

#stage1 .stage-copy, #stage2 .stage-copy{
	margin:-80px 0 0 20px; 
}

#stage3 .stage-copy{
	margin:-80px 0 0 30px;
}

#stage1 ul, #stage2 ul, #stage3 ul{
	display: inline;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;

}

#stage1 ul li, #stage2 ul li, #stage3 ul li{
	display: inline;
	list-style: none;
	margin:  0 0 0 0;
	padding: 0;
}

#stage1 ul li a, #stage2 ul li a, #stage3 ul li a{
	text-decoration: none;
	display: block;
	float: left;
	width:195px;
	height:195px;
}

/*stage 1 buttons*/
#stage1 ul li.stage1-pot1 a{
	/*background: url("../image/HiPP_veg-with-apple.png") no-repeat;*/
	background: url(../image/stage1_sprite.jpg) 0 -20px no-repeat;
	margin:40px 0 0 8px;

}

#stage1 ul li.stage1-pot1 a:hover{
	/*background: url("../image/HiPP_veg-with-apple.png") no-repeat;*/
	background: url(../image/stage1_sprite.jpg) 0 -481px no-repeat;


}

#stage1 ul li.stage1-pot2 a{
	background: url(../image/stage1_sprite.jpg) -63px -214px no-repeat;
	margin:240px 0 0 -130px;
}

#stage1 ul li.stage1-pot2 a:hover{
	background: url(../image/stage1_sprite.jpg) -63px -675px no-repeat;
}

#stage1 ul li.stage1-pot3 a{
	background: url(../image/stage1_sprite.jpg) -430px -214px no-repeat;
	margin:240px 0 0 167px;
}

#stage1 ul li.stage1-pot3 a:hover{
	background: url(../image/stage1_sprite.jpg) -430px -675px no-repeat;
}


#stage1 ul li.stage1-pot4 a{
	background: url(../image/stage1_sprite.jpg) -470px -18px no-repeat;
	margin:38px 0 0 -155px;
}

#stage1 ul li.stage1-pot4 a:hover{
	background: url(../image/stage1_sprite.jpg) -470px -479px no-repeat;
}



/*stage 2 buttons*/
#stage2 ul li.stage2-pot1 a{
background: url(../image/stage2_sprite.jpg) no-repeat;
margin:40px 0 0 8px;
 
}
 
#stage2 ul li.stage2-pot1 a:hover{
background: url(../image/stage2_sprite.jpg) 0 -460px no-repeat;
}
 
#stage2 ul li.stage2-pot2 a{
background: url(../image/stage2_sprite.jpg) -50px -192px no-repeat;
margin:245px 0 0 -140px;
}
 
#stage2 ul li.stage2-pot2 a:hover{
background: url(../image/stage2_sprite.jpg) -50px -652px no-repeat;
 
}
 
#stage2 ul li.stage2-pot3 a{
background: url(../image/stage2_sprite.jpg) -245px -252px no-repeat;
margin:287px 0 0 0;
}
 
#stage2 ul li.stage2-pot3 a:hover{
background: url(../image/stage2_sprite.jpg) -245px -712px no-repeat;
}
 
#stage2 ul li.stage2-pot4 a{
background: url(../image/stage2_sprite.jpg) -441px -189px no-repeat;
margin:235px 0 0 -12px;
}
 
#stage2 ul li.stage2-pot4 a:hover{
background: url(../image/stage2_sprite.jpg) -441px -649px no-repeat;
}
 
#stage2 ul li.stage2-pot5 a{
background: url(../image/stage2_sprite.jpg) -471px 0 no-repeat;
margin:40px 0 0 -160px;
}
 
#stage2 ul li.stage2-pot5 a:hover{
background: url(../image/stage2_sprite.jpg) -471px -460px no-repeat;
 
}
 
/*stage 3 buttons*/
#stage3 ul li.stage3-pot1 a{
background: url(../image/stage3_sprite.jpg) -52px -188px no-repeat;
margin:245px 0 0 85px;
 
}
 
#stage3 ul li.stage3-pot1 a:hover{
background: url(../image/stage3_sprite.jpg) -52px -650px no-repeat;
 
}
 
#stage3 ul li.stage3-pot2 a{
background: url(../image/stage3_sprite.jpg) -245px -247px no-repeat;
margin:291px 0 0 -3px;
}
 
#stage3 ul li.stage3-pot2 a:hover{
background: url(../image/stage3_sprite.jpg) -245px -709px no-repeat;
 
}
 
#stage3 ul li.stage3-pot3 a{
background: url(../image/stage3_sprite.jpg) -441px -188px no-repeat;
margin:240px 0 0 -8px;
}
 
#stage3 ul li.stage3-pot3 a:hover{
background: url(../image/stage3_sprite.jpg) -441px -650px no-repeat;
}



/*Stages end */

.stage-1-items, .stage-2-items {
	float:left;
	display:inline;
	height:auto;
	margin-top:5px;
}
.stage-3-items {
	float:left;
	display:inline;
	height:auto;
	margin-top:75px;
}
.stage-1-item-x, .stage-2-item-x, .stage-3-item-x {
	float:right;
	display:inline;
	margin-top:75px;
}
.stage-3-item-header {
	margin:0 210px;
}
.stage-copy {
	position:absolute;
	left:216px;
	top:105px;
	width:220px;
	font-size:75%;
	color:#382b28
}

.stage-sub-item-first {
	margin-left:30px;
}
.stage-sub-item-last {
	margin-right:30px
}
.stage-sub-item-1 {
	margin-left:80px;
}
.stage-sub-item-2 {
	margin-right:80px
}


#content {
	background: url(../image/HiPP_Organic_pots_bg.jpg) no-repeat;
	height:503px;
}
#content h3 {
	margin:20px 0 18px 14px;
	height:125px;
}
#content-steam {
	background:url(../image/HiPP_Organic_pots_bg_steam.jpg) no-repeat;
	height:503px;
}
#content-recipe {
	background:url(../image/HiPP_Organic_pots_bg_recipe.jpg) no-repeat;
	height:503px;
}

#content-steam h3 {
	margin:20px 0 18px 14px;
	height:128px;
}

#content-steam .omega3 {
	float: left;
	padding:20px 0 0 5px; 
}

#content-steam a.re-useSticker{
	float: left;
	background: url(../image/menu_re-use.jpg) no-repeat;
	display: block;
	width:119px;
	height:121px;
	text-decoration: none;
	margin:17px 0 0 0; 
}

#content-steam h3.stages {
	margin:0;
	margin-top:20px;
}
/*
series of classes for the headers
*/
.range0 {
	background: url(../image/menu_header.jpg) no-repeat;
	width:444px;
	height:118px !important;
	float: left;
	margin-left: 0 !important;
	margin-bottom: 0 !important;
	margin-right: 0;
}
.range1 {
	background:url(../image/titles/HiPP_Organic_pots_stage1.jpg) no-repeat;
}
/* BO added RE 11/12 */
div#flashViewer {
	position:absolute; 
	margin-left:2px; 
	width:700px; 
	height:500px; 
	z-index:2
}

/* BO added RE 10/12 */
div.longPage {
	margin-top:1px; 
	border-left:10px solid #aabb16; 
	margin-left:0px;
	margin-bottom:2px;
}
div.greenBackground {
	background-color:#aabb16;
	min-height:499px;
}
div.greenBackground.steam {
	background-image:url(../image/background-steam-on-green.gif);
	background-position:410px 96px;
	background-repeat:no-repeat;
	width:690px;
}


/* BO added RE 08/12 */
div.columnRow {
	position:relative;
	clear:both;
}


div.column460 {
	position:relative;
	float:left;
	width:460px;	
}
div.columnAuto{
	position:relative;
	float:left;
	width:auto;
}
.pl10 {
	padding-left:10px;
}
.pl8 {
	padding-left:8px;
}
.m0 {
	margin:0;
}
strong.heart {
	font-size:120%;
	line-height:80%
}
div.recipeImage {
	margin:39px 0 0 -10px;
}
div.philosophyImage {
	margin:48px 0 27px 15px;
}
div.stackedPotsImage {
	position:relative;
	margin:50px 0 0 47px;
	width:122px;
}

div.home-reusePots {
	padding:28px 0 0 6px;

}
div.home-reusePots a {

}
div.home-reusePots img {
	padding-left:2px;
}

div#recipeLinks {
	background-image:url(../image/button-share.png);
	width:195px;
	height:42px;
	margin-left:10px;
}

li#recipeLinks {
	background:url("../image/sprite-master.gif") 0px -96px  no-repeat;
	width:190px; 
	height:38px;
	margin-left:30px;
}

li#recipeLinks ul {
	margin:0;
	padding:9px 0 0 74px;
}

div#recipeLinks ul {
	margin:0;
	padding:12px 0 0 65px;
}

#recipeLinks ul li {
	list-style-type:none;
	width:16px;
	position:relative;
	float:left;
	margin-right:5px;
}


/* BO added RE 07/12/*/
img {
	border:0;	
}

div.range {
	position:relative;
	width:auto;
	height:495px;
}
div.range div#range-sticker {
	position:absolute;
	left:574px;
	top:13px;
}

div.range div#range-stage-1 {
	position:absolute;
	left:36px;
	top:220px;
}
div.range div#range-stage-2 {
	position:absolute;
	left:224px;
	top:176px;
}
div.range div#range-stage-3 {
	position:absolute;
	left:438px;
	top:140px;
}
div.range div#range-previous {
	position:absolute;
	left:12px;
	top:465px;
}
div.range div#range-next {
	position:absolute;
	left:540px;
	top:465px;
}
div.range div#range-previous a, div.range div#range-next a {
	font-weight:bold;
	color:#202020;
	text-decoration:none;
	font-size:75%;
	background-color:#FFFF00;
	padding:2px;
}

div#stage1-pot1, div#stage2-pot1 {
	position:relative;
	left:18px;
	top:46px;
	display:inline;
	z-index:1;
}
div#stage2-pot1 {
	left:12px;
	top:45px;
}

div#item1-copy, div#item2-copy, div#item3-copy {
	position:absolute;
	left:240px;
	top:20px;
	width:220px;
}
div#item2-copy {
	top:29px;
	width:235px;
}

div#item1-copy p, div#item2-copy p, div#item3-copy p {
	margin:6px 0 0 4px;
	padding:0;
	font-size:80%;
	line-height:18px;
	color:#382b28;
	letter-spacing:-0.2px;
}

div#stage1-pot2, div#stage2-pot2 {
	position:absolute;
	left:494px;
	top:48px;
	display:inline
}
div#stage2-pot2 {
	left:490px;
}

div#stage1-pot3, div#stage2-pot3, div#stage3-pot3 {
	position:absolute;
	left:80px;
	top:243px;
}
div#stage3-pot3 {
	left:71px;
}
div#stage1-pot4, div#stage2-pot4, div#stage3-pot4 {
	position:absolute;
	left:447px;
	top:237px;
	display:inline
}
div#stage2-pot4, div#stage3-pot4 {
	left:453px;
}

div#stage2-pot5, div#stage3-pot5 {
	position:absolute;
	left:252px;
	top:298px;
	display:inline
}
div#stage3-pot5 {
	left:266px;
}
div.clearFloat {
	clear:both;
}

div.label {
	position:relative;
	min-height:20px;
	width:436px;
	left:21px;
	margin-top:7px;
	background-image:url(../image/label-top.gif);	
}
div.label.home {
	margin-top:0px;
}
div.label.recipes {
	height:390px;
}
div.label.philosophy {
	margin-top:-4px;
}
div.label.topOnly {
	background-color:#d8e28c;
	background-image:url(../image/label-top-only.gif);	
	background-position:0 0;
	background-repeat:no-repeat;
}
div.greenBackground div.label.topOnly {
	left:20px;
	margin-top:10px;
}


div.label.ingredients {
	height:390px;
	max-height:390px;
}

div.label div.padding {
	padding:14px 10px 1px 14px;
}

div.labelBottom {
	position:relative;
	width:436px;
	height:6px;
	left:21px;
	background-image:url(../image/label-bottom.gif);
	background-repeat:no-repeat;
}

div.labelBottom.mb30 {
	margin-bottom:30px;
}
div.mb3 {
	margin-bottom:3px;
}

div.label p {
	font-size:75%;
	line-height:16px;
	margin:0 0 1em 0;
}
div.label.home p {
	margin:0 0 1ex 0;	
}

div.label h4 {
	font-size:110%;
	font-weight:bold;
	line-height:120%;
	margin:6px 0 0.5em 0;
	color:#3a4105
}
div.label h5 {
	font-size:75%;
	line-height:150%;
	margin:0 0 2px 0;
	font-weight:bold;
	color:#382b28
}
div.label.ingredients h5 {
	display:inline;
}

div.label.ingredients p.inline {
	display:inline;
}
div.label.ingredients p {
	margin:1ex 0 1em 0;
}
div.label.ingredients div.columnNote {
	position:relative;
	width:220px;
	padding-top:1ex;
}

div.label.ingredients div.columnNote p {
	margin:0;
}
div.label.ingredients div.columnList { 
	float:right; 
	position:relative;
	white-space:nowrap;
	padding-top:1ex;
}

div.label ul.noBullets, div.label ul.ingredients {
	margin:0;
	padding:8px 0 8px 0;
	position:relative; /* for IE6 */
}

div.label ul.ingredients {
	padding:0 !important;
}

div.label ul.noBullets li {
	list-style:none;
	margin:0;
	padding:0;
	font-size:75%;
	line-height:200%;
}

div.label ul.noBullets li a {
	color:#596406;
	font-weight:bold;
}

div.label ul.ingredients li {
	margin:0;
	list-style-type:none;
	padding:0 0 12px 20px;
	font-size:75%;
	line-height:100%;
	background-position:0 0;
	background-repeat:no-repeat;
}
div.label ul.ingredients li.last {
	padding-bottom:2px;
}
div.label ul.ingredients li.check {
	background-image:url(../image/bullet-ingredients-check.gif);
}
div.label ul.ingredients li.fail {
	background-image:url(../image/bullet-ingredients-fail.gif);
}
div.loneLink {
	margin:8px 0 4px 0;;
	clear:both;
	
}
div.loneLink a {
	font-size:75%;
	line-height:200%;
	color:#596406;
	font-weight:bold;
	
}
/* BO changed RE 06/12/2009 */

h3.pageTitle {
	position:relative;
	z-index:1;
	left:35px;
	top:13px;
	margin:0 !important;
	height:auto;
	background-repeat:no-repeat;
}
h3.pageTitle span {
	display:none;
}


h3.pageTitle.stockist {
	background-image:url(../image/titles/stockist.gif);
	width:303px;
	height:47px !important;
}
h3.pageTitle.ourNewMenu {
	background-image:url(../image/titles/our-new-menu.gif);
	width:303px;
	height:47px !important;
}

h3.pageTitle.home {
	background-image:url(../image/titles/welcome-to-our-new-menu.gif);
	width:459px;
	height:46px !important;
	top:14px;
	left:15px;
	margin-bottom:7px;
}

h3.whyAreOurPotsSpecial {
	background-image:url(../image/titles/why-are-our-pots-special.gif);
	width:525px;
	height:71px !important;
	top:11px;
	left:33px;
}

h3.hippPhilosophy{
	background-image:url(../image/titles/hipp-philosophy.gif);
	width:333px;
	height:58px !important;
	top:12px;
	left:36px;
}


h3.stage1, h3.stage2, h3.stage3 {
	background-image:url(../image/titles/stage-1-from-4-months-onwards.gif);
	width:220px;
	height:77px !important;
	margin:0;
	left:0;
	top:0;
}
h3.stage2 {
	background-image:url(../image/titles/stage-2-from-7-months-onwards.gif);
	width:217px;
	height:68px !important;
}
h3.stage3 {
	background-image:url(../image/titles/stage-3-from-10-months-onwards.gif);
	width:227px;
	height:77px !important;
}

h3.range {
	background-image:url(../image/titles/here-is-a-taste-of-our-steamed-recipes.gif);
	width:540px;
	height:107px !important;
	left:19px;
	top:38px;
}


img#stamp-omega {
	position:absolute;
	left:606px;
	top:406px;
}
/* BO added RE 06/12/2009 */

table#stockingTable {
	position:relative;
	width:649px;
	height:392px;
	background-image:url(../image/stockist-table-background.png);
	border:0;
	margin-left:13px;
}
table#stockingTable table, table#stockingTable theader, table#stockingTable th, table#stockingTable tr, table#stockingTable tbody, table#stockingTable td {
	margin:0;
	padding:0;
}

table#stockingTable caption {
	display:none;
}
table#stockingTable td {
	font-size:0.70em;
	font-family: verdana, Helvetica, Arial, sans-serif;
}
table#stockingTable td.first {
	padding-left:30px;
}
table#stockingTable img.first {
	padding:39px 0 0 30px;
}
table#stockingTable img.lastStockist {
	position:relative;
	margin-top:6px;
}

p.ps {
	font-size:0.60em;
	letter-spacing:-0.2px;
	padding:0 30px 0 5px;
	margin:3px 0 8px 0;
	text-align:right;
}
div.bottomNav.recipe {
	padding:12px 0 5px 0; /*needed for omega */
	margin-left:-13px;
}
div.bottomNav a {
	margin-left:47px;
	font-weight:bold;
	text-decoration:underline;
	color:#1e2400;
	font-size:12px;
}
:focus {
	outline: 0;
}

/* EO added RE 06/12/2009 */


#content #contentBox {
	font-size:0.7em;
	line-height: 1.3em;
	margin: 0 13px 0 11px;
	padding: 0 10px;
	color: #382b28;
	background-color:#D9E28F;
}
#content .rightImage {
	margin:13px 0 0 0;
}
#index a.btn {
	display: block;
	text-decoration: none;
	height:39px;
	/* RE added */ width:146px;
}
#index a.range {
	background:url(../image/button_icons_sprites.jpg) 0 -250px no-repeat;
	width:146px;
	margin:0; /* RE 10/12/2009 was o auto - causes contentn to disappear in EI6, so replaced by mlr2929 */
}
#index a.range.mlr2929 {
	margin:0 29px 0 29px;
}
#content ul#contentLinks { /* RE 07/12/2009 changed image and LI sizes */
	margin:-13px 0 0 7px;
	padding:0;
	z-index:1;
	position:relative;
	background-image:url(../image/background-homepage-links.jpg);
	width:676px;
	height:249px;
}
#content #contentLinks li {
	display: inline;
}
#content #contentLinks li a {
	display:block;
	float: left;
	text-decoration: none;
}
#content #contentLinks li a.philosophy {
	background: url(../image/home_btns_sprite.jpg) no-repeat;
	width:227px;
	height:251px;
}
#content #contentLinks li a.special {
	background: url(../image/home_btns_sprite.jpg) -227px 0 no-repeat;
	width:210px;
	height:237px;
}
#content #contentLinks li a.weaning {
	margin-left: 10px;
	background: url(../image/home_btns_sprite.jpg) -437px 0 no-repeat;
	width:227px;
	height:248px;
}
#content-steam #stageLinks {
	position:relative;
	height:337px;
	width:auto;
	margin:0 0 0 10px;
	padding:0;
}
#content-steam #stageLinks li {
	margin:0;
	padding:0;
	list-style:none;
	display: inline;
}

#content-steam #stageLinks li#stage1 a{
	width:208px;
	height:337px;
	background:url(../image/menu_sprite.jpg) 0 0 no-repeat;
	display: block;
	text-decoration: none;
	float: left;
}

#content-steam #stageLinks li#stage1 a:hover{
	background:url(../image/menu_sprite.jpg) 0 -351px no-repeat;
}


#content-steam #stageLinks li#stage2 a{
	width:208px;
	height:337px;
	background:url(../image/menu_sprite.jpg) -209px 0 no-repeat;
	display: block;
	text-decoration: none;
	float: left;
}

#content-steam #stageLinks li#stage2 a:hover{
	background:url(../image/menu_sprite.jpg) -209px -351px no-repeat;
}

#content-steam #stageLinks li#stage3 a{
	width:208px;
	height:337px;
	background:url(../image/menu_sprite.jpg) -415px 0 no-repeat;
	display: block;
	text-decoration: none;
	float: left;
}

#content-steam #stageLinks li#stage3 a:hover{
	background:url(../image/menu_sprite.jpg) -415px -351px no-repeat;
}

/*Promos*/
#promos {
	margin:0;
}

#babyClubPromo div {
	background: url(../image/widgets/HiPP_Organic_pots_join_baby_club.jpg)0 -40px no-repeat;
	width:224px;
	height:124px;
	margin:-1px 0 0 0;
	padding: 0;
}
#Promo1 {

	width:224px;
    height:163px;
	margin:0 10px;
	padding: 0 0 6px 0;
}

#Promo2 {

	width:224px;
	height:163px;
	margin: 0 10px;
	padding: 0 0 6px 0;
}

#Promo3 {

	width:224px;
	height:163px;
	margin: 0 10px;
	padding: 0 0 6px 0;
}






#htt {background: url(../image/backgrounds/bg-Competition.gif) repeat-y;}
#htt .title-bg {background: url(../image/titles/title-hipps-topTips.gif) no-repeat; height:260px;}
#htt #contentBox {font-size:0.7em; line-height: 1.3em; margin: 0 13px 0 11px; padding: 0 10px; color: #382b28; background-color:#D9E28F;}
#htt .margLeft40 {margin-left:40px;}
#htt h3 {margin:20px 0 18px 14px; height:125px;}
#htt #contentLinks li {margin:0; padding:0; list-style:none; padding-bottom:5px}
#htt #contentLinks li a {font-size:75%; color: #596406; font-weight:bold}















	








#need .reUse-TitleContainer {margin:75px 0 5px -10px;}
#need {background: url(../image/bg-need.gif) no-repeat; height:520px;}
#need .bolder {text-align:center; width: 660px; margin:0; padding:0 0 0 25px; word-spacing:-1px; font-family:Verdana, sans-serif, Helvetica, Arial; font-weight:bold; font-size: 90%;; line-height:20px}
#need .picContainer {clear:both; border:1px solid red}
#need #content {width:676px; height:249px; margin-left:-4px}
#need .reUse-buttonContainer {height:45px; margin-top:15px; margin-left:40px}
#need .btnLeft {width:200px; padding-left:100px}
#need .btnRight {width:270px; padding-left:35px}
#need #contentNeedLinks { /* RE 07/12/2009 changed image and LI sizes */
   /*margin:-13px 0 0 7px;*/
   margin:0;
   padding:0;

}

#need #contentNeedLinks ul { /* RE 07/12/2009 changed image and LI sizes */
   /*margin:-13px 0 0 7px;*/
   margin:0 0 0 15px;
   padding:0;

}
#need  #contentNeedLinks li {
   display: inline;
   list-style: none
}
#need #contentNeedLinks li a {
   display:block;
   float: left;
   text-decoration:none;
}
#need #contentNeedLinks li a.tt-icon {
   background:url(../image/weaning_image.jpg) 0 0 no-repeat;
   margin:0;
   width:227px;
   height:265px;
}
#need #contentNeedLinks li a.ytt-icon {
	background:url(../image/weaning_image.jpg) -235px 0 no-repeat;

   margin: 0;
   width:210px;
   height:265px;
}
#need #contentNeedLinks li a.weaning-icon {
	background:url(../image/weaning_image.jpg) -445px 0 no-repeat;
   margin:0;
   width:217px;
   height:265px;
   }
   
   
/*   
#reuse h5 {
	text-align:center;
	width: 620px;
	margin:0px;
	padding:0px
}
.reUse-TitleContainer {margin:75px 0 0 40px}
.reUse-carouselContainer {height:315px; margin-top:7px; margin-left:30px;}
.reUse-buttonContainer {height:45px; margin-top:0; margin-left:40px; }
*/


.maincontentBox{
	font-size:0.7em;
	line-height: 1.3em;
	margin: 10px 13px 0 20px;
	padding: 0 10px;
	color: #382b28;
	background-color:#D9E28F;
}

.mainText {
	font-size:75%;
}
 .border {border:1px dashed red}
 .headerContainer {height:170px}
 .clear {clear:both}
 .detailTitles {float:left; width:232px}
 .detailInputs {float:left; width:290px}
 
 div.tableHeader {
	position:relative;
	z-index:1;
	left:35px;
	top:12px;
	margin-bottom:-47px;
}

/*form erroring*/
#competition .detailInputs {float:left; padding:1px 0; width:300px}
.forms{ padding:2px 0 2px 20px; margin:2px 0; height:20px; clear: both;}

.error,
.notice, 
.success{border: 1px solid #ddd; width:617px !important;}
.error{ background: #FBE3E4; border-color: #ff3300; }

.error label, .error h5, .error h7{ color: #9d1f00 !important;}
.notice { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success{ background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a{ color: #D12F19; }
.notice a { color: #817134; }
.success a{ color: #529214; }


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */
   
.hidden {
	margin:0 !important;
	padding:0 !important;
	font-size: 1px !important;
	visibility: hidden !important;
	text-decoration:none !important;
}


.clear {
	display: inline-block;
}

.right {float:right}
.left {float:left}

.clear:after, .container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .clear {
	height: 1%;
}
/*.clear { display: block; }*/