@charset "utf-8";
/* CSS Document LIVE SITE */
.mm-menu { display: none; }
#menu:not( .mm-menu ) {
     display: none;
}
/*PRINTING */

@media print {
@page {
margin:30px 0 30px 0;
}
#cwsWrap {
	position:relative;
	top:0px;
	margin:0 auto 0 auto; 
	background:#ffffff;
	max-width:95%;
	height:auto;
	-webkit-box-shadow:none;
   	-moz-box-shadow: none;
   	box-shadow:none;
	border:0px #fff solid;
	font-size:70%;
	
}
#cwsHeaderWrap {display:none;max-height:0; height:0;overflow:hidden;}
#headerBackground { display:none;max-height:0; height:0;  }

h1#recipeTitle {display:none;}
hr {display:none;}
#signInTop {display:none;max-height:0;height:0; }
#socialMediaTop {display:none;max-height:0;height:0; }
#tagLine {display:none; max-height:0;height:0; }
#navWrap {display:none;max-height:0; height:0; }
#standardMenu{display:none;max-height:0;height:0;  }
#mobileMenu{display:none;max-height:0;height:0;  }
#menu{display:none;max-height:0;height:0;  }
#mainWrap {clear:both; width:100%; max-width:100%; margin:0; overflow:hidden; padding:0; margin-top:0 !important;  }
#cwsSideBar {display:none; float:none; width:0; min-width:0; max-width:0;}
#cwsMain {float:none; min-width:100% !important; margin: 0 0 0 0 !important; }
#recipePhoto{ float:left; width:20% !important; }
.recipePhoto img{ width:100% !important; height:auto;}
#printOnlyLogo{ display:block !important; float:none; width:100% !important; text-align:center; margin: 0 0 20px 0;   }
#recipeTitle{ float:right;width:65% !important;   }
#recipeSocialMedia{display:none; }
#recipeCommentCount { display:none !important;}
.rate-result-cnt {display:none;}
.recipePhoto {max-width:200px; }
.recipeDisplay { line-height:normal !important;}
#vendorrecipes {display:none;}
#footerEmailSignUp {display:none;}
#footerSocial { display:none;}
#footerMainLeft { display:none;}
#footerMainRight { display:none;}
#footerLinks { display:none;}
#footerCopyright {float:left; width: 100% !important;}
#rateRecipeLogin { display:none;}
#reviewsHeader {display:none;}
#container{ display:none;}
.noprint{ display:none;}
}

html, body { margin:0; padding:0; font-family: 'Noto Sans', sans-serif; font-size:1.0em; background-color:#F7F7F7; 
}
img {border:none;}
h1 {font-family: 'Crete Round', serif; font-weight:100;  color: #188F48; margin: 0px 0px 10px 0px; line-height:normal; font-size: 30px; }
h2 {font-family: 'Crete Round', serif; font-weight:100;  color: #666; margin: 0px 0px 5px 0px;  line-height:normal; font-size: 26px;}
h3 {font-family: 'Crete Round', serif; font-weight:100;  color: #188F48; margin: 0px;   line-height:normal; font-size: 24px;}
h4 {font-family: 'Crete Round', serif; font-weight:100; color: #188F48; margin: 0px 0px 8px 0px; line-height:normal; font-size:22px;}
h5 {font-family: 'Crete Round', serif; font-weight:100;  color: #188F48; margin: 10px 0 0 5px;   line-height:normal; font-size: 20px;}

#cwsWrap {
	position:relative;
	top:0px;
	margin:0 auto 0 auto; 
	background:#ffffff;
	width:1200px; 
	height:auto; 
	padding:0 20px 20px 20px;
		-webkit-box-shadow: 4px 4px 14px #888;
   		-moz-box-shadow: 4px 4px 14px #888;
   		box-shadow: 4px 4px 14px #888;
	overflow:hidden;
}
#cwsHeaderWrap { width:1200px; height:145px;margin:0 auto 0px auto; padding:5px 0 0 0;position:fixed; background:#ffffff; z-index:99991; border-bottom: 1px #188F48 solid; }
#cwsHeaderWrapBlog { width:1200px; height:145px;margin:0 auto 0 auto; padding:20px 0 0 0;position:fixed; background:#ffffff; z-index:99991; }
#headerBackground { background:url(/images/2015Layout/headerBackground.png) repeat; width:100%; height:143px;}
#logo {width:22%; height:135px; float:left; margin:5px 0 5px 20px; text-align:center;}
#logo img {max-height:125px; width:auto; padding:5px;}
#printOnlyLogo{ display:none;}
#socialMediaTop {  padding:10px 0 ; text-align:left;  font-size:90%;   }
#signInTop { float:right; width:30%;  height:20px; padding:15px 20px 0 0; text-align:right; font-size:90%;  }
#recipeSearch { float:left; width:850px;   padding:0; margin:20px 0 0 40px; text-align:left; }
#tagLine {float:left; width:40%;   padding:15px 0 0 40px; margin: 0 auto 0 auto; text-align:left; color:#136C37; font-size:115%; font-weight:400; font-style:italic; }
#signInTop  a:link { color : #fff; text-decoration : none; }
#signInTop a:active { color : #188F48; text-decoration : none; }
#signInTop a:visited { color : #fff; text-decoration : none; }
#signInTop a:hover { color : #188F48; text-decoration : none; }
h1#recipeTitle {width:100%; text-align:left;}

.filterCats {font-size:90%; overflow:hidden;}
a.filterKeywordLinkSelected {float:left; border:1px #ccc solid; border-radius:3px; background-color:#d7eae1; margin: 3px; padding: 0 5px;}
a.filterKeywordLinkSelected:hover {background-color:#fff; }

a.filterKeywordLink {float:left; border:1px #d7eae1 solid; border-radius:3px; background-color:#fffff; margin: 3px; padding: 0 5px;}
a.filterKeywordLink:hover {background-color:#d7eae1; }

#headerRight {float:right; width:35%; margin:0 auto 0 auto; text-align:right;  padding: 0 10px 0 0;LIST-STYLE-TYPE: none; }
#headerRight ul ul {
	display: none;
}
#headerRight ul li:hover > ul {
	display: block;
}
#headerRight ul {
	list-style: none;
	position: relative;
	display: inline-table;
	line-height:normal; font-size:14px;  text-transform:uppercase;
	margin: -5px 0 0 0;
}
#headerRight ul:after {
	content: ""; clear: both; display: block;
	}
#headerRight ul li {
	float: left; 
	}
#headerRight ul li:hover {
	color:#ccc; 
	}
#headerRight ul li a {
	color: #136C37;
	padding: 10px 10px 5px 10px; margin:0; 
	}
#headerRight ul li a:link {
	color:#136C37;
	}
#headerRight ul li a:visited {
	color:#136C37;
	}
#headerRight ul li:hover a {
	color: #136C37; 
	background:#ABCEBD;
	border-radius: 5px ;
	padding:10px 10px 5px 10px;
	}
#headerRight ul li:hover a {
	color:#136C37;
	background:#ABCEBD;
	border-radius: 5px 5px 0 0 ;
	padding:10px 10px 5px 10px;
	}
#headerRight ul li a {
	display: block; 
	color: #136C37;
	}
#headerRight ul li:hover a {
	color: #136C37;
	}
#headerRight ul ul {
	background:#ABCEBD;
	padding:5px;
	position: absolute; top: 100%; left:0; 
	margin: 0;
	width:auto;
	min-width:130px;
	z-index:99999;
	border-radius: 0 0 5px 5px;
	}
#headerRight ul ul li {
	float: none; 
	position: relative;
	padding: 2px 5px 2px 10px;	
		}
#headerRight ul ul li.subLink a {
	font-weight:400; font-size:1em; text-transform:none; color:#317B4B;
	text-align:left;
	border-radius:3px; 
		}	
#headerRight ul ul li.subLink a:link {
	color:#317B4B;
	padding: 1px 5px;
	border-radius:3px;   
		}
#headerRight ul ul li.subLink a:hover {
	color:#ABCEBD !important;
	border-radius:3px;
	background-color:#136C37;
	
	}
#headerRight ul ul li.subLink a:visited {
	color:#317B4B;
	border-radius:3px;  
	}		
#headerRight ul ul ul {
	position: absolute; left: 100%; top:0;
	}


/************************************************************************************
NAV
*************************************************************************************/
#navWrap {float:right;  height:auto; text-align:center; line-height:normal; margin:0 25px 0 0;  }
#navBarAdmin {width:98%; float:left;text-align:left;  font-size:14px;}
#navBar {width:100%; float:right;text-align:left; }
nav .adminMenu {font-size:14px;}
nav #mainMenu { width:100%;  margin:0;  padding:0; LIST-STYLE-TYPE: none; text-align:left;   }

nav #mainMenu ul ul {
	display: none;
}

nav #mainMenu ul li:hover > ul {
		display: block;
	}


nav #mainMenu ul {
	list-style: none;
	position: relative;
	display: inline-table;
	font-family: 'Noto Sans', sans-serif; font-weight:400;  font-size:18px;
	line-height:normal;
	padding:0;
	
}
	nav #mainMenu ul:after {
		content: ""; clear: both; display: block;
	}

	nav #mainMenu ul li {
		float: left; padding: 0 13px; margin:0; 
	}
	#navBarAdmin ul li {
		float: left; padding: 0 15px !important; margin:0; font-size:16px;
	}
nav ul {
	list-style: none;
	position: relative;
	display: inline-table;
	font-family: 'Noto Sans', sans-serif; font-weight:400;  font-size:18px;
	line-height:normal;
	padding:0;
	
}
	nav  ul li {
		float: left; padding: 0 10px; margin:0; color:#fff;
	}
		nav #mainMenu ul li:hover {
			color: #abcebd  ;

		}
		
			nav  ul li a {
				color: #ffffff;
				text-decoration:none;
			}
			nav #mainMenu ul li a:link {
					color:#ffffff;
				}
			nav #mainMenu ul li a:visited {
					color:#ffffff;
				}
			nav #mainMenu ul li:hover a {
				color: #188F48  ;
				
			}
			nav ul li a:link {
					color:#ffffff;
				}
			nav ul li a:visited {
					color:#ffffff;
				}
			nav ul li:hover a {
				color: #188F48  ;
				
			}
		
		nav #mainMenu ul li a {
			display: block; padding: 0 0 0 20px;
			color:#188F48;
		}
			
		
	nav #mainMenu ul ul {
		background: #75B38E; 
		padding:5px;
		position: absolute; top: 100%; 
		margin: 0 0 0 10px;
		width:auto;
		min-width:200px;
		border-top:5px #75B38E solid;
		z-index:99999;
	}
		nav #mainMenu ul ul li {
			float: none; 
			border-bottom: 1px solid #ABCEBD; 
			position: relative;
			padding: 3px 0;
			font-size:0.8em !important; 
			
		}
			nav ul ul li a {
				font-family: 'Noto Sans', sans-serif; font-weight:400;  text-transform:none; color:#ffffff;
				text-align:left;
			}	
				nav #mainMenu ul ul li a:link {
					color:#ffffff;
					padding: 5px;
				}
				nav #mainMenu ul ul li a:hover {
					background: #ABCEBD;
					color:#ffffff;
					padding: 5px;
				}
				nav #mainMenu ul ul li a:visited {
					color:#ffffff;
					padding: 5px;
				}
		
	nav #mainMenu ul ul ul {
		position: absolute; left: 100%; top:0;
	}
ul #browseRecipesSubMenu { width: 80% !important; position:absolute; top:0; left:20px; background-color:#abcebd; font-family: 'Noto Sans', sans-serif; font-weight:400;  font-size:18px;
	line-height:normal;	padding:10px 25px 0 25px  !important ; border-radius:5px; border:0 !important ;}
#browseRecipesSubMenu .col {width:31%; float:left; margin: 20px 1%;border:0 !important ; }
#browseRecipesSubMenu .col a {}
.browseRecipesMenuHeader {font-weight:bold; font-style:italic;  color:#ffffff !important; font-size:120%; padding: 10px 0 30px 0;}


#mobileMenu{display:none; }
#mobileMenu .mmheader{ display: none; }
#mobileMenu nav{ display: none; }
#menu {visibility:hidden; }

#primary {float:left; width:68%;}
#recipeSearchNav {float:right; width:17.5%; height:45px; margin: 0 50px 0 3px;padding:1.5% 0 0 0; font-size:85%; }
#adminRecipeSearchNav{float:right; width:17.5%; height:45px; margin: 0 50px 0 3px;padding:1.5% 0 0 0; font-size:85%; }

#blogHeader { clear:both; width:100%; text-align:left; padding: 40px 0 0 20px; margin-top:180px; overflow:hidden; }
#blogHeader h1 {margin: 0; font-size:26px;}
#blogHeader h2 {margin: 5px auto 0 auto;text-align:left; font-weight:100;  color: #666; line-height:normal; font-size:18px; } 
#mainWrapHome {clear:both;width:100%; margin-top:168px; overflow:hidden;}
#mainWrap {clear:both;width:96%; margin-top:210px; overflow:hidden; padding:0  2%;}
#mainWrapBlog {clear:both;width:96%; margin-top:0; overflow:hidden; padding:0  2%;}
#adminSliderWrap {clear:both;width:100%; overflow:hidden;}
#cwsMain {float:left; width:68%; margin: 0 1% 0 0;}
#cwsMainNoSidebar {float:none; width:98%; margin: 0 auto 0 auto;}
#sideBarHome {float:right; width:30%; margin:5% 0 0 0; text-align:center;}
#sideBarSlider {float:right; width:30%; margin:0 0 0 0; text-align:center;}
#cwsSideBar {float:right; width:30%; margin:20px 0 0 0; text-align:center;}
.sideBarAd {width:300px;  height:auto; overflow:hidden; margin: 0 auto 10px auto;}
.randomRecipeBox {min-height:370px; text-align:center;}
.randomRecipeBox H3{text-align:center !important; margin: 0  auto;}
.randomRecipeBox img {object-fit: cover;}
.recipePageRecipeBox {min-height:330px; text-align:center;}
.recipePageRecipeBox H3{text-align:center !important; margin: 0  auto;}
.recipePageRecipeBox img {object-fit: cover;}
#dailySpecial {border:1px #cccccc solid; padding:10px 0 0 0; text-align:center; margin: 0 auto 10px auto; overflow:hidden; background:#333333; }
#dailySpecial img {width:100%; }
#dailySpecial h2 {color:#ffffff;}
#dailySpecial a:link {
color : #fff;
text-decoration : none;
}
#dailySpecial a:active {
color : #ABCEBD;
text-decoration : none;
}
#dailySpecial a:visited {
color : #fff;
text-decoration : none;
}
#dailySpecial a:hover {
color : #ABCEBD;
text-decoration : none;
}
#dailySpecial .recipeBox {
	width:100%; 
	height:auto;
	margin: 0;
	text-align:center;
	position:relative;
}
#dailySpecial img {
	width:100%;
	min-width:100%;
	max-width:100%;
	position:relative;
}
.dailySpecialHeader h2 {
	text-align:center;
	font-weight:100;
	color:#ffffff;
	background:#000;
	width:98%;
	top:0;
	left:0;
	text-align:center;
	/* OPACITY */
  	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100); 
	opacity: 1.0;
	z-index:10;
	padding: 1% 1% 0 1%;
	margin:0;
}

#dailySpecial .recipeBox  .recipeTitle {
	text-align:center;
	color:#ffffff;
	/* OPACITY */
  	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100); 
	opacity: 1.0;
	font-size:16px;
	font-family: 'Crete Round', serif; font-weight:100;  line-height:normal;
}
#dailySpecial .recipeBoxTitleBackground {
	background:#333333;
	min-height:45px;
	width:98%;
	position:absolute;
	bottom:0;
	left:0;
	text-align:center;
	/* OPACITY */
  	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
	filter: alpha(opacity=80); 
	opacity: 0.8;
	z-index:10;
	padding: 1% 1% 0 1%;
	margin:0;
	color:#ffffff;
}
.recipeBoxTitleBackground {
	background:#333333;
	min-height:45px;
	width:98%;
	position:absolute;
	bottom:0;
	left:0;
	text-align:center;
	/* OPACITY */
  	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
	filter: alpha(opacity=80); 
	opacity: 0.8;
	z-index:10;
	padding: 1% 1% 0 1%;
	margin:0;
	color:#ffffff;
}
#dailySpecial .recipeBox:hover {
	/* OPACITY */
  	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
	filter: alpha(opacity=70); 
	opacity: 0.7;
	background:#333333;
}
#dailySpecial .recipeBox:hover .recipeBoxTitleBackground {
	background:#126633;
	width:98%;
	position:absolute;
	bottom:0;
	left:0;
	text-align:center;
	/* OPACITY */
  	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100); 
	opacity: 1.0;
	z-index:10;
	padding: 1% 1% 0 1%;
	margin:0;
}
.dailySpecialHome {position:relative;}
.dailySpecialHomeHeader {position:absolute; top:0; left:0; width:100%; height:35px;text-align:center; color:#fff; padding:10px 0 0 0;
	/* OPACITY */
	background:#126633;
  	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=90); 
	opacity: 0.9;
	z-index:10; }
#searchRecipesByIngredientHome  { padding:0; overflow:hidden; text-align:center; background:#e2e2e2;height:auto; min-height:282px; }
#searchRecipesByIngredientBackgroundHome   {background:url(../images/PlateKnifeFork_White300.png) no-repeat;width:100%; height:100%;}
#searchRecipesByIngredientHome h3 {text-align:center; color: #188F48;margin: 30px 0 20px 0;  }
#searchRecipesByIngredientMain { padding:0; overflow:hidden; text-align:center; background:#e2e2e2;height:auto;min-height:260px; max-height:260px;  }
#searchRecipesByIngredientBackgroundMain  {background:url(../images/PlateKnifeFork_White300.png) no-repeat; width:100%; max-width:272px;}
#searchRecipesByIngredientMain   h3 {text-align:center; color: #188F48;margin: 30px 0 20px 0;  }
#farmerMarketSearchSidebarHome   {  padding:0 0 20px 0; text-align:center; background:url(../images/2015Layout/farmers-market-background-fullcolor.jpg) #f1f1f1;  background-size:cover; height:263px; width:100%; max-width:282px;}
#farmerMarketSearchSidebarHome   h3 {text-align:center; color: #ffffff; background:#323232; margin: 20px 0 20px 0; padding:10px 0 10px 0; font-weight:100; }



#searchRecipesByIngredient  {  clear:both;   border:1px #ccc solid; padding:1%; margin:0 auto 0px auto; overflow:hidden; text-align:center; background:#e2e2e2;}
#searchRecipesByIngredientBackground {background:url(../images/PlateKnifeFork_White300.png) no-repeat; width:100%; min-height:200px;}
#searchRecipesByIngredient h3 {text-align:center; color: #188F48; }
#farmerMarketSearchSidebar {  border:1px #ccc solid; padding:0 0 20px 0; margin:0 auto 10px auto; overflow:hidden; text-align:center; background:url(../images/2015Layout/farmers-market-background-fullcolor.jpg) no-repeat #f1f1f1;  }
#farmerMarketSearchSidebar h3 {text-align:center; color: #ffffff; background:#323232;padding:10px 0 10px 0; font-weight:100; }

#joinLeft { width:45%; float:left; padding: 20px 0; }
#joinRight {width:50%; float:right;}
.joinRightDivider { border-left:1px #e2e2e2 solid; padding-left:20px;  }
.headerJoin {font-family: 'Crete Round', serif; font-weight:700;  color: #333333; margin: 20px 0 10px 0; font-size:16px;}
#formLeft { width:45%; float:left; padding: 20px 0; }
#formRight {width:45%; float:right;padding: 20px 0; }
#formFull {width:100%; clear:both;padding: 20px 0;}
#submitRecipeLeft { width:40%; float:left; padding: 20px 0; text-align:left;}
#submitRecipeRight {width:60%; float:right;padding: 20px 0; text-align:left;}

.col_1of4Icon {float:left; width:25%;}
.col_1of1{clear:both; width:98%; margin:3% 1% 2% 1%;}
.col_1of3 {float:left; width:31%; margin:2% 1%; text-align:center;}
.col_2of3 {float:left; width:64%; margin:2% 1%; }
.col_3of3 {clear:both; width:98%; margin:3% 1% 2% 1%;}

.col_1of1  img {width:100%; min-width:100%; max-width:100%;}
.col_1of3  img {width:100%; min-width:100%; max-width:100%;}
.col_2of3  img {width:100%; min-width:100%; max-width:100%;}
.col_3of3  img {width:100%; min-width:100%; max-width:100%;}
.col_1of4  img {width:100%; min-width:100%; max-width:100%;}
.col_1of3, .col_2of3, .col_3of3 h2{ font-size:24px; color:#000; text-align:left;}
.col_1of3, .col_2of3, .col_3of3 h3{ font-size:20px; font-family: 'Noto Sans', sans-serif; text-align:center;}

.col_1of3, .col_2of3, .col_3of3 a:link {color : #0f6e36; font-size:16px;font-weight:700; text-decoration : none;}
.col_1of3, .col_2of3, .col_3of3 a:active {color : #666;}
.col_1of3, .col_2of3, .col_3of3 a:visited {color : #0f6e36;}
.col_1of3, .col_2of3, .col_3of3 a:hover {color : #666;}

.col_1of2{ float:left; width:44%; margin: 0 3%;}
.col_1of4 {float:left; width:24%; margin:2% 0.25% 0.1% 0.25%; text-align:center;}
.col_1of4Left {text-align:left;}
.col_1of2Left{ float:left; width:35px; margin: 0; text-align:center;}
.col_1of2Right{ float:left; width:70%; margin: 0 3%; text-align:left;}

.col_1of5 {float:left; width:18%; margin:2% 1%; text-align:center;}
.col_1of5  img {width:100%; min-width:100%; max-width:100%;}

.col_1of6 {float:left; width:10%; margin:1%; text-align:center; background:#fff;}
.col_1of6  img {width:100%; min-width:100%; max-width:100%;}

.homeVendorLogos {height:50px; padding:0; display:inline-block; width:7%; margin:1% 1% 2% 1%;; text-align:center; background:#fff; position:relative;}
.homeVendorLogos  img {width:100%; min-width:100%; max-width:100%;  }

.textLeft {text-align:left;}

.recipeDisplay { width:95%;}
.recipeTimes {clear:both; width:100%; padding:5px 0 5px 0; border-top:2px #ccc solid; border-bottom:2px #ccc solid; overflow:hidden; margin: 0 0 20px 0;}
.recipeTimesIcon {float:left; width:25px;}
.alignRight {text-align:right;}
.alignLeft {text-align:left;}
.productPageListings {float:left; width:17%; min-height:160px; margin:1% 1%; text-align:center;}
.green {color: #188F48; }
.date {color:#999999; font-size:85%;}
.centered {text-align:center;}
#presentedBy{clear:both; width:100%;  margin:15px 20px 15px 0; }
#presentedBy .presentedByTitle{ float:left; width:100%;}
#presentedBy img {margin: 0;}
#emailSignup {padding:20px 0 0 0; text-align:center;}
.farmerOwnedProductHeader { clear:both; width:99%; background:#188F48; color:#ffffff; margin: 5px 0; padding:10px; overflow:hidden;font-family: 'Crete Round', serif; font-weight:400; font-size:20px; }
.farmerOwnedProductsWrap { clear:both; width:100%; height:auto; overflow:hidden;}
.recipeHeader {font-family: 'Crete Round', serif; font-weight:400;  color: #188F48; margin: 0 0 5px 0;   line-height:normal; font-size: 20px;}
#rateRecipeLogin {margin: 5px 0 5px 1%;padding:1% 2%; width:95%; border:1px #e2e2e2 solid; overflow:hidden;}
#rateRecipeField {clear:both; margin:0; }
#rateRecipeField input.textbox {
	width : 350px;
	font-size : 12px;
	background-color : #ffffff;
	color : #808080;
	border : 1px solid #C9CACC;
	margin: -5px 0 0 0;
	padding:1%;
}
.rateRecipeLink {display:block; width:100%; height:115px;}
.recipeSavedText {font-size : 0.8em; color: #188F48;  margin:10px 0;}
#reviewsPlaceholder {}
#reviews {  padding-top: 180px; margin-top: -180px;}
#recipePhoto{ float:left; width:40%;}
#recipeTitle{ float:right; width:45%;  }
#recipeCommentCount { font-size:120%; font-family: 'Crete Round', serif; font-weight:400;  color: #188F48; margin:-5px 0 0 0; }
#recipeSocialMedia{ clear:both;  width:96%; padding:2%; border-top: 1px #e2e2e2 solid; border-bottom: 1px #e2e2e2 solid; margin-top:20px; }
#recipeSocialMedia img{ margin: 0 5px;}
#recipeCollection {
	margin: 0 auto 0 auto;
	width:100%;
	overflow:hidden;
	}
.recipeTeaserText {font-size:110%;}
.recipePhoto {padding:2px; border:1px #cccccc solid;}
.recipeHeader {}

.recipeComment {float:left; width:29%;  overflow:hidden; margin:10px 1%; padding: 10px 1%; font-size:80%; color:#333333; border:1px #f1f1f1 solid; }
.recipeComment .name {font-size:90%; color:#188F48; }
.recipeComment .comment {clear:both;}
.recipeCommentDate {color:#666666; }
.recipeBox {
	float:left; 
	width:31.5%; 
	height:auto;
	min-height:247px;
	max-height:247px;
	margin: 0.75%;
	text-align:center;
	position:relative;
}
.recipeBox img {
	width:100%;
	min-width:100%;
	max-width:100%;
}
.recipeBox  h3 {
	text-align:center;
	font-weight:100;
	color:#ffffff;
	/* OPACITY */
  	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100); 
	opacity: 1.0;	
}
.recipeBox  .recipeTitle {
	text-align:center;
	color:#ffffff;
	/* OPACITY */
  	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100); 
	opacity: 1.0;
	font-size:16px;
	font-family: 'Crete Round', serif; font-weight:100;  line-height:normal;
}
.recipeBoxTitleBackground {
	background:#333333;
	min-height:45px;
	width:98%;
	position:absolute;
	bottom:0;
	left:0;
	text-align:center;
	/* OPACITY */
  	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
	filter: alpha(opacity=80); 
	opacity: 0.8;
	z-index:10;
	padding: 1% 1% 0 1%;
	margin:0;
	color:#ffffff;
}
.recipeBox:hover {
	/* OPACITY */
  	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
	filter: alpha(opacity=70); 
	opacity: 0.7;
	background:#333333;
}
.recipeBox:hover .recipeBoxTitleBackground {
	background:#126633;
	width:98%;
	position:absolute;
	bottom:0;
	left:0;
	text-align:center;
	/* OPACITY */
  	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100); 
	opacity: 1.0;
	z-index:10;
	padding: 1% 1% 0 1%;
	margin:0;
}

.recipeBoxAdmin {
	float:left;
	width:270px; 
	height:auto;
	min-height:420px;
	margin: 0.5% 0.5% 20px 0.5%;
	text-align:center;
	position:relative;
	border:1px #cccccc solid;
	/* wrap long text and urls */
	white-space: pre; /* CSS 2.0 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3.0 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	word-wrap: break-word; /* IE 5+ */
}
.recipeBoxAdmin  h3 {
	text-align:center;
	color:#000000;	
}
.recipeBoxAdminTitleBackground {
	background:#333333;
	min-height:30px;
	width:98%;
	position:absolute;
	bottom:0;
	left:0;
	text-align:center;
	/* OPACITY */
  	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
	filter: alpha(opacity=80); 
	opacity: 0.8;
	z-index:10;
	padding: 1% 1% 0 1%;
	margin:0;
	color:#ffffff;
}
.recipeBoxAdmin:hover {
}
.recipeBoxAdmin:hover .recipeBoxAdminTitleBackground {
}
.recipeBoxSmall {
	float:left;
	width:23%; 
	height:260px;
	margin: 1%;
	text-align:center;
}
.recipeBoxSmall img {
	width:100%; min-width:100%; max-width:100%;
}
.recipeBoxSmall h3 {
	text-align:center;
	margin-top:0;
	font-size:15px;
	font-weight:200;
}

.recipeBoxXSmall {
	float:left;
	width:18%; 
	min-height:290px;
	margin: 0.5%;
	text-align:center;
	border:1px #cccccc solid;
}
.recipeBoxXSmall img {
	width:100%; min-width:100%; max-width:100%;
}
.recipeBoxXSmall h3 {
	text-align:center;
	margin:0;
	font-size:14px;
	font-weight:200;
}
.saveRecipeCategory {width:96%; padding:2%; margin:10px 0 0 0; border:1px #cccccc solid; overflow:hidden;}
#commentsBox h3 {color:#ff0000;}
.bubbleInfo {
position : relative;
margin : 5px 0 0 0;
}
.popup {
z-index : 1;
position : absolute;
display : none;
border-collapse : collapse;
top : 0;
left : 50px;
width : 110px;
height : auto;
background : url(../images/popupbackgroundsmrepeat.png) repeat-y;
padding : 10px 10px 10px 20px;
margin : 100px 0 100px 100px;
font-size : 12px;
text-align : left;
}
.popuptextlink {
z-index : 1;
position : absolute;
display : none;
border-collapse : collapse;
top : 0;
left : 100px;
width : 111px;
height : auto;
background : url(../images/popupbackgroundsmrepeat143.png) repeat-y;
padding : 10px 20px 10px 20px;
margin : 90px 0 0 120px;
font-size : 12px;
text-align : left;
}
#couponOval {
width : 120px;
height : 65px;
background : url(../images/couponOvalPlain.png) no-repeat;
font-size : 16px;

font-weight : bold;
color : #ffffff;
padding : 25px 0 0 0;
}
#couponImage	{ height:100px; }
#couponDescription	{ height:35px; line-height:normal;}
#underMenu {
clear : both;
margin : 0;
width : 1007px;
height : 10px;
background : url(../images/underMenu.png) no-repeat;
}
#mainBackground {
width : 1007px;
padding : 0;
margin : 0;
}
#mainHeader {
width: 920px;
margin:15px 0 0 0;
padding: 0;
text-align:left;
}

#mainNoSideBar {
width : 100%;
margin : 0 0 40px 0;
text-align : justify;
}
#mainAdminNoSidebar {
width : 94%;
margin : 0;
padding : 5px 2% 20px 2%;
text-align : justify;
}

#logoArea {
	margin-top:15px;
}
#homePromoArea > H1 {
margin:0 0 -15px 0;
font-size:26px;
}
#homePromoArea > p {
font-size:14px;
}
#featuredRecipe > H1 {
margin:0 0 15px 0;
padding:0;
font-size:26px;
color:#000;
}
.pageNumbers {clear:both;}
#footerEmailSignUp {width:93.9%; border:1px #ccc solid;padding:0 3% 0 3%; overflow:hidden; margin:20px 0 0 0; }
#footerEmailSignUp .col_1of3, .col_2of3 { margin:0;  padding:0;text-align:left;}
#footerEmailSignUp p { font-size:90%; font-weight:400;}
#footerSocial { width:94%; background:#e2e2e2; padding:2% 3% 2% 3%;  margin:3px 0 3px 0;text-align:center; font-size:18px; font-weight:700;}
#footer {text-align : center;width : 100%;height : auto;margin : 0;background:#fff; padding-bottom:10px; padding-top:10px;border-top:1px #ccc solid;}
#footerMainLeft { clear:both; float:none; width:96%; background: #188f48; color:#ffffff; margin: 0 auto 0 auto; padding: 2% 2% 1% 2%; text-align:center;}
#footerMainRight { clear:both; float:none; width:96%; margin:5px auto 30px auto;  text-align:center;  padding: 2% 2% 3% 2%; text-align:center; overflow:hidden; font-size:100%;}
.footerWhite {background:#ffffff; border-radius:2px;}
#bottomCredits { clear:both; text-align:center; width:90%;margin: 1% 5% 0 5%; color : #188f48; overflow:hidden;}
#footerCopyright {width: 100%; font-size:90%; border-top:1px #abcebd solid; padding:8px 0 0 0;}
#footerLinks {margin: 0 0 0 0;}
#footer h2 {font-size:20px; font-family: 'Noto Sans', sans-serif; color:#fff; font-weight:400; }
#footer h2.green {color:#188f48; font-weight:bold; margin: -5px auto 10px auto; }
#footer a:link {
color : #fff;
text-decoration : none;
}
#footer a:active {
color : #fff;
text-decoration : none;
}
#footer a:visited {
color : #fff;
text-decoration : none;
}
#footer a:hover {
color : #fff;
text-decoration : none;
}
#footer .vendorList {font-weight:400; font-size: 14px; line-height:normal; text-align:left; margin:0; padding:0;}

#highlightBox {
clear : both;
width : 185px;
margin : 0;
padding : 15px 15px 20px 25px;
color : #fff;
font-size : 90%;
text-align : left;
background : url(../images/sidebar.jpg) repeat;
}
#highlightBoxBottom {
clear : both;
padding : 0;
margin : 0;
width : 225px;
height : 18px;
background : url(../images/sidebarbottom.jpg) no-repeat;
}
UL {
padding-right : 0;
padding-left : 10px;
padding-bottom : 0;
padding-top : 0;
list-style-type : square;
line-height : 22px;
}
li {
text-align : left;
}
.clear {
clear : both;
font-size : 0%;
line-height : 0%;
height : 0;
}
.clearOnly {
clear:both;
margin:10px 0 10px 0;
}
.text {
font-size : 14px;
line-height : 22px;
color : #000;
text-align:left;
}
.farmerstext {
font-size : 0.9em;
line-height : normal;
text-align:left;
padding-top:5px;
}
.alignLeft{
text-align:left;
}
.smalltext {
font-size : 0.8em;
line-height:normal;
}
.largetext {
font-size : 118%;
font-weight : bold;
color : #0f6e36;

}
.box {
padding : 8px;
margin : 2px;
border : 1px dotted #0f6e36;
}
.productCategory {
color : #666;
font-size : 1em;
font-weight : bold;
line-height : 1.75em;
text-align : left;
}
a:link {
color : #0f6e36;
font-size : 1em;
text-decoration : none;
}
a:active {
color : #666;
font-size : 1em;
text-decoration : none;
}
a:visited {
color : #0f6e36;
font-size : 1em;
text-decoration : none;
}
a:hover {
color : #666;
font-size : 1em;
text-decoration : none;
}
a.blue:link {
color : #003366;
text-decoration : none;
font-size : 0.9em;
line-height:normal;
}
a.blue:active {
color : #666;
text-decoration : underline;
font-size : 0.9em;
line-height:normal;
}
a.blue:visited {
color : #003366;
text-decoration : none;
font-size : 0.9em;
line-height:normal;
}
a.blue:hover {
color : #666;
text-decoration : underline;
font-size : 0.9em;
line-height:normal;
}
a.green:link {
color : #0f6e36;
text-decoration : none;
font-size : 1.0em;
line-height:normal;}
a.green:active {
color : #666;
text-decoration : none;
font-size : 1.0em;
line-height:normal;
}
a.green:visited {
color : #0f6e36;
text-decoration : none;
font-size :1.0em;
line-height:normal;
}
a.green:hover {
color : #666;
text-decoration : none;
font-size : 1.0em;
line-height:normal;
}
a.sidebar:link {
color : #666;
text-decoration : none;
}
a.sidebar:active {
color : #ccc;
text-decoration : none;
}
a.sidebar:visited {
color : #666;
text-decoration : none;
}
a.sidebar:hover {
color : #ccc;
text-decoration : none;
}


H1 {
color : #0f6e36;
font-size : 24px;
text-align : left;
margin:0;
padding:0;
}
H2 {
color : #0f6e36;
margin : 0 0 0.3em 0;
font-size : 20px;
line-height:24px;
}
H3 {
color : #333;
margin : 0.7em 0%;
font-size : 18px;
text-align : left;
}
H2.home {
color : #0f6e36;
margin : 0;
font-size : 20px;
}

H2.promo {
color : #0f6e36;
margin : 0;
font-size : 14px;
line-height:normal;
text-align:center;
}
.recipeImage2 {
margin-top:7px;
}

.header {

font-weight : bold;
font-size : 20px;
color : #666;
line-height : normal;
}
TABLE.TableOutline {
padding : 8px 2% 8px 4%;
margin : 5px 1% 5px 1%;
border : 1px solid #B4B769;
width: 92%;
}
TABLE.TableOutlineShadedTan {
padding : 8px 8px 8px 12px;
background: #EFECB8
}
TABLE.TableOutlineHome {
padding : 8px 8px 8px 12px;
margin : 5px 0 5px 0;
border : 1px dotted #B4B769;
}
TABLE.TableOutlineHomeSearch {
padding : 8px 0px 8px 0px;
margin : 5px 0 5px 0;
border : 1px dotted #666666;
background: #EEECCC repeat;
}
TABLE.TableOutlineShaded {
width : 95%;
padding : 8px 8px 8px 12px;
margin : 5px 5px 30px 5px;
border : 1px solid #0f6e36;
background : #f2ebcf url(../images/bgfade01.jpg) repeat-x;
}
TABLE.TablePlain {
padding : 0;
margin : 0px;
}
table.sidebarTableSpacer {
height:200px;
}
table.sidebarTableSpacerBottomLine {
height:200px;
border-bottom : 1px solid #B4B769;
margin-bottom:5px;
padding-top:0;
}
table.sidebarTableSpacer2BottomLine {
height:208px;
border-bottom : 1px solid #B4B769;
padding-top:0;
}

TD {
padding : 5px;
}
TD.homePromoText	{
font-size : 0.9em;
line-height : 1.3em;
text-align:center;
}
TD.homePromoShaded {
background-color:#EEECCC;
}

TD.outlineFarmers {
border : 1px solid #B4B769;
text-align : left;
padding : 0 5px 0 5px;
margin:0px;
}
outlineFarmers.h2 {

font-weight : bold;
color : #0f6e36;
margin:0;
font-size : 18px;
}
TD.featuredRecipeHome 	{
line-height:normal;
font-size:12px;
}
TD.normallineheight 	{
line-height:normal;
}
TD.outline	{
border : 1px solid #B4B769;
font-size:1.1em;
line-spacing:normal;
}
TD.nooutline	{
font-size:1.1em;
line-spacing:normal;
}
TD.outlineHomeSidebar	{
border : 1px solid #B4B769;
font-size:0.9em;
padding:7px;
width:50%;
}

TD.outlineHome {
font-size:0.9em;
padding:5px;
}

TD.outlinehome {
padding : 0;

}
TD.color1 {
background : #f1f1f1;
}
TD.color2 {
background : #e2e2e2;
}
TD.form {
text-align : right;
font-weight : bold;
}
TD.formleft {
background : #ead9b3;
text-align : left;
font-weight : bold;
}
.errorFormInput {
color : #9c0023;
}
.errorFormInputSmall {
color : #9c0023;
font-size : 0.8em;
}
.smalltextInput {
font-size : 8pt;
}
.FormInputInstructions {
font-weight : normal;
color : #333333;
}
input {}
input.textboxLARGE {
width : 350px;
font-size : 12px;
background-color : #ffffff;
color : #666;
border : 1px solid #188F48;
margin-left : 1px;
margin-right : 0;
}
input.textbox {
width : 350px;
font-size : 14px;
background-color : #ffffff;
color : #666;
border : 1px solid #188F48;
margin: 5px 0 10px 0;
padding:1%;
}
input.textboxTall {
width : 350px;
height:100px;
font-size : 14px;
background-color : #ffffff;
color : #666;
border : 1px solid #188F48;
margin: 5px 0 10px 0;
padding:1%;
}
input.textboxEmbedCode {
width : 350px;
height:400px;
font-size : 14px;
background-color : #ffffff;
color : #666;
border : 1px solid #188F48;
margin: 5px 0 10px 0;
padding:1%;
}
input.textboxLogin {
width : 300px;
font-size : 14px;
background-color : #ffffff;
color : #666;
border : 1px solid #188F48;
margin-left : 1px;
margin-right : 0;
padding:1%;
}
input.textboxSearchTop {
width : 170px;
font-size : 0.8em;
background-color : rgba(255,255,255, 0.8);
color : #666666;
border : 1px solid #188F48;
border-radius:3px;
padding:4px;
margin:18px 0 0 0;
}
input.textboxSearchTopMobile {
width : 170px;
font-size : 1.2em;
background-color : rgba(255,255,255, 0.8);
color : #666666;
border : 1px solid #188F48;
border-radius:3px;
padding:4px;
margin:18px 0 0 0;
}
.recipeCommentBox {
	width:450px;
	height:45px;
	border: 1px #188F48 solid;
	float:left;
}
.topSearchButton {
padding:2px 0 0 0;
margin:18px 20px 0 10px;
}
input.textboxIngredientsHome {
font-size : 14px;
background-color : #ffffff;
color : #333333;
border : 1px solid #188F48;
margin-left : 1px;
margin-right : 0;
padding:5px;
width:220px;
}
input.textboxIngredients {
font-size : 14px;
background-color : #ffffff;
color : #333333;
border : 1px solid #188F48;
margin-left : 1px;
margin-right : 0;
padding:5px;
width:250px;
}
input.textboxSMALL {
font-size : 14px;
background-color : #ffffff;
color : #333333;
border : 1px solid #188F48;
margin-left : 1px;
margin-right : 0;
padding:5px;
width:200px;
}
input.textboxXXSMALL {
font-size : 14px;
background-color : #ffffff;
color : #666;
border : 1px solid #188F48;
margin: 5px auto;
padding:5px;
width:110px;
}
input.zipcodetextbox {
font-size : 14px;
background-color : #ffffff;
color : #333333;
border : 1px solid #188F48;
margin-left : 1px;
margin-right : 0;
padding:5px;
width:200px;
}
input.textLong {
width : 500px;
font-size : 12px;
background-color : #ffffff;
color : #666;
border : 1px solid #188F48;
margin-left : 1px;
margin-right : 0;
}

/**
 * Checkbox Five
 */
.regular-checkbox {
	display: none;
}

.regular-checkbox + label {
	background-color: #188F48;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 18px;
	border-radius: 50%;
	display: inline-block;
	position: relative;
	margin: 0 2px -9px 0;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked + label {
	background-color: #188F48;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #ffffff;
}

.regular-checkbox:checked + label:after {
	content: '\2714';
	font-size: 28px;
	position: absolute;
	top: 0px;
	left: 6px;
	color: #ffffff;
}




textarea {
font-size : 14px;
border : 1px #188F48 solid;
min-width : 350px;
font-family: 'Noto Sans', sans-serif; font-size:0.9em;
color:#333333; 
}
textarea .adminTextArea {
font-size : 14px;
border : 1px #188F48 solid;
width : 90%;
min-width : 350px;
}
textarea.submitRecipe {
font-size : 14px;
border : 1px #188F48 solid;
width : 98%;
padding:1%;
min-height: 300px;
}
textarea.submitIngredients {
font-size : 14px;
border : 1px #188F48 solid;
width : 98%;
padding:1%;
min-height:200px;
}
textarea.teaserTextInput {
font-size : 14px;
border : 1px #188F48 solid;
width : 98%;
padding:1%;
min-height:50px;
}
.textareasmall {
font-size : 12px;
border : 1px solid;
width : 350px;
}
option {
font-size : 12px;
padding:0;
margin: 0;
}
select  {
font-size : 12px;
background-color : #ffffff;
color : #333333;
border : 1px solid #188F48;
margin-left : 1px;
margin-right : 0;
margin-top:10px; 
padding:5px;
width:262px;
}
.selectBox {
font-size : 12px;
border: 1px #188F48 solid;
padding:5px;
margin: 5px 0 10px 0;
}
.checkbox {
font-size : 14px;
}
.button, .submit {
font-size : 18px;
background-color : #0F6E36;
border:none;
color : #fff;
margin-left : 12px;
margin-top : 3px;
margin-bottom : 2px;
padding:2px 5px;
cursor:pointer;
font-family: 'Crete Round', serif;
}
.button:hover, .submit:hover{ background-color: #333;}
.largeButton {
	font-size : 22px;
	margin: 20px 0;
	padding:10px;
}
.submitReviewButton {
	font-size : 20px;
	margin: 0 0 0 10px;
	padding:10px;
	float:left;
}
.searchIngredientButton { width:260px; margin:10px 0 0 0; margin-left:0;}
.searchIngredientButtonHome { width:200px; margin:10px 0 0 0; margin-left:0;}
.recipeButton {
font-size : 11px;
background-color : #0F6E36;
color : #fff;
}
.facebookForm {width:100%; text-align:center;}
.facebookbutton  {
font-size : 18px;
background-color : #0F6E36;
border:none;
color : #fff;
padding:1% ;
cursor:pointer;
font-family: 'Crete Round', serif;
width:320px
}
.facebookbutton:hover{ background-color: #333;}
input.facebookFormElements {
width : 300px;
font-size : 14px;
background-color : #ffffff;
color : #666;
border : 1px solid #188F48;
margin: 5px 0 10px 0;
padding:1%;}


.white {
color : #ffffff;
}
.smallbreak {
font-size : 0.2em;
font-family : Verdana;
}
hr {
color : #666;
border : 1px dotted #666;
border-style : none none dotted;
width : 100%;
}

.photo {
padding : 10px;
border : 1px solid #666666;
}
.imgRight {
float : right;
padding : 10px;
margin : 5px 0 5px 20px;
border : 1px solid #666;
}
.imgLeft {
float : left;
padding : 10px;
margin : 5px 20px 5px 0;
border : 1px solid #666;
}
.imgLeftNoBorder {
float : left;
padding:0;
margin : -3px 10px 0 0;
width:30px;
height:24px;
}
.farmerThumbnail {
margin : 9px 10px 5px 2px;
border : 1px solid #666;
text-align:left;
}
.photo-link {
padding : 5px;
margin : 5px;
border : 1px solid #999;
display : block;
text-align : center;
}
.photo-link:hover {
border-color : #ccc;
}
.DELETE-photo-link {
padding : 5px;
margin : 5px;
border : 1px solid #999;
display : block;
}
.DELETE-photo-link:hover {
border-color : #ccc;
}
.photo-link-left {
padding : 5px;
margin : 10px 25px 15px 0px;
border : 1px solid #999;
float : left;
display : block;
}
.photo-link-left:hover {
border-color : #ccc;
}
.photo-link-right {
padding : 5px;
margin : 10px 5px 15px 15px;
float : right;
display : block;
}
.photo-link-right:hover {
border-color : #ccc;
}
.clear {
clear : both;
}
div#fancy_overlay {
position : absolute;
top : 0;
left : 0;
z-index : 90;
width : 100%;
background-color : #333;
}
div#fancy_loading {
position : absolute;
height : 40px;
width : 40px;
cursor : pointer;
display : none;
overflow : hidden;
background : transparent;
z-index : 100;
}
div#fancy_loading div {
position : absolute;
top : 0;
left : 0;
width : 40px;
height : 480px;
background : transparent url(fancy_progress.png) no-repeat;
}
div#fancy_close {
position : absolute;
top : -12px;
right : -12px;
height : 30px;
width : 30px;
background : transparent url(fancy_closebox.png);
cursor : pointer;
z-index : 100;
display : none;
}
div#fancy_content {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
padding : 0;
margin : 0;
z-index : 96;
}
#fancy_frame {
position : relative;
width : 100%;
height : 100%;
display : none;
}
img#fancy_img {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
border : 0;
padding : 0;
margin : 0;
z-index : 92;
}
div#fancy_title {
position : absolute;
bottom : -35px;
left : 0;
width : 100%;
z-index : 100;
display : none;
}
div#fancy_title table {
margin : 0 auto;
}
div#fancy_title div {
color : #fff;
font : bold 12px Arial;
padding-bottom : 2px;
}
td#fancy_title_left {
height : 32px;
width : 15px;
background : transparent url(fancy_title_left.png) repeat-x;
}
td#fancy_title_main {
height : 32px;
background : transparent url(fancy_title_main.png) repeat-x;
}
td#fancy_title_right {
height : 32px;
width : 15px;
background : transparent url(fancy_title_right.png) repeat-x;
}
div#fancy_outer {
position : absolute;
top : 0;
left : 0;
z-index : 90;
padding : 18px 18px 58px 18px;
margin : 0;
overflow : hidden;
background : transparent;
display : none;
}
div#fancy_inner {
position : relative;
width : 100%;
height : 100%;
border : 1px solid #444;
background : #fff;
}
a#fancy_left, a#fancy_right {
position : absolute;
bottom : -12px;
height : 100%;
width : 35%;
cursor : pointer;
background-image : url(data:image/gif;base64,AAAA);
z-index : 100;
}
a#fancy_left {
left : 0;
background : transparent url(fancy_left.png) no-repeat 0% 100%;
left : -12px;
}
a#fancy_right {
right : 0;
background : transparent url(fancy_right.png) no-repeat 100% 100%;
right : -12px;
}
a#fancy_left:hover {
background : transparent url(fancy_left.png) no-repeat 0% 100%;
}
a#fancy_right:hover {
background : transparent url(fancy_right.png) no-repeat 100% 100%;
}
#fancy_bigIframe, #fancy_freeIframe {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
z-index : 10;
}
div#fancy_bg {
display : none;
}
div.fancy_bg {
position : absolute;
display : block;
z-index : 70;
}
div.fancy_bg_n {
top : -18px;
width : 100%;
height : 18px;
background : transparent url(fancy_shadow_n.png) repeat-x;
}
div.fancy_bg_ne {
top : -18px;
right : -13px;
width : 13px;
height : 18px;
background : transparent url(fancy_shadow_ne.png) no-repeat;
}
div.fancy_bg_e {
right : -13px;
height : 100%;
width : 13px;
background : transparent url(fancy_shadow_e.png) repeat-y;
}
div.fancy_bg_se {
bottom : -18px;
right : -13px;
width : 13px;
height : 18px;
background : transparent url(fancy_shadow_se.png) no-repeat;
}
div.fancy_bg_s {
bottom : -18px;
width : 100%;
height : 18px;
background : transparent url(fancy_shadow_s.png) repeat-x;
}
div.fancy_bg_sw {
bottom : -18px;
left : -13px;
width : 13px;
height : 18px;
background : transparent url(fancy_shadow_sw.png) no-repeat;
}
div.fancy_bg_w {
left : -13px;
height : 100%;
width : 13px;
background : transparent url(fancy_shadow_w.png) repeat-y;
}
div.fancy_bg_nw {
top : -18px;
left : -13px;
width : 13px;
height : 18px;
background : transparent url(fancy_shadow_nw.png) no-repeat;
}
#popUpTop {width:100%; height:30px; margin: 0 0 10px 0; background:#f1f1f1; border-bottom: 1px #cccccc solid;}
#popUpMain {width:90%; padding: 0 5% 5px 5%; margin: 0 auto; overflow:hidden;}
#popUpLogo {width:100%; text-align:center; margin:10px auto 20px auto; padding:0 0 5px 0; z-index:999999; }

#vendorrecipes {max-width:250px; float:right; margin-top:80px;}
#vendorrecipes .col_1of1 {clear:both; width:98%; margin:3% 1% 2% 1%;}
#vendorrecipes img {width:100%;}

.show_more {
background-color: #f8f8f8;
background-image: -webkit-linear-gradient(top,#fcfcfc 0,#f8f8f8 100%);
background-image: linear-gradient(top,#fcfcfc 0,#f8f8f8 100%);
border: 1px solid;
border-color: #d3d3d3;
color: #333;
font-size: 12px;
outline: 0;
}
.show_more {
cursor: pointer;
display: block;
padding: 10px 0;
text-align: center;
font-weight:bold;
}
.loding {
}
.loding_txt {
}
.appiconblock {width:100%; text-align:center;color:#ffffff;}
.appiconblock h3 { font-size:22px; text-align:center;}
.appicon {display:inline-block; margin:5px;}



/* 1024 */
@media only screen and (max-width : 1024px) {
#cwsWrap {
	margin:0 auto 0 auto; 
	width:940px; height:auto; background:#fff; 
	padding:0 20px 20px 20px;
		-webkit-box-shadow: 4px 4px 14px #888;
   		-moz-box-shadow: 4px 4px 14px #888;
   		box-shadow: 4px 4px 14px #888;
		overflow:hidden;
		position:relative;
}
#cwsHeaderWrap { width:940px; height:200px;margin:0 auto 0 auto; padding:20px 0 5px 0;position:fixed; background:#ffffff; z-index:99999; }
#cwsHeaderWrapBlog{ width:940px; height:200px;margin:0 auto 0 auto; padding:20px 0 5px 0;position:fixed; background:#ffffff; z-index:99999; }
#signInTop { float:right; width:600px;  height:40px; padding:20px 20px 0 0; text-align:right; color:#000; font-size:95%; }
#tagLine { float:right;width:620px; height:40px; padding:0; text-align:center; color:#ffffff; font-size:110%; font-weight:400; margin:35px 0 0 10px;  }
#mainBackground {width : 100%;}
#navBar {width:70%; float:left;text-align:left;}
nav #mainMenu ul {
	list-style: none;
	position: relative;
	display: inline-table;
	font-family: 'Noto Sans', sans-serif; font-weight:400;  font-size:16px;
	line-height:normal;
	padding:0;
}
nav #mainMenu ul li {
	float: left; padding: 0 15px; margin:0; 
}

#recipeSearchNav {float:right; width:23%;  margin: 0 0 0 3px;padding:1.5% 1% 0 0;  }
#recipePhoto{ float:left; width:48%;}
#recipePhoto img{ min-width:100%; max-width:100%; width:100%;}
#recipeTitle{ float:right; width:47%;  }
.recipeBoxSmall h3 { font-size:16px;}
TABLE.TableOutline {
padding : 8px 1% 8px 2%;
margin : 5px 0 5px 0;
border : 1px solid #B4B769;
width: 90%;
}
TD { padding : 0px; }
#slideshow {
	height:300px;
	width:100%;
}
#slideshow #slidesContainer {
  height:300px;
}
#slideshow #slidesContainer.slide {
  height:400px;
}
#slideshowShort {
	height:200px !important;
	overflow:hidden;
	margin: 10px auto;
	border:1px #333 solid;
}
#slideshowShort #slidesContainerShort {
  height:200px;
}
#slideshowShort #slidesContainerShort.slide {
  height:200px;
	
}
#slideshowShort #slidesContainerShort.slide img {
  height:200px;
}
.homeVendorLogos {height:50px; width:7%; margin:1% 1% 2% 1%;}

	
	
/* Small Devices, Tablets, iPad, iPad Mini */
@media only screen and (max-width : 801px) {
#cwsWrap {
	margin:0 auto 0 auto; 
	width:100%; height:auto; background:#fff; 
	padding:0 0 0 0;
		-webkit-box-shadow: none;
   		-moz-box-shadow:none;
   		box-shadow: none;
		overflow:hidden;
		position:relative;
}
#cwsMain {clear:both; width:100%; margin: 0;}
#headerBackground {background:#ABCEBD;}
#cwsHeaderWrap { width:100%; height:auto;margin:0 auto 0 auto; padding:10px 0 5px 0;position:relative; background:#ffffff; z-index:99999; }
#cwsHeaderWrapBlog { width:100%; height:auto;margin:0 auto 0 auto; padding:20px 0 5px 0;position:relative; background:#ffffff; z-index:99999; }
#tagLine { float:right; width: 400px;height:20px; padding:0; text-align:right; font-size:110%; font-weight:400; color:#000000;  }
.hide {display:none;}
#signInTop {display:none}
#topnav {display:none}
#recipeSearch {display:none}
#mobileMenu {visibility:visible; display: block; text-align:left; width:100%;}
#menu {visibility:visible; }
.mmenuhidden {visibility:hidden;}
#navWrap {display:none; height:0; }
#navBarAdmin {display:none;}
#navBar {display:none;}
nav #mainMenu {display:none;}
.bx-wrapper .bx-caption {
	position: absolute;
	bottom:100px;
	height:120px;
}

#mainWrapHome {margin-top:0;}
#mainWrap {margin-top:0; width:98%; padding: 0 1%;}

#sideBarSlider {clear:both; width:100%; margin: 0; text-align:center;}
.sideBarAd {float:left; width:100%; margin: 0 ; min-height:20px;}
.sideBarAd img {max-width:100%; height:auto; }
#dailySpecial {width:100%;}
.productPageListings img {max-width:95%; height:auto;}
.col_1of4 {float:left; width:48%; margin:3% 1% 2% 1%; }	
#searchRecipesByIngredientHome  { display:none; }
#farmerMarketSearchSidebarHome{ min-width:338px; }
#farmerMarketSearchSidebar {  width:100%; border:1px #ccc solid; padding:0 0 20px 0; margin:10px 0 10px 0; overflow:hidden; text-align:center; background:url(../images/2015Layout/farmers-market-background-fullcolor.jpg) no-repeat #f1f1f1; background-size:cover;}
#searchRecipesByIngredient  {  width:98%; border:1px #ccc solid; padding:1%; margin:10px auto; overflow:hidden; text-align:center; }
#searchRecipesByIngredientBackground {background:url(../images/PlateKnifeFork_White300.png) center no-repeat; width:100%; min-height:200px;}
input.textboxIngredients {width:94%;}
input.textbox {width:250px; margin: 0 auto;}
input.textboxIngredients {font-size : 11px; width:92%;}
.searchIngredientButton { width:220px; margin:10px 0 0 0; margin-left:0;}
input.textboxIngredientsHome {
font-size : 14px;
background-color : #ffffff;
color : #333333;
border : 1px solid #188F48;
margin: 0 auto;
padding:5px;
width:220px;
}
.searchIngredientButtonHome { width:232px; margin:5px auto;}
select {max-width:232px; margin: 5px auto 0 auto;}
#primary {float:none; width:100%;}
#blogHeader { clear:both; width:100%; height:100px; background:url(../images/2015Layout/pea-pod-seamless.png) #e2e2e2; text-align:center; padding: 40px 0 0 0; margin-top:0; overflow:hidden; border-top:1px #999 solid;border-bottom:1px #999 solid;}
#blogHeader h1 {margin: 0 auto 0 auto; text-align:center; font-size:26px; }
#blogHeader h2 {margin: 10px auto 0 auto;text-align:center; font-weight:100;  color: #666; line-height:normal; font-size:18px;}
.submitReviewButton {
	font-size : 16px;
	margin: 0 0 0 0px;
	padding:5px;
	float:left;
} 
.recipeBox {
	height:auto;
	min-height:none;
	max-height:none;
}
.homeVendorLogos {height:50px; width:10%; margin:1% 1% 2% 1%;}

#vendorrecipes {clear:both; width:96%; max-width:98%; float:none; margin-top:40px;}
#vendorrecipes .col_1of1 {clear:none; float:left; width:31%; margin:3% 1% 2% 1%; text-align:center;}
#vendorrecipes img {width:100%;}

}	
	
/* 640 width */ 
@media only screen and (max-width :635px) {
#cwsWrap {
	margin:0 auto 0 auto; 
	width:100%; height:auto; background:#fff; 
	padding:0;
		-webkit-box-shadow: none;
   		-moz-box-shadow: none;
   		box-shadow: none;
		overflow:hidden;
		position:relative;
}
#mainWrapHome {clear:both;width:100%; margin-top:0; overflow:hidden;}
#cwsHeaderWrap  { width:100%; height:auto;margin:0 auto 0 auto; padding:0 0 5px 0;position:relative; background:#ffffff; z-index:99999; }
#cwsHeaderWrapBlog { width:100%; height:auto;margin:0 auto 0 auto; padding:0 0 5px 0;position:relative; background:#ffffff; z-index:99999; }
#headerBackground {background:#ABCEBD; height: 110px;}
#cwsMain {clear:both; width:100%; margin: 0;}
#cwsSideBar {clear:both; width:100%; margin: 20px 0 0 0; text-align:center; border-top:1px #cccccc solid; padding-top:10px;}
#sideBarHome {clear:both; width:100%; margin: 10px 0 0 0; text-align:center;}
#logo {float:left; width:140px; height:90px;  text-align:left; margin:0 auto; padding:5px 0 0 5px;}
#logo img {width:auto; height:90px; text-align:left;}
#mobileMenu {visibility:visible; width:250px; max-width:70%;float:right; text-align:right;  display:inline; margin-top:20px;}
#signInTop {display:none;}
#tagLine {display:none;}
#slideshow {
	height:auto;
}
#slideshow #slidesContainer {
  height:auto;
}
#slideshow #slidesContainer.slide {
  height:auto;
}
#mainWrap {clear:both;width:96%; margin-top:0; overflow:hidden; padding:0  2%;}
#mainWrapBlog {clear:both;width:96%; margin-top:0; overflow:hidden; padding:0  2%;}
#blogHeader { clear:both; width:100%; height:100px; background:url(../images/2015Layout/pea-pod-seamless.png) #e2e2e2; text-align:center; padding: 40px 0 0 0; margin-top:0; overflow:hidden; border-top:1px #999 solid;border-bottom:1px #999 solid;}
.sideBarAd {display:none;}
#joinLeft { width:100%; float:none; padding: 20px 0; }
#joinRight {width:100%; float:none;}
#formLeft { width:100%; float:none; padding: 20px 0; }
#formRight {width:100%; float:none; padding: 20px 0; }
#formFull {width:100%; clear:both;padding: 20px 0;}
#submitRecipeLeft { width:100%; float:none; padding: 20px 0; }
#submitRecipeRight {width:100%; float:none; padding: 20px 0; }
.col_1of3 {float:left; width:31%; margin:2% 1%; text-align:center;}
.col_2of3 {float:left; width:64%; margin:2% 1%; }
.col_3of3 {clear:both; width:98%; margin:3% 1% 2% 1%;}	
	
.homeVendorLogos {float:left; width:40%; height:auto; margin:1% 5% 2% 5%; overflow:visible;}
.textLeft {text-align:left;}
input.textbox { width : 98%;}
input.textboxLogin { width :98%; }
#footerMainLeft { float:none; width:100%; color:#ffffff; margin: 10px 0; text-align:left; }
#footerMainRight { float:none; width:100%; color:#ffffff;margin: 10px 0;text-align:left; }
#bottomCredits { clear:both; text-align:left; width:98%;margin:10px 1% 0 1%; font-size:95%;color : #ffffff; padding-top:10px;  }
.productPageListings {float:left; width:48%; min-height:none; height:auto;  margin:1% 1%; text-align:center;}
.recipeBox {
	float:left; 
	width:48.5%; 
	height:auto;
	margin: 0.75%;
	text-align:center;
	position:relative;
}
.recipeBoxSmall {
	float:left;
	width:48.5%;
	min-height:270px; 
	height:auto;
	margin: 0.75%;
	text-align:center;
}
#recipePhoto{ float:none; width:100%;}
#recipeTitle{ float:none; width:100%;  }
#footer {padding:0;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

.appicon {display:inline-block; margin:5px;}
	
#cwsHeaderWrap {height:72px; padding:0;}
#headerBackground {height:72px;}
#cwsMain {clear:both; width:100%; margin: 20px 0;}
#mainWrapHome {clear:both;width:100%; margin-top:0; overflow:hidden;}
#mainWrap {clear:both;width:96%; margin-top:0; overflow:hidden; padding:0  2%;}
#mainWrapBlog {clear:both;width:96%; margin-top:0; overflow:hidden; padding:0  2%;}
#logo {float:left; max-width:100px; max-height:70px;  text-align:left; margin:0 auto; padding:0;}
#logo img {width:100%; height:auto; text-align:left; padding:0;}
#slideshow{
	margin: 0 auto 5px auto;
}
#slideshow #slidesContainer {
  width:100%;
  overflow:hidden; 
  position:relative;
  padding: 0;
  margin:0;
}
#vendorrecipes {width:98%; max-width:100%; float:right; clear:both; margin-top:20px;}
#vendorrecipes .col_1of1 {float:none; clear:both; width:100%; margin:10px auto 20px auto; text-align:center;}
#vendorrecipes img {width:100%;}
	
.col_1of3 {float:none; clear:both; width:100%; margin:10px auto 20px auto; text-align:center; }
.col_2of3 {float:none; clear:both; width:96%; margin:10px auto;  text-align:center;}
.col_3of3 {float:none; clear:both; width:96%; margin:10px auto; text-align:center;}	
.col_1of4 {clear:both; width:98%; margin:1% ;}
#farmerMarketSearchSidebarHome   {  padding:0 0 20px 0; text-align:center; background:url(../images/2015Layout/farmers-market-background-fullcolor.jpg) #f1f1f1;  background-size:cover; height:220px; width:100%; min-width:0; max-width:100%;}	
#footerCopyright {float:none; width:100%;}
#footerLinks {float:none; width:100%;}
#footer .vendorList { float:left; width:48%;clear:none; font-weight:400; font-size: 14px; line-height:normal; text-align:left; margin:0; padding:0;}
}

/* Android 420 */ 
@media only screen and (max-width : 420px) {
#mainWrapHome {clear:both;width:100%; margin-top:0; overflow:hidden;}
#mainWrap {clear:both;width:96%; margin-top:0; overflow:hidden; padding:0  2%;}
#mainWrapBlog {clear:both;width:96%; margin-top:0; overflow:hidden; padding:0  2%;}
#cwsMainNoSidebar {margin:0; width:100%;}
#mobileMenu { width:170px; font-size : 0.8em; font-weight:400;}
#mobileMenu a {}
#slideshow{
	margin: 0 auto 5px auto;
}
#slideshow #slidesContainer {
  width:100%;
  height:320px;
  overflow:hidden; 
  position:relative;
  padding: 0 0 0 0;
}
.bx-wrapper .bx-viewport {max-height:300px;}	
.bx-wrapper .bx-caption{height:30%;}
.randomRecipeBox {min-height: 250px;}
#searchRecipesByIngredientMain {min-height:220px;}
.sideBarAd {float:none; width:98%; margin: 0 1%;}
.sideBarAd img { width:100%;}
#dailySpecial {float:none; width:98%; margin: 0 1%; }

.textLeft {text-align:left;}
.productPageListings {float:none; width:96%; min-height:0; height:auto;  margin:1% 1% 20px 1%; text-align:center;}
textarea {min-width:0; border:1px solid #999999;}
#rateRecipeField input.textbox {width : 250px;}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-device-width: 419px)
{ 
#slideshow #slidesContainer {
  width:100%;
  height:360px !important;
  margin:0;
}
.recipeBox {
	float:none; 
	width:98.5%; 
	height:auto;
	margin: 0.75%;
	text-align:center;
	position:relative;
}
.recipeBoxSmall {
	float:none;
	width:98.5%;
	height:auto;
	margin: 0.75%;
	text-align:center;
}
.col_1of3 {float:none; clear:both; width:100%; margin:10px auto 20px auto; text-align:center; }
.col_2of3 {float:none; clear:both; width:100%; margin:10px auto 10px auto;  text-align:center;}
.col_3of3 {float:none; clear:both; width:100%; margin:10px auto 10px auto; text-align:center;}
.textLeft {text-align:left;}
#cwsSideBar img {width:100%; height:auto;}	
#sideBarHome img {width:100%; height:auto;}	
#blogHeader { clear:both; width:100%; height:80px; background:#e2e2e2; text-align:center; padding: 15px 0 0 0; margin-top:0; overflow:hidden;}
#slideshow #slidesContainer {
  width:100%;
  height:280px;
  overflow:hidden; 
  position:relative;
  padding: 0 0 0 0;
}
}


