@charset "UTF-8";
/* CSS Document */

.body {
	background-image:url(images/bg_site.jpg);
	background-repeat:repeat;
	z-index:-2;
	font-family: "Heiti TC","PMingLiu";
 }

.entireSite {
	max-width: 960px;
	/*margin: 20px auto;*/
	background-image:url(images/bg_site_container_tile.jpg);
	background-position:center center;
	background-repeat:repeat !important;
	z-index: -1;
}

#efo-website {
	margin-bottom: 30px;
	/*color:#33C;*/
}

#efo-website a {
	color:#008cba;
}

@media screen and (min-width:1px) {
	.egg5 {
		max-height:58px;
		max-width: auto;
	}
	.flex-direction-nav {
		display:none !important;
	}
	.flex-caption {
		left: 0 !important;
	}
	
.flex-control-nav li {visibility:hidden;}
.flexslider { width:100%; }

p.efo-ft1 {
		font-size: 12px;
	}
	p.efo-ft2 {
	font-size: 10px;
	font-color: #999999;
	}
	p.flow {
	font-size:22px;
	font-weight:400;
	color: #006;
	}
	.site {
		font-size: 22px;
	}
	#media-wrapper {
		/*margin-top:20px;*/
		margin-top:60px;
		background:none;
	}
}

@media screen and (min-width:320px) {
	.egg5 {
		/*max-height:36px;*/
		max-height:70px;
		max-width: auto;
	}
	#media-wrapper {
		background: none;
		/*margin-top:10px;*/
		margin-top:61px;
	}
	.flex-direction-nav {
		display:none !important;
	}
	.flex-caption {
		left: 0 !important;
	}
	.flex-control-nav li {visibility:hidden;}
	.flexslider { width:100%; }
	p.efo-ft1 {
		font-size: 12px;
	}
	p.efo-ft2 {
	font-size: 10px;
	font-color: #999999;
	}
	p.flow {
	font-size:20px;
	font-weight:400;
	color: #006;
	}
	.site {
		font-size: 24px;
	}
}


@media screen and (min-width:480px) {
	.site {
		font-size: 24px;
	}
	p.efo-ft1 {
		font-size: 12px;
	}
	p.efo-ft2 {
		font-size: 10px;
		font-color: #999999;
	}
	.entireSite {
		margin-top:5px;
		margin-left:0;
		margin-right:0;
		margin-bottom:20px;
	}
	p.flow {
	font-size:24px;
	font-weight:400;
	color: #006;
	}
.egg5 {
		/*max-height:100px;*/
		max-height:88px;
		max-width: auto;
	}
	#media-wrapper {
		background:none;
		/*margin-top:0px;*/
		margin-top:61px;
	}
	.flex-direction-nav {
		display:none !important;
	}
	.flex-caption {
		left: 0 !important;
	}
	.flex-control-nav li {visibility:hidden;}
	.flexslider { width:100%; }
	
	p.efo-ft1 {
		font-size: 10px;
	}
	p.efo-ft2 {
	font-size: 8px;
	font-color: #999999;
	
	}
}
	

}
@media screen and (min-width:640px) {
	.site {
		font-size: 28px;
	}
	/*.egg5 {
		max-height:98px;
		max-width: auto;
	}*/
	.egg5 {
		/*max-height: 138px;*/
		max-height: 124px;
		max-width: auto;
	}
	#media-wrapper {
		/*margin-top:10px;*/
		background:none;
		margin-top:61px;
	}
	.flex-control-nav li {visibility:visible;}
	
	.flexslider { width:100%; }
	p.efo-ft1 {
		font-size: 10px;
	}
	p.efo-ft2 {
	font-size: 8px;
	font-color: #999999;
	}
	p.flow {
	font-size:28px;
	font-weight:400;
	color: #006;
	}
}
@media screen and (min-width:768px) {
	.site {
		font-size: 25px;
	}
	p.efo-ft1 {
		font-size: 10px;
	}
	p.efo-ft2 {
	font-size: 8px;
	font-color: #999999;
	
	}
	.entireSite {
		margin-top:15px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:20px;
		max-width:97%;
	}
	p.flow {
	font-size:24px;
	font-weight:500;
	color: #006;
}
.egg5 {
		/*max-height: 138px;*/
		max-height: 124px;
		max-width: auto;
	}
	#media-wrapper {
position: relative;
background: url(images/bg_homepage_rich_media_frame.png) no-repeat;
background-size:contain;
z-index: 100;
/*margin-top:10px;*/
margin-top:67px;
}
.flex-control-nav li {visibility:hidden;}
.flexslider {
	left: 5%;
	width:90.4%;
	
}


}
@media screen and (min-width:960px) {
	.site {
		font-size: 30px;
	}
	.egg5 {
		max-height:152px;
		max-width: auto;
	}
	.flex-direction-nav {
		display:none !important;
	}
	.flex-caption {
		left: 0 !important;
	}
	.flex-control-nav li {visibility:visible;}
	.flexslider {
	left: 5%;
	width:90.4%;
	}
	p.efo-ft1 {
		font-size: 12px;
	}
	p.efo-ft2 {
		font-size: 10px;
		font-color: #999999;
	}
	p.flow {
	font-size:30px;
	font-weight:400;
	color: #006;
	}
	#media-wrapper {
		position: relative;
		background: url(images/bg_homepage_rich_media_frame.png) no-repeat;
		background-size:contain;
		z-index: 100;
		/*margin-top:0px;*/
		margin-top:67x;
	}
}
@media screen and (min-width:1025px) {
	.site {
		font-size: 32px;
	}
	.entireSite {
		margin-top:20 px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom:20px;
		max-width: 1024px;
	}
	p.flow {
	font-size:32px;
	font-weight:500;
	color: #006;
}
	.egg5 {
		max-height:166px;
		max-width: auto;
	}
	#media-wrapper {
position: relative;
background: url(images/bg_homepage_rich_media_frame.png) no-repeat;
background-size:contain;
z-index: 100;
/*margin-top:0px;*/
margin-top:28px;
}
.flex-control-nav {
position: absolute;
bottom: 30px;
margin: 0;
padding: 0;
list-style: none;
width: 89%;
text-align: right;
z-index: 80;
}

.flex-direction-nav {
display: block !important;
margin: 0;
padding: 0;
list-style: none;
}

.flex-prev {
position: absolute;
top: 38%;
left: 3px;
width: 42px;
height: 43px;
text-align: left;
text-indent: -9999px;
outline: none;
overflow: hidden;
background: url(images/b_homepage_rich_media_prev.png) no-repeat;
z-index: 11;
}

a.flex-prev:hover {
	background-position: 0 -43px;
}

.flex-next {
position: absolute;
top: 38%;
right: 3px;
width: 42px;
height: 43px;
text-align: left;
text-indent: -9999px;
outline: none;
overflow: hidden;
background: url(images/b_homepage_rich_media_next.png) no-repeat;
z-index: 11;
}

a.flex-next:hover {
	background-position: 0 -43px;
}

.flex-control-nav li {visibility:visible;}
.flexslider {
	left: 5%;
	width:90.4%;
	
}
	p.efo-ft1 {
		font-size: 12px;
	}
	p.efo-ft2 {
		font-size: 10px;
		font-color: #999999;
	}
}

@media screen and (min-width:1280px) {
	.site {
		font-size: 34px;
	}
	p.flow {
	font-size:31px;
	font-weight:600;
	color: #006;
}
.egg5 {
		max-height:166px;
		max-width: auto;
	}
	.flex-control-nav li {visibility:visible;}
	.flexslider {
	left: 5%;
	width:90.4%;
	}
	p.efo-ft1 {
		font-size: 14px;
	}
	p.efo-ft2 {
		font-size: 12px;
		font-color: #999999;
	}
	#media-wrapper {
		position: relative;
		background: url(images/bg_homepage_rich_media_frame.png) no-repeat;
		background-size:contain;
		z-index: 100;
		/*margin-top:0px;
		margin-top:21px;*/
		margin-top:28px;
	}
}
@media screen and (min-width:1600px) {
	.site {
		font-size: 34px;
	}
	p.flow {
	font-size:32px;
	font-weight:600;
	color: #006;
}
.egg5 {
		max-height:166px;
		max-width: auto;
	}
	
.flex-control-nav li {visibility:visible;}
.flexslider {
	left: 5%;
	width:90.4%;
	}
	p.efo-ft1 {
		font-size: 14px;
	}
	p.efo-ft2 {
		font-size: 12px;
		font-color: #999999;
	}
	#media-wrapper {
		position: relative;
		background: url(images/bg_homepage_rich_media_frame.png) no-repeat;
		background-size:contain;
		z-index: 100;
		/*margin-top:0px;*/
		margin-top:28px;
	}
}

@media screen and (min-width:1920px) {
	.site {
		font-size: 30px;
	}
	p.flow {
	font-size:30px;
	font-weight:600;
	color: #006;
}
.egg5 {
		max-height:166px;
		max-width: auto;
	}	
	
	.flex-control-nav li {visibility:visible;}
	
	.flexslider {
	left: 5%;
	width:90.4%;
	}
	p.efo-ft1 {
		font-size: 14px;
	}
	p.efo-ft2 {
		font-size: 12px;
		font-color: #999999;
	}
	#media-wrapper {
		position: relative;
		background: url(images/bg_homepage_rich_media_frame.png) no-repeat;
		background-size:contain;
		z-index: 100;
		/*margin-top:0px;*/
		margin-top:28px;
	}
}


#main {
	width: 100%;
	padding-bottom: 2%;
}

#recipes img {
	
	box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.4);
	margin-bottom: 20px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 10px;
	align:center;
}

#recipes a img {
	border: 4px solid #BEAF93;
}

#recipes a:hover img {
	border-color:#ECC512;
}

#recipes p {
	text-align:center; 
	margin-top:auto;
	margin-bottom: 20px;
	margin-left:auto;
	margin-right:auto;
	color:#006;
}

#recipes h2 {
	color: #006;
} 

#tabs {
	max-width:846px;
	height:auto;
	background-image:url(images/tab-background.png);
	background-repeat:no-repeat;
	padding: 20px;
	margin:auto;
}

#bottom-right {
	background:url(images/bg_home_tabbed_content_bottom_right.jpg) 100% 100% no-repeat scroll transparent;
}

#content-padding {
	padding: 20px;
}

#bottom-left {
	background:url(images/bg_home_tabbed_content_bottom_left.jpg) 0px 100% no-repeat scroll transparent;
}

#top-right {
	background:url(images/bg_home_tabbed_content_top_right.jpg) no-repeat scroll 100% 0px transparent;
}

/* #tabs-1 {
	float:right;
	width:37%;
	margin-right:30px;
} */

#top-left {
	background:url(images/bg_home_tabbed_content_top_left.jpg) no-repeat scroll 0px 0px transparent;
}

#inner-left {
	background:url(images/bg_home_tabbed_content_left_side.jpg) repeat-y scroll 0px 0px transparent;
}

#tabs-wrapper {
	background:url(images/bg_home_tabbed_content_right_side_with_middle.jpg) repeat-y scroll 100% 100% transparent;
	
}

#recipe-right-col {
	position:relative;
	float:left;
	width:63%;
}

#recipe-left-col {
	position:relative;
	float:left;
	width:37%;
	font: 1em Arial, Helvetica, sans-serif;
	color:#FFF;
}

#recipe-info-cont {
	margin:0 0 26px 0;
	padding:20px 19px 23px 19px;
	background:#2672ab;
	box-shadow:0px 5px 5px 0px rgba(0,0,0,0.5);
}

#recipe-left-col-content {
	padding:0px 10% 0px 0px;
}

#recipe-content-wrapper {
	width:92%;
	margin:auto;
}

.clear-break {
	clear:both;
}

#recipe-right-col img {
	position:relative;
	max-width:98%;
	height:auto;
	border:4px solid #BEAF93;
	box-shadow:0px 4px 4px 0px rgba(0,0,0,0.6);
}

#recipe-general-info-description {
	clear:both;
	margin:0px 0px 14px;
	padding:0px 0px 4px;
	font-size:0.9em;
	border-bottom:1px solid #5397CA;
}

#recipe-general-info-description h3 {
	color:#fff !important;
}

#recipe-general-info-details {
	margin:0px 0px 14px;
	padding:0px 0px 14px;
	border-bottom:1px solid #5397CA;
}

#recipe-general-info-details ul li span {
	color:#9CF;
	width:40%;
	display:inline-block;
	text-align:left;
	vertical-align:top;
	font:1.1em Georgia, Arial, Helvetica, sans-serif;
	color: #FFC;
}

#recipe-general-info-details ul li span.recipe-general-info-label {
	width:58%;
	color:#9CF;
}

#page-content-area ul li {
	list-style-image:none;
	list-style-type:none;
}

#page-content-area {
	position:relative;
	/*top:-40px;*/
}

#recipe-content-left-col {
	float:left;
	width:39%;
	font-size:0.9em;
}

#recipe-content-left-col-content {
	padding:0px 13% 0px 0px;
}

#recipe-ingredients-cont {
	margin:0 0 28px 0;
}

/*#recipe-ingredients-cont ul li input {
	position:absolute;
	top:3px;
	left:0;
}*/

input[type=checkbox] + label {
	box-sizing:border-box;
	padding:0px;
	text-decoration:none;
}

input[type=checkbox]:checked + span {
	text-decoration:line-through;
}

/*#recipe-ingredients-cont ul li .checked span {
	text-decoration:line-through;
}*/
	
#recipe-content-right-col {
	float:left;
	width:61%;
	font-size:0.9em;
}

/*button, input {
	line-height:normal;
	margin:0px;
	vertical-align:baseline;
	font-family:sans-serif;
	font-size:100%; 
}*/

#recipe-ingredients-cont ul {
	font-weight: normal;
	cursor: pointer;
	list-style:none;
}

#recipe-ingredients-cont label {
	display:block;
	font-size:0.875rem;
	color:#4d4d4d;
	line-height:1.2em;
}

#recipe-content-wrapper h3 {
	font-size:1.4em;
	line-height:1em;
	margin:0 0 13px 0;
	padding:0;
	font-weight:normal;
	font-family: "Heiti TC","PMingLiu",Georgia, sans-serif;
	color: #00529b;
}

#recipe-ingredients-cont ul {
	position:relative;
	margin:0;
	padding:0 0 7px 0;
	background:none;
	font-size:1em;
	font-family: "Heiti TC","PMingLiu",sans-serif;
	
}

#recipe-content-right-col p {
	margin:0 0 17px 0;
	padding:0;
	font-size:1.2em;
	font-family: Arial, Helvetica, "Heiti TC","PMingLiu", sans-serif;
	font-weight:normal;
	line-height:20px;
	color:#666;
	background:transparent;
}

#page-title-cont {
	position:relative;
	clear:both;
	background:#a19790;
	/*padding:20px 5% 10px 5%;*/
	padding:5px 5% 5px 5%;
	opacity:0.8;
	/*margin:22px 0 0 0;*/
	
}

#page-title-cont h1 {
	position:relative;
	font:3.4em;
	color:#fff;
	text-transform:uppercase;
	text-shadow:3px 2px 5px #000;
	opacity:1;
	z-index:2;
}

#page-sub-nav-cont {
	clear:both;
	/*margin:0 0 24px 0;*/
	margin:0 0 15px 0;
	padding:8px 5% 5px;
	background:#CBC2BD;
}

#page-sub-nav-cont a {
	position:relative;
	display:inline-block;
	padding:4px 15px 4px 15px;
	margin:0 11px 8px 0;
	background:#958e89;
	font:0.9em Arial, Helvetica, sans-serif;
	color:#dfdddc;
	text-transform:uppercase;
	text-decoration:none;
	border-radius:
}

#recipe-content-wrapper h2 {
	font-size:1.9em;
	line-height:1.5em;
	padding:0;
	font-weight:normal;
	font-family:Georgia, sans-serif;
	color:#00529b;
}

#recipe-wrapper h2 {
	font-size:2em;
	line-height:1em;
	padding:0;
	font-weight:normal;
	font-family:Georgia, sans-serif;
	color:#00529b;
}

#recipe-general-info-options a.b-print-recipe {
	display:inline-block;
	padding:5px 0 10px 31px;
	font: 1.1em "Heiti TC","PMingLiu", Georgia, Arial, Helvetica, sans-serif;
	min-height:12px;
	color:#fff;
	text-transform: uppercase;
	cursor:pointer;
	text-decoration:none;
	background:url(images/ico_print.png) no-repeat;
}

a {
	outline: medium none;
	color:#103546; 
}

.recipe-eggspert-advice-cont {
	position:relative;
	background:#fff;
	border:6px solid #ece7de;
	border-radius:4px;
	box-shadow:0px 2px 4px 0px rgba(0,0,0,0.4);
	/*margin:0 13% 0 0;*/
	margin:0 13% 20px 0;
}

.recipe-eggspert-advice-content {
	padding:15px;
}

.recipe-eggspert-advice-content h4 {
	font-style:italic;
	
	
}

h4 {
	font-size:1.3em;
	line-height:1em;
	margin:0 0 11px;
	padding:0;
	font-family:Georgia, sans-serif;
	color:#00529b;
	/*display:block;*/
}

#recipe-nutrients-per-serving-cont {
	margin:28px 0 0 0;
	padding:25px 0 0 0;
	border-top:1px solid #cbc2bd;
	line-height:normal;
}

.top-bar {
	height:70px;
	/*height: 50px;*/
	line-height: 45 px;
	position:relative;
	/*background:url(images/bg_network_bar-1x50.png);*/
}

#menu-1 {
	padding-bottom:40px;
}

#page-content-area dl dd {
	background:#2672ab;
}

.accordion .accordion-navigation.active > a, .accordion dd.active > a {
	background:#FFD300;
}

.accordion .accordion-navigation > a, .accordion dd > a {
	/*background:#0965AB;*/
	background:url(images/bg_network_bar.png) repeat-x;
}

.accordion .accordion-navigation > a, .accordion dd > a {
	color:#fff;
} 

#recipe-general-info-left-col #recipe-general-info-options {

}

#recipe-left-col #recipe-general-info-options #recipe-general-info-options-sharing {
	float: right;
	padding: 4px 0 0 0;
}

/*#recipe-general-info-options-sharing {
	float: right;
	padding: 4px 0 0 0;
}*/

element.style {
	text-decoration: none;
	color: #000000;
	display: inline-block;
	cursor: pointer;
}

.stButton {
	position: relative;
	z-index: 1;
	font-size: 14px;
	line-height: 16px;
}

#recipe-general-info-options #recipe-general-info-options-sharing .stButton .chicklets {
	padding-left: 17px;
	padding-right:0px;
}

.stButton .facebook {
	background-image:url(images/facebook_16.png);
}

.stButton .email {
	background-image:url(images/email_16.png);
}

.stButton .twitter {
	background-image:url(images/twitter_16.png);
}

.stButton .pinterest {
	background-image:url(images/pinterest_16.png);
}

.stButton .sharethis {
	background-image:url(images/sharethis_16.png);
}


.recipe-titles {
	position: relative;
	display: block;
	margin: 0;
	padding: 0 0 0 36px;
	height: 29px;
	/*font: 14px Arial, Helvetica, sans-serif;*/
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	background:url(images/nav_recipe_mobile_icons.png) no-repeat scroll 0px 0px;
	cursor:pointer;
	/*border-radius:4px;*/
}

#tab2 span {
	background-position: 0 0;
}

#tab1 span {
	background-position: 0 -87px;
}

#tab3 span {
	background-position: 0 -29px;
}

#tab4 span {
	background-position: 0 -59px;
}


.accordion .accordion-navigation > a, .accordion dd > a {
	padding: 0.4rem !important;
}

#survey-button {
	margin: 10px 0px 0px 0px;
}