html,body{margin:0;padding:0;height:100%;width:100%;-webkit-text-size-adjust:none;}body{background-color:#ffffff;}a{text-decoration:none;}p{max-height:999999px;}span{max-height:999999px;}
p.noteLine,.noteLineBold{color:#ED6B9E;}
#footerDiv{margin-top:100px;}
#logoDiv{
	width: 85%;
	text-align: center;
	margin-top: 15px;
}
.logoPic{
	border: 0px;
}
#underLogoDiv{
	width: 100%;
	text-align: center;
	margin-bottom: 5px;
	font-size:11px;
}
#menuDiv{display:none;}
#menuDivMedia {
	width: 100%;
	margin-top:0;
	background-color: #ffffff;	
	border:0px;
	text-align: right;
}
#mainContainer{
    width: 100%;
}
#largeDivFar {
	width: 100%;     	  
}
.centerWrapFar {
	width: 99%;     	  
}
p.homeIntroFar {
	margin: 0;
	padding-top: 13px;
}
p.homeListFar{
	padding: 0;
	margin-top: 35px;
	margin-bottom: 40px;
	text-align:center;
}
#sitmapRow{
	padding-bottom: 10px;
	padding-top: 20px;
	text-align:center;
}
#copyRightDiv {
	width: 96%;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 25px;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	color: #858383;
}
.copyRightWithLine {  
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	color: #858383;
	text-decoration: underline;
}
p.likeHome,p.like{
	margin: 0;
	padding-bottom: 14px;
	padding-top:15px;
	font-size: 20px;
	font-weight:600;
	text-align: right;
	font-family:Tahoma,Sans-Serif;
	line-height:1.7em;
	padding-right:5px;
}
p.mayLikeListHome{
	padding-top: 0;
	margin: 0;
	text-align:center;
}
p.mayLikeList{
	padding-top: 0;
	margin: 0;
	text-align:center;
}
p.catStraightListFar{
	padding-top: 0;
	margin: 0;
	text-align:center;
}
.recipeLineFar{
	width: 100%;
	margin: 0;
	padding-bottom: 17px;
	text-align: center;
}
.hrlistFar{
	border: 0;
	margin: 0;
	width: 100%;
	color: #D3D2D1;
	background-color: #D3D2D1;
	height: 0.8px;
}
h3,h1 {
	font-family:Tahoma,Sans-Serif;
	font-weight:700;
	font-size: 24px;
	color: #454444;	
	margin: 0;
	padding-top:6px;
	padding-bottom:3px;
	text-align: right;
}
.recipePic{ 
	width: 100%;
	height: auto;
	border: 0px;
}
#fbRow2{
	width: 100%;
	text-align: left;
	padding-top: 8px;
	padding-bottom: 20px;
	margin: 0;
}
p.description{
	margin: 0;
    padding-top: 14px;
}
p.yield{
	margin: 0;
	margin-bottom: 20px;
}
.preparationText{
	padding-bottom: 10px;
	margin-top: 5px;
	font-family:Tahoma,Sans-Serif; 
	font-size: 21px; 
	color: #000000;
	font-weight: bold; 
	text-align: right;
}
.listIngredient ul {
	list-style-image: url('image/bullet.jpg');
	text-align: right;
	margin: 0;  
    padding: 0;		
}
.listIngredient ul li { 
	text-align: right;
	padding-top: 7px;
	padding-bottom: 2px;		
}
p.ingriBoldRow{
	margin: 0;
	padding-bottom: 5px;
	padding-top: 11px;
	position: relative;
	left: -16px;
	color: #A0436C;
	font-weight: bold;
}
p.recipeText{
	margin: 0;
	padding-bottom: 16px;
	padding-top: 2px;
}
p.boldMedia{
	margin: 0;
	padding-bottom: 20px;
	padding-top: 2px;
}
p.boldMedia,.midsocialLinkFar{font-family:Tahoma,Sans-Serif;font-size:23px;line-height:1.60em;direction:rtl;text-align:right;}
.midsocialLinkFar{color:#F86D92;}
.preparationPic{ 
	width: 98%;
	height: auto;
	border: 0px;
}
.recipePreparationPicRow{
	width: 100%;
	padding-top: 10px;
	padding-bottom: 20px;
	text-align: center;
}
.recipePicRowWrap{
	width: 100%;
	text-align: center;
}
p.noteLine{
	width: 99%;
	margin: 0;
	padding-bottom: 17px;
	padding-top: 8px;
	line-height: 1.5em;
	text-align: right;
}
.downSubscribe{
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	border-width: 1px;
	border-color: #E2B85E;
	border-style: dotted;
	text-align: center;
}
.downSubscribeTitle{
	padding-top: 7px;
	padding-bottom: 4px;
	text-align: center;
}
.downSubscribeRowMain{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 17px;
}
.downSubscribeClickDiv{
	width: 95%;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-left: 2.1%;
	text-align: center;
}
.listIngredient{
	margin-right: 17px;
}
.socialMediaRecipe{
	width: 100%;
	margin-top: 30px;
	margin-bottom: 3px;
	text-align: center;
}
.iconPic1{border:0px;}
p.noteLine,.noteLineBold{font-family:Tahoma,Sans-Serif;font-size:16px;}
.likeTitleHome,.straightListTitle,.likeTitle{font-family:Tahoma,Sans-Serif;font-size:16px;color:#666565;font-weight:bold;}
.boldYield,p.boldMedia{color:#24221E;}
p.description,.linkInLine,p.homeIntroFar,p.yield,.boldYield,.listIngredient,p.ingriBoldRow,p.recipeText{font-family:Tahoma,Sans-Serif;font-size:19px;line-height:1.60em;direction:rtl;text-align:right;}
.boldYield,.noteLineBold{font-weight:bold;}
.linkInLine{color:#ED6B9E;text-decoration:underline;}
.homeListDivFarSub{width: 90%;border:1px solid #F3EFEF;background-color:#F9F9F9;text-align:center;padding-top:12px;padding-bottom:12px;margin-left:10px;}
.homeTitListFar{color:#000000;font-family:Tahoma,Sans-Serif;font-size:20px;}
.alsoLikePic,.straightPic,.alsoLikePicRecipe{width:95%;height:auto;}
.sitemap{font-size:15px;}
.downSubscribeTitle{font-family: 'Lato', sans-serif;font-size:20px;font-weight:bold;color:#464546;}
.subscribeClickText{font-family:Verdana,Geneva,sans-serif;font-size:14px;letter-spacing:1px;color:#ffffff;}
.bottomSpace{height: 20px;}
.clearRow{clear:both;}
.mainBox{width:100%;border-color:#B9B9B8;border-style:dotted;}
@media screen and (max-width: 330px) and (min-width: 50px){
	#allMainRightFar{
		display: none;
		width: 0%;
	}
	#allMainCenterFar{
		width: 90%;
		text-align: center;
	}
	#allMainLeftFar{
		display: none;
		width: 0%;
	}
	.logoPic{
		width: 80%;
		height: auto;
	}
	.homeListDivFar {
		margin-bottom: 15px;
		padding: 0;
		width: 50%;
		text-align: center;
		float: right;		
	}
	.horizAdHomeFarRecipe,.horizAdFarRecipe,.horizAdFarDownRecipe{
		text-align: center;
		width: 83%;
		margin-bottom: 55px;
		margin-top: 40px;
	}
	.mayLikeListPicHome {
		margin: 0;
		padding: 0;
		width: 50%;
		text-align: center;
		float: right;	
		height: 200px;	
	}
	.mayLikeListTitHome {
		width: 90%;
		padding-left: 4%;
		padding-top: 7px;
		padding-bottom: 22px;
		text-align: center;	
		word-break: break-word;	
	}
	.mayLikeListPic {
		margin: 0;
		padding: 0;
		width: 50%;
		text-align: center;
		float: right;	
		height: 200px;	
	}
	.mayLikeListTit {
		width: 90%;
		padding-left: 4%;
		padding-top: 7px;
		padding-bottom: 22px;
		text-align: center;	
		word-break: break-word;	
	}
	.catStraightListPic {
		margin: 0;
		padding: 0;
		width: 50%;
		text-align: center;
		float: right;	
		height: 200px;	
	}
	.catStraightListTit {
		width: 90%;
		padding-left: 4%;
		padding-top: 7px;
		padding-bottom: 22px;
		text-align: center;	
		word-break: break-word;	
	}
	#fbLeft2{
		width: 27%;
		margin: 0;
		padding-top: 1px;
		float: left;
		text-align: left;
	}
	#fbRight2{
		margin: 0;
		width: 26%;
		padding-top: 1px;
		float: left;
		text-align: left;
	}
	 .mainBox{
		margin-top:3px;
		margin-bottom:29px;
		padding-top:6px;
		padding-bottom:14px;
		border-top-width:1px;
		border-bottom-width:1px;
		border-left-width:0;
		border-right-width:0;
	}
}
@media screen and (max-width: 448px) and (min-width: 331px){
	#allMainRightFar{
		display: none;
		width: 0%;
	}
	#allMainCenterFar{
		width: 90%;
		text-align: center;
	}
	#allMainLeftFar{
		display: none;
		width: 0%;
	}
	.logoPic{
		width: 85%;
		height: auto;
	}
	.homeListDivFar {
		margin-bottom: 15px;
		padding: 0;
		width: 50%;
		text-align: center;
		float: right;	
	}
	.horizAdHomeFarRecipe,.horizAdFarRecipe,.horizAdFarDownRecipe{
		text-align: center;
		width: 100%;
		margin-bottom: 55px;
		margin-top: 40px;
	}
	.mayLikeListPicHome {
		margin: 0;
		padding: 0;
		width: 50%;
		text-align: center;
		float: right;	
		height: 200px;
	}
	.mayLikeListTitHome {
		width: 90%;
		padding-left: 4%;
		padding-top: 7px;
		padding-bottom: 22px;
		text-align: center;	
		word-break: break-word;	
	}
	.mayLikeListPic {
		margin: 0;
		padding: 0;
		width: 50%;
		text-align: center;
		float: right;	
		height: 200px;
	}
	.mayLikeListTit {
		width: 90%;
		padding-left: 4%;
		padding-top: 7px;
		padding-bottom: 22px;
		text-align: center;	
		word-break: break-word;	
	}
	.catStraightListPic {
		margin: 0;
		padding: 0;
		width: 50%;
		text-align: center;
		float: right;	
		height: 200px;
	}
	.catStraightListTit {
		width: 90%;
		padding-left: 4%;
		padding-top: 7px;
		padding-bottom: 22px;
		text-align: center;	
		word-break: break-word;	
	}
	.chitikaCont{
		width: 160px;
		margin-bottom: 45px;
		margin-top: 38px;
		text-align: left;
		margin-right:auto;
		margin-left:0;
	}
	#fbLeft2{
		margin: 0;
		width: 25%;
		padding-top: 1px;
		float: left;
		text-align: left;
	}
	#fbRight2{
		margin: 0;
		width: 29%;
		padding-top: 1px;
		float: left;
		text-align: left;
	}
	.mainBox{
		margin-top:3px;
		margin-bottom:29px;
		padding-top:6px;
		padding-bottom:14px;
		border-top-width:1px;
		border-bottom-width:1px;
		border-left-width:0;
		border-right-width:0;
	}
}

/* vertical tablet samunng and horizontal cell phone and vertical mini ipad */
@media screen and (max-width: 850px) and (min-width: 449px) {
	#allMainRightFar{
		display: none;
		width: 0%;
	}
	#allMainCenterFar{
		width: 72%;
		padding-right: 20px;
		float: right;
		text-align: center;
	}
	#allMainLeftFar{
		display: none;
		width: 0%;
	}
	.homeListDivFar {
		margin-bottom: 15px;
		padding: 0;
		width: 50%;
		text-align: center;
		float: right;		
	}
	.horizAdHomeFarRecipe,.horizAdFarRecipe,.horizAdFarDownRecipe{
		width: 100%;
		margin-bottom: 50px;
		margin-top: 40px;
		text-align: center;
	}
	.mayLikeListPicHome {
		margin: 0;
		padding: 0;
		width: 50%;
		text-align: center;
		float: right;	
		height: 280px;	
	}
	.mayLikeListTitHome {
		width: 90%;
		padding-left: 4%;
		padding-top: 7px;
		text-align: center;	
		word-break: break-word;	
	}
	.mayLikeListPic {
		margin: 0;
		padding: 0;
		width: 50%;
		text-align: center;
		float: right;	
		height: 280px;	
	}
	.mayLikeListTit {
		width: 90%;
		padding-left: 4%;
		padding-top: 7px;
		text-align: center;	
		word-break: break-word;	
	}
	.chitikaCont{
		width: 160px;
		margin-bottom: 45px;
		margin-top: 38px;
		text-align: left;
		margin-right:auto;
		margin-left:0;
	}
	.catStraightListPic {
		margin: 0;
		padding: 0;
		width: 50%;
		text-align: center;
		float: right;	
		height: 280px;	
	}
	.catStraightListTit {
		width: 90%;
		padding-left: 4%;
		padding-top: 7px;
		text-align: center;	
		word-break: break-word;	
	}
	.recipePicRowWrap{
		width: 100%;
		text-align: right;
	}
	#fbLeft2{
		margin: 0;
		width: 22%;
		padding-top: 1px;
		float: left;
		text-align: left;;
	}
	#fbRight2{
		margin: 0;
		width: 22%;
		padding-top: 1px;
		float: left;
		text-align: left;
	}
	.preparationPic{ 
		width: 90%;
		height: auto;
		border: 0px;
	}
	.recipePreparationPicRow{
		width: 100%;
		padding-top: 10px;
		padding-bottom: 20px;
		text-align: right;
	}
	.mainBox{
		margin-top:3px;
		margin-bottom:20px;
		padding-top:10px;
		padding-bottom:20px;
		border-width:1px;
	}
	.mainSubBox{
		margin-right:10px;
		margin-left:6px;
	}	
}
/* horizontal ipad and horizontal mini ipad*/
@media screen and (max-width: 1024px) and (min-width: 851px) {
	#allMainRightFar{
		display: none;
		width: 0%;
	}
	#allMainCenterFar{
		width: 62%;
		padding-right: 20px;
		float: right;
		text-align: center;
	}
	#allMainLeftFar{
		width: 28%;
		padding-left: 20px;
		float: left;
		text-align: left;
	}
	.homeListDivFar {
		margin-bottom: 15px;
		padding: 0;
		width: 50%;
		text-align: center;
		float: right;		
	}
	.horizAdHomeFarRecipe,.horizAdFarRecipe,.horizAdFarDownRecipe{
		width: 100%;
		margin-bottom: 50px;
		margin-top: 40px;
		text-align: center;
	}
	.mayLikeListPicHome {
		margin: 0;
		padding: 0;
		width: 50%;
		text-align: center;
		float: right;	
		height: 280px;	
	}
	.mayLikeListTitHome {
		width: 90%;
		padding-left: 4%;
		padding-top: 7px;
		text-align: center;	
		word-break: break-word;	
	}
	.mayLikeListPic {
		margin: 0;
		padding: 0;
		width: 50%;
		text-align: center;
		float: right;	
		height: 280px;	
	}
	.mayLikeListTit {
		width: 90%;
		padding-left: 4%;
		padding-top: 7px;
		text-align: center;	
		word-break: break-word;	
	}
	.chitikaCont{
		width: 160px;
		margin-bottom: 45px;
		margin-top: 38px;
		text-align: left;
		margin-right:auto;
		margin-left:0;
	}
	.catStraightListPic {
		margin: 0;
		padding: 0;
		width: 50%;
		text-align: center;
		float: right;	
		height: 280px;	
	}
	.catStraightListTit {
		width: 90%;
		padding-left: 4%;
		padding-top: 7px;
		text-align: center;	
		word-break: break-word;	
	}
	.recipePicRowWrap{
		width: 100%;
		text-align: right;
	}
	#fbLeft2{
		margin: 0;
		width: 22%;
		padding-top: 1px;
		float: left;
		text-align: left;;
	}
	#fbRight2{
		margin: 0;
		width: 22%;
		padding-top: 1px;
		float: left;
		text-align: left;
	}
	.preparationPic{ 
		width: 90%;
		height: auto;
		border: 0px;
	}
	.recipePreparationPicRow{
		width: 100%;
		padding-top: 10px;
		padding-bottom: 20px;
		text-align: right;
	}
	.mainBox{
		margin-top:3px;
		margin-bottom:20px;
		padding-top:10px;
		padding-bottom:20px;
		border-width:1px;
	}
	.mainSubBox{
		margin-right:10px;
		margin-left:6px;
	}	
}
.toggle,
[id^=drop] {
	display: none;
}

/* Giving a background-color to the nav container. */
nav { 
	margin-right:8px;
	padding: 0;
	background-color: #ffffff;  
}

/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
	content:"";
	display:table;
	clear:both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
	float: right;
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	}
	
/* Positioning the navigation items inline */
nav ul li {
	margin-right: 20px;
	display:inline-block;
	float: right;
	padding-right:8px;
	border-style: solid;
	border-bottom-color: #E5E2E2;	
	border-width: 0px 0px 1px 0px;
}

/* Styling the links */
nav a {
	display:block;
	padding-top:8px;
	padding-right:8px;
	padding-bottom:8px;	
	color:#000000;
	font-size:18px;
	text-decoration:none;
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute; 
	/* has to be the same number as the "line-height" of "nav a" */
	top: 60px; 
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
	width:170px;
	float:none;
	display:list-item;
	position: relative;
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
	position: relative;
	top:-60px;
	/* has to be the same number as the "width" of "nav ul ul li" */ 
	left:170px; 
}

	
/* Change ' +' in order to change the Dropdown symbol */
li > a:after { content:  ' +'; }
li > a:only-child:after { content: ''; }


/* Media Queries
--------------------------------------------- */
@media all and (max-width : 1024px) {

	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menuDrop {
		display: none;
	}

	/* Stylinf the toggle lable */
	.toggle {
		display: block;
		background-color: #ffffff;
		padding:7px 10px;
		font-family: Verdana, Geneva, sans-serif;	
		color:#565555;
		font-size:18px;
		text-decoration:none;
		border:none;
	}
	.toggle:hover {
		background-color: #ffffff;
	}

	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
	}

	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 100%;
		}

	nav ul ul .toggle,
	nav ul ul a {
		padding-top: 9px;
		padding-bottom: 9px;		
	}

	nav ul ul ul a {
		padding-top: 105px;
		padding-bottom: 45px;
	}
  nav a:hover,

 	nav ul ul ul a {
		background-color: #E5E1E1;
	}
	nav ul li ul li .toggle,
	nav ul ul a, 
  nav ul ul ul a{   /* Sub2 */
  		padding-top: 9px;
		padding-bottom: 9px;
		padding-left: 35px;
		font-family: 'Lato', sans-serif;	
		color:#090909;
		font-size:18px;
		border-style: solid;
		border-bottom-color: #E5E2E2;	
		border-width: 0px 0px 1px 0px; 
	}
  
  
	nav ul li ul li .toggle,
	nav ul ul a {
		background-color: #F9F9F9; 
	}

	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
		/* has to be the same number as the "line-height" of "nav a" */
	}
		
	/* Hide menus on hover */

	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
	}
	nav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */ 
	}
}