/* BELOW CODE IS CAUSING CONTENT TO BE HIDDEN IN THIS LAYOUT ::: DISPLAY TABLE LAYOUT IS THE ISSUE */ .recipe-wrapper { margin:0; width:600px; color:#fff; line-height:14px; } .column-wrapper { width:100%; display:block; } .column-wrapper .col { display:block; margin:0; } .column-wrapper .small { font-size:12px; line-height:18px; } .column-wrapper .small-default { min-height:275px; font-size:12px; line-height:18px; } .column-wrapper .large { background:#933323; padding:20px 30px; } /* ABOVE CODE IS CAUSING CONTENT TO BE HIDDEN IN THIS LAYOUT */ /* RECIPE VIEW */ #recipe-view.wrapper { margin:30px 0 30px 0; } #recipe-view.wrapper .left { width:457px; } #recipe-view.wrapper .right { margin:0 0 0 14px; width:252px; } #recipe-view.wrapper .right .recipe-image { width:252px; background:#0a0a0a; } #recipe-view.wrapper a, #recipes_page_right a { font-size:12px; color:#660000 !important; } #recipe-view.wrapper a:hover { } #recipe-view.wrapper .description-box { padding:14px 0; border-top:1px solid #1c1c1c; } #recipe-view.wrapper .description-box .copy { margin:0 0 0 7px; width:235px; } #recipe-view.wrapper .description-box #recipe-book-image { width:77px; height:97px; background:#252525; } #recipe-view.wrapper .description-box #recipe-book-info { width:155px; } #recipe-view.wrapper .description-box #similar-recipes { font-size:13px; font-weight:bold; } #recipe-view.wrapper .description-box #similar-recipes a { text-decoration:none; color:#858585; } #quick-links { float:left; margin:15px 0 0 10px; width:165px; height:13px; } #quick-links #save, #quick-links #print, #quick-links #email { float:left; } #recipe-view.wrapper .recipe-ingredients ul { margin:0; } #recipe-view.wrapper .recipe-ingredients ul li { list-style-type:none; margin:6px 0 0 0; padding:0; } .recipe-title h2 { font-size:14px; } .recipe-title h2 { font-size:expression(16+"px"); } .recipe-yield-amount { margin:5px 0; padding:5px; border:1px solid #000; background-color:#fff; } .yield-amount-title { font-weight:bold; } .recipe-provided_by { margin:0 14px 0 0; height:85px; } .provided_by-title { font-weight:bold; } .recipe-recipe_features { margin:14px 0; } .recipe_features-title { font-weight:bold; } .recipe-yield-amount { margin:5px 0; padding:5px; border:1px solid #000; background-color:#fff; } .yield-amount-title { font-weight:bold; } .recipe-serving-amount { margin:5px 0; padding:5px; border:1px solid #000; background-color:#fff; } .yield-serving-title { font-weight:bold; } .recipe-category { } .recipe-prep-time { } .prep-time-title { font-weight:bold; } .recipe-cook-time { } .cook-time-title { font-weight:bold; } .recipe-total-time { } .total-time-title { font-weight:bold; } .recipe-nutrition_info { margin:0 0 14px 0; } .recipe-serving_suggestions { margin:5px 0; } .recipe-promotional_copy, .recipe-provided_by, .recipe-recipe_features { margin:14px 0; font-size:12px; line-height:18px; } .recipe-line { margin: 0 0 5px 0; } .recipe-ingredients { font-size:11px; } .ingredient-block {} .ingredient-item { font-size:12px; } .ingredient-item-quantity {} .ingredient-item-org_quantity { display:none; } .ingredient-item-unit {} .ingredient-item-body {} .recipe-instructions { margin:20px 0; } .recipe-instructions-wrapper-title { font-weight:bold; color:#e7a750; } { font-weight:bold; } .instruction-block, .instruction-block ol { margin:0; padding:0; width:385px; } .instruction-block li {display:list-item; list-style-type:none; margin:0 0 8px 0; } .instruction-item-body {} #print-email-links { height:30px; } #print-email-links .links-left { float:left; width: 370px; } #print-email-links .links-right { float:right; clear:right; } #print-email-links .link-enlarge { float:left; } #print-email-links .link-print { float:left; } #print-email-links .link-email { float:left; } .recipe-seals-wrapper { float:right; margin:0 20px 0 0; } .recipe-seals-wrapper .recipe-seals { width:70px; } #print-email-links .icon { top:3px; position:relative; } /* RECIPE SECTION TITLES ****************************/ .recipe-description, .recipe-category-title { margin:14px 0 0 0; } .promotional_copy-title { font-weight:bold; font-size:12px; color:#e7a750; } .ingredient-title, .instruction-title, .serving_suggestions-title, .recipe-refer-form-title, .recipe-comment-form-title, .nutrition_info-title { margin:20px 0 0 0; font-size:13px; font-weight:bold; color:#454900 !important; line-height:20px;} /** RECIPE TAB NAV ***********************/ .tabify { margin:30px 0 0 0; } .tabify ul li a span { color:#000; } #recipe-tab-links { margin:25px 0 20px 0; width:600px; height:36px; text-align:left; border:1px solid #b56c37; background:#b25335; } #recipe-tab-links ul, #recipe-tab-links ul li { padding:0; margin:0; } #recipe-tab-links ul li { float:left; margin:0; list-style-type:none; text-align:left; } .ingredient-item-body, .ingredient-item, .instruction-item, .instruction-item-body { font-weight:normal !important; } #recipe-tab-links li { height:36px; } #recipe-tab-links li.print-recipes { width:181px; } #recipe-tab-links li.comment-on-this-recipe { width:185px; } #recipe-tab-links li.view-recipe-comments { width:233px; } #recipe-tab-links li a { text-decoration:none; } #recipe-tab-links li.print-recipes span { z-index:10; position:absolute; left:0; top:0; display:block; width:181px; height:36px; background:transparent url(/assets/images/recipe/print_recipes.gif) no-repeat left; } #recipe-tab-links li.comment-on-this-recipe span { z-index:10; position:absolute; left:0; top:0; display:block; width:181px; height:36px; background:transparent url(/assets/images/recipe/comment_on_this_recipe.gif) no-repeat left; } #recipe-tab-links li.view-recipe-comments span { z-index:10; position:absolute; left:0; top:0; display:block; width:181px; height:36px; background:transparent url(/assets/images/recipe/view_recipe_comments.gif) no-repeat left; } #scaling_help_html { } .dialog-wrapper { } .dialog-wrapper { padding-right:10px; width:90%; overflow-y: auto; height: 245px; } .recipe-scaling-table { border:1px solid #D3C29B; margin:0px 0 20px 5px; } .recipe-scaling-table th { font-weight:bold; border:1px solid #D3C29B; border-top:0px solid black; background-color:#F2ECDB; } .recipe-scaling-table td { border:1px solid #D3C29B; border-top:0px solid black; } /* * RECIPE RECALC FORM ***********************/ .recipe-recalc-form-wrapper{ } #recipe-recalc-form {} #recipe-recalc-form-div-label-recalc { float:left; margin:4px 0 0 0; width:50px; } #recipe-recalc-form-div-input-recalc { float:left; width:70px; } #recipe-recalc-form-div-input-recalc input { width:70px; height:16px; padding:2px; border:none; color:#fff; background:#3a3a3a; } #recipe-recalc-form-div-input-submit { } #recipe-recalc-form-input-submit { margin:0 0 0 10px; width:97px; height:20px; border:none; background:transparent url(/assets/images/button/btn_recalculate.gif) no-repeat top; } /* * RECIPE REFER FORM ***********************/ #zia-form-element-wrapper-recipe_refer_form-email, #zia-form-element-wrapper-recipe_refer_form-fiends_email { float:left; } .recipe-refer-form-wrapper { margin:0 0 0 25px; width:430px;} #recipe-refer-form { display:table; width:410px; } #zia-form-element-wrapper-recipe_refer_form-email { margin:0 10px 0 0; } #recipe-refer-form input { margin:2px 5px 0 0; border:1px solid #CFB79B; } #form-element-wrapper-zia-recipe_refer_form-fiends_email { } #recipe-refer-form .text { width:160px; height:18px; } #recipe-refer-form input#submit { margin:17px 0 0 0; border:none; } /* RECIPE COMMENT FORM *************************/ .recipe-comment-form-wrapper { margin:0 0 0 25px; padding:0 0 25px 0; width:519px; } .recipe-comment-list-title { font-weight:bold; border:none !important; } .recipe-comment-form-wrapper input, .recipe-comment-form-wrapper textarea { margin:2px 5px 0 0; width:500px; border:1px solid #CFB79B; } .recipe-comment-form-wrapper .text { height:18px; } .recipe-comment-form-wrapper .textarea { height:85px; } .recipe-comment-form-wrapper legend { display:none; } .recipe-comment-form-wrapper input#submit { margin:4px 0 0 0; width:114px; height:40px; border:none; } /* RECIPE COMMENT LIST ************************/ .recipe-comment-list-wrapper div { margin:-1px 0 0 0; border-top:1px solid #e59d55; border-bottom:1px solid #e59d55; background-color:#a33e2a; padding:14px 10px 0 10px; } /* OVERRIDES FOR CLIENT CSS ************************/ div.recipes-index-tab-content div.col_01 { margin-left:12px; width:233px; } div.recipes-index-tab-content div.col_01 { margin-left:expression(0); } *html div.recipes-index-tab-content div.col_01 { margin-left:-3px; } div.recipes-index-tab-content div.col_02 { width:233px; } div.recipes-index-tab-content div.col_03 { width:233px; } #content-wrapper #recipes_featured #cat_01 div, #content-wrapper #recipes_featured #cat_02 div, #content-wrapper #recipes_featured #cat_03 div {width:88px;height:92px;padding:7px 7px 7px 133px;} #content-wrapper fieldset { display: inline; width:700px!important; } #content-wrapper form.recipe-quick-search-form {} #content-wrapper .recipe-quick-search-form .zia-form-elements div { float: left; } #content-wrapper #zia-form-element-wrapper-recipe_quick_search_form-keyword { float: left; display: inline; margin-top:8px; width: 346px; } #content-wrapper #zia-form-element-wrapper-recipe_quick_search_form-keyword label { float:left; position: relative; margin-top:4px; font-weight:bold; } #content-wrapper #zia-form-element-wrapper-recipe_quick_search_form-keyword input { float: left; width:234px; margin-left:4px; } /* IE 6 & 7 */ *html #content-wrapper #zia-form-element-wrapper-recipe_quick_search_form-keyword input { float: left; width:234px; margin-left:4px; margin:-12px 0 0 0; } #content-wrapper #zia-form-element-wrapper-recipe_quick_search_form-keyword input { margin-top:expression(-12+"px"); } #content-wrapper #zia-form-element-wrapper-recipe_quick_search_form-keyword br { display: none; } #content-wrapper #zia-form-element-wrapper-recipe_quick_search_form-category { width: 144px; margin-top:11px; } #content-wrapper #zia-form-element-wrapper-recipe_quick_search_form-category label { display: none; } #content-wrapper #zia-form-element-wrapper-recipe_quick_search_form-category br { display: none; } #content-wrapper #zia-form-element-wrapper-recipe_quick_search_form-category select { float: left; margin-left:10px; width:140px; } /* IE 6 & 7 */ *html #content-wrapper #zia-form-element-wrapper-recipe_quick_search_form-category select { float: left; width:140px; margin:-14px 0 0 4px !important;} #content-wrapper #zia-form-element-wrapper-recipe_quick_search_form-category select { margin-top:expression(-14+"px");} #content-wrapper #zia-form-element-wrapper-recipe_quick_search_form-submit { margin-left:14px; width: 100px; } #content-wrapper #zia-form-element-wrapper-recipe_quick_search_form-submit input{ padding: 8px 0 0 0; } /* IE 6 & 7 */ *html #content-wrapper #zia-form-element-wrapper-recipe_quick_search_form-submit input { margin-top:4px; margin-left:4px; } #content-wrapper #zia-form-element-wrapper-recipe_quick_search_form-submit input { margin-top:expression(3+"px"); } /* add new ID for new recipe; ID is used only to define background image */ #content-wrapper #recipes_goat_cheese_and_strawberry_bruschetta_intro{background:url(/images/recipes/recipes-header-goat-cheese-and-strawberry-bruschetta.jpg) top left no-repeat;} /* Recipes: overrides of recipe styling fr. client *******************************************************************************/ #recipes_intro { font-size:12px; } #recipes_intro h1 { color:#08602d !important; } #content-wrapper .recipes_page_intro {width:768px; height:240px; padding:0; color:#CDD099; margin-bottom:20px; } #content-wrapper .recipes_page_intro h1 {font-family:times,serif;font-size:24px;font-weight:500;line-height:24px;margin-bottom:10px;} #content-wrapper .recipes_page_intro p {font-size:12px !important;line-height:14px;} #content-wrapper #recipes_page_text {width:500px;margin-right:20px;float:left;text-align:left;} #content-wrapper #recipes_page_text p {font-size:12px;} #content-wrapper #recipes_page_text h2 {font-family:times,serif;font-size:24px;color:#8f9561;margin:20px 0 5px 0;} #content-wrapper #recipes_page_text h3 {color:#333333;font-size:13px;font-weight:bold;margin:20px 0 5px 0;} #content-wrapper #recipes_page_text span {font-size:12px;color:#454900;font-weight:bold;} #content-wrapper #recipes_page_text table {margin:0 0 10px 0;width:100%;} #content-wrapper #recipes_page_text span.ingredient-item-body {font-size:12px;color:#666666;font-weight:bold;} #content-wrapper #recipes_page_text .ingredient-title { margin:20px 0 0 0; font-size:13px; font-weight:bold; color:#454900 !important; line-height:20px; } #content-wrapper #recipes_page_text .instruction-title { margin:20px 0 0 0; font-size:13px; font-weight:bold; color:#454900 !important; line-height:20px; } #content-wrapper #recipes_page_text span.ingredient-item-quantity_fraction, #content-wrapper #recipes_page_text span.ingredient-item-quantity, #content-wrapper #recipes_page_text span.ingredient-item-org_quantity, #content-wrapper #recipes_page_text span.ingredient-item-unit, #content-wrapper #recipes_page_text span.ingredient-item-unit-system-name, #content-wrapper #recipes_page_text span.ingredient-item-unit-type, #content-wrapper #recipes_page_text span.instruction-item-body { color:#666666 !important; font-size:12px; } .recipes_page_text, .result-type-item h2, .result-type-item ul li, .result-type-item ul li a { font-size:12px !important; } /* display user input */ #user-input { font-size:12px; margin:0 0 10px 12px } /**************************** RECIPES SEARCH BAR ***************************/ #content-wrapper fieldset { display: inline; width:752px!important; } #content-wrapper form.recipe-quick-search-form {} #content-wrapper .recipe-quick-search-form .zia-form-elements div { float: left; } #content-wrapper #zia-form-element-wrapper-recipe_quick_search_form-category { width: 144px; margin-top:11px; } #content-wrapper #zia-form-element-wrapper-recipe_quick_search_form-category label { display: none; } #content-wrapper #zia-form-element-wrapper-recipe_quick_search_form-category br { display: none; } #content-wrapper #zia-form-element-wrapper-recipe_quick_search_form-category select { float: left; width:140px; } #content-wrapper #zia-form-element-wrapper-recipe_quick_search_form-category select { margin-top:expression(-14+"px");} #content-wrapper #zia-form-element-wrapper-recipe_quick_search_form-recipe_provided_by { width: 144px; margin-top:11px; } #content-wrapper #zia-form-element-wrapper-recipe_quick_search_form-recipe_provided_by label { display: none; } #content-wrapper #zia-form-element-wrapper-recipe_quick_search_form-recipe_provided_by br { display: none; } #content-wrapper #zia-form-element-wrapper-recipe_quick_search_form-recipe_provided_by select { float: left; width:144px; } #content-wrapper #zia-form-element-wrapper-recipe_quick_search_form-recipe_provided_by select { margin-top:expression(-14+"px");} #content-wrapper #zia-form-element-wrapper-recipe_quick_search_form-submit { width: 100px; } #content-wrapper #zia-form-element-wrapper-recipe_quick_search_form-submit input{ padding: 8px 0 0 0; } #content-wrapper #zia-form-element-wrapper-recipe_quick_search_form-submit input { margin-top:expression(3+"px"); } /* IE 6 & 7 */ *html #content-wrapper #zia-form-element-wrapper-recipe_quick_search_form-category select { float: left; width:140px; margin:-14px 0 0 0;} *html #content-wrapper #zia-form-element-wrapper-recipe_quick_search_form-keyword input { float: left; width:244px; margin-left:4px; margin:-12px 0 0 0; } *html #content-wrapper #zia-form-element-wrapper-recipe_quick_search_form-submit input { margin-top: 4px; } #content-wrapper #zia-form-element-wrapper-recipe_quick_search_form-submit input { margin-top:expression(3+"px"); } /* Recipes: chef spot light section. *******************************************************************************/ .chef-spotlight { border:1px solid #A2A47B; margin-bottom:10px; padding:10px; width: 226px; } .chef-spotlight-image { float:left; margin:0px 20px 0px 0px; } .chef-spotlight-name { float:left; margin:10px 0 0 0; } .chef-spotlight-header { background-color:#E2E3C3; min-height:85px; } .chef-name { font-weight:bold; font-size: 14px; color#403F3D; } .spotlight-description-wrapper { padding:5px 10px; color:#403F3D; font-size:12px; } .title { font-weight:bold; font-size:13px; } .red { color: #700205; }