/* Generated by Compass 0.8.17 (HAML 2.2.6) http://github.com/chriseppstein/compass http://sass-lang.com/docs.html */
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, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body { line-height: 1; color: black; background: white; }

ol, ul { list-style: none; }

table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: "" ""; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

a img { border: none; }

section, article, aside, header, footer, nav, dialog, figure { display: block; }

em { font-style: italic; }

body { margin: 10px 0; font: 13px/1.231em "Helvetica", Arial, "Liberation Sans", FreeSans, sans-serif; color: #666666; background-color: #e8b951; }

#page { width: 780px; margin: 0 auto; padding: 0 1px; background-color: white; }

header { position: relative; width: 780px; border-top: 1px solid #fff; height: 143px; background: transparent url(../img/header_bg.jpg) top center no-repeat; }
header .recipeBox { position: absolute; top: 10px; right: 10px; text-align: right; }
header .recipeBox p { margin-bottom: .5em; font-size: 10px; color: #cf4e33; text-transform: uppercase; }
header .recipeBox a { color: white; }
header a.logo { position: absolute; display: block; width: 140px; height: 108px; }
header nav { position: absolute; top: 108px; height: 35px; border-bottom: 1px solid #fff; }
header nav a { display: block; height: 35px; }
header nav ul { margin: 0; padding: 0; border: 0; outline: 0; overflow: hidden; display: inline-block; }
header nav ul { display: block; }
header nav ul li { list-style-image: none; list-style-type: none; margin-left: 0px; white-space: nowrap; display: inline; float: left; padding-left: 0; padding-right: 0; }
header nav ul li:first-child, header nav ul li.first { padding-left: 0px; }
header nav ul li:last-child, header nav ul li.last { padding-right: 0px; }
header nav li.NavCook a { width: 195px; background: transparent url(../img/header_nav.jpg) top left no-repeat; }
header nav li.NavCook a:hover { background-position: 0 -35px; }
header nav li.NavPantry a { width: 195px; background: transparent url(../img/header_nav.jpg) -195px 0 no-repeat; }
header nav li.NavPantry a:hover { background-position: -195px -35px; }
header nav li.NavTipsTricks a { width: 195px; background: transparent url(../img/header_nav.jpg) -390px 0 no-repeat; }
header nav li.NavTipsTricks a:hover { background-position: -390px -35px; }
header nav li.NavExtras a { width: 195px; background: transparent url(../img/header_nav.jpg) -585px 0 no-repeat; }
header nav li.NavExtras a:hover { background-position: -585px -35px; }

#bd { width: 748px; margin: 0 auto; padding: 17px; }

h1, h2 { font-size: 20px; font-weight: bold; line-height: 1em; color: #333333; }

h2 { margin: 18px 0; font-weight: normal; }

h3 { font-size: 18px; font-weight: normal; line-height: 1em; color: #cf4e33; }

hr { background: #dddddd; color: #dadada; clear: both; float: none; width: 100%; height: 0.1em; margin: 1.45em 0; border: none; }

button { border: none; background: none; margin: 0; padding: 0; }
button:hover { cursor: pointer; }

a { color: #607f89; text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }

strong { font-weight: bold; color: #333333; }

a.returnLink { display: block; margin-bottom: 10px; font-size: 14px; font-weight: normal; line-height: 1.286em; color: #cf4e33; text-decoration: none; }

.recipeOverview { overflow: hidden; display: inline-block; }
.recipeOverview { display: block; }
.recipeOverview h1.title { margin-bottom: 11px; }
.recipeOverview .rating { display: inline; float: left;  font-size: 11px; }
.recipeOverview .rating .rating-cancel { display: none !important; }
.recipeOverview .rating .numRatings { padding: 2px 0 0 5px; }
.recipeOverview .details { overflow: hidden; display: inline-block; font-size: 11px; }
.recipeOverview .details { display: block; }
.recipeOverview .details .time { display: inline; float: left; width: 100px; }
.recipeOverview .details .time img { display: inline; float: left; margin: 0 5px 2em 0; }
.recipeOverview .details .time .totalTime, .recipeOverview .details .time .prepTime { display: block; }
.recipeOverview .details .servings { display: inline; float: left; padding-left: 18px; background: transparent url(../img/icons/servings.png) center left no-repeat; }

.tags { margin-bottom: 1em; font-size: 11px; }
.tags dt { display: inline-block; }
.tags dd { display: inline-block; *display: inline; }
.tags dd a { font-weight: normal; color: #0d638e; }

.actions { margin-bottom: 2em; font-size: 11px; }
.actions button { margin-bottom: 1em; }
.actions button.saved:hover { cursor: auto; }
.actions ul { margin-left: 18px; }
.actions ul li { background: transparent url(../img/icons/actions.png) center left no-repeat; height: 11px; margin-bottom: 0.636em; padding-left: 15px; }
.actions ul li a { color: #0d638e; }
.actions ul li.print { background-position: 0 1px; }
.actions ul li.send { background-position: 0 -17px; }
.actions ul li.share { background-position: 0 -35px; }

.quickSearch h3 { display: inline; float: left; }
.quickSearch .viewAll { display: inline; float: right; }
.quickSearch .searchWrapper { clear: both; position: relative; width: 215px; height: 30px; background: transparent url(../img/search_bg.png) top center no-repeat; }
.quickSearch .searchWrapper a { position: absolute; display: block; width: 30px; height: 30px; right: 0; text-indent: -1000em; }
.quickSearch input { position: absolute; top: 7px; left: 4px; width: 172px; border: none; }

footer { overflow: hidden; display: inline-block; border-bottom: 1px solid #fff; padding: 10px; background-color: #999; }
footer { display: block; }
footer .recipeBox { display: inline; float: right; margin-top: 1em; width: 300px; text-align: right; }
footer .recipeBox p { margin-bottom: .5em; font-size: 10px; color: #cf4e33; text-transform: uppercase; }
footer .recipeBox a { color: white; }
footer nav { display: inline; float: left; margin-right: 20px; padding: 5px 10px 0 5px; color: #fff; font-family: Verdana; font-size: 12px; line-height: 18px; }
footer nav li.first { margin-bottom: 5px; font-weight: bold; }
footer nav a { font-weight: normal; color: #ccc; }
footer nav a:hover { color: #666; text-decoration: none; }
footer p { margin-top: 5px; font-size: 12px; color: #fff; text-align: right; font-family: Verdana; }

.error { color: #cf4e33; }
.error input { background-color: #ffc; }

form .field { margin-bottom: 1em; }
form .field label { display: block; font-weight: bold; }
form .field label .required { color: #f00; }
form .actions { border-top: 1px solid #dadada; padding-top: 1em; }
form .actions input { margin-right: 15px; }
form .actions a { vertical-align: 8px; }

/*=========================================================================== Recipe Landing =========================================================================== */
body.recipeLanding #page { width: 780px; padding: 0 1px; }
body.recipeLanding #bd { width: 780px; padding: 0 0; overflow: hidden; display: inline-block; }
body.recipeLanding #bd { display: block; }
body.recipeLanding #bd .main { display: inline; float: left; width: 525px; margin-right: 1px; background: transparent url(../img/recipe-landing/main_bg.png) top left repeat-y; }
body.recipeLanding #bd .secondary { display: inline; float: right; width: 254px; font-size: 12px; }
body.recipeLanding #bd .featuredCategories { overflow: hidden; display: inline-block; clear: both; }
body.recipeLanding #bd .featuredCategories { display: block; }
body.recipeLanding h1 { display: inline; float: left; margin-left: 14px; font-size: 18px; color: white; line-height: 36px; }
body.recipeLanding h1 a { color: #fff; }
body.recipeLanding h1 a:hover { text-decoration: none; }
body.recipeLanding .navi { display: inline; float: right; margin: 0; padding: 0; border: 0; outline: 0; overflow: hidden; display: inline-block; margin: 8px 14px; height: 20px; }
body.recipeLanding .navi { display: block; }
body.recipeLanding .navi li { list-style-image: none; list-style-type: none; margin-left: 0px; white-space: nowrap; display: inline; float: left; padding-left: 4px; padding-right: 4px; }
body.recipeLanding .navi li:first-child, body.recipeLanding .navi li.first { padding-left: 0px; }
body.recipeLanding .navi li:last-child, body.recipeLanding .navi li.last { padding-right: 0px; }
body.recipeLanding .navi li { margin: 0 5px; padding: 2px 5px; text-align: center; }
body.recipeLanding .navi li.active { background-color: #e87620; }
body.recipeLanding .navi li:first-child { padding-left: 5px; }
body.recipeLanding .navi li:last-child { padding-right: 5px; }
body.recipeLanding .navi a { color: white; }
body.recipeLanding .navi a:hover { text-decoration: none; }
body.recipeLanding .scrollable { clear: both; position: relative; overflow: hidden; width: 525px; height: 340px; }
body.recipeLanding .scrollable .items { position: absolute; width: 10000em; }
body.recipeLanding .scrollable .items li { float: left; position: relative; height: 340px; }
body.recipeLanding .scrollable .items li .overlay { position: absolute; bottom: 0; left: 0; width: 491px; padding: 17px 17px 10px; color: #ffe384; background: transparent url(../img/recipe-landing/overlay_bg.png) top center repeat; }
body.recipeLanding .scrollable .items li .overlay h2 { margin: 0 0 0.5em; font-size: 16px; font-weight: bold; color: white; }
body.recipeLanding .scrollable .items li .overlay .details { position: relative; float: left; width: 200px; margin-left: 20px; }
body.recipeLanding .scrollable .items li .overlay strong, body.recipeLanding .scrollable .items li .overlay .servings { color: #ffe384; }
body.recipeLanding .scrollable .items li .overlay .viewRecipe { float: right; }
body.recipeLanding h3 { margin-bottom: 7px; }
body.recipeLanding .quickSearch { padding: 10px 0 10px 16px; border-bottom: 1px solid #f0d477; background-color: #fff2c4; }
body.recipeLanding .quickSearch .viewAll { margin-top: 3px; margin-right: 25px; }
body.recipeLanding .recipeSelector { padding: 10px 0 10px 16px; border-bottom: 1px solid #f0d477; background: #fff2c4 url(../img/recipe-landing/recipeSelector_bg.png) top center repeat-x; }
body.recipeLanding .recipeSelector label { display: inline-block; width: 95px; padding-right: 5px; text-align: right; line-height: 24px; }
body.recipeLanding .recipeSelector select { display: inline-block; margin-bottom: 0.455em; }
body.recipeLanding .recipeSelector .recipeTime label { vertical-align: top; }
body.recipeLanding .recipeSelector button { width: 38px; }
body.recipeLanding .cookbookPromo { overflow: hidden; display: inline-block; padding: 10px 0 10px 16px; border-bottom: 1px solid #f0d477; padding-top: 7px !important; padding-bottom: 0 !important; background-color: #fff2c4; min-height: 119px; height: auto !important; height: 119px; font-size: 12px; }
body.recipeLanding .cookbookPromo { display: block; }
body.recipeLanding .cookbookPromo h3 { font-size: 16px; }
body.recipeLanding .cookbookPromo .thumbnail { display: inline; float: left; margin-right: 10px; padding: 2px; border: 1px solid #dadada; background-color: #fff; }
body.recipeLanding .cookbookPromo p { display: inline; float: right; width: 165px; }
body.recipeLanding .cookbookPromo a.button { display: block; margin-top: 7px; width: 115px; height: 23px; text-indent: -1000em; background: transparent url(../img/recipe-landing/create-a-book.png) top center no-repeat; }
body.recipeLanding .cookbookPromo a.button:hover { background-position: 0 -23px; }
body.recipeLanding .featuredCategories { background: white url(../img/recipe-landing/featuredCategories_bg.png) bottom left repeat-x; }
body.recipeLanding .featuredCategories .module { display: inline; float: left; width: 178px; margin: 25px 0 40px 13px; _margin-left: 0; }
body.recipeLanding .featuredCategories .module.last { margin-right: 0; }
body.recipeLanding .featuredCategories .module h4 { margin-bottom: 8px; }
body.recipeLanding .featuredCategories .module h4 a { padding-right: 10px; font-size: 14px; font-weight: bold; color: #0d638e; background: transparent url(../img/recipe-landing/arrow.png) center right no-repeat; }
body.recipeLanding .featuredCategories .module .thumbnail { display: inline; float: left; margin-right: 10px; padding: 2px; border: 1px solid #dadada; margin-bottom: 8px; }
body.recipeLanding .featuredCategories .module .title { clear: left; margin-bottom: 8px; }

/*=========================================================================== Recipe List =========================================================================== */
body.recipeList #bd { overflow: hidden; display: inline-block; }
body.recipeList #bd { display: block; }
body.recipeList #bd .main { display: inline; float: right; width: 510px; }
body.recipeList #bd .main h1 { margin-bottom: 1em; font-size: 12px; font-weight: normal; color: #666666; }
body.recipeList #bd .main h1 a { font-weight: normal; color: #0d638e; }
body.recipeList #bd .main .recipeOverview { margin-bottom: 10px; padding: 0 8px 10px; border-bottom: 1px solid #dadada; }
body.recipeList #bd .main .recipeOverview.hasCoupon { padding-top: 50px; background: transparent url(../img/recipe-list/coupon-bar.png) top center no-repeat; }
body.recipeList #bd .main .recipeOverview img.thumbnail { display: inline; float: left; margin-right: 10px; padding: 2px; border: 1px solid #dadada; }
body.recipeList #bd .main .recipeOverview .infoWrapper { display: inline; float: left; width: 220px; }
body.recipeList #bd .main .recipeOverview .infoWrapper h2 { margin: 6px 0; font-size: 14px; line-height: 1em; }
body.recipeList #bd .main .recipeOverview .infoWrapper .tags { margin-top: 1em; }
body.recipeList #bd .main .recipeOverview .rating { float: right; width: 115px; }
body.recipeList #bd .main .recipeOverview .actions { display: inline; float: right; width: 115px; }
body.recipeList #bd .main .recipeOverview .actions button { margin: 1em 0 0 0; *width: 113px; }
body.recipeList #bd .secondary { display: inline; float: left; width: 210px; }
body.recipeList #bd .secondary h3 { padding-bottom: 3px; }
body.recipeList #bd .secondary ul.token-input-list { width: 210px; }

/* List Controls =========================================================================== */
.listControls { overflow: hidden; display: inline-block; margin-bottom: 10px; padding: 5px 10px; background-color: #ffe384; }
.listControls { display: block; }
.listControls p { display: inline; float: left; }
.listControls dl { display: inline; float: right; margin: 3px 0; }
.listControls dl dt, .listControls dl dd { display: inline-block; *display: inline; }
.listControls dl dt a, .listControls dl dd a { padding: 3px 5px; color: #cf4e33; }
.listControls dl dt a.current, .listControls dl dd a.current { background-color: #fff2c4; border-left: 1px dotted #cf4e33; border-right: 1px dotted #cf4e33; }

/* Filter Controls =========================================================================== */
.filterControls { overflow: hidden; display: inline-block; margin: 2em 0 1em; border-bottom: 1px solid #dadada; }
.filterControls { display: block; }
.filterControls h3 { display: inline; float: left; }
.filterControls a { display: inline; float: right; padding-top: 4px; }

.filterSet h4 { margin-bottom: 0.5em; font-size: 14px; font-weight: bold; color: #333333; }
.filterSet ul { margin-bottom: 1em; border-bottom: 1px solid #dadada; padding-bottom: 1em; }
.filterSet ul.last { border-bottom: none; }
.filterSet ul .numResults { color: #afafaf; }

/*=========================================================================== Recipe Detail =========================================================================== */
body.recipeDetail .bgWrapper { overflow: hidden; display: inline-block; background: white url(../img/recipe-detail/bd_bg.png) 0 0 repeat-x; }
body.recipeDetail .bgWrapper { display: block; }
body.recipeDetail .main { display: inline; float: left; width: 452px; margin: 18px 16px 16px 21px; _margin-left: 18px; }
body.recipeDetail .recipeOverview .details { display: inline; float: left; margin-left: 20px; }
body.recipeDetail .recipeOverview .details .time { width: 180px; }
body.recipeDetail .recipeOverview .details .totalTime, body.recipeDetail .recipeOverview .details .prepTime { display: inline; }
body.recipeDetail .tabs { position: relative; left: -5px; margin: 0; padding: 0; border: 0; outline: 0; overflow: hidden; display: inline-block; width: 451px; padding-left: 5px; margin-top: 20px; border-bottom: 1px solid #dadada; }
body.recipeDetail .tabs { display: block; }
body.recipeDetail .tabs li { list-style-image: none; list-style-type: none; margin-left: 0px; white-space: nowrap; display: inline; float: left; padding-left: 0; padding-right: 0; }
body.recipeDetail .tabs li:first-child, body.recipeDetail .tabs li.first { padding-left: 0px; }
body.recipeDetail .tabs li:last-child, body.recipeDetail .tabs li.last { padding-right: 0px; }
body.recipeDetail .tabs li { margin-right: 10px; background: url(../img/recipe-detail/tab_right.png) right top no-repeat; }
body.recipeDetail .tabs li.current { background-image: url(../img/recipe-detail/tab_right_on.png); }
body.recipeDetail .tabs li.current a { background-image: url(../img/recipe-detail/tab_left_on.png); color: white; text-shadow: 1px 1px 0 black; }
body.recipeDetail .tabs a { display: block; padding: 5px 15px 3px 15px; font-size: 11px; font-weight: bold; text-decoration: none; text-transform: uppercase; background: url(../img/recipe-detail/tab_left.png) left top no-repeat; color: #cf4e33; }
body.recipeDetail .secondary { display: inline; float: right; width: 258px; margin-top: 110px; }
body.recipeDetail .secondary .recipeDescription { margin-bottom: 1em; }
body.recipeDetail .secondary .module .hd { padding: 8px 14px; background-color: #ffe384; }
body.recipeDetail .secondary .module .bd { margin: 20px 10px; }
body.recipeDetail .secondary .module .bd.scrollable { position: relative; overflow: hidden; width: 256px; margin: 0; }
body.recipeDetail .secondary .module .bd.scrollable .items { width: 10000em; }
body.recipeDetail .secondary .module .bd.scrollable .items li { display: inline; float: left; width: 236px; margin: 20px 10px; }
body.recipeDetail .secondary .module .bd.scrollable .items li div { overflow: hidden; display: inline-block; margin-bottom: 1em; }
body.recipeDetail .secondary .module .bd.scrollable .items li div { display: block; }
body.recipeDetail .secondary .module .bd.scrollable .items li div img { display: inline; float: left; margin-right: 10px; padding: 2px; border: 1px solid #dadada; }

/* Tab Content =========================================================================== */
.recipeContent hr { position: relative; left: -5px; }
.recipeContent .hero { position: relative; left: -5px; padding: 2px; border: 1px solid #dadada; border-top: none; }
.recipeContent .ingredients { margin-left: 20px; list-style: disc; }
.recipeContent .ingredients li { margin-bottom: 0.308em; }
.recipeContent .ingredients li.hasCoupon a.imgLink { margin-left: 20px; }
.recipeContent .ingredients li.hasCoupon a.imgLink img { vertical-align: middle; }
.recipeContent .instructions li { position: relative; min-height: 25px; height: auto !important; height: 25px; margin-bottom: 1em; padding-left: 33px; }
.recipeContent .instructions li .num { position: absolute; top: 0; left: 0; _left: -33px; padding-top: 4px; padding-top: 2px \9; color: white; font-size: 14px; line-height: 14px; font-weight: bold; background-color: #607f89; width: 21px; height: 17px; height: 19px \9; text-align: center; }
.recipeContent .hints { padding: 13px; background-color: #efeff4; }
.recipeContent .hints h4 { font-weight: bold; color: #666666; }

.nutritionInfo { margin-top: 18px; }

/* Tooltip Hover =========================================================================== */
.tooltip, .tooltip .tooltip-content, .tooltip .ft, .tooltip .ft-content { position: relative; background: transparent url(../img/recipe-detail/tooltip_bg.png) no-repeat; }

.tooltip { z-index: 100; background-position: 100% 0; }
.tooltip .arrow { display: block; position: absolute; z-index: 102; left: -10px; top: 20px; width: 15px; height: 18px; background: transparent url(../img/recipe-detail/tooltip_arrow.png) center left no-repeat; }
.tooltip .tooltip-content { position: relative; left: -4px; width: 100%; z-index: 101; background-position: 0 0; }
.tooltip .tooltip-content .bd { overflow: hidden; display: inline-block; padding: 10px 10px 5px; }
.tooltip .tooltip-content .bd { display: block; }
.tooltip .tooltip-content .bd img { display: inline; float: left; margin-right: 10px; padding: 2px; border: 1px solid #dadada; background-color: white; }
.tooltip .tooltip-content .ft { bottom: -4px; right: -4px; width: 100%; background-position: 100% 100%; }
.tooltip .tooltip-content .ft .ft-content { left: -4px; padding: 0 0 4px 0; background-position: 0 100%; font-size: 11px; line-height: 12px; }
.tooltip .tooltip-content .ft .ft-content a { display: inline-block; padding-left: 12px; font-weight: normal; color: #0d638e; }

/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) { li .num { padding-top: 1px !important; height: 20px !important; } }

em { font-style: italic; }

#modal { display: none; border: 1px solid #999; background-color: #fff; -moz-box-shadow: 0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; }
#modal.create { width: 750px; min-height: 350px; height: auto !important; height: 350px; }
#modal.create .title { padding: 10px; font-weight: bold; color: #757779; background-color: #333; }
#modal.create .title p { position: relative; margin-bottom: 0; font-weight: bold; text-transform: uppercase; }
#modal.create .title a { color: #757779; font-size: 12px; position: absolute; right: 0; font-weight: normal; text-decoration: underline; text-transform: lowercase; }
#modal.create .actions input { margin-right: 10px; }
#modal.create .actions a { vertical-align: 8px; }
#modal.create label { color: #cf4e33; font-size: 16px; font-weight: normal; }
#modal.create input.text { font-size: 16px; }
#modal.create .prepend { color: #999; }
#modal.create .step1, #modal.create .step2, #modal.create .step3 { overflow: hidden; display: inline-block; padding: 10px; }
#modal.create .step1, #modal.create .step2, #modal.create .step3 { display: block; }
#modal.create .coverOptions { overflow: hidden; display: inline-block; }
#modal.create .coverOptions { display: block; }
#modal.create .coverOptions li { display: inline; float: left; margin-right: 5px; padding: 5px 5px 0; }
#modal.create .coverOptions li:hover { cursor: pointer; }
#modal.create .coverOptions li.selected { background-color: #cf4e33; }
#modal.create .coverOptions li.last { margin-right: 0; }
#modal.create .step2, #modal.create .step3 { display: none; text-align: center; }
#modal.create .step2 p, #modal.create .step3 p { margin: 80px 0 0; font-size: 20px; line-height: 25px; }
#modal.create .step2 img.newCover, #modal.create .step3 img.newCover { display: inline; float: left; margin-right: 20px; }

em { font-style: italic; }

div.registerWrapper { position: relative; min-height: 533px; height: auto !important; height: 533px; margin-left: -18px; background: white url(../img/recipe-box/registration-hero.jpg) top left no-repeat; }
div.registerWrapper form { position: absolute; top: 0; right: 0; background-color: #ffe384; padding: 20px 26px; }
div.registerWrapper form h1 { margin-bottom: .5em; font-weight: normal; }
div.registerWrapper form p { margin-bottom: 1em; }
div.registerWrapper form p a { color: #cf4e33; }
div.registerWrapper form label { font-weight: normal; }
div.registerWrapper form input.text { width: 195px; }

body.recipeBox .returnLink { display: inline; float: left; }
body.recipeBox .loginStatus { display: inline; float: right; }
body.recipeBox .cookbookIntro { overflow: hidden; display: inline-block; clear: both; margin-bottom: 1em; }
body.recipeBox .cookbookIntro { display: block; }
body.recipeBox .cookbookIntro img.thumbnail { display: inline; float: left; margin-right: 10px; padding: 2px; border: 1px solid #dadada; }
body.recipeBox .cookbookIntro h1 { margin-bottom: 10px; font-weight: normal; }
body.recipeBox .cookbookIntro p { margin-bottom: 7px; }
body.recipeBox .cookbookIntro p a { display: inline-block; margin-right: 10px; line-height: 16px; }
body.recipeBox .cookbookIntro p a.edit { vertical-align: 8px; padding-left: 21px; background: transparent url(../img/icons/pencil.png) center left no-repeat; }
body.recipeBox .cookbookActions { overflow: hidden; display: inline-block; margin-bottom: 1em; padding: 10px 30px; text-align: right; background-color: #ffe284; }
body.recipeBox .cookbookActions { display: block; }
body.recipeBox .cookbookActions h2 { display: inline; float: left; margin: 0; padding-top: 5px; color: #cf4e33; }
body.recipeBox .cookbookActions a { color: #ad5a0e; text-transform: uppercase; }
body.recipeBox .cookbookActions a.sort { padding-left: 21px; background: transparent url(../img/icons/reorder.png) center left no-repeat; }
body.recipeBox .recipeOverview { margin-bottom: 10px; padding: 0 8px 10px; border-bottom: 1px solid #dadada; }
body.recipeBox .recipeOverview.hasCoupon { padding-top: 50px; background: transparent url(../img/recipe-list/coupon-bar.png) top center no-repeat; }
body.recipeBox .recipeOverview img.thumbnail { display: inline; float: left; margin-right: 10px; padding: 2px; border: 1px solid #dadada; }
body.recipeBox .recipeOverview .infoWrapper { display: inline; float: left; width: 220px; }
body.recipeBox .recipeOverview .infoWrapper h2 { margin: 6px 0; font-size: 14px; line-height: 1em; }
body.recipeBox .recipeOverview .infoWrapper .tags { margin-top: 1em; }
body.recipeBox .recipeOverview .rating { float: right; width: 115px; }
body.recipeBox .recipeOverview .actions { display: inline; float: right; width: 115px; }
body.recipeBox .recipeOverview .actions button { margin: 1em 0 0 0; *width: 113px; }
body.recipeBox .recipeOverview .infoWrapper { width: 500px; }
body.recipeBox .recipeOverview .infoWrapper .time { width: auto; margin-right: 10px; }
body.recipeBox .recipeOverview .infoWrapper .time img { margin-bottom: 0; }
body.recipeBox .recipeOverview .infoWrapper .time .prepTime, body.recipeBox .recipeOverview .infoWrapper .time .totalTime { display: inline; }
body.recipeBox .recipeOverview .rating { width: 150px; }
body.recipeBox .recipeOverview .actions { width: 150px; margin-bottom: 0; }
body.recipeBox .recipeOverview .actions li.remove { background-image: url(../img/icons/cross-small.png); background-position: 0 1px; }
body.recipeBox .recipeOverview .actions li.remove a { color: red; }
body.recipeBox .sortForm .instructions { display: none; padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; background: #FFF6BF; color: #514721; border-color: #FFD324; background-color: #ffc; }
body.recipeBox .sortForm .instructions h3 { margin-bottom: 10px; }
body.recipeBox .sortForm .actions { border-top: none; }
body.recipeBox .sortForm .interact { display: inline; float: right; margin-top: 10px; display: none; }
body.recipeBox .sortForm.activated .instructions { display: block; }
body.recipeBox .sortForm.activated .instructions input { margin: 1em 10px 0 0; }
body.recipeBox .sortForm.activated .instructions a { vertical-align: 8px; }
body.recipeBox .sortForm.activated li:hover { cursor: move; background-color: #d8edf8; }
body.recipeBox .sortForm.activated .rating, body.recipeBox .sortForm.activated .actions { display: none; }
body.recipeBox .sortForm.activated .interact { display: block; }
body.recipeBox .sortForm.activated .highlight { display: block; height: 30px; background-color: #ffc; }

html.byocPageLayout body.recipeDetail { background: white url(../img/recipe-detail/bd_bg.png) top center repeat-x; }
html.byocPageLayout body.recipeDetail #page { overflow: hidden; display: inline-block; padding: 20px 30px 0; background-color: transparent; }
html.byocPageLayout body.recipeDetail #page { display: block; }
html.byocPageLayout body.recipeDetail #page #bd { padding: 0; width: auto; }
html.byocPageLayout body.recipeDetail #page .main { margin: 0; width: auto; }
html.byocPageLayout body.recipeDetail h1.title { color: #cf4e33; }
html.byocPageLayout body.recipeDetail h2 { margin: 0 0 18px; }
html.byocPageLayout .logo, html.byocPageLayout .recipeOverview { display: inline; float: left; margin-bottom: 1em; }
html.byocPageLayout .logo h1, html.byocPageLayout .recipeOverview h1 { margin-left: 20px; }
html.byocPageLayout .right { display: inline; float: right; width: 300px; }
html.byocPageLayout .recipeContent { overflow: hidden; display: inline-block; clear: both; }
html.byocPageLayout .recipeContent { display: block; }
html.byocPageLayout .recipeContent .left { display: inline; float: left; width: 492px; margin-right: 20px; }
html.byocPageLayout .recipeContent .right { display: inline; float: right; width: 268px; }
html.byocPageLayout .recipeContent .top { overflow: hidden; display: inline-block; }
html.byocPageLayout .recipeContent .top { display: block; }
html.byocPageLayout .recipeContent .top .left { width: 268px; }
html.byocPageLayout .recipeContent .top .right { width: 492px; _width: 480px; }
html.byocPageLayout .recipeContent .top .right h2 { padding-left: 15px; }
html.byocPageLayout .recipeContent .top .right .ingredients { margin: 0 40px 0 30px; }
html.byocPageLayout .recipeContent img.hero { margin: 0 0 5px 5px; border: 1px solid #dadada; }
html.byocPageLayout .printFooter { clear: both; }