@charset "UTF-8";

/* ========================================== RECIPE PAGES === */

/*RECIPE DETAILS PAGE*/
body#recipes.details #wrapper #mainColumn {width:695px;background:#ffffff url(/images/mainColumn-bg.jpg) repeat-x left top;padding:10px 0 10px 16px;}
body#recipes.details #wrapper #mainColumn h1 {padding-bottom:8px;}
#mainInfo {height:235px;}
#mainInfo div {float:left;}
#mainInfo .recipeImg {width:298px;}
#mainInfo .recipeImg a {display:block;padding-bottom:6px;padding-left:2px;padding-right:2px;font-size:11px; text-decoration:underline;}
#mainInfo .recipeImg a#aLargerPhoto {display:block;padding:6px 2px;font-size:11px; text-decoration:underline;}
#mainInfo .recipeLinks {width:263px;padding:0 7px;}
#mainInfo .recipeLinks > ul {
	padding:7px 0;
	background:#ffffff;
	border:5px solid #e2b24d;
	border-left:7px solid #e2b24d;
	border-right:7px solid #e2b24d;
	height:159px;
}
#mainInfo .recipeLinks > ul > li {
	position:relative;
	height:15px;
	padding-left:57px;
	padding-bottom:15px;
}


#mainInfo .recipeLinks ul li a {font-size:11px;text-transform:uppercase;}
#mainInfo .recipeLinks ul li a:hover {color:#5c9a4d;}
#mainInfo .recipeLinks ul li.recipeBox {background:url(/images/icons/recipe-box.png) no-repeat 30px center;}
#mainInfo .recipeLinks ul li.shopping {background:url(/images/icons/shopping.png) no-repeat 30px center;}
#mainInfo .recipeLinks ul li.shopping_noLine {background:url(/images/icons/shopping.png) no-repeat 30px center;}
#mainInfo .recipeLinks ul li:hover.shopping {background:#e2b24d;}
#mainInfo .recipeLinks ul li:hover.shopping_noLine {background:url(/images/icons/shopping.png) no-repeat 30px center;}
#mainInfo .recipeLinks ul li.weeklyMenu {background:url(/images/icons/weekly-menu.png) no-repeat 30px center;}
#mainInfo .recipeLinks ul li.weeklyMenu_noLine {background:url(/images/icons/weekly-menu.png) no-repeat 30px center;}
#mainInfo .recipeLinks ul li:hover.weeklyMenu {background:#e2b24d;}
#mainInfo .recipeLinks ul li:hover.weeklyMenu_noLine {background:url(/images/icons/weekly-menu.png) no-repeat 30px center;}
#mainInfo .recipeLinks ul li.email {background:url(/images/icons/email.png) no-repeat 30px center;}
#mainInfo .recipeLinks ul li.print {background:url(/images/icons/print.png) no-repeat 30px center;}
#mainInfo .recipeLinks ul li.print a, #mainInfo .recipeLinks ul li.recipeBox a {color:#2f2127;}
#mainInfo .recipeLinks ul li.recipeBox a:hover[href] {color:#5c9a4d;}
#mainInfo .recipeLinks ul li img.dropShadow {position:absolute;top:25px;left:0; visibility:hidden;}
#mainInfo .recipeLinks ul div {
	background:url(/images/recipeLinks-shadow-mdl.png) repeat-y right bottom;
	left:249px;
	position:absolute;
	top:0px;
	width:200px;
	padding-bottom:20px;
	visibility:hidden;
	z-index:200;
}
#mainInfo .recipeLinks ul li span.card {
	 height:20px;
	 width:55px;
	 font-size:14px;
	 background-color:#d8d7a1;
	 padding:5px 10px 5px 10px;
	 display:inline;
	 margin:5px;
 }
 
#mainInfo .recipeLinks ul li span:hover.card {
	height:20px;
	width:55px;
	font-size:14px;
	background-color:#b0af42;
	padding:5px 10px 5px 10px;
	display:inline;
	margin:5px;
 }
 


#mainInfo .recipeLinks ul ul {
	width:190px;
	max-height:161px;
	overflow-y:auto;
}
#mainInfo .recipeLinks ul ul li {
	font-size:12px;
	padding:5px 10px;
	background:url(/images/hr-white-short.png) no-repeat center bottom;
	text-align:center;
}
#mainInfo .recipeLinks ul ul li span {
	font-size:9px;
}

#mainInfo .recipeLinks ul ul li a {
	color:#ffffff;
	border-left:none;
}

#mainInfo .recipeLinks ul li:hover div,
#mainInfo .recipeLinks ul li a:hover div {
	visibility:visible;
}
#mainInfo .recipeLinks ul li:hover img.dropShadow { visibility:visible;}

#mainInfo .recipeLinks div {padding:10px 0 0 5px;}
#mainInfo .recipeLinks div a {display:inline-block;
	font-size:12px;color:#5c9a4d;margin-left:7px;padding-left:7px;
	border-left:1px solid #5c9a4d;
}

#mainInfo .recipeLinks div a:hover {
	color:#a24b12;
}

#mainInfo .recipeLinks ul ul li.btn a {
	padding-left:0;padding-right:0;
}
#mainInfo .recipeLinks ul ul li.btn a {
	margin:0;
}
#mainInfo .recipeLinks div a.first {border:none;}
#mainInfo .productImg {width:110px;padding-top:10px;text-align:center;}

dl.recipeContent {clear:left;}
dl.recipeContent dt {
	margin-top:10px;
	padding:12px 0 0 0;
	font-size:14px;color:#5c9a4d;
	text-transform:uppercase;
	background:url(/images/hr-green.png) no-repeat left top;
}
dl.recipeContent dd ol {list-style:decimal;padding-left:20px;}
dl.recipeContent dd li {padding:4px 0;}
dl.recipeContent dd li span {display:inline-block;width:111px;*display: inline; padding-right:6px;}
dl.recipeContent dd {font-size:12px;color:#2f2127;}
dl.recipeContent dd + dd {background:url(/images/hr-green.png) no-repeat left top;}
dl.recipeContent dd li a {text-decoration: underline;} 

div#reviews {
		padding:5px 0;
		font-size:12px;
		background:url(/images/hr-green.png) no-repeat left top;
	}
div#reviews a:hover[href] {color:#a24b12;}
div#reviews h3 {font-size:14px;color:#5c9a4d;text-transform:uppercase;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
div#reviews h3 img {position:relative; top:5px;padding-left:5px;}
div#reviews h3.thanks {
	font-size:18px;
	padding-top:10px;
	background:url(/images/hr-green.png) no-repeat left top;
}
div#reviews h3.thanks span {
	padding-bottom:10px;
	background:url(/images/hr-green.png) no-repeat left bottom;
}
a#noReviewBottom {
	font-size:14px;color:#5c9a4d;text-transform:uppercase;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
div#reviews dt img {display:block;padding:25px 0 10px 0;}
div#reviews dt {width:587px;}
div#reviews dd {padding-top:15px;}
div#reviews dd a {font-style:italic;color:#519646;}

div#reviews #reviewForm {margin:30px 0 10px 0;}
div#reviews #reviewForm h3 span {font-size:12px;text-transform:lowercase;}
div#reviews #reviewForm p {padding:8px 0;}
div#reviews #reviewForm textarea {width:587px;}
div#reviews #reviewForm #imgReviewSubButton {position:relative;left:467px;top:10px;}



#largerImage {
	position:relative;
	width:630px;
	height:450px;
	background:url(/images/recipe-large-img-bg.png) no-repeat center center;
}
#largerImage img {
	position:relative;
	top:15px;
	left:20px;
}
#largerImage a.closeBtn {
	position:absolute;
	display:block;
	width:17px;
	height:17px;
	top:16px;
	right:21px;
	z-index:500;
	background:url(/images/icons/close-square.png) no-repeat center center;
}
#largerImage a.closeBtn:hover {
	background:url(/images/icons/close-square-hov.png) no-repeat center center;
}