body {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 75%; /* 1em = 12px */
	line-height: 1.3;
	background: #2D150B;
	color: #FFF;
	margin: 0;
}

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; }
ul, ol, li { margin: 0; padding: 0; list-style: none; }
form { margin: 0; padding: 0; }
a img { border: none; }

#frame {
	margin: 0 auto;
	width: 980px;
}


/***********************************************************************
 HEADER 
************************************************************************/
#header {
	background: #3d2616 url(/media/images/design/header-bg.jpg) right -60px no-repeat;
	position: relative;
	width: 100%;
	overflow: hidden;
}
#header .logo { display: block; width: 223px; height: 118px; position: relative; font-size: 3em; line-height: 3em; text-align: center; font-weight: bold; color: #67a228; float: left; }
#header .logo span { display: block; width: 223px; height: 118px; position: absolute; top: 0; left: 0; background: url(/media/images/design/header-logo.png); }
#header p { float: right; display: inline; text-indent: -10000px; width: 572px; height: 26px; background: url(/media/images/design/header-tagline.png) top left no-repeat; margin: 35px 20px 0 0; }

#header ul { position: absolute; bottom: 0; right: 115px; list-style: none; margin: 0; }
#header li { float: left; font-size: 1.2em; }
#header li a { display: block; color: #ffe450; text-decoration: none; }
#header li a span { display: block; padding: 8px 15px 10px 15px; }
#header li a:hover { color: #fff7cc; }

#header li.on a { background: #1d1108 url(/media/images/design/nav-left.png) top left no-repeat; }
#header li.on a span { background: url(/media/images/design/nav-right.png) top right no-repeat; }
#header li.on a:hover { color: #ffe450; }


/***********************************************************************
 HEADER - FOOD SELECTOR
************************************************************************/
#food { background: url(/media/images/design/food-bottom.png) bottom left no-repeat; padding-bottom: 3px; }
#food-bg { background: #4d3426 url(/media/images/design/food-bg.png) top left no-repeat;  position: relative; }

#food ul { margin: 0 0 0 12px; padding: 6px 0 0 0; list-style: none; width: 770px; overflow: hidden; }
#food li { float: left; font-size: 1.1em; padding: 5px 8px 3px 0; }
#food li a { padding-top: 3px; padding-bottom: 10px; display: block; color: #ffe450; text-decoration: none; white-space: nowrap; }
#food li a span { display: block; padding: 0 0 0 52px; }
#food li.tofu a span { padding-left: 50px; }
#food li.pates a span { padding-left: 53px; }
#food li.burgers a span { padding-left: 54px; }
#food li a:hover { color: #fff7cc; }

#food li.tofu a { background: url(/media/images/design/food-bg-tofu.png) top left no-repeat; }
#food li.snacks a { background: url(/media/images/design/food-bg-snacks.png) top left no-repeat; }
#food li.sausages a { background: url(/media/images/design/food-bg-sausages.png) top left no-repeat; }
#food li.pates a { background: url(/media/images/design/food-bg-pates.png) top left no-repeat; }
#food li.burgers a { background: url(/media/images/design/food-bg-burgers.png) top left no-repeat; }
#food li.ready a { background: url(/media/images/design/food-bg-meals.png) top left no-repeat; }

#food li.on a { background-position: 0 -34px; }


/***********************************************************************
 HOMEPAGE HERO AREA 
************************************************************************/
#hero { min-height: 270px; width: 100%; overflow: hidden; background: #644B25 url(/media/images/design/hero-bg.jpg) top left no-repeat; position: relative; }
#hero div.box { float: left; display: inline; margin: 30px 0 30px 30px; padding: 20px 20px 15px 20px; width: 550px; background: url(/media/images/design/hero-bg-content.png) top left repeat-x; }
#hero h1 { font-size: 2.2em; color: #ffe450; }
#hero h1 span { color: #80c342; }
#hero p { color: #feebb9; margin: 1em 0 0 0; text-shadow: #000 1px 1px 1px; }
#hero div.images { position: absolute; top: 20px; right: 25px; width: 304px; height: 262px; }
#hero div.images img { position: absolute; display: none; }
#hero div.images img.first { display: block; }

#hero div.recipes {
	/*background:url(/media/images/design/bg_homepage_hero_chinese.png) no-repeat;*/
	/*padding:50px 0 50px 160px;*/
	background:url(/media/images/design/bg_homepage_hero_blank.png) -50px 0 no-repeat;
	padding:40px 0 50px 100px;
	float: left; 
	width:520px;
	height:186px;
}
#hero div.recipes h1 { font-size: 1.9em; color: #e7cf8d; /*margin:0 0 25px 0;*/margin:10px 0 14px 0;}
#hero div.recipes img {margin-top: 4px;}


/***********************************************************************
 FEATURED PROMO AREAS 
************************************************************************/
#features { background: url(/media/images/design/features-bg.jpg); width: 100%; overflow: hidden; }
#features div { width: 100%; overflow: hidden; background: url(/media/images/design/feature-bg-top.png) top left repeat-x; }
#features div div { background: url(/media/images/design/feature-bg-bottom.png) bottom left repeat-x; }
#features div div div { background: url(/media/images/design/feature-bg-content.png) 20px bottom repeat-x; padding: 0 10px; }
#features div div div div { background: none; padding: 0; }
#features .feature { margin: 0 10px; float: left; display: inline; width: 300px; }
#features .feature .header { background: #000 url(/media/images/design/feature-bg-header.jpg) top left no-repeat; padding: 8px 10px; width: 280px; overflow: hidden; }
#features h2 { color: #ffe450; font-size: 1.2em; line-height: 1; float: left; }
#features .rss { display: block; float: right; width: 16px; height: 16px; text-indent: -10000px; background: url(/media/images/design/rss-icon.gif) top left no-repeat; margin-top: 4px; }
#features .feature .content { background: url(/media/images/design/feature-bg-top.png) top left repeat-x; padding: 15px 15px; color: #4f3624; width: 270px; overflow: hidden; }
.feature a { color: #330000; text-decoration: none; }
.feature a:hover { text-decoration: underline; }

.feature .listing { margin-bottom: -0.8em; }
.feature .listing li { width: 100%; overflow: hidden; padding-bottom: 1.4em; }
.feature .listing img { float: left; border: 1px solid #FFF; -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.4); -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.4); box-shadow: 2px 2px 6px rgba(0,0,0,0.4); margin-bottom: 0 !important; }
.feature .listing div { float: right; width: 180px !important; }
.feature .listing h3 { font-size: 1em; font-weight: bold; }
.feature .listing p { margin: 0; }
.feature .listing-small div { width: 210px !important; }
.feature .listing-small li { padding-bottom: 1em; }
.feature-image-strip img { margin-bottom: -0.4em; }
.feature-image-strip .content { padding-top: 0px !important; }
.feature-image-strip-listing .content { padding-top: 10px !important; }
.feature-carousel .content { padding-top: 0px !important; }
.feature-carousel p { margin-top: 0; }
.feature-related .content p.top { margin-top: 0; }


/***********************************************************************
 SCROLLING CAROUSEL 
************************************************************************/
#carousel { margin-left: -4px; width: 280px; background: url(/media/images/design/carousel-bg.png) 20px center no-repeat !important; padding: 0 75px 0 23px !important; }
#carousel ul { margin-top: -14px !important; width: 100%; overflow: hidden; padding: 0; list-style: none; }
#carousel li { float: left; padding: 20px 0; position: relative; width: 60px; height: 125px; text-align: center; }
#carousel li img { opacity: 0.5; border: 1px solid #FFF; position: absolute; width: 50px; top: 50%; left: 50%; margin: -25px 0 0 -25px; }
#carousel li img.on { -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6); box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6); } 
#carousel .button { cursor: pointer; width: 20px; height: 151px; position: absolute; top: 0; z-index: 1000; }
#carousel .prev { left: 0; background: url(/media/images/design/carousel-prev.png) center left no-repeat; }
#carousel .next { right: 0; background: url(/media/images/design/carousel-next.png) center left no-repeat; }
#carousel-item { text-align: center; font-weight: bold; margin-bottom: 0.4em; }


/***********************************************************************
 INTERIOR NAVIGATION 
************************************************************************/
#nav { width: 180px; float: left; position: relative; z-index: 100; }
#nav h2 { background: #000 url(/media/images/design/feature-bg-header.jpg) center right no-repeat; padding: 8px 12px; color: #ffe450; font-size: 1.4em; line-height: 1; }
#nav ul { padding: 5px 10px; background: url(/media/images/design/nav-bg.png) top left no-repeat; }
#nav li { background: url(/media/images/design/nav-bottom.gif) bottom left repeat-x; padding: 0.6em 0.5em 0.7em 0.5em; font-size: 0.916em; color: #330000; }
#nav li.last { background: none; }
#nav li a { color: #ffe450; text-decoration: none; font-size: 1.091em; }
#nav li a:hover { text-decoration: underline; }
#nav div { background: url(/media/images/design/nav-search-bg.png) top left no-repeat; padding: 15px 10px; }
#nav div div { background: none; padding: 0; height: auto; }
#nav div.submit { background: #8B6D4C; overflow: hidden; width: 162px; padding: 10px 9px; line-height: 1; }
#nav div.submit p { margin: 0; }


/***********************************************************************
 CONTENT LAYOUT - BASE STYLES
************************************************************************/
#main { background: url(/media/images/design/main-bg.jpg) top left repeat-y; }
#main-bg { background: url(/media/images/design/feature-bg-top.png) top left repeat-x; }
#content-bg { width: 960px; padding: 0 10px; padding-bottom: 20px; position: relative; }
#paper { float: left; display: inline; position: relative; }
#paper .top { height: 36px; }
#maincontent { padding: 15px 5px 0 30px; color: #7e5e4b; }
#content-lined { padding: 0px 20px; margin-top: 20px; margin-left: -20px; line-height: 2.25em; background: url(/media/images/design/paper-content-lined.gif) top left repeat-y; -moz-background-size: 100% 2.25em; -webkit-background-size: 100% 2.25em; background-size: 100% 2.25em; /* background lines stretch vertically relative to font size in browsers that support CSS3 */ }
.content-clear { font-size: 1px; height: 1px; clear: both; line-height: 1px; }
#content-lined p a { color: #330000; }



/***********************************************************************
 CONTENT LAYOUT - OUR RANGE
************************************************************************/
.range #content-bg { height: 620px; padding-bottom: 0 !important; background: url(/media/images/design/range-bg.jpg) top left no-repeat; position: relative; }
#range { width: 980px; height: 620px; position: absolute; z-index: 5; top: 0; left: 0; }
#range img { position: absolute; left: 0; top: 0; width: 980px; height: 620px; border: none; z-index: 10; }
#range img.tofu { background: url(/media/images/design/range-tofu.png) 762px 46px no-repeat; }
#range img.snacks { background: url(/media/images/design/range-snacks.png) 833px 280px no-repeat; }
#range img.sausages { background: url(/media/images/design/range-sausages.png) 271px 154px no-repeat; }
#range img.pates { background: url(/media/images/design/range-pates.png) 487px 201px no-repeat; }
#range img.burgers { background: url(/media/images/design/range-burgers.png) 560px 386px no-repeat; }
#range img.meals { background: url(/media/images/design/range-meals.png) 213px 363px no-repeat; }


/***********************************************************************
 CONTENT LAYOUT - STANDARD PAGE (WITH LHN)
************************************************************************/
.standard #content-bg { background: url(/media/images/design/paper-bg.png) 200px 109px no-repeat; }
.standard #paper { width: 773px; margin-left: 1px; margin-top: 6px; }
.standard #paper .top { background: url(/media/images/design/paper-top.png) top right no-repeat; }
.standard #maincontent { background: url(/media/images/design/paper-content-bg.png) 9px 0 no-repeat; } 


/***********************************************************************
 CONTENT LAYOUT - WIDE STANDARD PAGE (NO LHN)
************************************************************************/
.wide #content-bg { background: url(/media/images/design/paper-wide-bg.png) 20px 109px no-repeat; }
.wide #paper { width: 953px; margin-left: 1px; margin-top: 6px; }
.wide #paper .top { background: url(/media/images/design/paper-wide-top.png) top right no-repeat; }
.wide #maincontent { background: url(/media/images/design/paper-wide-content-bg.png) top right no-repeat; }


/***********************************************************************
 CONTENT LAYOUT - OUR STORY
************************************************************************/
.story #nav { margin-left: 10px; }
.story #content-bg { background: url(/media/images/design/story-bg.jpg) top left no-repeat; padding: 0; width: 980px; }
.story #paper { width: 700px; margin-left: 90px; min-height: 569px; }
.story #maincontent { padding: 0; width: 700px; overflow: hidden; }
.story #maincontent h1 { position: absolute; left: -10000px; }
.story #maincontent p.center { text-align: center; }
.story #maincontent p { line-height: 1.5; }
.story #maincontent a.story { color: #583928; font-size: 1.8em; text-decoration: none; }
.story #maincontent a.story:hover { color: #330000; }
.story #content-left { width: 320px; float: left; padding-top: 87px; }
.story #content-left h2 { background: url(/media/images/design/story-left-line.png) bottom left no-repeat; padding: 0 0 9px 40px; }
.story #content-right { width: 310px; float: right; margin-right: 20px; padding-top: 10px; }
.story #content-right h2 { background: url(/media/images/design/story-right-line.png) bottom left no-repeat; padding: 0 0 7px 40px; }


/***********************************************************************
 CONTENT LAYOUT - RECIPE LANDING
************************************************************************/
.recipe-landing #content-bg { background: none; }
.recipe-landing #paper { width: 473px; margin-left: 1px; margin-top: 6px; }
.recipe-landing #paper .top { background: url(/media/images/design/paper-cutoff-top.png) top right no-repeat; }
.recipe-landing #maincontent { background: url(/media/images/design/paper-cutoff-content-bg.png) top right no-repeat; }
.recipe-landing #paper .bottom { padding-left: 30px; height: 84px; background: url(/media/images/design/paper-cutoff-bottom.png) 9px 0 no-repeat; }
.recipe-landing #content-lined { margin-top: 10px; padding-bottom: 10px; }
.recipe-landing #paper-right { position: absolute; top: 10px; right: 0; }
.recipe-landing #maincontent p { width: 345px; }
.recipe-landing #maincontent p.title { margin-bottom: 0; color: #330000; font-size: 1.1em; font-weight: bold; width: 220px; }
.recipe-landing #maincontent p.subtitle { margin-bottom: 0; color: #330000; }
.recipe-landing .stats { margin-left: 165px; }
.recipe-landing .star-rating { float: right; margin: 0 60px 0 0; display: inline; }


/***********************************************************************
 CONTENT LAYOUT - RECIPE DETAIL
************************************************************************/
.recipe-detail #maincontent p.subtitle { margin-bottom: 0; color: #330000; }
.recipe-detail #maincontent h1 { padding-bottom: 10px; }
.recipe-detail .stats { margin-top: 10px; width: 365px; }
.recipe-detail #content-lined { margin-top: 0; }
.recipe-detail #content-tab { margin-top: 1.5em; }
.recipe-detail .postit { margin-right: 5px; }


/***********************************************************************
 CONTENT LAYOUT - RECIPE LISTING
************************************************************************/
.recipe-listing .rich-listing h2 { width: 400px; }
.recipe-listing .rich-listing p { width: 400px; clear: none; }
.recipe-listing .stats { float: right; width: 145px; margin-top: 12px; }
.recipe-listing .star-rating { margin-right: 10px; float: right; margin-top: 2px; display: inline; }

p.recipehighlight {float:left;font-weight:bold;color:#d5c33d; width:388px !important; height:25px; margin:0 !important; background:url(/media/images/design/bg_recipehighlight.jpg) no-repeat; font-size:14px; padding-left:12px;}
p.recipehighlight span {color:#72b125;}


/***********************************************************************
 GENERAL CONTENT STYLES - TEXT & IMAGES
************************************************************************/
#content-lined p { margin: 0 0 2.25em 0; }
#maincontent h1 { color: #583928; font-size: 2em; }
#maincontent h2 { color: #583928; font-size: 1.8em; }
#maincontent h3 { color: #583928; font-size: 1.3em; font-weight: bold; }
#maincontent h4 { color: #583928; font-size: 1.2em; font-weight: bold; }
#maincontent ol { padding: 0 0 0 2em; }
#maincontent ol li { list-style-type: decimal; }
#maincontent p.results { font-size: 1.4em; margin-bottom: 1.6em; }
#maincontent p.results span { color: #330000; font-weight: bold; }
#maincontent p.more { color: #330000; margin-top: 0.6em; }
#maincontent p.more a { color: #330000; }
#maincontent .image-left { float: left; margin: 0 20px 20px 0; }
#maincontent .image-right { float: right; margin: 0 0 20px 20px; }
#maincontent .image-left img, #maincontent .image-right img { border: 1px solid #FFF; -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.4); -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.4); box-shadow: 2px 2px 6px rgba(0,0,0,0.4); }


/***********************************************************************
 GENERAL CONTENT STYLES - CLIPPED IMAGE
************************************************************************/
#maincontent .clip-image { position: relative; float: right; display: inline; margin: -65px 10px 20px 20px; width: 320px; height: 270px; padding: 10px; overflow: hidden; }
#maincontent .clip-image div { margin-top: 45px; position: relative; }
#maincontent .clip-image img { margin-bottom: 20px; border: 1px solid #FFF; -moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.6); -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.6); box-shadow: 2px 2px 8px rgba(0,0,0,0.6); }
#maincontent .clip-image div.clip { margin-top: 0px !important; width: 41px; height: 98px; position: absolute; top: 12px; right: 10px; background: url(/media/images/design/paperclip.png) top left no-repeat; z-index: 1000; }
#maincontent .clip-under { float: right; clear: right; margin: -10px 20px 20px 20px; display: inline; }


/***********************************************************************
 GENERAL CONTENT STYLES - DEFAULT FORM STYLING
************************************************************************/
.form { background: #E6E0D8; padding: 1em 2em; margin: 0 0 2.25em 0; }
.form div { width: 100%; overflow: hidden; padding: 0.2em; }
.form label { font-weight: bold; width: 180px; display: block; float: left; }
.form input, .form select, .form textarea { float: left; }
.form input { width: 470px; }
.form input.box { width: auto; }
.form input.submit { width: auto; margin-left: 180px; }
.form textarea { width: 470px; height: 100px; }

input.error, textarea.error  {
background:none repeat scroll 0 0 #FFFF99;
}


/***********************************************************************
 GENERAL CONTENT STYLES - BUTTON
************************************************************************/
.button { float: left; color: #ffe450 !important; text-decoration: none; font-size: 1.2em; }
.button span { padding: 4px 10px 6px 10px; display: block; background: #1b0f07 url(/media/images/design/button-bg.png) top left repeat-x; text-align: center; }
.button:hover { color: #fff7cc !important; text-decoration: none !important; }


/***********************************************************************
 GENERAL CONTENT STYLES - BOTTOM TAB & PAGINATION
************************************************************************/
#content-tab { float: left; background: url(/media/images/design/content-tab-left.png) top left no-repeat; height: 52px; margin-left: -26px; margin-top: -1em; margin-bottom: 0.9em; min-width: 169px; position: relative; white-space: nowrap; }
#content-tab div.inner { height: 52px; margin-left: 6px; background: url(/media/images/design/content-tab-right.png) top right no-repeat; padding: 11px 15px 0 20px; white-space: nowrap; }
.content-tab-comments div.inner { padding-top: 14px !important; }
#content-tab img { float: left; }
#content-tab .comments-badge { margin-left: 10px; display: block; width: 28px; height: 29px; background: url(/media/images/design/comments-badge.png) top left no-repeat; float: left; text-align: center; text-decoration: none; padding: 0 5px 0 0; line-height: 1.3; color: #ffe450; }
#content-tab .comments-badge span { position: absolute; left: -10000px; }
#content-tab .comments-link { color: #330000; line-height: 1.5; height: 29px; display: block; float: left; margin-left: 5px; }
#content-tab form { float: left; border-right: 1px solid #7e5e4b; padding-right: 10px; margin-right: 10px; }
#content-tab form label { color: #330000; padding-left: 3px; }

.pagination { float: left; white-space: nowrap; }
.pagination li { display: inline; }
.pagination li a { color: #330000; font-weight: normal; padding: 2px; }
.pagination li a span { position: absolute; left: -10000px; }
.pagination li.on a { color: #FFF; font-weight: bold; text-decoration: none; cursor: default; }


/***********************************************************************
 RICH LISTING
************************************************************************/
.rich-listing li { width: 100%; overflow: hidden; }
.rich-listing li div.image { float: left; }
.rich-listing li div.image img { border: 1px solid #FFF; -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.4); -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.4); box-shadow: 2px 2px 6px rgba(0,0,0,0.4); }
.rich-listing li div.text { float: right; width: 560px; }
.rich-listing li p { clear: both; }
.rich-listing li a { color: #330000; }
.rich-listing li h2 { font-size: 1.6em !important; width: 360px; float: left; }
.rich-listing li span.date { float: right; color: #BAA893; width: 200px; text-align: right; }
.rich-listing .comments-badge { margin-left: 5px; display: inline-block; width: 28px; height: 29px; background: url(/media/images/design/comments-badge.png) top left no-repeat; text-align: center; text-decoration: none; padding: 0 5px 0 0; line-height: 1.3; color: #ffe450; margin-bottom: -1.4em; }
.rich-listing .comments-badge span { position: absolute; left: -10000px; }


/***********************************************************************
 POSTIT AREA
************************************************************************/
.postit { float: right; width: 264px; background: url(/media/images/design/postit-bg.png) bottom left no-repeat; clear: right; margin: -3px -10px 20px 20px; padding: 20px 28px 35px 22px; display: inline; }
.postit div.image { float: right; margin-top: -40px; margin-left: 15px; margin-bottom: 15px; }
.postit div.image img { border: 1px solid #FFF; -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.4); -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.4); box-shadow: 2px 2px 6px rgba(0,0,0,0.4); }
.postit a { color: #7e5e4b; }
.postit p.ingredient { font-weight: bold; font-size: 1.1em; margin-top: 0; }
.postit h2 { margin-bottom: 0.5em; }
.postit p { line-height: 1.4; margin-bottom: 0 !important; }
.postit ul { padding-left: 1.2em; margin-top: 0.6em; }
.postit li { list-style: square !important; line-height: 1.4; }


/***********************************************************************
 COMMENTS
************************************************************************/
#comments { clear: both; }
#comments h2 { position: absolute; left: -10000px; }
#comments li { background: #e6e0d8 url(/media/images/design/comments-badge-even.png) 1.6em 1.6em no-repeat; padding: 1.6em 1.6em 0.6em 1.6em; margin-bottom: 3px; }
#comments li.odd { background: #d9cebf url(/media/images/design/comments-badge-odd.png) 1.6em 1.6em no-repeat; }
#comments p { line-height: 1.4; margin: 0 0 1em 0; padding-left: 38px; }
#comments p.author { color: #baa893; margin-bottom: 0.6em; }
#comments p.author strong { font-weight: bold; color: #330000; }
#comments .add { position: relative; margin-left: -1px; width: 687px; background: url(/media/images/design/comments-bg.png) bottom left no-repeat; padding: 18px 34px 28px 18px; overflow: hidden; }
#comments .add h3 { font-weight: bold; font-size: 1.3em; margin-bottom: 0.6em; }
#comments .add label { position: absolute; left :-10000px; }
#comments .add input, #comments .add textarea { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 1em; color: #666; }
#comments .add input { float: left; clear: left; width: 230px; margin-bottom: 0.6em; }
#comments .add textarea { position: absolute; top: 18px; right: 34px; width: 430px; height: 85px; }
#comments .add input.submit { width: auto; float: right; clear: both; }
#comments .add #submit-alt { float: right; margin-top: 30px; }


/***********************************************************************
 STATISTICS BOXES
************************************************************************/
.stats { padding: 0; text-align: center; width: 200px; overflow: hidden; }
.stats li { float: left; width: 43px; height: 63px; margin: 0 5px 0 0; font-weight: bold; line-height: 1.3; }
.stats li span { position: absolute; left: -10000px; }
.stats li.serves { background: url(/media/images/design/stats-serves.png) top left no-repeat; color: #ccc6c2; text-shadow: #000 -1px -1px 1px; padding-top: 13px; font-size: 1.9em; }
.stats li.ease-1 { background: url(/media/images/design/stats-ease.png) 0 0 no-repeat; }
.stats li.ease-2 { background: url(/media/images/design/stats-ease.png) -43px 0 no-repeat; }
.stats li.ease-3 { background: url(/media/images/design/stats-ease.png) -86px 0 no-repeat; }
.stats li.ease-4 { background: url(/media/images/design/stats-ease.png) -129px 0 no-repeat; }
.stats li.ease-5 { background: url(/media/images/design/stats-ease.png) -172px 0 no-repeat; }
.stats li.time { background: url(/media/images/design/stats-time.png) top left no-repeat; color: #ccc6c2; text-shadow: #000 -1px -1px 1px; padding-top: 11px; font-size: 1.4em; letter-spacing: -1px; }
.stats li.print { background: url(/media/images/design/stats-print.png) top left no-repeat; float: right; margin-right: 0; cursor: pointer; }
 

/***********************************************************************
 SEARCH FORMS - SITE SEARCH & RECIPE SEARCH
************************************************************************/
#search { position: absolute; right: 15px; top: 10px; width: 196px; height: 33px; background: url(/media/images/design/search-bg.png) top left no-repeat; overflow: hidden; }
#search input { width: 152px; float: left; margin: 3px 0 0 5px; color: #927766; font-family: "Trebuchet MS"; border: 0px solid transparent; background: transparent; padding: 4px; font-size: 1em; }
#search input.submit { float: right; width: auto; margin: 5px 7px 0 0; }

#recipe-search { width: 160px; height: 33px; background: url(/media/images/design/recipe-search-bg.png) top left no-repeat; overflow: hidden; }
#recipe-search input { width: 110px; float: left; margin: 3px 0 0 5px; color: #927766; font-family: "Trebuchet MS"; border: 0px solid transparent; background: transparent; padding: 4px; font-size: 1em; }
#recipe-search input.submit { float: right; width: auto; margin: 5px 7px 0 0; }


/***********************************************************************
 PRODUCT SELECTOR DROPDOWN
************************************************************************/
#product-selector { height: 220px; width: 152px; background: none !important; padding: 0 !important; }
#product-selector div { background: none !important; }
#product-selector ul { background: none !important; padding: 0 !important; }
#product-selector li { background: none !important; padding: 0 0 4px 0; font-size: 1em; }
#product-selector li a { color: #927766; font-weight: bold; display: block; padding: 3px 7px !important; }
#product-selector li ul li { padding-bottom: 0; margin-left: 22px; list-style-type: square !important; color: #A57A5B; }
#product-selector li ul li a { font-weight: normal; padding: 1px 7px 1px 0px !important; font-size: 0.916em; }
#product-selector-handle { margin-top: 5px; margin-bottom: -6px; display: block; padding: 7px 20px 0 10px; width: 130px; height: 26px; background: url(/media/images/design/product-selector-handle.png) top left no-repeat; color: #927766; text-decoration: none; }
.product-selector-handle-open { background-position: bottom left !important; }


/***********************************************************************
 FOOTER
************************************************************************/
#footer { background: #3a2a21 url(/media/images/design/footer-bg.png) top left no-repeat; font-size: 0.916em; padding: 1.2em 0; height: 1.2em; text-align: center; color: #765849; position: relative; }
#footer ul { position: absolute; left: 13px; width: 300px; overflow: hidden; text-align: left; }
#footer li { display: inline; border-right: 1px solid #765849; }
#footer li.last { border-right: none; }
#footer li a { color: #a57a5b; padding: 0 7px; text-decoration: none; }
#footer li a:hover { text-decoration: underline; }
#footer p { margin: 0; }
#footer p.reg { margin: 0 auto; width: 300px; text-align: center; }
#footer p.copy { position: absolute; top: 1.2em; right: 20px; }


/***********************************************************************
 STAR RATING
************************************************************************/
.star-rating { list-style: none; padding: 0px; width: 130px; height: 22px; position: relative; background: url(/media/images/design/star-rating.gif) top left repeat-x; overflow: hidden; }
.star-rating li { padding: 0px; margin: 0px; height: 22px; width: 26px; float: left; }
.star-rating li a { display: block; width: 26px; height: 22px; line-height: 22px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; overflow: hidden; outline: none; }
.star-rating li a:hover { background: url(/media/images/design/star-rating.gif) left -22px; z-index: 2; left: 0px; border: none; }
.star-rating a.one-star { left: 0px; }
.star-rating a.one-star:hover { width: 26px; }
.star-rating a.two-stars { left: 26px; }
.star-rating a.two-stars:hover { width: 52px; }
.star-rating a.three-stars { left: 52px; }
.star-rating a.three-stars:hover { width: 78px; }
.star-rating a.four-stars { left: 78px; }
.star-rating a.four-stars:hover { width: 104px; }
.star-rating a.five-stars { left: 104px; }
.star-rating a.five-stars:hover { width: 130px; }
.star-rating li.current-rating { background: url(/media/images/design/star-rating.gif) left -44px; position: absolute; height: 22px; display: block; text-indent: -9000px; z-index: 1; left: 0; }
.star-rating li.current-rating-0 { width: 0px; }
.star-rating li.current-rating-05 { width: 13px; }
.star-rating li.current-rating-1 { width: 26px; }
.star-rating li.current-rating-15 { width: 39px; }
.star-rating li.current-rating-2 { width: 52px; }
.star-rating li.current-rating-25 { width: 65px; }
.star-rating li.current-rating-3 { width: 78px; }
.star-rating li.current-rating-35 { width: 91px; }
.star-rating li.current-rating-4 { width: 104px; }
.star-rating li.current-rating-45 { width: 117px; }
.star-rating li.current-rating-5 { width: 130px; }
.star-rating-voted li.current-rating { background-position: left -66px !important; }
.star-rating-voted li a:hover { background-position: left -66px !important; }
.star-rating-voted-1 a.two-stars:hover,
.star-rating-voted-1 a.three-stars:hover,
.star-rating-voted-1 a.four-stars:hover,
.star-rating-voted-1 a.five-stars:hover,
.star-rating-voted-2 a.three-stars:hover,
.star-rating-voted-2 a.four-stars:hover,
.star-rating-voted-2 a.five-stars:hover,
.star-rating-voted-3 a.four-stars:hover,
.star-rating-voted-3 a.five-stars:hover,
.star-rating-voted-4 a.five-stars:hover { width: 0 !important; }
.star-rating-voted a { cursor: default !important; }


/***********************************************************************
 JSCROLLPANE (USED FOR PRODUCT SELECTOR DROPDOWN)
************************************************************************/
.jScrollPaneContainer { position: absolute; overflow: hidden; margin-left: 3px; background: #FFF url(/media/images/design/product-selector-bg.gif) top right no-repeat !important; border-left: 1px solid #a2876f; border-right: 1px solid #a2876f; border-bottom: 1px solid #a2876f; -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.4); -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.4); box-shadow: 2px 2px 6px rgba(0,0,0,0.4); z-index: 10000; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: url(/media/images/design/product-selector-track.png) top left no-repeat !important; }
.jScrollPaneDrag { position: absolute; background: url(/media/images/design/product-selector-drag.png) top left no-repeat !important; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }


/***********************************************************************
 FANCYBOX
************************************************************************/
#fancybox-loading { position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; }
* html #fancybox-loading { position: absolute; margin-top: 0; }
#fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url("/media/js/fancybox/fancybox.png"); }
#fancybox-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; z-index: 1100; display: none; }
* html #fancybox-overlay { position: absolute; width: 100%; }
#fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; }
#fancybox-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 20px; z-index: 1101; display: none; }
#fancybox-outer { position: relative; width: 100%; height: 100%; background: #FFF; }
#fancybox-inner { position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden; }
#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; }
#fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background-image: url("/media/js/fancybox/fancybox.png"); background-position: -40px 0px; cursor: pointer; z-index: 1103; display: none; }
#fancybox_error { color: #444; font: normal 12px/20px Arial; padding: 7px; margin: 0; }
#fancybox-content { height: auto; width: auto; padding: 0; margin: 0; }
#fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic; }
#fancybox-frame { position: relative; width: 100%; height: 100%; border: none; display: block; }
#fancybox-title { position: absolute; bottom: 0; left: 0; font-family: Arial; font-size: 12px; z-index: 1102; }
.fancybox-title-inside { padding: 10px 0; text-align: center; color: #333; }
.fancybox-title-outside { padding-top: 5px; color: #FFF; text-align: center; font-weight: bold; }
.fancybox-title-over { color: #FFF; text-align: left; }
#fancybox-title-over { padding: 10px; background-image: url("/media/js/fancybox/fancy_title_over.png"); display: block; }
#fancybox-title-wrap { display: inline-block; }
#fancybox-title-wrap span { height: 32px; float: left; }
#fancybox-title-left { padding-left: 15px; background-image: url("/media/js/fancybox/fancybox.png"); background-position: -40px -90px; background-repeat: no-repeat; }
#fancybox-title-main { font-weight: bold; line-height: 29px; background-image: url("/media/js/fancybox/fancybox-x.png"); background-position: 0px -40px; color: #FFF; }
#fancybox-title-right { padding-left: 15px; background-image: url("/media/js/fancybox/fancybox.png"); background-position: -55px -90px; background-repeat: no-repeat; }
#fancybox-left,#fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background-image: url("/media/js/fancybox/blank.gif"); z-index: 1102; display: none; }
#fancybox-left { left: 0px; }
#fancybox-right { right: 0px; }
#fancybox-left-ico,#fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; }
#fancybox-left-ico { background-image: url("/media/js/fancybox/fancybox.png"); background-position: -40px -30px; }
#fancybox-right-ico { background-image: url("/media/js/fancybox/fancybox.png"); background-position: -40px -60px; }
#fancybox-left:hover,#fancybox-right:hover { visibility: visible; }
#fancybox-left:hover span { left: 20px; }
#fancybox-right:hover span { left: auto; right: 20px; }
.fancy-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; }
#fancy-bg-n { top: -20px; left: 0; width: 100%; background-image: url("/media/js/fancybox/fancybox-x.png"); }
#fancy-bg-ne { top: -20px; right: -20px; background-image: url("/media/js/fancybox/fancybox.png"); background-position: -40px -162px; }
#fancy-bg-e { top: 0; right: -20px; height: 100%; background-image: url("/media/js/fancybox/fancybox-y.png"); background-position: -20px 0px; }
#fancy-bg-se { bottom: -20px; right: -20px; background-image: url("/media/js/fancybox/fancybox.png"); background-position: -40px -182px; }
#fancy-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url("/media/js/fancybox/fancybox-x.png"); background-position: 0px -20px; }
#fancy-bg-sw { bottom: -20px; left: -20px; background-image: url("/media/js/fancybox/fancybox.png"); background-position: -40px -142px; }
#fancy-bg-w { top: 0; left: -20px; height: 100%; background-image: url("/media/js/fancybox/fancybox-y.png"); }
#fancy-bg-nw { top: -20px; left: -20px; background-image: url("/media/js/fancybox/fancybox.png"); background-position: -40px -122px; }
/* IE */
#fancybox-loading.fancybox-ie div { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src="/media/js/fancybox/fancy_loading.png",sizingMethod="scale"); }
.fancybox-ie #fancybox-close { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src="/media/js/fancybox/fancy_close.png",sizingMethod="scale"); }
.fancybox-ie #fancybox-title-over { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src="/media/js/fancybox/fancy_title_over.png",sizingMethod="scale"); zoom: 1; }
.fancybox-ie #fancybox-title-left { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src="/media/js/fancybox/fancy_title_left.png",sizingMethod="scale"); }
.fancybox-ie #fancybox-title-main { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src="/media/js/fancybox/fancy_title_main.png",sizingMethod="scale"); }
.fancybox-ie #fancybox-title-right { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src="/media/js/fancybox/fancy_title_right.png",sizingMethod="scale"); }
.fancybox-ie #fancybox-left-ico { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src="/media/js/fancybox/fancy_nav_left.png",sizingMethod="scale"); }
.fancybox-ie #fancybox-right-ico { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src="/media/js/fancybox/fancy_nav_right.png",sizingMethod="scale"); }
.fancybox-ie .fancy-bg { background: transparent !important; }
.fancybox-ie #fancy-bg-n { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src="/media/js/fancybox/fancy_shadow_n.png",sizingMethod="scale"); }
.fancybox-ie #fancy-bg-ne { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src="/media/js/fancybox/fancy_shadow_ne.png",sizingMethod="scale"); }
.fancybox-ie #fancy-bg-e { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src="/media/js/fancybox/fancy_shadow_e.png",sizingMethod="scale"); }
.fancybox-ie #fancy-bg-se { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src="/media/js/fancybox/fancy_shadow_se.png",sizingMethod="scale"); }
.fancybox-ie #fancy-bg-s { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src="/media/js/fancybox/fancy_shadow_s.png",sizingMethod="scale"); }
.fancybox-ie #fancy-bg-sw { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src="/media/js/fancybox/fancy_shadow_sw.png",sizingMethod="scale"); }
.fancybox-ie #fancy-bg-w { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src="/media/js/fancybox/fancy_shadow_w.png",sizingMethod="scale"); }
.fancybox-ie #fancy-bg-nw { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src="/media/js/fancybox/fancy_shadow_nw.png",sizingMethod="scale"); }