/*Page Layout Elements */

body{
	background: 		#badd8c url('../images/bg.gif') repeat-x top left;
	font-family:		Arial, Helvetica, sans-serif;
	font-size: 			90%;
	margin: 			27px 0px;
	padding: 		    0;
}
#wrapper{
	width: 				771px;
	margin: 			0 auto;
	background: 		transparent;
}

.clear{
	font-size: 			1px;
	line-height: 		0.1em;
	clear: 				both;
}

object, embed {
	z-index: 50;
}

/* Link Styles */

a {
	color: #74AD22;
}

a:link {
	color: #74AD22;
}

a:hover {
	color: #3399CC;
}

a:visited, a:active {
	color: #666;
}

a img {
	text-decoration:none;
	border: 0;
}

#pageBorderTop{
	background: #trasparent 		url('../images/pageBorderTop.gif') no-repeat top center;
	height: 			21px;
}

#pageBorderBottom{
	background: 		url transparent ('../images/bottomBorder.gif') no-repeat;
	height:	 			26px;
}

#pageMain-Home div#pageBorderBottom {
}

#pageMain{
	width: 				771px;
	background-color: 	transparent;
	margin: 			0;
	padding: 			0;
}

#contentOuter{
	margin: 			-5px 0 0 0;
	padding: 			0;
	height:				100%;
	width:				100%;
	background:			transparent url(../images/bg_content.png);
}

#contentInner{
	background:			transparent;
	margin: 			-4px 8px 0px 10px;
	padding:			0 9px;
	height: 			100%;
	width: 				726px;
}

#flashcontent{

}

#pageMain-Home div#contentInner{
	padding: 			0px;
	margin: 			0 10px 0 11px;
	border-right: 		none;
	border-left: 		none;
	position: 			relative;
	z-index:1;
	background:			transparent;
	height:				423px;
}

#meerkat {
	height: 			536px;
	width: 				874px;
	float:				left;
	margin:24px 0 0 23px;
	position: 			relative;
	display:			inline;
	z-index:100;
}

#meerkatLeft {
	width:478px;
	height:536px;
	float:left
}

#meerkatRight {
	background:url(../pomRight.gif) no-repeat top left;
	width:396px;
	height:375px;
	float:left;
}

#meerkatRightBase {
	background:url(../pomRightBase.gif) no-repeat top left;
	height:161px;
	width:396px;
	float:left;
	text-align: left;
}

#meerkatRightBase2{
	width:132px;
	height:42px;
	margin:5px 0 0 115px;
	padding:0;
}

#meerkatRightBase3{
	width:132px;
	height:42px;
	margin:25px 0 0 0px;
	padding:0;
}

/*#menuHolder {
	background-color:#00FF00;
	height:40px;
}*/



/*#pageMain-Home div#contentOuter {
	padding: 			0px ;
	margin: 			0px;
	background:			transparent url(../images/bg_content.png);
}*/

/* Header Elements */
#header {
	padding: 			0 0 0 210px;
	margin: 			0;
	text-align:			left;
	height:				121px;
	width:				709px;
	background: transparent url('../images/header_logo.png') no-repeat left;
}
#headerAdmin {
	padding: 			0 0 0 210px;
	margin: 			0;
	border-left: 		1px solid #CCC;
	border-right: 		1px solid #CCC;
	background: 		#FFF url('../images/header.gif') no-repeat scroll 0 0;
	text-align:			left;
	width: 				767px;
}
/* fixes 1px error with header in Firefox. IE ignores this rule */
/**>#header{
	background: 		#FFF url('../images/header.gif') no-repeat scroll -1px 0;
}*/

#header img {
	margin: 			0;
	padding: 			0;
	border: 			0;
}

#header a img {
	margin: 			0;
	padding: 			0;
}

#headerBottom {
	background: 		transparent url('../images/headerBottom-white_lg.jpg') no-repeat;
	height: 			55px;
	padding: 			0;
	margin: 			-5px 0 0 0;
	border-left: 		0px solid #CCC;
	border-right: 		0px solid #CCC;
	
}
/* Different header background for different pages */
#pageMain-blue div#headerBottom {
	background: 		transparent url('../images/headerBottom-white_lg.jpg') no-repeat;
}

#pageMain-darkblue div#headerBottom {
	background: 		transparent url('../images/headerBottom-white_lg.jpg') no-repeat;
}

#pageMain-pink div#headerBottom {
	background: 		transparent url('../images/headerBottom-white_lg.jpg') no-repeat;
}

#pageMain-darkpink div#headerBottom {
	background: 		transparent url('../images/headerBottom-white_lg.jpg') no-repeat;
}

#pageMain-green div#headerBottom {
	background: 		transparent url('../images/headerBottom-white_lg.jpg') no-repeat;
}

#pageMain-yellow div#headerBottom {
	background: 		transparent url('../images/headerBottom-white_lg.jpg') no-repeat;
}

#pageMain-yellow2 div#headerBottom {
	background: 		transparent url('../images/headerBottom-white_lg.jpg') no-repeat;
}

#pageMain-orange div#headerBottom {
	background: 		transparent url('../images/headerBottom-white_lg.jpg') no-repeat;
}

#pageMain-lightorange div#headerBottom {
	background: 		transparent url('../images/headerBottom-white_lg.jpg') no-repeat;
}



/* Left Navigation Styles */

#leftNav{
	width: 				194px;
	margin: 			0;
	padding: 			0;
	float: 				left;
	text-align: 		center;
	background: 		#FEBA2E url('../images/leftNavBottom.gif') no-repeat 100% 100%;
}

#leftNav a img {
	border: 			none;
}

#leftNav a{
	/*text-decoration:	none;*/
	color:white;
	text-align:left;
}

#leftNav li {
	text-align:left;
	margin-left:10px;
	margin-bottom:4px;
}

#leftNav ul{
	padding:			0px;
	margin: 			0px;
	list-style-type: 	none;
}

/*#leftNav ul ul{
	text-align: left;
	margin-left: 30px;
	margin-top: -5px;
}

#leftNav ul ul li {
	margin-bottom: 5px;
}

#leftNav ul ul li a {

			text-decoration: none;
			
			color: #FFF;
			
			font-size: 93%;

}

#leftNav ul ul li a:hover {
	background-color: #FEBA2E;
	text-decoration: underline;

}	
*/
#leftNav ul li.down ul {
	display: none;
}
/* Egg Facts pop-up */

#leftNav div#eggFacts {
	position: 	relative;
	bottom: 	-3px;
	left: -1px;
}

/*#leftNav>div#eggFacts {
	left: -2px;
}*/
/* Recipe Search Box */
#recipeSearch { 
	height: 			114px;
	width: 				85%;
	background-color: 	#F57E36;
	margin: 			5px auto;
	font-size:			90%;
	position: 			relative;
	bottom: 			0px;
}

#recipeSearchLeft{
	background: 		url('../images/recipes/recipeSearchLeft.gif') top left;
	width: 				5px;
	height: 			114px;
	float: 				left;
}

#recipeSearchRight{
	background: 		url('imagesrecipes/recipeSearchLeft.gif') top right;
	width: 				5px;
	height: 			114px;
	float: 				right;
}

#recipeSearchMain {
	margin:  			0px;
	padding-left: 			5px;
	float:				left;
	width:              145px;
}

#recipeSearchMain form {
	margin: 			0;
	padding: 			0;
	text-align: 		left;
}

#recipeSearchMain form label {
	margin: 0;
	padding: 0;
}

#recipeSearchMain input {
	width: 				110px;
	border: 			0;
}

#recipeSearchMain input.button {
	margin: 0;
	padding: 0;
	position: relative;
	bottom: -8px;
}

/* Home Page navigation items */

.navItem {
	width: 				193px; 
	margin:				5px auto;
}

.navItem img.navMainImg{
	float: 				left;
	width: 				auto;
	margin: 			5px;
}

.navItem img.navText{
	float: 				left;
	position: 			relative;
}

.navItem p {
	margin: 			0 0 10px 0;
	padding: 			0;
	text-align: 		left;
	position: 			relative;
	float: 				left;
	color: 				#E54025;
	font-size: 			80%;
	width: 				40%;
	
}

/* Kids Club navigation items */

#pageMain-kids div#leftNav {
	background: 		none;
	line-height: 		10px;
}

.navItemKidsOrange-top {
	background: 		#FFF url('../images/kids/navigation/navItemKidsOrange-bottom.gif') no-repeat scroll bottom center;
}

.navItemKidsOrange {
	background-color: 	#FEBA2E;
}

.navItemKidsOrange-bottom{
	background: 		#FFF url('../images/kids/navigation/navItemKidsOrange-bottom.gif') no-repeat scroll top center;
}

.navItemKidsGreen-top {
	background: 		#FFF url('../images/kids/navigation/navItemKidsGreen-top.gif') no-repeat scroll bottom center;
}

.navItemKidsGreen {
	background-color: 	#74AD22;
}

.navItemKidsGreen-bottom{
	background: 		#FFF url('../images/kids/navigation/navItemKidsGreen-bottom.gif') no-repeat scroll top center;
}

.navItemKidsRed-top {
	background: 		#FFF url('../images/kids/navigation/navItemKidsRed-top.gif') no-repeat scroll bottom center;
}

.navItemKidsRed {
	background-color: 	#F30;
}

.navItemKidsRed-bottom{
	background: 		#FFF url('../images/kids/navigation/navItemKidsRed-bottom.gif') no-repeat scroll top center;
}

.navItemKidsBlue-top {
	background: 		#FFF url('../images/kids/navigation/navItemKidsBlue-top.gif') no-repeat scroll bottom center;
}

.navItemKidsBlue {
	background-color: 	#287EFF;
}

.navItemKidsBlue-bottom{
	background: 		#FFF url('../images/kids/navigation/navItemKidsBlue-bottom.gif') no-repeat scroll top center;
}

.navItemKidsPurple-top {
	background: 		#FFF url('../images/kids/navigation/navItemKidsPurple-top.gif') no-repeat scroll bottom center;
}

.navItemKidsPurple {
	background-color: 	#D04ADF;
}

.navItemKidsPurple-bottom{
	background: 		#FFF url('../images/kids/navigation/navItemKidsPurple-bottom.gif') no-repeat scroll top center;
}

/*Main Content */
#mainContent{
	float: 				left;
	margin: 			0 0px 0px 20px;
	width: 				502px;
	
}

#pageMain-Home div#mainContent {
	margin: 			0;
	padding: 			0;
}


#pageMain-blue div#mainContent{
	background: 		#D8EFFA url('../images/mainContentBottom-blue.gif') no-repeat scroll bottom center;
}

#pageMain-darkblue div#mainContent{
	background: 		#D0DEE8 url('../images/mainContentBottom-darkblue.gif') no-repeat scroll bottom center;
}

#pageMain-pink div#mainContent{
	background: 		#FAE6D3 url('../images/mainContentBottom-pink.gif') no-repeat scroll bottom center;
}

#pageMain-darkpink div#mainContent{
	background: 		#FFD9E0 url('../images/mainContentBottom-darkpink.gif') no-repeat scroll bottom center;
}

#pageMain-green div#mainContent{
	background: 		#D8DAA8 url('../images/mainContentBottom-green_lg.gif') no-repeat scroll bottom center;
}

#pageMain-yellow div#mainContent{
	background: 		#EFDB99 url('../images/mainContentBottom-yellow_lg.gif') no-repeat scroll bottom center;
}

#pageMain-yellow2 div#mainContent{
	background: 		#EFDB99 url('../images/mainContentBottom-yellow_lg.gif') no-repeat scroll bottom center;
}

#pageMain-orange div#mainContent{
	background: 		#E7C27A url('../images/mainContentBottom-orange_lg.gif') no-repeat scroll bottom center;
}

#pageMain-lightorange div#mainContent{
	background: 		#FFFFA1 url('../images/mainContentBottom-lightorange_lg.gif') no-repeat scroll bottom center;
}

#mainContentBody {
	background: #FFF;
	padding: 0 10px 10px 15px;
}

#mainContentTitle img.pageTitle {
	margin: 0 0 0 20px;
}

#pageMain-blue div#mainContentBody, #pageMain-darkblue div#mainContentBody,#pageMain-pink div#mainContentBody, #pageMain-darkpink div#mainContentBody, #pageMain-green div#mainContentBody, #pageMain-yellow div#mainContentBody, #pageMain-yellow2 div#mainContentBody, #pageMain-orange div#mainContentBody, #pageMain-lightorange div#mainContentBody{
	background: none;
	padding-bottom: 20px;
} 

#pageMain-blue div#mainContentBody p, #pageMain-darkblue div#mainContentBody p,#pageMain-pink div#mainContentBody p,#pageMain-darkpink div#mainContentBody p, #pageMain-green div#mainContentBody p, #pageMain-yellow div#mainContentBody p, #pageMain-yellow2 div#mainContentBody p, #pageMain-orange div#mainContentBody p, #pageMain-lightorange div#mainContentBody p{
	float: left;
	display:inline;
	width: 40%;
	margin: 0 0 10px 10px;
}

#pageMain-recipesHome div#mainContentBody {
	background: none;
}


/* Main Content Titles */
/*#pageMain-recipes div#mainContentTitle, #pageMain-recipesHome div#mainContentTitle {
	width: 				95%;
	border-bottom: 		1px solid #74AD22;
}*/


.callOutTopLeft {
	width: 11px;
	height: 9px;
	background : #D8F0B3 url('../images/greenBoxTopLeft.gif') top left no-repeat;
	float: left;
}

.callOutTopRight {
	width: 11px;
	height: 9px;
	background : #D8F0B3 url('../images/greenBoxTopRight.gif') top right no-repeat;
	float: left;
}

.callOutBottomLeft{
	width: 11px;
	height: 9px;
	background: #D8F0B3 url('../images/greenBoxBottomLeft.gif') bottom left no-repeat;
	float: left;
}

.callOutBottomRight{
	width: 11px;
	height: 9px;
	background: #D8F0B3 url('../images/greenBoxBottomRight.gif') bottom right  no-repeat;
	float: left;
}

.callOutTop {
	height: 9px;
	width: 340px;
	float: left;
	background : #D8F0B3;
	line-height: 9px;
}

.callOutBottom {
	height: 9px;
	width: 340px;
	float: left;
	background : #D8F0B3;
	line-height: 9px;
}


.callOut{
	background-color: #D8F0B3; 
	text-align: center; 
	color: #74ad22;
	width: 352px;
	clear: both;
	padding: 0px 5px;
	margin: 0;
}

.callOut p {
	margin: 0;
	padding: 0;
}

#pageMain-recipesHome div#mainContentBody {
	margin-top: 0;
	padding-top: 10px;
}

.recipesTitle img {
	margin-bottom: 5px;
}

.recipesTitle {
	border-bottom: 1px solid #74AD22;
	width: 95%;
	margin-bottom: 10px;
}

.recipesTitle h2 {
	margin: 			0px 0 5px 10px;
	padding: 			0;
	clear: 				left;
	width: 				100%;
	font-size: 			160%;
	color:				#71AD1B;
	
}

p.recipePre, p.recipePost {
	font-size: 85%;
	font-style: italic;
}

/*.recipesTitle>h2{
	margin: -16px 0 10px 24px;
}*/

	
#pageMain-kids div#mainContentTitle {
	display: inline;
	z-index: 100;
}

#pageMain-kids div#mainContentTitle p {
	margin-left: 5px;
	margin-bottom: 5px;
}

#pageMain-kids div#mainContentTitle hr {
	color: #74ad22;	
	height: 1px;
	margin-left: 5px;
	background-color: #74ad22;
}

#pageMain-kids div#mainContentTitle img {
	z-index: 20;
}

#pageMain-kids .kidsHomeImageRight {
	float: right;
	margin-top: -10px;
	z-index: 50;
}

#mainContentTitle .productsTitle {
	display: block;
	float: left;
	margin: 0 0 10px 10px;
}

#mainContent img.productsHomeImg, #mainContent img.kidsHomeImage{
	float: 				left;
	display: 			inline;
	z-index: 50;
}

#mainContent img.productsHomeImg_nomargin {
	margin: 0 -10px 0 0px;
	float: right;
}

/*#mainContentTitle .productsTitle {
	margin-top: 		-30px;
}*/

/*#mainContentTitle img.recipesTitleImage, #mainContentTitle img.productsTitleImage {
	float: 				right;
}*/

#mainContent img.productsTitleImage {
	float: left;
	display: inline;
}

ul.tick {
	list-style-type: none;
	border: 1px solid #CCC;
	background-color: #FFF;
	width: 300px;
	padding: 0px 10px 5px 10px;
	margin-left: 150px;
}

ul.tick img {
	margin-top: 5px;
}

/* Recipe pages */

#recipeMain {
	float: left;
	width: 40%;
}

#recipeExtra {
	float: left;
	width: 50%;
}

#recipeMain ul{
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0;
}

#recipeMain ul.recipeUL {
	list-style-type: disc;
	margin: 0 0 0 30px;
	padding: 0;
}
#recipeMain ul img {
	padding:0px 2px;
	margin-top: 3px; 
}

#recipeExtra img {
	padding: 0px;
	margin: 5px 0px;
	float: right;
}

#recipeExtra table {
	background: #E4FFAE url('../images/recipes/nutritionalBorder-bottom.gif') no-repeat scroll bottom center;
	color: #74AD22;
	font-weight: bold;
	width: 195px;
	float: right;
	font-size: 87%;
}

#recipeExtra table thead {
	background: #E4FFAE url('../images/recipes/nutritionalBorder-top.gif') no-repeat scroll top center;
	padding: 0px;
}

#recipeExtra table tbody td {
	border-top: 2px solid #FFF;
	padding: 5px 15px;
}

#recipeExtra table thead th {
	text-align: left;
	border: none;
	padding: 5px 15px;
}

.contactForm input, select, textarea {
	float: left;
	width: 200px;
	margin-bottom: 7px;
	border: 1px solid #74AD22;
}

.contactForm input.button {
	width: 100px;
	border: 1px solid #000;
	display: block;
}

.contactForm input.inputSmall, select.inputSmall {
	width: 40px;
}

.contactForm input.inputMedium, select.inputMedium{
	width: 100px;
}

.contactForm label {
	float: left;
	width: 170px;
}

.contactForm label em.required {
	color: #F00;
}

.contactForm textarea {
	height: 200px;
	width: 400px;
}

.contactForm fieldset {
	border: 0;
}

.contactForm fieldset.label {
	width: 100px;
}

.contactForm fieldset table {
	text-align:center;
}

.contactForm input.highlight {
	background-color: #FFFF99;
}

ul.didyouknowlist {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.didyouknowlist li {
	border-bottom: 1px #FEBA2E solid;
	padding-bottom: 10px;
	padding-top: 8px;
}

#jokesMainContainter {
	background: #FFF url("../images/kids/jokes-background.jpg") top right scroll repeat-y;
	padding-right: 200px;
}

p.smallPrint {
	font-size: 60%;
	float: none;
	width: auto;
}

p.jokeLink{
	color: #74AD22;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;

}

p.expanded {
	color: #666;
	text-decoration: none;
	cursor: default;
}

p.jokeAnswer {
	display: none;
	color: #F00;
	font-weight: bold;
	margin:0;
	padding: 0;

}

div.jokeContainer img {
	margin: 5px 5px 0 0;
}

div.jokeContainer p.jokeLink img {
	text-decoration: none;
}

div.craftyContainer{
	background: #FFF url("../images/kids/craftyKids-image.jpg") top right scroll no-repeat;
	padding-right: 360px;
	height: 360px;

}

div.recipeBackground{
	background: #FFF url("../images/recipes/homePageBackground.gif") bottom right scroll no-repeat;
	padding-bottom: 300px;
}

/* Footer */

#footer {
	font-size: 75%;
	font-weight: normal;
	color: #4f5f39;
	text-align: center;
	background-color: #badd8c;
	padding: 10px 0;
}

#footer a {
	color: #4f5f39;
	text-decoration: none;
}

#footer a:hover {
	color: #000000;
	text-decoration: underline;
}


.errMsg {
	font-size: 80%;
	color:#F00;

}

.recipeList {
	width: 800px;
}


.recipe{
	float: left;
	width: 170px;
	height: 170px;
	margin: 5px 0;
}

.recipe .recipeName{
	float: left;
	width: 120px;
	margin-top: 5px;
}