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

/*html {
	margin:0;
	padding:0;
	border:none;
	background:#1e4478 url(images/bg_site.jpg) 0 0;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 20px;
	color: #666;
	background: transparent;
	background: #fff;
	display: block;
}
*/

body, html {

  min-height: 100%;

}

body {
  background-image: url(../images/quiche-bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: -10px;

}

#efo-network-bar-wrapper {
	/*display:none;*/
	clear:both;
	min-width:314px;
	min-height:15px;
	background:url(images/bg_efo_network_bar_tile.png) repeat-x 0 100% #2976ae;
}

#efo-network-bar-wrapper #efo-network-bar-content {
	position:relative;
	margin:0 auto;
	padding:0 0 15px 0;
	max-width:960px;
}

/*#efo-network-bar-wrapper #efo-network-bar-content #network_bar {
	display:none;
	height:auto;
	background:none;
}*/

#network_bar {
	width:100%;
	background:url(images/bg_network_bar.png) repeat-x;
	height:44px;
}

#network_bar #network_bar_content {
	width:982px;
	margin:0 auto;
	padding:4px 0 0 0;
}

#network_bar #network_bar_content img {
	float:right;
	margin:0 0 0 10px;
}

img {
	vertical-align:middle;
}

#efo-network-bark-wrapper #network_bar #network_bar_content ul {
	float:none;
}

#network_bar #network_bar_content ul {
	float:right;
	padding:4px 0 0 0;
	margin:;
}


ul {
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
}

#efo-network-bar-wrapper #network_bar_content ul li {
	float:none;
	display:inline-block;
}

#network_bar_content ul li {
	float:left;
	padding:0;
	margin:0;
	font-family:verdana;
	color:#fff;
	font-size:11px;
	text-transform:uppercase;
	padding-right:10px;
	margin-left:10px;
	border-right:#4e83b4 solid 2px;
}

#network_bar_content li a {
	font-family:Verdana;
	color:#fff;
	font-size:11px;
	text-decoration:none;
	white-space:nowrap;
}

#site-wrapper {
	min-width:314px;
	overflow:hidden;
	max-width: 960px;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
}

#site-cont {
	margin:0 auto;
	/*max-width:1024px;*/
	max-width:960px;
	position:relative;
}

#site-cont-content {
	
}

#site-content-top-wrapper {
	padding:0 12px;
}

#site-content-top {
	margin:0 auto;
	max-width:960px;
	height:10px;
	background:url(images/bg_site_container_top.jpg) 50% 0 repeat-y;
}

#site-header {
	clear:both;
	display:block;
	max-width:952px;
	height:104px;
	margin:0 auto;
	padding-right:29px;
	overflow:visible;
	background:url(images/bg_header_plank_right.png) 100% 0 no-repeat;
}

#mobileheader {
	/*background:url(images/bg_header_plank_mobile.jpg) repeat-y;*/
	/*background:url(img/QuicheTitle-480x64.fw.png) no-repeat;*/
	
}
#site-header-content {
	position:relative;
	height:104px;
	padding:0;
	white-space:nowrap;
	background:url(images/bg_header_plank_left.png) 0 0 no-repeat;
}

#site-header-logo {
	float:left;
	position:relative;
	top:-10px;
	left:-16px;
	width:30%;
}

#site-header #site-header-logo-inner {
	padding:0;
}

#site-header-logo #logo-efo {
	display: block;
	position: absolute;
	z-index: 22;
}

#site-header-logo img {
	max-width:100%;
	height:auto;
}


#header-nav-wrapper {
	float: right;
	padding: 22px 0 0 0;
	width: 70%;
}

#header-nav-cont {
	display: block;
	padding: 0 0 5px 0;
}
	
#header-nav-cont ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

#header-nav-cont ul li {
	display: inline-block;
	padding: 0 13px 0 0;
	margin: 0 4px 0 0;
	background:url(images/bullet_header_nav.png) 100% 50% no-repeat;
}

#header-nav-cont ul li.last {
	background: none;
	margin: 0;
	padding: 0;
}

#header-nav-cont ul li a {
	display:inline-block;
	color:#2571aa;
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}

#header-nav-cont ul li#li-search a {
	padding:0 25px 0 0;
	background:url(images/ico_search.png) 100% 50% no-repeat;
}
	

ul li.leaf {
	list-style-image:url(images/menu-leaf.png);
	list-style-type:square;
}

ul.menu {
	border: medium none;
	text-align: left;
}

#pri-nav-cont ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none outside none;
}

#pri-nav-cont ul li {
	display:inline-block;
	padding:0 24px 0 0;
	margin:0 9px 0 0;
	background:url(images/bullet_pri_nav.png) 100% 50% no-repeat;
}

#pri-nav-cont ul li.last {
	background: none;
	margin: 0;
	padding: 0;
}

#pri-nav-cont ul li a {
	color:#00529b;
	font:2em "cubano",Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	text-decoration:none;
}

.clear-break {
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 0;
	height: 1px;
	line-height: 0;
	float: none;
}

/*#site-content-area-wrapper {
	padding: 0 12px;
	position:relative;
	top: -40px;
}*/

#site-content-area {
	margin: 0 auto;
	max-width: 960px;
	/*background:url(images/bg_site_container_tile.jpg) 50% 0 repeat-y;*/
}

/*#homepage-content-area {
	clear: both;
	padding: 18px 30px 25px;
}*/

#our-favourites-cont {
	float: left;
	width: 63%;
}

#our-favourites-cont #our-favourites-header-cont {
	clear: both;
	padding: 0 7% 0 0;
}

#our-favourites-cont h2 {
	float: left;
	display: block;
	margin: 0 0 16px 0;
	padding: 0;
	font: 2em "cubano", Arial,Helvetica,sans-serif;
	color:#00529b;
	text-transform:uppercase;
}

#our-favourites-cont .b-see-more-recipes {
	float:right;
	display:block;
	padding:0 17px 0 0;
	margin:16px 0 0 0;
	font:0.9em Georgia,Arial,Helvetica,sans-serif;
	text-align:right;
	color:#00529b;
	text-decoration:none;
	text-transform:uppercase;
	background:url(images/img_orange_arrow.png) 100% 50% no-repeat;
}

#home-tabs-wrapper {
	float: right;
	width: 37%;
	margin: 10px 0 0 0;
	background:url(images/bg_home_tabbed_content_right_side_with_middle.jpg) 100% 100% repeat-y;
}

#footbar {
	position:relative;
	top: -80px;
}



#site-footer {
	position:relative;
	clear:both;
	display:block;
	max-width:941px;
	min-height:116px;
	margin:0 auto;
	padding-right:33px;
	overflow:visible;
	background:url(images/bg_footer_plank_right.png) 100% 0 no-repeat;
	box-shadow:0px 3px 5px 1px rgba(0,0,0,0.4);
}

#site-footer-content {
	position:relative;
	min-height: 116px;
	padding: 0;
	white-space: nowrap;
	background:url(images/bg_footer_plank_left.png) 0 0 no-repeat;
}

#site-footer-nav-cont {
	float: left;
	padding: 42px 0 0 0;
	max-width: 408px;
	width: 50%;
	text-align: center;
	white-space: normal;
}

#site-footer-left-tag {
	position: relative;
	left: -3px;
	float: left;
	margin: 15px 0 0 0;
	width: 235px;
	height: 76px;
	background:url(images/bg_footer_tag_social_media.png) 100% 0 no-repeat; 
}

#site-footer-left-tag #site-footer-left-tag-content {
	padding: 16px 10px 0 20px;
}

#site-footer-left-tag #site-footer-left-tag-content ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#site-footer-left-tag #site-footer-left-tag-content ul li {
	float: left;
	display: block;
	padding: 0;
	margin: 0 2% 0 0;
	width: 18%;
	max-width: 47px;
	background: none;
}

#site-footer-left-tag #site-footer-left-tag-content ul li a {
	display: block;
	padding: 0;
	margin: 0;
	max-width: 32px;
	outline: medium none;
	cursor: pointer;
}

#site-footer-left-tag #site-footer-left-tag-content ul li a img {
	max-width: 100%;
	height: auto;
	cursor: pointer;
}

div {
	display: block;
}

ul {
	font-family:Arial, Helvetica, sans-serif;
	display:block;
}

img {
	border: 0px;
	vertical-align: middle;
}

#logo-image {

	margin: 5px auto 5px;
	padding-left: 28px;

}

/*a {
	text-decoration: underline;
	font-weight: normal;
	color: #103546;
	outline: none;
}*/

#site-footer-left-tag #site-footer-left-tag-content ul li.last {
	margin-right: 0;
}

#site-footer-site-logo-mobile {
	display: none;
}

.site-footer-site-logo {
	position: absolute;
	right: 0;
	float: right;
	padding: 22px 0 0 0;
	width: 296px;
}

.site-footer-site-logo img {
	max-width: 100%;
	height: auto;
}

#site-footer-nav-cont ul {
	display: inline-block;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	text-align: center;
}

#site-footer-nav-cont ul li {
	float: none;
	display: inline-block;
	padding: 0 16px 0 0;
	margin: 0 10px 0 0;
	background:url(images/bullet_footer_nav.png) 100% 8px no-repeat;
}

ul.menu {
	border: none;
}

ul li.leaf {
	list-style-image:url(images/menu-leaf.png);
	list-style-type: square;
}

#site-footer-nav-cont ul li a {
	font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#18365e;
	text-decoration:none;
}

#cta-footer-learn-more-about-egg-farming {
	position: absolute;
	display: block;
	top: -33px;
	right: -46px;
	width: 216px;
	height: 144px;
	background:url(images/tag_footer_learn_more_about_egg_farming.png) no-repeat;
}

.b-img {
	text-align: left;
	text-indent: -9999px;
	outline: none;
	overflow: hidden;

}

/*#site-footer-copy {
	padding: 0 12px;
	position:relative;
	top:-80px ;
}*/

#site-footer-copy-content {
	background:url(images/bg_site_container_tile.jpg) 50% 0 repeat-y;
	color:#2976b2;
	font:0.6em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	max-width: 960px;
	padding: 18px 12px 18px 12px;
	text-align: center;
}

#site-footer-copy-content #site-footer-copy-text {
	margin: 0;
	padding: 0 0 7px 0;
}

#site-footer-copy-content #site-footer-copy-text a {
	color: #2976b2;
	text-decoration: none;
}

#site-footer-copy-content #site-footer-bestel-copy {
	margin: 0;
	padding: 0;
	color: #ccc;
}

#site-footer-copy-content #site-footer-bestel-copy a {
	color: #aaa;
	text-decoration: none;
	font-size:0.6em;
}

#nav-header {
	margin:5px 0px 0px 0px;
}

@media screen and (min-width:1px) {
	#site-content-area-wrapper {
	padding: 0;
	position:relative;
	/*top: -40px;*/
	}
	
	#homepage-content-area {
	clear: both;
	padding: 18px 0px 40px;
	}
	
	#site-footer-copy {
	padding: 0;
	position:relative;
	top:-80px ;
	}
	
	#footbar {
		margin-left:0px;
		margin-right:0px;
		margin-top:10px;
	}
}

@media screen and (min-width:641px) {
	#site-content-area-wrapper {
	/*padding: 0 12px;*/
	position:relative;
	/*top: -40px;*/
	}
	
	#homepage-content-area {
	clear: both;
	/*padding: 18px 8px 25px;*/
	padding: 10px 0px 0px;
	}
	
	#titlebar {
		position:relative; 
		z-index:100; 
		width:100%;  
		margin:0 0 0 0; 
		padding-left:0px; 
		padding-right:0px;
	}
	
	#site-footer-copy {
	padding: 0 12px;
	position:relative;
	top:-80px ;
	}
	
	#footbar {
		margin-left:0px;
		margin-right:0px;
		margin-top:10px;
	}
}

@media screen and (min-width:1025px) { 
	#site-content-area-wrapper {
	/*padding: 0 12px;*/
	position:relative;
	/*top: 5px;*/
	}
	
	#homepage-content-area {
	clear: both;
	/*padding: 18px 8px 25px;*/
	/*padding: 10px 12px 25px;*/
	padding: 10px 0px 0px;
	}
	
	#titlebar {
		position:relative; 
		z-index:100; 
		width:100%;  
		margin:0 0 0 0; 
		padding-left:0px; 
		padding-right:0px;
	}
	
	#site-footer-copy {
	padding: 0 12px;
	position:relative;
	top:-80px ;
	}
	
	#footbar {
		margin-left:0px;
		margin-right:0px;
		margin-top:10px;
	}
}


.top-bar .name h1 {
	font-family: Arial, Helvetica, "Heiti TC","PMingLiu", sans-serif;
	font-size: 1.2rem !important;
}

.top-bar .name a {
	text-decoration: none !important;
}

li .toggle-topbar .menu-icon a {
	text-decoration: none !important;
}

.top-bar .toggle-topbar a {
	font-size: 1.2rem !important;
}

.top-bar .top-bar-section li>a {
	text-decoration: none !important;
}

.top-bar a:active {
    background: #ffdd00 !important;
}

.top-bar-section ul li {
	background: white !important;
}

.top-bar-section li a:not(.button) {
    background: #1a6299 !important;   
}

.top-bar-section li a:not(.button):hover {
    background: #ffdd00 !important;   
}

.top-bar-section ul li>a {
  background-color:white !important;
}

.top-bar-section ul li.active > a {
    background: #ffdd00 !important;   
}

.top-bar-section ul li.active > a:hover {
    background: gray !important;   
}


.top-bar .title-are {
	background: #ffdd00;
}

.top-bar.expanded .title-area {
	background: #ffdd00 !important;
}

.top-bar .toggle-topbar .menu-icon a span {
	text-decoration: none !important;
}

.top-bar-section ul li>a {
	font-family: Arial, Helvetica, "Heiti TC","PMingLiu", sans-serif;
	font-size: 1rem;
}


h2 {
	margin-top: 0.1rem !important;
	margin-bottom: 0.4rem !important;
}

.accordion.accordion-navigation>a:hover, .accordion dd>a:hover {
	background: gray !important;
}