/* Eric Meyer reset CSS v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
#editable_content li {list-style:inside;padding-bottom:7px;}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* General reset */
html{height:100%;}
body{
	height:100%;
	min-width:1000px;
	font:12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#817d68;
	background:url(/media/images/layout/bg-body.gif);
}
a{
	color:#817d68;
	text-decoration:none;
}
a:hover{text-decoration:underline;}
.alignleft{float:left;}
.alignright{float:right;}
.clear{clear:both;}
.goback{font:italic 10px Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;}
#wrapper{
	min-height:100%;
	width:100%;
	background:url(/media/images/layout/bg-wrapper-b.gif) repeat-x 0 100%;
}
* html #wrapper{
	height:100%;
	overflow:visible;
}
.w1{
	position:relative;
	width:100%;
	overflow:hidden;
	background:url(/media/images/layout/bg-wrapper-decor.gif) no-repeat 50% 105px;
}
#header{
	position:relative;
	z-index:1;
	width:100%;
	margin:0 0 -4px;
	background:url(/media/images/layout/bg-wrapper-t.gif) repeat-x;
}
.header-area{
	position:relative;
	width:919px;
	margin:0 auto;
	padding:28px 0 8px;
}
.logo{
	display:block;
	margin:0 auto;
	width:185px;
	height:131px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/media/images/layout/logo.gif) no-repeat;
}
.logo a{
	display:block;
	height:100%;
}
.slogan{
	position:absolute;
	top:62px;
	left:199px;
	width:165px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/media/images/layout/bg-slogan.gif) no-repeat;
}
.slogan-2{
	left:569px;
	background-position:0 -35px;
}
.nav-area{width:919px;margin:0 auto;}
.nav-area:after{
	display:block;
	clear:both;
	content:"";
}
.nav-holder{
	position:relative;
	/*left:50%;*/
	float:left;
}
#nav{
	position:relative;
	/*left:-50%;*/
	float:left;
	padding:0 18px 0 47px;
	font-size:12px;
	line-height:16px;
	letter-spacing:-1px;
}
#nav li{
	position:relative;
	float:left;
	display:inline;
	margin:0 -19px 0 0;
}
#nav .active{z-index:20 !important;}
#nav li:hover {z-index:33 !important;}
#nav a{
	float:left;
	width:132px;
	height:37px;
	overflow:hidden;
	text-align:center;
}
#nav a span{
	float:left;
	width:132px;
	height:60px;
	padding:14px 0 0;
	background:url(/media/images/layout/bg-nav.png) no-repeat;
}
#nav a:hover,
#nav li:hover a,
#nav li.hover a,
#nav .active a{
	text-decoration:none;
	font-weight:bold;
	color:#277446;
	border:0;
}
#nav a:hover span,
#nav li:hover a span,
#nav li.hover a span,
#nav .active a span{
	margin:-37px 0 0;
	padding:51px 0 0;
	height:23px;
	cursor:pointer;
}
#nav li:hover .drop,
#nav li.hover .drop{top:36px;}
#nav .drop{
	position:absolute;
	top:-9999px;
	left:6px;
	z-index:99;
	width:184px;
}
#nav .drop-holder{
	width:100%;
	border-top:1px solid #e0dfd0;
	background:url(/media/images/layout/bg-drop.gif) repeat-y;
}
#nav .drop-b{
	height:4px;
	font-size:0;
	line-height:0;
	background:url(/media/images/layout/bg-drop-b.png) no-repeat;
}
#nav ul{
	position:relative;
	width:164px;
	margin:2px 0 0;
	padding:0 8px 0 12px;
	font-size:10px;
	line-height:14px;
	overflow:hidden;
}
#nav ul li{
	float:none;
	display:block;
	height:1%;
	vertical-align:top;
	margin:-2px 0 2px;
	padding:2px 0 0;
	background:url(/media/images/layout/divider01.gif) repeat-x;
}
#nav .drop ul a{
	float:none;
	display:block;
	width:auto;
	height:1%;
	padding:8px 0;
	color:#817d67;
	background:none;
	text-align:left;
}
#nav .drop ul a:hover{
	color:#277446;
	background:url(/media/images/layout/bg-drop-hover.gif) repeat-y;
}
#main{
	width:919px;
	margin:0 auto;
	padding:12px 0 0;
	line-height:18px;
	background:url(/media/images/layout/bg-main.png) no-repeat;
}
.main-area{
	width:883px;
	padding:0 18px 17px;
	background:url(/media/images/layout/bg-main.png) repeat-y 100% 0;
}
.main-area h2{
	padding:0 0 10px;
	font:18px/24px Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#277446;
}
.main-area h3{
	padding:0 0 10px;
	font:16px/20px Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#277446;
}
.main-area h4{
	padding:0 0 10px;
	font:14px/18px Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#277446;
}
.main-area p{margin:0 0 8px;}
.main-b{
	width:100%;
	height:12px;
	font-size:0;
	line-height:0;
	background:url(/media/images/layout/bg-main.png) no-repeat -924px 100%;
}
.columns-block{
	margin:0 0 11px;
	padding:4px 0 0 16px;
}
.columns-block:after{
	display:block;
	clear:both;
	content:"";
}
* html .columns-block{
	height:1%;
	overflow:visible;
}
*+html .columns-block{height:1%;}
.aside-block{
	float:right;
	width:317px;
	padding:28px 0 0;
	background:url(/media/images/layout/bg-decor01.gif) no-repeat 100% 0;
}
.aside-holder{
	padding:0 0 25px 17px;
	background:url(/media/images/layout/bg-decor02.gif) no-repeat 0 100%;
}
* html .aside-holder{
	height:1%;
	overflow:visible;
}
.side-box{
	width:292px;
	padding:11px 0 0;
	background:url(/media/images/layout/bg-side-box.png) no-repeat;
}
.side-box-holder{
	padding:0 12px;
	background:url(/media/images/layout/bg-side-box.png) repeat-y 100% 0;
}
* html .side-box-holder{
	height:1%;
	overflow:visible;
}
.side-b{
	width:100%;
	height:11px;
	font-size:0;
	line-height:0;
	background:url(/media/images/layout/bg-side-box.png) no-repeat -294px 100%;
}
.side-box .area{
	width:100%;
	background:#e4e2dd url(/media/images/layout/bg-side-area.gif);
}
.side-box .area-holder{
	padding:11px 21px 6px 14px;
	background:url(/media/images/layout/bg-side-area-holder.gif) repeat-x;
}
* html .side-box .area-holder{
	height:1%;
	overflow:visible;
}
.side-box .area-holder-buttons{
	padding: 11px 21px 6px 14px;
}
.side-box .area-holder-buttons h2{
	background: url("/media/images/layout/divider01.gif") repeat-x scroll 0 0 transparent;
	padding-top:11px;
}
.side-box .area-holder-social{
	padding: 11px 21px 6px 14px;
}
.side-box h2{padding:0 0 4px;}
.products-list{
	padding:0 0 0 3px;
	font-size:11px;
	line-height:14px;
	overflow:hidden;
}
.products-list li{
	width:100%;
	margin:-2px 0 0;
	padding:11px 0 10px;
	overflow:hidden;
	background:url(/media/images/layout/divider01.gif) repeat-x;
}
.products-list .img-box{
	float:left;
	width:66px;
	margin:0 10px 0 0;
	padding:8px;
	overflow:hidden;
	background:#ecebde;
}
* html .products-list .img-box{margin-right:7px;}
.products-list .img-box img{vertical-align:top;}
.products-list .description{
	padding:2px 0 0;
	overflow:hidden;
}
* html .products-list .description{
	height:1%;
	overflow:visible;
}
.products-list .description .text-box{
	margin:0 0 7px;
	padding:0 0 0 3px;
	overflow:hidden;
}
* html .products-list .description .text-box{
	height:1%;
	overflow:visible;
}
.products-list p{margin:0;}
.button{
	display:block;
	width:89px;
	height:15px;
	padding:3px 0 0;
	font-weight:bold;
	font-size:9px;
	line-height:10px;
	text-align:center;
	color:#fff;
	overflow:hidden;
	background:url(/media/images/layout/bg-button.png) no-repeat;
}
.button:hover{
	text-decoration:none;
	background-position:0 100%;
}
.social-block{
	float:left;
	width:216px;
	padding:10px 0 10px;
}
.social-block .visual-box{
	position:relative;
	width:278px;
	margin:0 0 3px -64px;
}
.social-block .visual-box img{vertical-align:top;}
.social-block .visual-box .img-top{
	margin:-191px 0 0;
	text-align:right;
}
.social-block .logo-box{
	margin:0 0 22px;
	padding:0 0 0 6px;
	overflow:hidden;
}
* html .social-block .logo-box{
	height:1%;
	overflow:visible;
}
.social-block .logo-box a{
	float:left;
	margin:0 6px 0 0;
}
.social-block .logo-box img{vertical-align:top;}
.social-block .soc-box, .area-holder-social .soc-box{
	width:100%;
	padding:0 0 10px;
	font-size:11px;
	line-height:14px;
	overflow:hidden;
}
.social-block .soc-box .img-box, .area-holder-social .soc-box .img-box{
	float:left;
	margin:0 9px 0 0;
	padding:8px;
	overflow:hidden;
	background:#ecebde;
}
* html .social-block .soc-box .img-box, * html .area-holder-social .soc-box .img-box{margin-right:6px;}
.social-block .soc-box .img-box img,.area-holder-social .soc-box .img-box img{vertical-align:top;}
.social-block .soc-box .description,.area-holder-social .soc-box .description{
	padding:1px 0 0;
	overflow:hidden;
}
* html .social-block .soc-box .description, * html .area-holder-social .soc-box .description{
	height:1%;
	overflow:visible;
}
.social-block .soc-box p, .area-holder-social .soc-box p{margin:0 0 8px 3px;}
.columns-block .content{
	padding:47px 12px 15px;
	overflow:hidden;
}
* html .columns-block .content{
	height:1%;
	overflow:visible;
	padding-left:9px;
	padding-right:9px;
}
.columns-block .content .alignleft{
	vertical-align:top;
	margin:0 8px 0 0;
}
.columns-block .content .alignright{
	vertical-align:top;
	margin:0 0 0 8px;
}
.columns-block .content a{color:#4E9A77;}
.columns-block .content .submitrecipe{
	clear:both;
	padding:12px;
	margin:24px 0 12px 0;
	background: url("/media/images/layout/bg-side-area-holder.gif") repeat-x scroll 0 0 transparent;
	border:1px solid #817d68;
}
.recipecats li {margin-top:12px;}
#editable_content ul.recipecats li {list-style:none;}
.recipecats li a{
	font-weight:bold;
	font-size:16px;
}
.recipecats li a:hover{color:#0F7747;text-decoration:none;}
.recipecats a.readmore{
	font:italic 10px Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
	float:right;
	margin-bottom:10px;
}
.recipecats h3{color:#817D68;font-style:italic;}
.btn-arrow{
	display:inline-block;
	vertical-align:top;
	font-size:10px;
	line-height:28px;
	color:#fff;
	cursor:pointer;
}
* html .btn-arrow{display:inline;}
*+html .btn-arrow{display:inline;}
.btn-arrow strong{
	float:left;
	height:30px;
	padding:0 10px;
	background:url(/media/images/layout/bg-btn-arrow.gif) no-repeat;
	color:#fff;
}
.btn-arrow span{
	float:left;
	width:26px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/media/images/layout/bg-btn-arrow.gif) no-repeat 100% 100%;
}
.twocolumns{
	width:842px;
	padding:0 18px 0 23px;
	overflow:hidden;
	background:url(/media/images/layout/divider02.gif) repeat-y 217px 0;
}
.twocolumns .heading{
	margin:0 0 15px;
	padding:0 0 10px;
	background:#fbfbf9 url(/media/images/layout/divider01.gif) repeat-x 0 100%;
}
.twocolumns .heading h2{padding:0;}
.twocolumns .content{
	float:right;
	width:620px;
}
.twocolumns .content .heading{
	position:relative;
	width:622px;
	margin-left:-27px;
	padding-left:25px;
}
.items-block{
	width:100%;
	margin:0 0 15px;
	overflow:hidden;
}
.items-block .item{
	width:100%;
	padding:0 0 24px;
	overflow:hidden;
}
.items-block .item .img-box{
	float:right;
	margin:9px 0 0 3px;
}
* html .items-block .item .img-box{margin-left:0;}
.items-block .item .img-box img{vertical-align:top;}
.items-block .item .description{
	overflow:hidden;
}
* html .items-block .item .description{
	height:1%;
	overflow:visible;
}
.items-block h3{
	margin:0 0 7px;
	padding:0 0 8px;
	font:bold 16px/20px Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	color:#bc5110;
	background:url(/media/images/layout/divider01.gif) repeat-x 0 100%;
}
.items-block p{margin:0 0 10px;}
.twocolumns .aside{
	float:left;
	width:181px;
}
.twocolumns .aside .heading{
	position:relative;
	width:195px;
	margin:0 -14px 19px 0;
}
.side-nav{
	width:171px;
	margin:0 0 9px;
	padding:0 0 9px;
	font:bold 10px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	text-align:center;
	overflow:hidden;
	background:url(/media/images/layout/divider01.gif) repeat-x 0 100%;
}
.side-nav li{
	margin:0 0 12px;
	padding:11px 11px 10px 10px;
	border:8px solid #ecebde;
	background:#fff;
}
.side-nav a{
	display:block;
	padding:4px 8px;
	color:#fbfbf9;
	background:url(/media/images/layout/bg-side-nav.gif) repeat-y;
}
.side-nav .mark a{background-position:-150px 0;}
.side-nav-page{
	margin:0 0 9px;
	padding:0 0 9px;
	font:bold 10px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	text-align:center;
	overflow:hidden;
	background:url(/media/images/layout/divider01.gif) repeat-x 0 100%;
}
.side-nav-page li{
	margin:0 0 12px;
	padding:11px 11px 10px 10px;
	border:8px solid #ecebde;
	background:#fff;
}
.side-nav-page a{
	display:block;
	padding:4px 8px;
	color:#fbfbf9;
	background:url(/media/images/layout/bg-side-nav.gif) repeat-y;
	margin:0 auto;
	width:120px;
}
.side-nav-page .mark a{background-position:-150px 0;}
.items-list{
	width:100%;
	font-size:11px;
	line-height:14px;
	overflow:hidden;
}
.items-list li{
	width:100%;
	padding:11px 0 8px;
	overflow:hidden;
}
.items-list .img-box{
	float:left;
	width:66px;
	margin:0 9px 0 0;
	padding:8px;
	overflow:hidden;
	background:#ecebde;
}
* html .items-list .img-box{margin-right:6px;}
.items-list .img-box img{vertical-align:top;}
.items-list .description{
	padding:2px 0 0;
	overflow:hidden;
}
* html .items-list .description{
	height:1%;
	overflow:visible;
}
.items-list .description .text-box{
	margin:0 0 7px;
	padding:0 0 0 3px;
	overflow:hidden;
}
* html .items-list .description .text-box{
	height:1%;
	overflow:visible;
}
.items-list p{margin:0;}
#footer{
	width:919px;
	margin:0 auto;
	padding:23px 0 40px;
	text-align:center;
	font-size:10px;
	line-height:14px;
}
#footer ul{
	display:inline-block;
	vertical-align:top;
	letter-spacing:0px; 
	overflow:hidden;
}
* html #footer ul{display:inline;}
*+html #footer ul{display:inline;}
#footer ul li{
	float:left;
	margin:0 0 15px -1px;
	padding:0 7px 0 6px;
	background:url(/media/images/layout/separator-footer.gif) no-repeat 0 3px;
}
#footer p{margin:0 0 20px;}
.logo-by{
	display:block;
	width:135px;
	height:13px;
	margin:0 auto 10px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/media/images/layout/logo-by.gif) no-repeat;
}
.logo-by a{
	display:block;
	height:100%;
}
#recipes li {list-style:inside; padding-top:7px;}

/* Edit by Catoe Group (JC): 2018-12-04 Nav Addition */
.nav-view-cart a:hover {
	text-decoration: none;
}
.nav-view-cart a {
	text-decoration: none;
	color: #237544;
}
.nav-view-cart {
	font-size: 9px;
	text-transform: uppercase;
	color: #237544;
	border-top: 1px dotted #237544;
	border-bottom: 1px dotted #237544;
	width: 53px;
	padding: 2px 0;
	float: left;
	margin-top: 12px;
}