/*------------------------------------------------------------- MCCORMICK - Iteration 1 styles (Home Page) ------------------------------------------------------------ Description: Stylesheet for McCormick Filename: styles.css -------------------------------------------------------------*/ /* ========================================================================// Index of styles used in specific elements and components for the project within this CSS. 1. RESET 2. COMMON 2.1. HEADER 2.2. FOOTER 3. MENU 4. RECIPES 4.0. HOME RECIPES 4.1. HOME RECIPES RIGHT MENU 4.2. HOME RECIPES LEFT MENU 4.3. RECIPES INTERNAL LEFT MENU 4.4. RECIPES MEALES IN 30 MINUTES 4.5. RECIPES COLLECTIONS 4.6. RECIPES DETAILS 4.7. RECIPES TOOLKIT 4.8. RECIPES PRINTS 4.9. PRODUCTS 4.10. COOKING TOOLS & TIPS 5. MY McCORMICK 6. SPICES 101 Used in: ========================================================================// /* ========================================================================// 1. RESET: These selectors are only applied to the elements mentioned below. ========================================================================// */ /* http://meyerweb.com/eric/tools/css/reset/ */ /* 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: none; } body {line-height:1;font-size:11px;font-family:"Lucida Sans Unicode ", "Lucida Sans", "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;margin:0px;color:#4b4b4b} ol, ul {list-style: none;} 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;} /* ========================================================================// 2. COMMON: These styles contain the structure of the header. ========================================================================// */ object {outline:none;} img{ border:0;} select { font-size:11px; line-height:14px} a {color:#be8c00; text-decoration:none;} a:hover {text-decoration: underline;} h1 {font-size:11px; color:#0C305B; line-height:14px; font-weight:bold; text-align:left; margin:0; padding:0} h2 {font-size:11px; color:#0C305B; line-height:18px; padding:0; font-weight:bold; text-align:left; text-transform:uppercase} h3 {font-size:14px; color:#be8c00; line-height:20px; padding:0; font-weight:bold; text-align:left; vertical-align:top;} h3 a {color:#be8c00; text-decoration:none;} h3 a:hover {color:#be8c00; text-decoration:underline;} h4 {font-size:11px; color:#4b4b4b; line-height:16px; padding:0; font-weight:normal;} h4 a {font-size:11px; color:#663300; line-height:16px; padding:0; font-weight:normal; text-decoration:none;} p {font-size:11px; line-height:14px} p a {color:#be8c00; text-decoration:none;} p a:hover {color:#be8c00; text-decoration:underline;} #cntr_main{width:980px; margin:auto;} #cntr_internal{width:980px; height:auto; display:block;} #cntr_internal_recidetail{width:980px; height:auto; display:block; margin:0 0 15px 0; float:left; display:block} .breakeronly {clear:both;height:0;font-size:0;margin:0;padding:0;} /* ========================================================================// 2.1 HEADER: These styles contain the structure of the header. ========================================================================// */ #cntr_header {width:980px;} #cntr_header_logo {width:188px; padding:16px 0 17px 20px; display:inline; float:left;} #cntr_header_right { width:772px; float:left;} #cntr_header_right_top {height:11px;padding:16px 0 14px 282px;text-align:right;} #cntr_header_right_top a {color:#be8c00; text-decoration:none;} #cntr_header_right_top a:hover {color:#be8c00; text-decoration:underline;} #cntr_header_right_middle {width:772px; height:40px; float:left; background:url(../images/commons/header_dotline_bg.gif) no-repeat;} #cntr_header_right_middleLeft {width:446px; height:25px; padding:15px 0 0 36px; float:left;display:inline;} #cntr_header_right_middleRight { width:290px; float:right;} #cntr_header_right_middleRight1 {width:221px; height:24px; display:inline; float:left; background:url(../images/commons/bg_header_input.jpg) no-repeat; margin:8px 0 8px 0;} #cntr_header_right_middleRight2 {width:63px; float:left; padding:8px 0 0 6px;} #cntr_header_right_bottom {width:772px; height:42px; display:inline; float:left;} #cntr_header_search { width:290px; height:47px; position:absolute; float:left; background:url(../images/commons/bg_search_box.gif) no-repeat;/* display:none*/ margin: 27px 0 0 0; display:none} #cntr_header_search_top {margin:2px 0 0 56px; text-align:left} #cntr_header_advanced_search {padding:2px 0 0 79px;} #cntr_header_search_top p {color:#663300; text-decoration:none;font-size:10px;} a#advanced_search {width:127px; height:19px; background:url(../images/commons/img_advanced_search.gif) top left;display:block} a#advanced_search:link { width:127px; height:19px; background:url(../images/commons/img_advanced_search.gif) top left; display:block} #advanced_search span {display:none;} a#header_search { width:63px; height:24px; background:url(../images/commons/btn_search.jpg) top left;display:block} a#header_search:link { width:63px; height:24px; background:url(../images/commons/btn_search.jpg) top left; display:block} a#header_search:hover { width:63px; height:24px; background:url(../images/commons/btn_search.jpg) bottom left; display:block} #header_search span {display:none;} #fld_search{width:210px; height:16px; margin: 2px 0 0 6px; border:0; background:transparent; } /* ========================================================================// 2.2 FOOTER: These styles contain the structure of the Footer. ========================================================================// */ #cntr_footer {width:980px;} #cntr_footer_top {width:960px; height:144px; padding:16px 0 32px 20px; background:url(../images/commons/bg_footer_dotline.gif) no-repeat; text-align:left} #cntr_footer_bottom {text-align:center;} #cntr_footer_bottom p {font-size:11px; color:#4b4b4b; line-height:16px;} #cntr_footer_bottom p a {color:#663300; text-decoration:none} #cntr_footer_bottom p a:hover {color:#663300; text-decoration:underline} #footer1 { width:158px; display:inline; float:left; vertical-align:top;} #footer2 { width:124px; float:left; vertical-align:top; padding:4px 0 0 0;} #footer3 { width:170px; float:left; vertical-align:top; padding:4px 0 0 0;} #footer4 { width:165px; float:left; vertical-align:top;} #footer5 { width:187px; float:left; vertical-align:top;} #footer6 { width:136px; float:left; vertical-align:top;} #cntr_footer_top p {font-size:11px; color:#663300; line-height:16px; text-align:left;} #cntr_footer_top p a {color:#663300; text-decoration:none} #cntr_footer_top p a:hover {color:#663300; text-decoration:underline} .ttl_recipes {width:56px; height:10px; margin-bottom:10px;} .ttl_products {width:78px; height:10px; margin-bottom:10px;} .ttl_mymccormick {width:113px; height:11px; margin-bottom:9px;} .ttl_ourcompany {width:108px; height:11px; margin-bottom:9px;} .ttl_pressroom {width:136px; margin-top:14px;} .ttl_contactus {width:93px; height:11px; margin-top:9px;} /* ========================================================================// 3. MENU: These styles contain the structure of the top menu. ========================================================================// */ ul#menu_secondary_globalnav { margin:0 ; padding:0; float:left; display: block; list-style:none} li.menu1 {width:46px; height:12px;margin: 0 20px 0 0;list-style:none;float:left; display: inline;} li.menu1 a {background:url(../images/commons/btn_home.gif) top no-repeat; padding:0;float:left; display:block;} li.menu1 a:hover {background:url(../images/commons/btn_home.gif) center no-repeat; padding:0;} li.menu2 {width:102px; height:12px; margin: 0 22px 0 0;list-style:none;float:left;} li.menu2 a {background:url(../images/commons/btn_my_mccormick.gif) top no-repeat;padding:0;float:left;display:block; } li.menu2 a:hover {background:url(../images/commons/btn_my_mccormick.gif) center no-repeat;padding:0; } li.menu3 {width:71px; height:12px;margin: 0 22px 0 0; list-style:none;float:left;} li.menu3 a { background:url(../images/commons/btn_spices101.gif) top no-repeat;padding:0;float:left; display:block;} li.menu3 a:hover { background:url(../images/commons/btn_spices101.gif) center no-repeat;padding:0;} li.menu4 {width:119px; height:12px; list-style:none;float:left;} li.menu4 a { background:url(../images/commons/btn_spices_health.gif) top no-repeat;padding:0;float:left; display:block;} li.menu4 a:hover { background:url(../images/commons/btn_spices_health.gif) center no-repeat;padding:0;} ul#menuhorizontal {height:22px;display:block;float:left; margin:0 ; padding:10px 0 0 36px; float:left; display: block; list-style:none} li.menuhor1 {width:125px; list-style:none;float:left; display: inline;} li.menuhor1 a {background:url(../images/commons/btn_recipes.gif) top no-repeat; padding:0;float:left; display:block;} li.menuhor1 a:hover {background:url(../images/commons/btn_recipes.gif) center no-repeat; padding:0;} li.menuhor2 {width:158px; list-style:none;float:left; display: inline;} li.menuhor2 a {background:url(../images/commons/btn_thanks.gif) top no-repeat; padding:0;float:left; display:block;} li.menuhor2 a:hover {background:url(../images/commons/btn_thanks.gif) center no-repeat; padding:0;} li.menuhor3 {width:211px; list-style:none;float:left; display: inline;} li.menuhor3 a {background:url(../images/commons/btn_meals.gif) top no-repeat; padding:0;float:left; display:block;} li.menuhor3 a:hover {background:url(../images/commons/btn_meals.gif) center no-repeat; padding:0;} li.menuhor4 {width:126px; list-style:none;float:left; display: inline;} li.menuhor4 a {background:url(../images/commons/btn_products.gif) top no-repeat; padding:0;float:left; display:block;} li.menuhor4 a:hover {background:url(../images/commons/btn_products.gif) center no-repeat; padding:0;} li.menuhor5 {width:116px; list-style:none;float:left; display: inline;} li.menuhor5 a {background:url(../images/commons/btn_community.gif) top no-repeat; padding:0;float:left; display:block;} li.menuhor5 a:hover {background:url(../images/commons/btn_community.gif) center no-repeat; padding:0;} /*------------------------------------------------------------- MCCORMICK - Iteration 3 styles (Home Page) ------------------------------------------------------------ Description: Stylesheet for McCormick Filename: styles.css -------------------------------------------------------------*/ /* ========================================================================// Index of styles used in specific elements and components for the project within this CSS. 1. POLL ========================================================================// */ /* ========================================================================// 1. POLL: These styles contain the structure of the poll. ========================================================================// */ #cntr_home_poll {font-size:14px;} #cntr_home_poll .show {display:block;} #cntr_home_poll .hide {display:none;} #cntr_home_poll_notice {height:33px;padding:24px 0 0 0;color:#630;font-weight:bold;text-transform:uppercase;} #cntr_home_poll_area {background:url(../images/commons/bg_home_poll.jpg);height:171px;padding:20px 0 0 23px;} #cntr_home_poll_select, #cntr_home_poll_results {position:absolute;margin:0 0 0 53px;} #cntr_home_poll_results {margin-top:4px;} #cntr_home_poll_area h3 {color:#c00;font-size:18px;padding:0 0 25px 0;} #cntr_home_poll_area .poll_results {font-size:10px;margin:5px 0 17px 0;} #cntr_home_poll_area .poll_bar {background:#b8b9b0;width:160px;margin:0 0 4px 10px;} #cntr_home_poll #cntr_home_poll_close {width:46px;height:13px;position:absolute;margin:-5px 0 0 892px;} #cntr_home_poll #cntr_home_poll_close a {background:url(../images/commons/btn_poll_close.gif);width:46px;height:13px;display:block;} #cntr_home_poll #cntr_home_poll_close a span {display:none;} #cntr_home_poll #cntr_poll_view_results {width:129px;height:28px;position:absolute;margin:129px 0 0 709px;z-index:50;} #cntr_home_poll #cntr_poll_view_results a {background:url(../images/commons/btn_poll_viewresults.gif);width:129px;height:28px;display:block;} #cntr_home_poll #cntr_poll_view_results a span {display:none;} #cntr_home_poll_notice a {background:url(../images/commons/img_poll_arrow.gif) right no-repeat;color:#cd1704;text-decoration:none;padding:0 18px 0 0;} #cntr_home_poll_notice a:hover {text-decoration:underline;} /* ========================================================================// 4. RECIPES: These styles contain the structure of recipes. ========================================================================// */ #cntr_recipes_top_common {width:980px; height:106px; float:left; overflow:hidden} #cntr_recipesdetails_top_common {width:980px; height:73px; float:left; overflow:hidden} #cntr_vitacora {color:#4b4b4b; font-size:9px; float:left; width:980px; height:10px; line-height:14px;_line-height:11px;margin:30px 0 10px 0;} #cntr_vitacora a {color:#be8c00;} #col_recipes_internal_left_common {width:200px; height:500px; float:left; display:inline;} #col_recipes_internal_right_common {width:780px; height:auto; float:left;} /* ========================================================================// 4.0. HOME RECIPES: These styles contain the structure of the HOME RECIPES. ========================================================================// */ #cntr_home_recipes {width:980px; background:url(../images/recipes/bg_stage_home_recipes.jpg) no-repeat top} #col_home_recipes_left {width:654px; height:auto; display:inline; float:left;} #col_home_recipes_right {width:306px; height:auto; float:left; } #col_home_recipes_link_stage a {float:left;width:306px; padding:0 0 0 20px; height:41px;margin:281px 0 14px 0; } #col_home_recipes_link_stage span {display:none} #ttl_home_recipes {float:left; width:980px; height:34px; background:url(../images/recipes/ttl_home_recipes_03.gif) no-repeat; margin:0 0 22px 0} #ttl_home_recipes span {display:none} #cntr_home_recipes_menu_flash {width:654px; float:left; background:#006633} #cntr_home_recipes_stageswf {width:750px; height:500px; margin:-70px 0 0 0;position:absolute; z-index:10} #cntr_home_recipes_left_menu {width:980px; position:absolute; z-index:20;margin:-3px 0 0 0;} #cntr_home_recipes_leftcont {width:654px; height:auto; float:left;margin:387px 0 0 0;} #cntr_home_recipes_leftcont_top {width:654px; height:157px;margin:0 0 50px 0; float:left;overflow:hidden;} .box_home_recipes_box01 {width:286px; height:157px; margin:0 20px 0 20px; display:inline; float:left;overflow:hidden;} .box_home_recipes_box02 {width:286px; height:157px; margin:0 0 0 20px; display:inline; float:left;overflow:hidden;} .box_home_recipes_box01 h1 {float:left; width:286px; height:25px; margin:17px 0 10px 0; background: url(../images/recipes/ttl_home_recipes_box01.gif) no-repeat;overflow:hidden;} .box_home_recipes_box01 h1 span {display:none} .box_home_recipes_box01 img {float:left; display:inline; width:65px; height:65px; overflow:hidden;} .box_home_recipes_box01 p {float:left; display:inline; width:212px; height:70px; padding:0 0 0 9px; overflow:hidden;} .box_home_recipes_box01 h6 a {float:left; width:213px; height:21px; margin:6px 11px 0 62px; background:url(../images/recipes/btn_home_recipes_box01.gif) no-repeat top right; overflow:hidden;} .box_home_recipes_box01 h6 a:hover {background-position:bottom right} .box_home_recipes_box01 h6 span {display:none} .box_home_recipes_box02 h1 {float:left; width:286px; height:25px; margin:17px 0 10px 0; background: url(../images/recipes/ttl_home_recipes_box02.gif) no-repeat;overflow:hidden;} .box_home_recipes_box02 h1 span {display:none} .box_home_recipes_box02 img {float:left; display:inline; width:65px; height:65px; overflow:hidden;} .box_home_recipes_box02 p {float:left; display:inline; width:212px; height:70px; padding:0 0 0 9px;overflow:hidden;} .box_home_recipes_box02 h6 a {float:left; width:248px; height:21px; margin:6px 11px 0 27px; background:url(../images/recipes/btn_home_recipes_box02.gif) no-repeat top right; overflow:hidden;} .box_home_recipes_box02 h6 a:hover { background-position:bottom right} .box_home_recipes_box02 h6 span { display:none} #box_home_recipes_mealplanner {width:634px; height:380px;padding:0 0 0 20px; background: url(../images/recipes/bg_home_recipes_meal_planner.jpg) no-repeat top; float:left;overflow:hidden;} #box_home_recipes_mealplanner h1 {float:left; width:634px; height:33px; background: url(../images/recipes/ttl_home_recipes_meal_planner.gif) no-repeat;overflow:hidden;} #box_home_recipes_mealplanner h1 span {display:none} #box_home_recipes_mealplanner h2 {float:left; width:634px; height:22px; background: url(../images/recipes/subttl_home_recipes_meal_planner.gif) no-repeat;overflow:hidden;} #box_home_recipes_mealplanner h2 span {display:none} #cntr_home_recipes_mealplanner_form { width:287px; height:312px;padding:12px 0 0 286px;} #cntr_home_recipes_mealplanner_form select.select_simple {width:285px; height:20px;_height:22px;border:1px solid #cccc99; margin:0 0 8px 0} #cntr_home_recipes_mealplanner_form select.select_multiple {width:285px; height:150px;_height:152px;border:1px solid #cccc99; margin:0 0 10px 0} #cntr_home_recipes_mealplanner_form p {margin:0 0 5px 0} #cntr_home_recipes_mealplanner_form span { font-weight:bold} #cntr_home_recipes_mealplanner_form h6 a{float: right; width:101px; height:30px; margin:0 0 10px 0; background: url(../images/recipes/btn_form_find_recipe.gif) no-repeat top right; overflow:hidden;} #cntr_home_recipes_mealplanner_form h6 a:hover {background-position:bottom right} #cntr_home_recipes_mealplanner_form h6 span {display:none} #cntr_home_recipes_mealplanner_form h5 a {float:right; width:105px; height:13px; margin:0 0 10px 0; background: url(../images/recipes/btn_form_advanced_search.gif) no-repeat right; overflow:hidden;} #cntr_home_recipes_mealplanner_form h5 span {display:none} /* ========================================================================// 4.1. HOME RECIPES RIGHT MENU: These styles contain the structure of the HOME RECIPES RIGHT MENU. ========================================================================// */ #cntr_menu_right {float:left; width:306px; height:637px; overflow:hidden;background:url(../images/recipes/bg_menu_right_home_recipes.gif) no-repeat top; padding:0 0 0 20px; } #menu_right {position:absolute; z-index:60;width:306px; font-size:11px;} .menu_right_dots {background:url(../images/recipes/dots.gif) repeat-x top; height:1px; width:288px;} #menu_right dl {width: 306px;} #menu_right dl,dd {margin: 0;} #menu_right dt {padding:20px 0px 0px 0px; margin: 0px; background:url(../images/recipes/dots.gif) top repeat-x; width:286px; height:auto} a#menu_right1 {background:url(../images/recipes/menu_right_ttl1.gif) no-repeat top left; width:196px; height:16px; display:block; margin:0 0 20px 0; cursor: default;} a#menu_right2 {background:url(../images/recipes/menu_right_ttl2.gif) no-repeat top left; width:196px; height:17px; display:block; margin:0 0 20px 0;cursor: default;} #menu_right2_image {background: url(../images/recipes/m_right_img2.gif) no-repeat; width:305px; height:162px} #menu_right2_image h6 a {float:left; width:78px; height:21px; margin:10px 0 0 0; background: url(../images/recipes/btn_join_now.gif) no-repeat top left; overflow:hidden;} #menu_right2_image h6 a:hover {background-position:bottom right} #menu_right2_image h6 span {display:none} a#menu_right3 {background:url(../images/recipes/menu_right_ttl3.gif) no-repeat top left; width:204px; height:17px; display:block; margin:0 0 20px 0;cursor: default;} #menu_right dd a {color: #000;} .alt_txt {display:none} #menu_right_1 {padding:0 0 22px 1px; font-size:13px} #menu_right_1 ul {padding: 5px 5px 5px 0; list-style:none; line-height:17px; } #menu_right_1 ul a {color:#be8c00; } #menu_right_2 { color:#000; line-height:17px; padding:0 0 0 1px;} #menu_right_2 ul { padding:5px 0 5px 0;line-height:16px;} #menu_right_2 li {background:url(../images/recipes/bull_black.gif) no-repeat 1px 3px; padding:0 0 0 10px} #menu_right_3 { line-height:17px; height:245px; background:url(../images/recipes/m_right_img3.jpg) no-repeat bottom left; padding:0 0 0 1px;} #menu_right_3 ul {padding:5px; line-height:16px; color:#be8c00;} #menu_right_3 ul a {color:#be8c00; font-size:11px} #menu_right_3 li {background:url(../images/recipes/bull.gif) no-repeat 0 2px; padding:0 0 0 10px} /* ========================================================================// 4.2. HOME RECIPES LEFT MENU: These styles contain the structure of the HOME RECIPES LEFT MENU. ========================================================================// */ #menu_left_recipes {width:170px;} #menu_left_recipes li { height:29px;width:100%;float:left; color:#be8c00; padding-bottom:1px;font-size:14px;color:#663300} #menu_left_recipes li ul {position:absolute;display:none;z-index:100;} #menu_left_recipes li div {background:#fff;border:1px solid #e1e1af;position:absolute;display:none;z-index:50;opacity:0.9;filter:alpha(opacity=90);} #menu_left_recipes li ul li {background:none;height:auto;width:150px;_width:115px;float:left; padding-bottom:7px;} #menu_left_recipes li ul li ul {display:block;position:relative; margin:22px 20px 10px 15px;} .lnk_leftmenu_recipes a {font-size:14px;color:#be8c00;text-decoration:none;} .lnk_leftmenu_recipes a:hover {color:#e65a00;text-decoration:none;} .lnk_leftsubmenu_recipes a {font-size:11px;color:#663300;text-decoration:none;} .lnk_leftsubmenu_recipes a:hover {color:#663300;text-decoration:underline;} a.lnk_arrow_leftmenu_recipes {background:none;width:170px;text-decoration:none;display:block; padding:0 0 4px 0;font-size:14px;} a.lnk_arrow_leftmenu_recipes:hover {background:url(../images/recipes/dotted.gif) no-repeat bottom;color:#e65a00;text-decoration:none;} a.lnk_arrow_leftmenu_recipes span {background:url(../images/recipes/arrow.gif) no-repeat top;} a.lnk_arrow_leftmenu_recipes:hover span {background-position:bottom;text-decoration:none;} /* ========================================================================// 4.3. RECIPES INTERNAL LEFT MENU: These styles contain the structure of the RECIPES INTERNAL LEFT MENU. ========================================================================// */ #menu2_left_recipes, #menu3_left_recipes {width:178px;position:absolute; z-index:100; margin-top:-10px} #menu2_left_recipes ul, #menu3_left_recipes ul {padding:0; list-style:none; line-height:30px; font-size:14px; width:178px; color:#663300;} #menu2_left_recipes ul a , #menu3_left_recipes ul a { text-decoration:none;} #menu2_left_recipes ul a:hover, #menu3_left_recipes ul a:hover {color:#e65a00} #menu2_left_recipes li ul, #menu3_left_recipes li ul {margin:-4px 0 5px 0; padding:6px 20px 0 40px; width:118px; text-align:right; font-size:11px; line-height:20px; background:url(../images/recipes/img_line_dots_leftmenu.gif) no-repeat left top;} #menu2_left_recipes li ul a:hover, #menu3_left_recipes li ul a:hover {color:#be8c00; text-decoration:underline} a.lnk_arrow_menu2 {background:url(../images/recipes/arrow_off.gif) right no-repeat; padding:0 15px 0 0px} a.lnk_arrow_menu2:hover {background:url(../images/recipes/arrow_red_over.gif) right no-repeat; padding:0 15px 0 0px} span.lnk_arrow_menu2_active {color:#663300; background:url(../images/recipes/arrow_down.gif) right no-repeat; padding:0 15px 0 0px;} .lnk_arrow_menu2_active {color:#663300; line-height:20px} /* ========================================================================// 4.4. RECIPES MEALS IN 30 MINUTES: These styles contain the structure of the RECIPES MEALES IN 30 MINUTES. ========================================================================// */ #ttl_recipes_30minutes {float:left; width:980px; height:34px; background:url(../images/recipes/ttl_30minutes.gif) no-repeat; margin:0 0 22px 0} #ttl_recipes_30minutes span{display:none} #cntr_meals_30minutes {width:980px; background:url(../images/recipes/bg_recipes_30minutes.jpg) no-repeat top} .col_meals_left {width:200px; height:600px;display:inline; float:left;} .col_meals_center {width:265px;float:left; height:384px; } .col_meals_thumbs {width:303px; float:left } .col_meals_right {width:211px;float:left; height:auto; background: url(../images/recipes/dots_vetical_simple.gif) repeat-y} #cntr_recipes_right {width:780px; float:left; height:auto;} #cntr_recipes_banner_right_up a {float:left;width:300px; height:25px; margin:165px 30px 23px 450px;} #cntr_recipes_banner_right_up span {display:none} .cntr_recipes_banner_right_down {width:780px; float:left; padding:6px 0 0 0;} .ttl_meals {height:20px; padding:21px 0 0 0; background-color:#FFFFFF;} .ttl_meals_2 {height:20px; padding:11px 0 0 0; background-color:#FFFFFF;} .img_meals_1 { background:url(../images/recipes/img_MealsIn30Minutes_1.jpg); background-repeat:no-repeat; height:225px;} .img_meals_1 h6 a {float:left; width:91px; height:21px; margin:232px 0 0 135px; background:url(../images/recipes/btn_view_recipes.gif) no-repeat top right; overflow:hidden;} .img_meals_1 h6 a:hover {background-position:bottom right} .img_meals_1 h6 span {display:none} .meals_view_recipes { padding:10px 0 0 130px;} .cntr_meals_thumb {height:82px;} .cntr_meals_thumb p {color:#4b4b4b; line-height:14px; padding:0 25px 0 0;} .img_meals_thumb_hor_dotline {background:url(../images/recipes/img_MealsIn30Minutes_hor_dotline.gif); background-repeat:no-repeat; height:39px;} .img_meals_2 { width:65px;background:url(../images/recipes/img_MealsIn30Minutes_2.jpg); background-repeat:no-repeat; height:82px; display:block; float:left; margin:0 10px 0 0;} .img_meals_3 { width:65px;background:url(../images/recipes/img_MealsIn30Minutes_3.jpg); background-repeat:no-repeat; height:82px; display:block; float:left; margin:0 10px 0 0;} .meals_30minutes {font-family:LucidaGrande, Arial, Helvetica, sans-serif;font-size:14px; color:#be8c00;} .meals_30minutes a {color:#be8c00; text-decoration:none} .meals_30minutes a:hover {color:#be8c00; text-decoration:underline} .txt_recipes_meals_view { font-family:"Times New Roman", Times, serif;font-size:16px; color:#663300;} .txt_recipes_meals_view a {color:#663300; text-decoration:none} .txt_recipes_meals_view a:hover {color:#cc0000; text-decoration:underline} #ttl_recipes_meals_right_col {margin-left:20px; height:19px; background:url(../images/recipes/ttl_featured_recipes.gif); background-repeat:no-repeat;} #ttl_recipes_meals_right_col span{display:none} .lnk_view_recipes {margin:10px 0 0 15px;} .menuright_recipes_30minutes {margin:12px 0 0 20px;} .menuright_recipes_30minutes ul li {background:url(../images/recipes/bull.gif) no-repeat left top; padding:0 0 11px 10px; color:#be8c00; line-height:14px;} .menuright_recipes_30minutes ul li a {color:#be8c00; line-height:14px; } .menuright_recipes_30minutes ul li a:hover {color:#be8c00; line-height:14px; background:url(../images/recipes/spacer.gif) no-repeat left top; list-style-position:outside} .menuright_recipes_30minutes h6 a {float:left; width:117px; height:21px; margin:0 8px 0 0; background:url(../images/recipes/btn_view_all_recipes.gif) no-repeat top right; overflow:hidden;} .menuright_recipes_30minutes h6 a:hover {background-position:bottom left} .menuright_recipes_30minutes h6 span {display:none} .box_recipes_box01 {width:218px; height:82px; padding:0 10px 0 0; display:inline; float:left;overflow:hidden;} .box_recipes_box01 h6 a {float:left; width:91px; height:21px; margin:8px 0 0 0; background:url(../images/recipes/btn_view_recipes.gif) no-repeat top right; overflow:hidden;} .box_recipes_box01 h6 a:hover {background-position:bottom left} .box_recipes_box01 h6 span {display:none} .box_recipes_box02 {width:218px; height:92px; padding:0 10px 0 0; display:inline; float:left;overflow:hidden;} .box_recipes_box02 h6 a {float:left; width:112px; height:21px; margin:8px 0 0 0; background:url(../images/recipes/btn_find_out_more.gif) no-repeat top right; overflow:hidden;} .box_recipes_box02 h6 a:hover {background-position:bottom left} .box_recipes_box02 h6 span {display:none} /* ========================================================================// 4.5. RECIPES COLLECTIONS: These styles contain the structure of the RECIPES COLLECTIONS. ========================================================================// */ .bg_recipes_collect {width:980px; background:url(../images/recipes/bg_recipes_collections.jpg) no-repeat top} #cntr_recipes_collect_stage {width:780px; height:204px; float:left; margin:0 0 30px 0;} #cntr_recipes_collect_right_top {width:780px;float:left; height:auto;margin:0 0 30px 0;} #cntr_recipes_collect_right_bottom {width:780px;float:left; height:auto;padding:0 0 25px 0;} #cntr_recipes_collect_right_bottom_left {width:370px;float:left; display:inline; height:auto;margin:0 40px 0 0;} #cntr_recipes_collect_right_bottom_right {width:370px;float:left; height:auto;} .box_recipes_collect_right_top {width:225px; height:auto; float:left; display:inline; margin:0 44px 0 0;} .box_recipes_collect_right_top h1 { width:225px;font-size:14px;color:#be8c00;float:left; line-height:18px; margin:0 0 7px 0;} .box_recipes_collect_right_top img {width:225px; height:225px;float:left; margin:0 0 10px 0;overflow:hidden} .box_recipes_collect_right_top p {float:left; width:225px; margin:0 0 10px 0; } .box_recipes_collect_right_top h6 a {float:left; width:113px; height:21px; margin:0 0 0 112px; background:url(../images/recipes/btn_view_collection.gif) no-repeat top right; overflow:hidden;} .box_recipes_collect_right_top h6 a:hover {background-position:bottom right} .box_recipes_collect_right_top h6 span {display:none} .box_recipes_collect_right_top2 {width:225px; height:auto; float:left; display:inline; margin:0;} .box_recipes_collect_right_top2 h1 { width:225px;font-size:14px; line-height:18px;color:#be8c00;float:left; margin:0 0 7px 0;} .box_recipes_collect_right_top2 img {width:225px; height:225px;float:left; margin:0 0 10px 0;overflow:hidden} .box_recipes_collect_right_top2 p {float:left; width:225px; margin:0 0 10px 0; } .box_recipes_collect_right_top2 h6 a {float:left; width:113px; height:21px; margin:0 0 0 112px; background:url(../images/recipes/btn_view_collection.gif) no-repeat top right; overflow:hidden;} .box_recipes_collect_right_top2 h6 a:hover {background-position:bottom right} .box_recipes_collect_right_top2 h6 span {display:none} .box_recipes_collect_right_bottom {width:370px; height:auto; float:left; display:inline; margin:0 0 14px 0; overflow:hidden} .box_recipes_collect_right_bottom h1 { width:370px;font-size:14px; line-height:18px;color:#be8c00;float:left; margin:0 0 7px 0;} .box_recipes_collect_right_bottom img {width:65px; height:77px;float:left; display:inline; margin:0 10px 0 0;overflow:hidden} .box_recipes_collect_right_bottom p {float:left; width:293px; margin:0 0 5px 0;} .box_recipes_collect_right_bottom h6 a {float:left; width:113px; height:21px; margin:0; background:url(../images/recipes/btn_view_collection.gif) no-repeat top right; overflow:hidden;} .box_recipes_collect_right_bottom h6 a:hover {background-position:bottom right} .box_recipes_collect_right_bottom h6 span {display:none} .box_recipes_collect_right_bottom_txt {float:left; display:inline; width:293px;} #ttl_recipes_collect {float:left; width:980px; height:34px; background: url(../images/recipes/ttl_recipe_collections.gif) no-repeat; margin:0 0 22px 0} #ttl_recipes_collect span { display:none} /* ========================================================================// 4.6. RECIPES DETAILS: These styles contain the structure of the RECIPES DETAILS. ========================================================================// */ #col_recidetail_back{width:980px;display:block; float:left; background:url(../images/recipes/dots_veticals.gif) repeat-y top;} #col_recidetail_left{width:769px; float:left; display:inline;height:auto;} #col_recidetail_right{width:190px;height:auto; float:left; display:inline; margin:0 0 0 20px;} #col_recidetail_right tr, td{ vertical-align:middle} #col_recidetail_left_int1{width:380px;float:left; display:inline; height:auto;} #col_recidetail_left_int2{width:328px; height:auto; float:left; display:inline; margin:0 0 0 20px;} #col_recidetail_left_int2_nopic{width:560px; height:auto; float:left; display:inline;} #box_recidetail_int1{margin:0 0 10px 0; padding:2px 0 0 0; background-color:#FFFFFF} #box_recidetail_int1 p{ line-height:16px; font-size:13px;} #txt_italic_font{ font-style:italic} #box_recidetail_int2{margin:0 0 12px 0; padding:2px 0 0 0; background-color: #FFFFFF} #box_recidetail_int2 p{ line-height:18px;} .box_recidetail_int3{margin:0 0 12px 0; padding:2px 0 0 0; background-color: #FFFFFF} .box_recidetail_int3 p{ line-height:18px;} #box_recidetail_int2_B{margin:0 0 12px 0; padding:2px 0 0 0; background-color: #FFFFFF} #box_recidetail_int2_B ol, ul { list-style-image:none; list-style-position:inside; list-style-type:decimal; } #box_recidetail_int2_B p{ line-height:14px; margin:0 0 14px 0;} #ttl_box_recidetail_int2_ingr{width:328px; height:9px; background:url(../images/recipes/ttl_ingredients.gif) no-repeat; margin:0 0 5px 0} #ttl_box_recidetail_int2_ingr span {display:none} #ttl_box_recidetail_int2_dir{width:328px; height:9px; background: url(../images/recipes/ttl_directions.gif) no-repeat; margin:0 0 7px 0} #ttl_box_recidetail_int2_dir span {display:none} #ttl_box_recidetail_int2_nut{width:328px; height:9px; background: url(../images/recipes/ttl_nutrional_information.gif) no-repeat; margin:0 0 5px 0} #ttl_box_recidetail_int2_nut span {display:none} #box_recidetail_right{width:190px; float:left; display:block; margin:0; height:auto} #box_recidetail_right p{ line-height:25px} #box_recidetail_right2{width:190px; float:left; display:block; margin:0; height:auto;} #box_recidetail_right2 p{ line-height:25px} #box_recidetail_right_you{width:190px;float:left; display:block; margin:0 0 0 0; height:auto} #box_recidetail_right_you p{ line-height:11px; margin:10px 0 10px 0; float:left; display:inline; width:190px} #box_recidetail_right1_youmay{width:190px;height:9px; background:url(../images/recipes/tit_you_may.gif) no-repeat; margin:0 0 0 0; float:left; display:block} #box_recidetail_right1_youmay span{display:none} .row_recidetail_pic2{width:190px; height:auto; margin:0 0 0 0; float:left; display:inline;} .box_recidetail_pic2{float:left; display:inline} .txt_recidetail_pic2 {float:left; display:inline; margin:0 0 9px 0px; width:125px; line-height:11px;} #box_recidetail_right ul{ margin:0; padding:0;} #box_recidetail_right ul li.print{ background :url(../images/recipes/icon_print.gif) no-repeat; padding:0 0 0 23px; width:160px;float:left;display:block} #box_recidetail_right ul li.mail { background: url(../images/recipes/icon_mail.gif) no-repeat; padding:0 0 0 23px; width:160px;float:left;display:block} #box_recidetail_right ul li.phone { background:url(../images/recipes/icon_phone.gif) no-repeat; padding:0 0 0 23px; width:160px;float:left;display:block} #box_recidetail_right ul li.add { background:url(../images/recipes/icon_add.gif) no-repeat; padding:0 0 0 23px; width:160px;float:left;display:block} #box_recidetail_right ul li.favor { background:url(../images/recipes/icon_favor.gif) no-repeat; padding:0 0 7px 23px; width:160px;float:left;display:block} #box_recidetail_right1{width:190px; height:9px; background:url(../images/recipes/recipe_tolkit.gif) no-repeat; margin:0 0 5px 0} #box_recidetail_right1 span{display:none} #box_recidetail_right1_cook{width:190px;height:9px; background:url(../images/recipes/tit_cooking_tools.gif) no-repeat; margin:0 0 5px 0} #box_recidetail_right1_cook span{display:none} .sep_dots_right{ background:url(../images/recipes/dots_right.gif) repeat-x; height:3px; width:190px; float:left; display:block; margin:7px 0 16px 0;} #ttl_recidetail{float:left; width:610px; height:28px; margin:0 0 3px 0;font-size:24px; color:#cc0000; padding:7px 0 0 0} #ttl_recidetail p {} #ttl_dots_details{background:url(../images/recipes/dots_right.gif) repeat-x bottom;height:38px;} #txt_submenu_orange{color:#e65a00; font-size:10px; text-decoration:none; margin:5px 0 2px 0;} #txt_submenu_orange a{ color:#e65a00; font-size:10px; text-decoration:none;margin:5px 0 2px 0;} #txt_submenu_orange a:hover{text-decoration:underline} .ratingStar { font-size: 0pt;width: 11px;height: 10px;margin: 0px;padding: 0px;background-repeat: no-repeat;} .filledRatingStar { background-image: url(/mcc/images/recipes/FilledStar.gif);} .emptyRatingStar { background-image: url(/mcc/images/recipes/EmptyStar.gif);} .savedRatingStar { background-image: url(/mcc/images/recipes/SavedStar.gif);} .stars_float{ float:left; display:inline} #col_rating_right{float:right; display:inline;} #tit_recidetail2{float:left; margin:2px 5px 0 0; display:inline} #box_rating{margin:19px 0 0 0px; float:left} #box_rating_right{margin:18px 0 0 14px; float:left; display:inline; padding:0 0 2px 0;} .menuright_recidetail {margin:0 0 0 0;} #menuright_recidetail_img{ margin-bottom:50px} .menuright_recidetail ul li {background:url(../images/recipes/bull.gif) no-repeat left top; padding:0 0 11px 10px; color:#be8c00; line-height:11px;} .menuright_recidetail ul li a {color:#be8c00; line-height:11px; background:url(../images/recipes/spacer.gif) no-repeat left top; list-style-position:Outside} .menuright_recidetail ul li a:hover {color:#be8c00; line-height:11px; background:url(../images/recipes/spacer.gif) no-repeat left top; list-style-position:Outside;} .menuright_recidetail2 ul { margin:5px 0 0 0;} .menuright_recidetail2 ul li {background:url(../images/recipes/bull.gif) no-repeat left top; padding:0 0 0 10px; color:#be8c00; margin:0 0 2px 0;} .menuright_recidetail2 ul li a {color:#be8c00; line-height:11px;background:url(../images/recipes/spacer.gif) no-repeat left top; list-style-position:Outside;} .menuright_recidetail2 ul li a:hover {color:#be8c00; line-height:11px; background:url(../images/recipes/spacer.gif) no-repeat left top; list-style-position:Outside;} .row_float{float:left; display:inline} /* ========================================================================// 4.7. RECIPES TOOLKIT: These styles contain the structure of the RECIPES TOOLKIT windows. ========================================================================// */ #cntr_recipe_toolkit {width:412px;padding:18px 20px 20px 20px;overflow:hidden} #cntr_recipe_toolkit p{font-size:11px} #cntr_recipe_toolkit #cntr_recipe_toolkit_content #box_rating .ratingStar {width:20px; height:16px;} #cntr_recipe_toolkit_header{padding:0} #cntr_recipe_toolkit_close{float:right;margin-right:-2px;} #cntr_recipe_toolkit_content{margin-top:18px} #cntr_recipe_toolkit_content .box_gray_text{margin-top:2px;} #cntr_recipe_toolkit_content textarea{width:99%; font-family:Arial, Helvetica, sans-serif; sans-serif; font-size:13px} #cntr_recipe_toolkit_content .text_margin{margin:16px 0 0 0;} #cntr_recipe_toolkit_content .total_size {width:99%;} #cntr_recipe_toolkit_content .cntr_text_margin{margin:13px 0 0 0} #cntr_recipe_toolkit_content .box_text{border:1px solid #CACE9B;height:20px; font-family:Arial, Helvetica, sans-serif; font-size:13px} #cntr_recipe_toolkit_content .cntr_copy_margin{margin:23px 15px 0 0} #cntr_recipe_toolkit_content textarea{border:1px solid #CACE9B; height:100px; font-family:Arial, Helvetica, sans-serif; font-size:13px;} #cntr_recipe_toolkit_content .cntr_text_margin_email_recipes{margin-top:19px} #cntr_recipe_toolkit_content .box_margin{margin:6px 0 0 0;} #cntr_recipe_toolkit_content .cntr_text_margin_box{margin:6px 0 0 0;} #cntr_recipe_toolkit_content .cntr_text_margin_address{margin:16px 0 0 0;} #cntr_recipe_toolkit_header .sep_dotted_line{width:410px;margin-top:4px} #cntr_recipe_toolkit_footer {margin:19px 12px -10px 0} #cntr_recipe_toolkit_footer p{font-size:10px} #cntr_recipe_toolkit_footer .box_req_field{font-size:9px;margin-top:7px} .cntr_add_to_shopping_list #cntr_recipe_toolkit_content{margin-top:12px} .cntr_add_to_shopping_list #cnt_button{margin-left:134px} .cntr_add_to_shopping_list .sep_button_margin{margin-top:20px} .cntr_rate_review_recipe #cntr_recipe_toolkit_content{margin-top:12px} .cntr_rate_review_recipe .sep_button_margin{margin-top:17px} .cntr_rate_review_recipe #cnt_button{margin:14px 0 0 134px} .cntr_send_recipe_to_mobile #cntr_recipe_toolkit_content .input_text_line{margin-left:-2px;} .cntr_send_recipe_to_mobile #cnt_button{margin-left:134px} .cntr_send_recipe_to_mobile #cntr_recipe_toolkit_content{height:125px} .cntr_email_recipes #cnt_button{margin-left:134px} .cntr_text_margin_email_recipes #cnt_checkbox {margin-top:2px} .cntr_text_margin_email_recipes #cnt_checkbox input{float:left;margin-left:-2px;} .cntr_text_margin_email_recipes #cnt_checkbox p{width:288px; float:right; padding:3px 110px 0px 0px;} #cnt_input_left {float:left} #cnt_input_left .box_size_input input{width:99%} #cnt_input_right{float:right; margin-left:2px} #cnt_input_right .box_size_input input{width:99%} .cnt_recipe_rating{margin-left:15px;} .cnt_recipe_rating p {float:left;padding-top:5px;} .cnt_recipe_rating #box_rating{margin:5px 5px 0 0} .cnt_recipe_rating {margin-top:2px} .cnt_recipe_toolkit_confirmation #cntr_recipe_toolkit_content{margin-top:14px} .cnt_recipe_toolkit_confirmation #cntr_recipe_toolkit_content p{font-size:11px} .cnt_recipe_toolkit_confirmation #cnt_button{margin-left:173px} #ttl_recipe_toolbox_close{background:transparent url(../images/recipes/subttl_send_recipe_to_mobile_close.png) no-repeat scroll 0%; float:left; width:29px; height:12px; display:block;padding-left:5px;} #ttl_email_recipes{background:transparent url(../images/recipes/ttl_email_recipes.png) no-repeat scroll 0%; float:left; width:180px; height:12px; display:block} #ttl_send_recipe_to_mobile{background:transparent url(../images/recipes/ttl_send_recipe_to_mobile.png) no-repeat scroll 0%; float:left; width:180px; height:12px; display:block} #ttl_add_to_shopping_list{background:transparent url(../images/recipes/ttl_add_to_my_shopping_list.png) no-repeat scroll 0%; float:left; width:181px; height:12px; display:block} #ttl_add_to_my_favorite_recipes{background:transparent url(../images/recipes/ttl_add_to_my_favorite_recipes.png) no-repeat scroll 0%; float:left; width:206px; height:12px; display:block} #ttl_rate_review_recipe{background:transparent url(../images/recipes/ttl_rate_review_recipe.png) no-repeat scroll 0%; float:left; width:211px; height:12px; display:block} #ttl_new_shopping_list{background:transparent url(../images/recipes/ttl_create_a_new_shopping_list.png) no-repeat scroll 0%; float:left; width:207px; height:12px; display:block} .ttl_hidden_recipe_toolkit{display:none} .subttl_rating_rate_review_recipe span{display:none} .subttl_rating_rate_review_recipe{background:transparent url(../images/recipes/subttl_rating_rate_review_recipe.gif) no-repeat ; float:left; width:52px; height:16px; display:block} .sep_dotted_line{background:transparent url(../images/recipes/sep_dotted_line.gif) repeat scroll 0%; float:left; width:100%; height:1px; display:block; float:left; margin-top:2px} .sep_dotted_line_fixed {background:transparent url(../images/recipes/sep_dotted_line.gif) repeat scroll 0%; float:left; width:526px; height:1px; display:block; float:left; margin-top:2px} .sep_fix_float{clear:both;font-size:0px;line-height:0px;overflow:hidden} .sep_button_margin{margin:25px 0 0 0} .sep_shopping_list{margin:17px 0 17px -2px} .sep_content{margin-top:7px} .sep_button_margin_recipes{margin:23px 0 0 3px} .sep_content_input{margin:6px 0px 0px 0px} .sep_button_margin_recipes{margin:16px 0px 0 10px} .sep_button_margin{margin:25px 0 0 0} .sep_shopping_list{margin:17px 0 14px -2px} .sep_shopping_list input{/*margin-bottom:-2px*/line-height: 11px;} .sep_shopping_list span{line-height: 11px; position: relative; top: -2px;} .sep_shopping_list label{height:14px;display:block} .tmp_sep_shopping_list{margin:17px 0 14px -2px} .tmp_sep_shopping_list input{margin:0px} .tmp_sep_shopping_list label{margin-left:2px} .tmp_sep_shopping_list_item{margin-bottom:5px} .box_img_warning{margin:0px 8px 0 2px; width:12px; float:left} .box_gray_text{color:#9D9D9D} .box_text_warning{color:#CD000B;float:left; width:90%} .box_text_warning p{padding:3px} .medSize .ratingStar{ font-size: 0pt;width:18px;height:16px;margin: 0px 1px;padding: 0px;cursor: none;background-repeat: no-repeat;} .medSize .filledRatingStar{ background-image: url(../images/recipes/img_star_fill.gif)} .medSize .emptyRatingStar{ background-image: url(../images/recipes/img_star_empty.gif)} .medSize .savedRatingStar{ background-image: url(../images/recipes/img_star_saved.gif)} .input_text_line p{float:left;margin-top:4px;padding:0 3px} .input_text_line input{float:left} #btn_cancel { width:63px; height:24px; background:url(../images/recipes/btn_recipe_toolkit_cancel.gif) top left;display:block;float:left;margin-right:17px} a#btn_cancel:link {background:url(../images/recipes/btn_recipe_toolkit_cancel.gif) top left; display:block;float:left} a#btn_cancel:hover {background:url(../images/recipes/btn_recipe_toolkit_cancel_over.gif) bottom left; display:block;float:left} #btn_cancel span {display:none} a#btn_continue {width:78px; height:24px; background:url(../images/recipes/btn_recipe_toolkit_continue.gif) top left;display:block;float:left;margin-right:120px} a#btn_continue:link {background:url(../images/recipes/btn_recipe_toolkit_continue.gif) top left} a#btn_continue:hover {background:url(../images/recipes/btn_recipe_toolkit_continue_over.gif) bottom left} #btn_continue span {display:none} a#btn_close {width:63px; height:24px; background:url(../images/recipes/btn_recipe_toolkit_close.gif) top left;display:block;float:left;margin-right:120px} a#btn_close:link {background:url(../images/recipes/btn_recipe_toolkit_close.gif) top left} a#btn_close:hover {background:url(../images/recipes/btn_recipe_toolkit_close_over.gif) bottom left} #btn_close span {display:none} a#btn_top_close { width:12px; height:12px; background:url(../images/recipes/btn_recipe_toolbox_close.png) top left;display:block;float:left;display:block} a#btn_top_close:link {background:url(../images/recipes/btn_recipe_toolbox_close.png) top left} a#btn_top_close:hover {background:url(../images/recipes/btn_recipe_toolbox_close_over.gif) bottom left} #btn_top_close span {display:none} #cnt_button{margin:20px 0 0 126px;width:450px} .add_shopping_list_create #cnt_button{margin:18px 0px 0px 136px;} .box_size_input{width:197px;} /* ========================================================================// 4.8. RECIPES PRINTS: These styles contain the structure of the RECIPES PRINTS windows. ========================================================================// */ .page_break_after {page-break-after:always;} #cntr_header_print {width:700px; height:110px;} #cntr_header_print img{float:left;} #cntr_header_print .cntr_print_right {width:500px; float:right; height:40px; position:relative; top:60px;} #box_rating .ratingStar{ font-size:0pt; height:14px;margin:0px;padding:0px;width:13px;} #cntr_main_reciprint3x5{ margin:auto;} #cntr_main_reciprint3x5 #cnt_center{float:left; width:447px; margin-bottom:35px;} .cnt_reciprint_center{width:447px; height:263px; border:#afafaf dotted; border-width:1px; padding:16px 13px 11px 25px;} .cnt_reciprint_center .box_reciprint{width:449px; height:252px;} #cntr_main_reciprint4x6{ margin:auto;} #cntr_main_reciprint4x6 #cnt_center{float:left; width:542px; margin-bottom:36px;} .cnt_reciprint_center_4x6{width:542px; height:366px; border:#afafaf dotted; border-width:1px; padding:16px 16px 5px 20px;} .cnt_reciprint_center_4x6 #subttl_ingredients{ margin-top:25px;} .cnt_reciprint_center_4x6 #subttl_directions{ margin-top:25px;} .cnt_reciprint_center_4x6 .box_reciprint{width:539px; height:350px;} .cnt_reciprint_center_4x6 .box_reciprint #tittle img{float:right;} .cnt_reciprint_center_4x6 .page{float:right; margin:0px 14px 0px 0px; font-size:12px; color:#4b4b4b;} .cnt_reciprint_center_4x6 .copy{margin:0px 0px 0px -6px; font-size:10px; color:#afafaf; float:left;} .cnt_reciprint_center_4x6 .box_reciprint h1{padding:0px 0px 0px 0px; font-size:18px; color:#cc0000; margin-bottom:23px;} .cntr_prnt_main_item_4x6{ height:388px; position:relative; top:-2px; width:700px;} #cntr_main_print_recipes_full{width:730px; margin:auto;} #ttl_box_ingredients_print_full{width:328px; height:9px; background:url(../images/recipes/ttl_ingredients.gif) no-repeat; margin:0 0 5px 0} #ttl_box_directions_print_full{width:328px; height:9px; background: url(../images/recipes/ttl_directions.gif) no-repeat; margin:0 0 7px 0} #ttl_box_nutrional_information_print_full{width:328px; height:9px; background: url(../images/recipes/ttl_nutrional_information.gif) no-repeat; margin:0 0 5px 0} #cntr_main_print_recipes_full #cntr_header_print { margin-left:20px;} #cntr_main_print_recipes_full .box_reciprint{width:710px; margin-top:17px; margin-left:18px;} #box_rating_print_recipes_full{float:right; margin-bottom:2px;} .img_margin {margin:10px 9px 0px 18px; width:234px; float:left;} .back_right {width:750px; float:right; margin-top:10px;} .comments { margin-top:11px; padding-bottom:28px;} .comments h2{ color:#4b4b4b; font-size:12px; float:left} .comments p{ color:#4b4b4b; font-size:11px;} .comments .box_rating { float:right; margin:0px;} .selected {margin-top:8px; height:48px} .selected p{float:left; margin-top:3px;} .selected select {border-color:#cccc99; border-style:solid; border-width:1px; width:158px; float:left; margin-left:6px;} .selected .text_right {float:right; font-size:11px; color:#afafaf;} .poll{ background-color:#003300;background :url(../images/recipes/img_pollrecipesprints.gif) no-repeat; padding:0px 0 0 0px; height:15px; width:18px;float:right;display:block} .back{ margin-left:5px;background :url(../images/recipes/back.gif) no-repeat; padding:5px 0 0 13px; height:15px; float:right;display:block} .back_pagination{ margin-left:5px;background :url(../images/recipes/back.gif) no-repeat; padding:5px 0 0 13px; height:15px; float:left;display:block} .next{ margin-left:5px;background :url(../images/recipes/next.gif) no-repeat; padding:5px 0 0 13px; height:15px; float:left;display:block} .top_of_page{ float:left; background :url(../images/recipes/up.gif) no-repeat; display:block; margin-top:5px;} .top_of_page p{ margin-left:15px; font-size:12px;} .text{margin-left:5px; padding:5px 0 0 0px; height:15px; float:right;display:block} .text_pagination{margin-left:5px; padding:5px 0 0 0px; height:15px; float:left;display:block} .text_selected{margin-left:5px; padding:5px 0 0 0px; height:15px; float:left; display:block; color:#CC0000} .pages {float:right; margin-top:12px; width:115px;} .pagesTop {float:right; margin-top:12px; width:84px;} .margin_pages {float:left; margin-top:5px;} .cnt_column_right {width:724px; float:left; margin-left:29px; margin-top:30px} .ttl_column_right {font-size:14px; color:#be8c00;} .reset_margin{margin:0px;} .img_left{float:left; margin-top:30px;} #cntr_footer_user_review{ width:980px; margin-top:38px;} #cntr_header_right_print{width:auto; margin-left:2px; float:left; margin-top:60px; } .box_reciprint_right{float:right; display:block; height:auto} .box_reciprint_right .print{background-color:#FFFF00f; background :url(../images/recipes/icon_print.gif) no-repeat; margin-left:5px; padding:5px 0 0 23px; height:20px; float:right;display:block; width:28px; margin-top:5px;} .box_reciprint_right .poll{ background-color:#003300;background :url(../images/recipes/img_pollrecipesprints.gif) no-repeat; padding:0px 0 0 0px; height:20px; width:18px;float:right;display:block} .box_reciprint_right .back{ margin-top:5px; margin-left:5px; margin-left:5px;background-color:#000099; background :url(../images/recipes/back.gif) no-repeat; padding:5px 0 0 13px; height:20px; float:right;display:block; width:22px;} #cntr_header_right_print .sep_dotted_line{width:517px;margin-top:-3px} .box_reciprint #tittle .cnt_left { float:left;} .box_reciprint #tittle .cnt_left h1{padding:0px 0px 0px 0px; font-size:24px; color:#cc0000; line-height:24px;} .cnt_reciprint_center .box_reciprint h1{padding:0px 0px 0px 0px; font-size:18px; color:#cc0000; margin-bottom:23px;} .cnt_reciprint_center .box_reciprint #tittle img{float:right;} .cnt_reciprint_center .page{float:right; margin:0px 14px 0px 0px; font-size:12px; color:#4b4b4b;} .cnt_reciprint_center .copy{margin:0px 0px 0px -6px; font-size:10px; color:#afafaf; float:left;} .box_reciprint #box_rating { margin-top:10px; margin-bottom:4px;} .box_reciprint #box_rating_reciprint4x6{ margin-top:0px;} .subttl_rating{background:transparent url(../images/recipes/rating1.gif) no-repeat scroll 0%; float:left; width:48px; height:16px; display:block} .subttl_rating span{display:none} #subttl_ingredients {width:140px; height:14px; display:block; margin-bottom:19px;} #subttl_ingredients span{display:none} #subttl_directions {width:140px; height:14px; display:block; margin-bottom:19px;} #subttl_directions span{display:none} #subttl_nutritional_information{width:199; height:14px; display:block; margin-bottom:10px;margin-top:10px;} #subttl_nutritional_information span{display:none} .cnt_reciprint_left{float:left; width:120px; height:290px;} .cnt_reciprint_left_4x6{float:left; width:120px; height:388px;} .img_scissors_reciprint3x5 { width:27; height:17px; display:block; margin-left:80px; position:relative; top:284px;} .img_scissors_reciprint4x6 {width:27; height:17px; display:block; margin-left:80px; position:relative; top:376px;} .cntr_prnt_main_item{ height:292px; position:relative; top:-2px; width:700px;} .cnt_left #txt_submenu_orange{ margin-top:-5px; font-size:13px;} .box_reciprint p{ font-size:13px; line-height:15px;} .cntr_footer_reciprint {width:700px; margin-left:28px; margin-bottom:20px; margin-top:20px} .cntr_footer_reciprint #cntr_footer_bottom{margin-top:20px;} #ttl_user_reviews {float:left; width:150px; height:20px; background: url(../images/recipes/ttl_user_reviews.gif) no-repeat; margin:10px 0px 0px 0px} #ttl_user_reviews span{display:none} /* ========================================================================// 4.9. PRODUCTS: These styles contain the structure for PRODUCT windows. ========================================================================// */ #menu_left_simple{width:178px} #menu_left_simple ul{line-height:30px;font-size:14px} #menu_left_simple li ul {line-height:20px;margin:-4px 0 5px 0;padding:6px 20px 0 50px;text-align:right;width:118px;font-size:11px} #menu_left_simple ul .txt_simple_active{background:transparent url(../images/recipes/sep_dotted_line.gif) repeat-x bottom; width:100%;color:#663300; height:27px; margin-top:-2px} #menu_left_simple li ul span{background:transparent url(../images/products/spacer.gif) no-repeat scroll right center;padding-right:5px; width:6px; height:8px} #menu_left_simple li ul span.txt_simple_active{background:transparent url(../images/products/simple_left_arrow.jpg) no-repeat scroll right center;padding-right:5px; width:6px; height:8px; position:relative; top:2px} #menu_left_simple li span{background:transparent url(../images/recipes/arrow_off.gif) no-repeat scroll right center;padding-right:7px; width:7px; height:8px; position:relative; top:2px} .cntr_main_products #cntr_header #cntr_header_right #cntr_header_right_top{padding-left:180px} .cntr_main_herbs_spices #cntr_header #cntr_header_right #cntr_header_right_top{padding-left:150px} .cntr_products_breadcrumb{margin-top:29px;height:26px} .cntr_menu_right_resizer #cntr_menu_right{background-position:bottom; height:450px} #cntr_prod_main_stageswf {height:340px;margin:5px 0pt 0pt;position:absolute;width:980px} #cntr_prod_old_spices{width:650px; height:250px} #cntr_prod_image{ width:255px; height:560px;float:left} #cntr_prod_inf{ width:500px; height:auto;float:left; margin-right:15px} #cntr_prod_related{ width:189px; height:auto; float:left; margin-left:20px} #cntr_prod_inf ul li {background:transparent url(../images/recipes/bull_black.gif) no-repeat scroll left top;line-height:13px;padding:0pt 0pt 6px 10px} #cntr_prod_related ul li {background:transparent url(../images/recipes/bull.gif) no-repeat scroll left top;color:#BE8C00;line-height:11px;padding:0pt 0pt 11px 10px} #cntr_prod_related p{ margin-bottom:10px} #cntr_product{margin-bottom:15px;background:transparent url(../images/recipes/dots_veticals.gif) repeat-y scroll center top;display:block;float:left;width:980px;} #cntr_products_landing_head{background:url(../images/products/bg_flash_03.jpg) no-repeat; height:980px; height:344px; margin-top:3px} #cntr_products_landing_menu{height:auto; padding-top:20px;margin:0px;position:relative;z-index:20} #cntr_products_top_common{margin-bottom:10px} #cntr_products_az_pagination{height:80px; padding-top:5px; background-color:#FFFFFF} #cntr_products_az_pagination span{width:495px} #cntr_products_az_pagination .box_pag_right_col p.text_selected {padding:0} #cntr_products_content{width:980px; font-family:"Lucida Sans Unicode","Lucida Sans","Lucida Grande"} #cntr_products_content_right{width:650px; height:450px; float:left; background:url(../images/products/img_product_landing.jpg) no-repeat bottom; overflow:hidden} #cntr_products_content_left ul p{float:left; width:20px; text-align:right; padding-right:5px;} #cntr_products_content .dotted_vertical_line_left{background:url(../images/commons/dotted_vertical_line.jpg) left repeat-y; padding-top:0; margin-top:25px} .cntr_products_content_right_item{width:305px; padding:25px 0 0 20px; float:left} .cntr_products_content_right_item img{float:left; margin-right:8px;} .cntr_products_content_right_item span{float:left} .cntr_products_content_right_item div a{display:block; margin:8px 25px 0 0} .cntr_products_content_right_item div {display:block; float:right; text-align:right} .cntr_products_content_right_item p{float:left; width:230px} .cntr_products_categ_int_content{width:780px;float:right;margin-bottom:10px} .cntr_products_categ_int{width:360px;float:left; margin-bottom:35px} .cntr_products_categ_int p{width:200px} .cntr_products_categ_int img{float:left} .cntr_products_spices_az_content{width:780px; float:left; height:auto;margin:0} .cntr_products_az_internal{margin:0 0 0 65px} .cntr_main_products #cntr_products_landing_menu a.lnk_arrow_leftmenu_recipes{width:200px} .cntr_item_side_int{width:385px;float:left; margin-bottom:35px; overflow:hidden} .cntr_item_side_int div{float:left; margin-left:5px} .cntr_item_side_int p{margin-bottom:5px; width:205px} .cntr_item_side_int .ttl_sub_detail{ height:auto; margin-bottom:-4px; line-height:24px; position: relative; top: -6px} .cntr_item_side_int h6 a {background:transparent url(../images/products/btn_view.gif) no-repeat scroll right top;float:left;height:21px;margin:5px 0 0 0;width:51px} .cntr_item_side_int h6 a:hover {background-position:bottom right} #cntr_prod_spices_az_stage{width:780px; height:204px; float:left; margin:0 0 10px 0} #cntr_products_az{width:490px;float:left; margin:10px 10px 0 0} #cntr_products_az_right_col{float:left;width:195px;height:500px;margin:0 0 0 20px} .cntr_prod_letter{width:120px;height:130px; margin:15px 1px 0 1px; float:left; text-align:center} .cntr_prod_letter p{width:70px; margin: 2px auto} #cntr_season_mix_items{width:770px; margin:20px 0 0 10px} .bg_products_herbs_spices {width:980px; background:url(../images/products/bkgd_herb_spices.jpg) no-repeat top} .bg_product_dotted_two_col_content{background:transparent url(../images/products/bg_product_dotted_two_col_content.jpg) repeat-y scroll center top} .bg_products_spices_az {width:980px; background:url(../images/products/bkgd_spices_az.jpg) no-repeat top} .bg_spices_az_dotted_two_col_content{background:transparent url(../images/products/bg_spices_az_dotted_two_col_content.jpg) repeat-y scroll center top} .bg_products_seasoning_mixes{width:980px; background:url(../images/products/bkgd_seasoning_mixes.jpg) no-repeat top} #ttl_products_main{background:transparent url(../images/products/ttl_main_product.jpg) no-repeat scroll 0%; float:left; width:630px; height:28px; display:block; margin:3px 0 -8px 0} #ttl_products_main span{display:none} #ttl_prod_spices_az{background:transparent url(../images/products/ttl_prod_spices_az.jpg) no-repeat scroll 0%; width:200px; height:18px; margin:0 0 5px 0} #ttl_prod_blends{background:transparent url(../images/products/ttl_prod_blends.jpg) no-repeat scroll 0%; width:200px; height:18px; margin:0 0 5px 0} #ttl_prod_grinders{background:transparent url(../images/products/ttl_prod_grinders.jpg) no-repeat scroll 0%; width:200px; height:18px; margin:0 0 5px 0} #ttl_prod_gourmet_coll{background:transparent url(../images/products/ttl_prod_gourmet_coll.jpg) no-repeat scroll 0%; width:200px; height:18px; margin:0 0 5px 0} #ttl_prod_other{background:transparent url(../images/products/ttl_prod_other_items.jpg) no-repeat scroll 0%; width:200px; height:18px; margin:0 0 5px 0} #ttl_s_mix_bag_season{background:transparent url(../images/products/ttl_seasoning_mix_03.jpg) no-repeat scroll 0%; width:200px; height:18px; margin:0 0 5px 0} #ttl_s_mix_gravy_sauces{background:transparent url(../images/products/ttl_seasoning_mix_05.jpg) no-repeat scroll 0%; width:200px; height:18px; margin:0 0 5px 0} #ttl_s_mix_beef{background:transparent url(../images/products/ttl_seasoning_mix_09.jpg) no-repeat scroll 0%; width:200px; height:18px; margin:0 0 5px 0} #ttl_s_mix_mexican{background:transparent url(../images/products/ttl_seasoning_mix_12.jpg) no-repeat scroll 0%; width:200px; height:18px; margin:0 0 5px 0} #ttl_s_mix_chicken{background:transparent url(../images/products/ttl_seasoning_mix_17.jpg) no-repeat scroll 0%; width:200px; height:18px; margin:0 0 5px 0} #ttl_s_mix_pasta{background:transparent url(../images/products/ttl_seasoning_mix_19.jpg) no-repeat scroll 0%; width:200px; height:18px; margin:0 0 5px 0} #ttl_s_mix_chilli{background:transparent url(../images/products/ttl_seasoning_mix_25.jpg) no-repeat scroll 0%; width:200px; height:18px; margin:0 0 5px 0} #ttl_s_mix_slow_cookers{background:transparent url(../images/products/ttl_seasoning_mix_23.jpg) no-repeat scroll 0%; width:200px; height:18px; margin:0 0 5px 0} #ttl_s_mix_dips{background:transparent url(../images/products/ttl_seasoning_mix_32.jpg) no-repeat scroll 0%; width:200px; height:18px; margin:0 0 5px 0} #ttl_s_mix_steamers_slides{background:transparent url(../images/products/ttl_seasoning_mix_29.jpg) no-repeat scroll 0%; width:200px; height:18px; margin:0 0 5px 0} #ttl_products_top_viewed{background:transparent url(../images/products/ttl_products_top_viewed.jpg) no-repeat scroll 0%; width:206px; height:17px; margin:30px 0 5px 20px} #ttl_seasoning_mixes{float:left; width:197px; height:17px; background: url(../images/products/ttl_seasoning_mixes.jpg) no-repeat; margin:10px 0 22px 0; width:228px} #ttl_product_detail{font-size:24px; color:#CC0000; margin-top:8px} #ttl_product_usage{background:transparent url(../images/products/ttl_product_usage.jpg) no-repeat scroll 0%; width:46px; height:9px; display:block; margin:25px 0 10px 0} #ttl_product_flavorful_tip{background:transparent url(../images/products/ttl_product_flavorful_tip.jpg) no-repeat scroll 0%; width:113px; height:9px; display:block; margin:25px 0 10px 0} #ttl_product_ingredients{background:transparent url(../images/products/ttl_product_ingredients.jpg) no-repeat scroll 0%; width:90px; height:9px; display:block; margin:20px 0 10px 0} #ttl_product_available_size{background:transparent url(../images/products/ttl_product_available_size.jpg) no-repeat scroll 0%; width:108px; height:9px; display:block; margin:25px 0 10px 0} #ttl_product_nutritional_information{background:transparent url(../images/products/ttl_product_nutritional_information.jpg) no-repeat scroll 0%; width:189px; height:9px; display:block; margin:25px 0 10px 0} #ttl_you_may_also_enjoy{background:transparent url(../images/products/ttl_you_may_also_enjoy.jpg) no-repeat scroll 0%; width:159px; height:9px; display:block; margin-bottom:10px} #ttl_herbs_spices {float:left; width:197px; height:17px; background: url(../images/products/ttl_herbs_spices.jpg) no-repeat; margin:10px 0 22px 0} #ttl_spices_az {float:left; width:197px; height:17px; background: url(../images/products/ttl_spices_az.jpg) no-repeat; margin:10px 0 22px 0} .ttl_sub_detail{font-size:22px; color:#FF6600; margin:0; letter-spacing:1px; line-height:25px} .ttl_for_placement_only{background:transparent url(../images/products/ttl_for_placement_only.jpg) no-repeat scroll 0%; width:305px; height:20px; display:block; margin:7px 0 9px 0} .ttl_sub_detail_minor{ font-size:12px; font-family:Verdana, Arial; letter-spacing:1px; color:#FF6600} .ttl_product_hidden{display:none} .lnk_view_more_time_sav a {background:transparent url(../images/products/lnk_view_more_time_saving_rec.jpg) no-repeat scroll right top;width:208px;height:19px} .lnk_view_more_time_sav a:hover {background-position:bottom right} .lnk_get_more_thanks_giving_id a{background:transparent url(../images/products/lnk_get_more_thanks_giving_id.jpg) no-repeat scroll right top;width:242px;height:19px} .lnk_get_more_thanks_giving_id a:hover{background-position:bottom right} .lnk_ttl_my_mcc{width:270px; margin:25px 0 25px 20px} .lnk_ttl_my_mcc a{background:transparent url(../images/commons/btn_my_mccormick_arrows.jpg) no-repeat scroll right top;width:146px;height:17px; display:block; margin:21px 3px} .lnk_check_your_spices_now a{background:transparent url(../images/products/lnk_check_your_spices_now.jpg) no-repeat scroll right top;width:160px;height:19px; display:block; float:none; margin:170px 0 0 430px} .lnk_check_your_spices_now a:hover{background-position:bottom right} .lnk_arrow_right h6 a {background:transparent url(../images/recipes/arrow.gif) no-repeat scroll right top;width:7px;height:8px;margin-top:3px;float:left; position:relative; top:1px} .lnk_arrow_left h6 a {background:transparent url(../images/recipes/arrow_mirror.gif) no-repeat scroll right top;width:7px;height:8px;margin-top:3px;float:left; position:relative; top:1px} .lnk_arrow_right h6 a:hover {background-position:bottom right} .lnk_arrow_left h6 a:hover {background-position:bottom right} .box_prod_inside_text{float:left;width:200px} .box_prod_inside_text p{margin-top:5px;float:left} .box_prod_inside_text h6 a {background:transparent url(../images/products/btn_view.gif) no-repeat scroll right top;float:left;height:21px;margin:5px 0 0 0;width:51px} .box_prod_inside_text h6 a:hover {background-position:bottom right} .box_prod_right_content{margin:10px 0} .box_prod_right_content img{margin:5px 0} .box_prod_right_content p{margin:4px 0 5px 0} .box_prod_right_content .sep_dotted_line{margin:10px 0} .box_pag_right_col{ margin-top:5px; float:right} .box_pag_left_col{ float:left} .box_pag_right_col p {float:left;margin:0 4px; height:50px} /* ========================================================================// 4.10. COOKING TOOLS & TIPS: These styles contain the structure for COOKING TOOLS & TIPS windows. ========================================================================// */ /* styles for left menu */ #cntr_left_col #cntr_cooking_left_menu{margin-top:8px} #cntr_left_col #cntr_cooking_left_menu ul li{background:none;padding:0px;margin-bottom:16px;} #cntr_left_col #cntr_cooking_left_menu ul li a{font-size:13px} #cntr_left_col #cntr_cooking_left_menu ul li a:hover{color:#BE8C00} #cntr_left_col #cntr_cooking_left_menu ul li a.currentPage{color:#663300} /* right container */ #cntr_cooking_content{width:730px;float:left;margin-top:8px} /* styles for SCR_051 Cooking Tools & tips landing page*/ #ttl_cooking_tools_tips{background:transparent url(../images/cookingToolsTips/ttl_cooking_tools_tips_03.gif) no-repeat scroll 0%;height:26px; display:block; margin:10px 0 3px 0} .bg_cooking_tools_n_tips{float: right;position:relative;top:-52px;_top:-51px} .landing_page{background:transparent url(../images/cookingToolsTips/CookingToolsAndTipsLandingBg_03.jpg) no-repeat scroll 0 0;width: 283px; height: 383px;} .z_index_highest_lvl{position: relative; z-index: 10000;} .cntr_cooking_tips_left{float: left;width:437px} .cntr_cooking_tips_left p{font-size:14px} .cntr_cooking_tips_left p#firstParagraph{margin-bottom:20px;line-height:17px} #cntr_cooking_tips_left_bottom{background:transparent url(../images/cookingToolsTips/CookingToolsAndTipsLandingBg_01.jpg) 0 30% no-repeat;padding-left:125px} .cntr_cooking_tips_left #cntr_cooking_tips_left_bottom .cntr_cooking_tips_left_bottom_item{width:312px} .cntr_cooking_tips_left #cntr_cooking_tips_left_bottom h3{font-weight:normal} .cntr_cooking_tips_left #cntr_cooking_tips_left_bottom p{font-size:11px;margin:0px} .cntr_cooking_tips_left #cntr_cooking_tips_left_bottom .btn_go_now{background:url(../images/cookingToolsTips/lnk_go_now.gif) no-repeat;width:66px;height:19px;margin:5px 0px 30px;display:block} .cntr_cooking_tips_left #cntr_cooking_tips_left_bottom .btn_go_now:hover{background-position:0px -19px} .cntr_cooking_tips_left #cntr_cooking_tips_left_bottom .btn_go_now span{display:none} /* styles for SCR_052 Commons Measurements / Measurement Guide */ #ttl_measurement_guide{background:transparent url(../images/cookingToolsTips/ttl_measurements_guide.gif) no-repeat scroll 0%;height:26px;display:block; margin:10px 0 3px 0} .measurement_guide{background:transparent url(../images/cookingToolsTips/CommonMeasurementsBackground.jpg) no-repeat scroll 0 0;width: 283px; height: 383px;top:-84px;_top:-83px} #ttl_measurement_guide{background:transparent url(../images/cookingToolsTips/ttl_measurements_guide.gif) no-repeat scroll 0%;height:26px;display:block; margin:10px 0 3px 0} #ttl_common_measurements{background:transparent url(../images/cookingToolsTips/ttl_common_measurements.gif) no-repeat scroll 0%} #ttl_equivalent_measurements{background:transparent url(../images/cookingToolsTips/ttl_equivalent_measurements.gif) no-repeat scroll 0%} #ttl_tablespoon_measurements{background:transparent url(../images/cookingToolsTips/ttl_tablespoon_measurements.gif) no-repeat scroll 0%} #ttl_metric_conversions{background:transparent url(../images/cookingToolsTips/ttl_metric_convensions.gif) no-repeat scroll 0%} #ttl_volume_measurements{background:transparent url(../images/cookingToolsTips/ttl_volume_measurements.gif) no-repeat scroll 0%} #ttl_weight_measurements{background:transparent url(../images/cookingToolsTips/ttl_weight_measurements.gif) no-repeat scroll 0%} #ttl_abbreviations{background:transparent url(../images/cookingToolsTips/ttl_abbreviations.gif) no-repeat scroll 0%} .cntr_cooking_tips_left .subHeader{width:420px;height:15px;margin-bottom:9px} .cntr_cooking_tips_left .subSubHeader {width:420px;height:9px;margin:0 0 18px} .cntr_cooking_tips_left p.normal{font-size:11px;margin:0px 0px 18px} .cntr_cooking_tips_left .sep_dotted_line{/*width:530px;display:block*/float:none;margin:9px 0 18px} .measurement_list{padding:0 0 9px 20px} .measurement_list ul{width:420px} .measurement_list ul li{width:210px;float:left;margin-bottom:10px;line-height:12px} /*styles for SCR_028_Substitutions.psd */ #ttl_cooking_tools_tips_flavor_subs{background:transparent url(../images/cookingToolsTips/ttl_cooking_tools_tips_flavor_subs.gif) no-repeat scroll 0%;height:26px; display:block; margin:10px 0 3px 0; width: 300px;} .flavor_subs{background:transparent url(../images/cookingToolsTips/flavorSubstitutionsBg_03.jpg) no-repeat scroll 699px 43px;height:1%} .cntr_flavor_subs_named_anchors{font-size: 14px;line-height: 14px;margin-top: 57px;margin-bottom: 31px;} .cntr_flavor_subs_named_anchors a{padding: 0 10px; border-right: solid 1px #d8ccbf;} .cntr_flavor_subs_named_anchors .first_link{padding: 0 10px 0 0;} .cntr_flavor_subs_named_anchors .last_link{padding: 0 0 0 10px; border: none;} .ttl_flavor_subs_spices{background:transparent url(../images/cookingToolsTips/ttl_spices_sub_03.gif) no-repeat scroll 0 0;height:17px; width:63px;} .ttl_if_your_recipe_calls_for{background: transparent url(../images/cookingToolsTips/ifYourRecipeCallsFor_06.gif) no-repeat scroll 0 0;font-size: 12px; line-height: 12px; width: 185px; height: 9px;} .spec_table_two_cols{margin-top: 16px;margin-bottom: 42px;} .ttl_you_can_use{background: transparent url(../images/cookingToolsTips/youCanUse_08.gif) no-repeat scroll 0 0;font-size: 12px; line-height: 12px; width: 92px; height: 9px;} .spec_table_two_cols .col1{width: 277px;font-size: 11px; line-height: 14px;vertical-align: top;border-bottom: solid 1px #ebe5df} .spec_table_two_cols .col2{width: 383px;padding-left: 35px;font-size: 11px; line-height: 14px; vertical-align: top;border-bottom: solid 1px #ebe5df} .spec_table_two_cols td.col1{padding: 9px 0 6px;} .spec_table_two_cols td.col2{padding: 9px 0 6px 35px;} .spec_table_two_cols th.col1{padding: 0 0 9px;text-align:left} .spec_table_two_cols th.col2{padding: 0 0 9px 35px;text-align:left} .spec_table_two_cols .dotted_two_col_bottom{padding: 0;background:transparent url(../images/recipes/sep_dotted_line.gif) no-repeat scroll 0 0;height:1px;} .spec_table_two_cols .col2 .back_to_top_down_arrow{padding-left: 10px;background: url(../images/cookingToolsTips/back_top_up_arrow_13.gif) no-repeat scroll 0 4px} .spec_table_two_cols .cntr_back_to_top{text-align: right} .spec_table_two_cols .no_bottom_border{border-bottom: none;} .ttl_flavor_subs_herbs{background:transparent url(../images/cookingToolsTips/ttl_flavor_subs_herbs_16.gif) no-repeat scroll 0 0;height:17px} .ttl_flavor_subs_garlic{background:transparent url(../images/cookingToolsTips/ttl_flavor_subs_garlic_19.gif) no-repeat scroll 0 0;height:17px} .ttl_flavor_subs_extracts{background:transparent url(../images/cookingToolsTips/ttl_flavor_subs_extracts_22.gif) no-repeat scroll 0 0;height:17px} .ttl_flavor_subs_baking{background:transparent url(../images/cookingToolsTips/ttl_flavor_subs_baking_25.gif) no-repeat scroll 0 0;height:19px} /*styles for 054 food equivalents */ #ttl_food_equivalencies{background:transparent url(../images/cookingToolsTips/ttl_food_equivalencies_03.gif) no-repeat scroll 0%;height:26px; display:block; margin:10px 0 3px 0} .cntr_food_equivalencies_content{padding-bottom: 57px;margin-top: 45px;} .food_equivalencies{background:transparent url(../images/cookingToolsTips/foodEquivalenciesBg_03.jpg) no-repeat scroll 731px 33px;height:1%;} .ttl_ingredient{background:transparent url(../images/cookingToolsTips/ttl_ingredient_03.gif) no-repeat scroll 0 0;height: 9px;} .ttl_unit_weight{background:transparent url(../images/cookingToolsTips/ttl_size_weight_05.gif) no-repeat scroll 0 0;height: 9px;} .ttl_equivalent{background:transparent url(../images/cookingToolsTips/ttl_equivalent_07.gif) no-repeat scroll 0 0;height: 9px;} .spec_table_three_cols .col1{width: 190px;font-size: 11px; line-height: 14px;vertical-align: top;border-bottom: solid 1px #ebe5df} .spec_table_three_cols .col2{width: 210px;font-size: 11px; line-height: 14px;vertical-align: top;border-bottom: solid 1px #ebe5df} .spec_table_three_cols .col3{width: 331px;font-size: 11px; line-height: 14px;vertical-align: top;border-bottom: solid 1px #ebe5df} .spec_table_three_cols th.col1, .spec_table_three_cols th.col2, .spec_table_three_cols th.col3{padding: 0 0 9px;text-align:left} .spec_table_three_cols td{padding: 9px 0 6px;} .spec_table_three_cols .no_bottom_border{border-bottom: none;} .spec_table_three_cols td dd{padding-left: 20px;} /* styles for SCR_053 Cooking Terms / Cook's Glossary */ #cntr_cooking_glossary_content{width:730px;float:left;margin-top:8px;} .glosary_anchors{font-size: 14px;line-height: 14px;margin-bottom:65px;_margin-bottom:15px;#margin-bottom:-1px} .glosary_anchors ul li{float:left;padding: 0 8px; border-right: solid 1px #d8ccbf;text-align:center} .glosary_anchors ul li a{width:13px;display:block} .glosary_anchors ul li a span{display:none} .glosary_anchors .lnk_a{background: url(../images/cookingToolsTips/images/lnk_a.gif) no-repeat scroll 0px 50%;height:9px} .glosary_anchors .lnk_b{background: url(../images/cookingToolsTips/images/lnk_b.gif) no-repeat scroll 0px 50%;height:9px} .glosary_anchors .lnk_c{background: url(../images/cookingToolsTips/images/lnk_c.gif) no-repeat scroll 0px 50%;height:9px} .glosary_anchors .lnk_d{background: url(../images/cookingToolsTips/images/lnk_d.gif) no-repeat scroll 0px 50%;height:9px} .glosary_anchors .lnk_f{background: url(../images/cookingToolsTips/images/lnk_f.gif) no-repeat scroll 0px 50%;height:9px} .glosary_anchors .lnk_g{background: url(../images/cookingToolsTips/images/lnk_g.gif) no-repeat scroll 0px 50%;height:9px} .glosary_anchors .lnk_j{background: url(../images/cookingToolsTips/images/lnk_j.gif) no-repeat scroll 0px 50%;height:9px} .glosary_anchors .lnk_k{background: url(../images/cookingToolsTips/images/lnk_k.gif) no-repeat scroll 0px 50%;height:9px} .glosary_anchors .lnk_l{background: url(../images/cookingToolsTips/images/lnk_l.gif) no-repeat scroll 0px 50%;height:9px} .glosary_anchors .lnk_m{background: url(../images/cookingToolsTips/images/lnk_m.gif) no-repeat scroll 0px 50%;height:9px} .glosary_anchors .lnk_p{background: url(../images/cookingToolsTips/images/lnk_p.gif) no-repeat scroll 0px 50%;height:9px} .glosary_anchors .lnk_r{background: url(../images/cookingToolsTips/images/lnk_r.gif) no-repeat scroll 0px 50%;height:9px} .glosary_anchors .lnk_s{background: url(../images/cookingToolsTips/images/lnk_s.gif) no-repeat scroll 0px 50%;height:9px} .glosary_anchors .lnk_t{background: url(../images/cookingToolsTips/images/lnk_t.gif) no-repeat scroll 0px 50%;height:9px} .glosary_anchors .lnk_w{background: url(../images/cookingToolsTips/images/lnk_w.gif) no-repeat scroll 0px 50%;height:9px} .glosary_anchors ul li a:hover{background-position:-13px 50%} .glosary_anchors .first_link{padding: 0 8px 0 0;} .glosary_anchors .last_link{padding: 0 0 0 8px; border: none} .glossary_background{background:transparent url(../images/cookingToolsTips/cookingTermsBgWithLines.jpg) no-repeat scroll 0 0;width: 197px; height: 313px;top:-60px;_top:-59px} #cntr_glossary{width:532px;float:left} #cntr_glossary_wide{width:730px;float:left} .cntr_glossary_row, .cntr_glossary_row_wide{width:532px;background:transparent url(../images/recipes/sep_dotted_line.gif) repeat-x 0 1px scroll;float:left;padding:10px 0 19px} .cntr_glossary_row_wide{width:730px} .cntr_glossary_left{width:100px;float:left;margin-top:2px} .cntr_glossary_center{width:432px;float:left} .cntr_glossary_center h4.subheader{font-size:13px;font-style:italic} .cntr_glossary_center p.normal{margin-bottom:15px} .cntr_glossary_right{width:198px;float:left;text-align:right} .cntr_glossary_right .back_to_top_down_arrow{padding-left: 10px;background: url(../images/cookingToolsTips/back_top_up_arrow_13.gif) no-repeat scroll 0 4px} /* ========================================================================// 5. MY McCORMICK: These styles contain the structure for My McCormick windows. ========================================================================// */ /* styles for Error handling*/ .cntr_error{background:transparent url(../images/recipes/img_warning_icon.gif) no-repeat top left; width:100%; height:auto; color:#CC0000; margin-bottom:20px; display:none} .cntr_error label{padding-left:25px; line-height:18px; font-size:11px} input.error, textarea.error, select.error{ background-color:#FFFFB4} /* styles for SCR_029 my mcCormick Landing Autenticated*/ .space_20px { margin-top:20px;} #btn_sign_in { width:88px; height:24px; background:url(../images/my_mccormick/btn_sign_in.jpg) top left no-repeat;display:block; float:right; margin-top:-25px;} #btn_sign_in:hover {background:url(../images/my_mccormick/btn_sign_in_over.jpg) bottom left no-repeat; display:block} #cntr_recipes_top_common.margin {height:306px; margin-top:-22px; margin-bottom:12px;} #cntr_season_mix_items.margin {margin:-335px 0px 0px 0px; float:left;} .my_mcCormick_landing { margin-top:-192px} .my_mcCormick_landing input{ border:1px solid #CACE9B;height:20px; font-family:Arial, Helvetica, sans-serif; font-size:13px; width:98%;} .my_mcCormick_landing .box_check_inline { margin-top:25px;} .my_mcCormick_landing .box_check_inline label {display:block; height:14px;margin-left:20px;} .my_mcCormick_landing .box_check_inline input {float:left;height:12px;margin:0px;width:12px;} .my_mcCormck_landing_img_header {width:978px; height:309px;background:url(../images/my_mccormick/img_my-mcCormick-landing_.jpg) no-repeat top; margin-top:20px;} .margin_my_mcCormick_landing { width:725px; margin-left:2px;} .box_my_mcc_landing .cntr_right_col #left_col{width:370px;float:left;margin-right:10px} .box_my_mcc_landing .cntr_right_col #right_col{width:345px;float:left;padding-left:10px;background:transparent url(../images/recipes/bg_menu_right_home_recipes.gif) no-repeat scroll 0%} .box_my_mcc_landing .cntr_right_col .cntr_item_side_int{width:380px} .box_my_mcc_landing .cntr_right_col .cntr_item_side_int div{margin-left:10px} .box_my_mcc_landing .cntr_right_col #right_col .cntr_item_side_int{width:330px} .box_my_mcc_landing .cntr_right_col #right_col .cntr_item_side_int p{width:155px} .box_my_mcc_landing #cntr_left_col{width:220px; margin-right:30px; float:left;} .box_my_mcc_landing .cntr_right_col{ width:740px; margin-top:210px; float:right; margin-top:-350px; margin-left:243px; margin-bottom:106px;} .box_my_mcc_landing .cntr_right_col ul{list-style:decimal ; padding: 0 0 0 12px; margin: 0 0 0 10px;} .lnk_create_list{background:transparent url(../images/my_mccormick/lnk_create_list.gif) no-repeat scroll right top;float:left;height:18px;margin:10px 0 0 0;width:98px} .lnk_create_list:hover {background-position:bottom right} .lnk_add_recipes_favorites{background:transparent url(../images/my_mccormick/lnk_add_recipes_favorites.gif) no-repeat scroll right top;float:left;height:21px;margin:10px 0 0 0;width:200px} .lnk_add_recipes_favorites:hover {background-position:bottom right} #ttl_my_mcCormick{background:transparent url(../images/my_mccormick/ttl_my_mcCormick.jpg) no-repeat scroll 0%; width:256px; height:23px; display:block; margin:10px 0 3px 0;} #subttl_my_favorite_recipes{background:transparent url(../images/my_mccormick/subttl_my_favorite_recipes.jpg) no-repeat scroll 0%; width:256px; height:23px; display:block; margin:10px 0 3px 6px;} #subttl_make_shopping_easier{background:transparent url(../images/my_mccormick/subttl_make_shopping_easier.jpg) no-repeat scroll 0%; width:256px; height:23px; display:block; margin:10px 0 3px 6px;} #subttl_my_favorite_recipes{background:transparent url(../images/my_mccormick/subttl_my_favorite_recipes.jpg) no-repeat scroll 0%; width:256px; height:23px; display:block; margin:10px 0 3px 6px;} #subttl_cook_together{background:transparent url(../images/my_mccormick/subttl_cook_together.jpg) no-repeat scroll 0%; width:256px; height:23px; display:block; margin:10px 0 3px 6px;} #subttl_exclusive_recipes{background:transparent url(../images/my_mccormick/subttl_exclusive_recipes.jpg) no-repeat scroll 0%; width:256px; height:23px; display:block; margin:10px 0 3px 6px;} .subttl_sign_up_for_the_friends{background:transparent url(../images/my_mccormick/subttl_sign_up_for_the_friends.png) no-repeat scroll 0%; width:128px; height:44px; display:block; margin-bottom:10px;} .font_size_13px { font-size:13px;} /* styles for SCR_030_my mcCormick UnAuthentificated*/ #img_taste_month_cinnamon_pancakes .box_taste_of_month_text .box_top_text{font-size:14px;margin:8px 0} .cntr_item_side_int img {margin-top:7px} .lnk_add_favorites{background:transparent url(../images/my_mccormick/lnk_go_to_my_fav.gif) no-repeat scroll right top;float:left;height:18px;margin:10px 0 0 0;width:146px} .lnk_add_favorites:hover {background-position:bottom right} .lnk_view_shopping_list{background:transparent url(../images/my_mccormick/lnk_view_shopping_list.gif) no-repeat scroll right top;float:left;height:18px;margin:10px 0 0 0;width:146px} .lnk_view_shopping_list:hover {background-position:bottom right} .lnk_share_ideas_flavor_forum{background:transparent url(../images/my_mccormick/lnk_share_ideas_flavor_forum.gif) no-repeat scroll right top;float:left;height:39px;margin:10px 0 0 0;width:135px} .lnk_share_ideas_flavor_forum:hover {background-position:bottom right} #img_taste_month_cinnamon_pancakes{background:transparent url(../images/my_mccormick/img_taste_month_cinnamon_pancakes.jpg) no-repeat scroll 0%; width:220px; height:326px; display:block; margin-top:35px} .my_mcCormck_landing_img_header_authentificated{width:980px; height:309px;background:url(../images/my_mccormick/img_my_mcCormick_landing_Authentificated_.jpg) no-repeat top; margin-top:20px;} .box_my_mcc_landing_autheticated .cntr_right_col{ width:740px; margin-top:210px; float:right; margin-top:-300px; margin-left:243px; margin-bottom:106px;} .box_my_mcc_landing_autheticated .cntr_right_col .cntr_item_side_int{ width:370px;} .box_my_mcc_landing_autheticated .cntr_right_col ul{list-style:decimal ; padding: 0 0 0 12px; margin: 0 0 0 10px;} .box_my_mcc_landing_autheticated #cntr_left_col{width:220px; margin-right:30px; float:left;} .float_none {float:none;} .link_space{font-size:13px; line-height:25px;} .font_size_a {font-size:13px;} /* styles for SCR_031 Registration expanded SCR_031 Registration */ #cntr_left_col{width:310px; margin-right:30px; float:left;overflow:hidden} #cntr_left_col ul li {background:transparent url(../images/recipes/bull_black.gif) no-repeat scroll left top;line-height:13px;padding:0pt 0pt 6px 10px} #cntr_left_col img{margin-top:5px} #cntr_right_col .cntr_error p{margin:0} #cntr_right_col{width:640px; float:left} #cntr_right_col .ttl_sub_detail{font-size:20px;margin:5px 0} #cntr_right_col p{margin:10px 0 5px 0} #cntr_right_col label{margin:20px 0 5px 0; display:block} #cntr_right_col label input {width:12px;height:12px;} #cntr_right_col .box_check_inline {height:14px; margin-top:20px} #cntr_right_col .box_check_inline label{height:14px;margin:0 0 0 20px} #cntr_right_col .box_check_inline input{width:12px;height:12px; border:none;margin:0; float:left} #cntr_right_col .txt_small_gray{margin: 5px 0} #cntr_right_col .cntr_mcc_panel_opt .ttl_sub_detail{font-size:14px} #cntr_right_col select{width:120px;height:20px;border:solid 1px #CDCD9B;color:#4B4B4B; font-family:"Lucida Sans Unicode","Lucida Sans","Lucida Grande"} #cntr_button_register{margin:15px 0 60px 0; float:right} #cntr_consumer_panel{display:none;margin-top:30px} #cntr_consumer_panel div.sub_title{width:594px;float:left;margin-top:20px} #cntr_consumer_panel div#cntr_recipe_toolkit_close{margin-top:20px} #cntr_consumer_panel input#zip_code{width:120px} #cntr_consumer_panel div.two_fields select{width:120px;height:22px;padding:2px} #cntr_consumer_panel div.two_fields div.left_field{width:190px;float:left} #cntr_consumer_panel div.two_fields div.short_field{width:140px;float:left} #cntr_consumer_panel div.two_fields div.left_field input{width:170px} #cntr_consumer_panel div.two_fields div.right_field{width:190px;float:left} .cntr_my_mcc_close{margin-top:15px} .cntr_my_mcc_close p{width:570px;float:left} .cntr_my_mcc_close #cntr_recipe_toolkit_close{position:relative; top:8px} .cntr_mcc_panel_opt{margin-top:30px} #ttl_register_my_mcc{background:transparent url(../images/my_mccormick/ttl_register_my_mcc.jpg) no-repeat scroll 0%; width:380px; height:17px; display:block; margin:10px 0 3px 0} #btn_register { width:88px; height:24px; background:url(../images/my_mccormick/btn_register.jpg) top left;display:block} a#btn_register:link {background:url(../images/my_mccormick/btn_register.jpg) top left; display:block} a#btn_register:hover {background:url(../images/my_mccormick/btn_register_over.jpg) bottom left; display:block} #btn_register span {display:none} .sep_5_pt_spacer{height:5px;margin:0} .txt_small_gray{font-size:9px;color:#AAAAAA} .box_my_mcc_reg_exp #cntr_right_col input{width:260px;height:20px;border:solid 1px #CDCD9B} .box_my_mcc_reg_exp #cntr_right_col .box_check_inline input{width:12px;height:12px; border:none;margin:0; float:left} .box_inline_fields{float:left;margin-right:20px} /* styles for SCR_033 My Favorite Recipes */ #cntr_taste_of_month{background:transparent url(../images/my_mccormick/img_taste_month_cinnamon.jpg) no-repeat scroll 0%; width:220px; height:326px; display:block; margin-top:35px} #cntr_taste_of_month .box_taste_of_month_text .box_top_text{font-size:14px;margin:8px 0} #cntr_my_mcc_left_menu{margin-top:20px} #cntr_my_mcc_left_menu p{font-size:13px;margin:15px 0} #cntr_my_mcc_left_menu .selected_opc{color:#663300} #cntr_right_col .cntr_line_pagination .box_pag_right_col p{margin:0 5px;height:15px;float:left} #cntr_right_col .cntr_line_pagination{padding:0; margin-top:15px} #cntr_right_col .box_inline_fav_recipe label{float:left; position:relative; top:3px; margin:0 5px 0 0} #cntr_right_col .box_inline_fav_recipe select{float:left; margin:0; height:18px} #cntr_right_col .box_inline_fav_recipe p{float:right; margin:0; color:#AAAAAA} #cntr_right_col .cntr_fav_recipe_item .box_check_inline{color:#BE8C00; font-size:13px; margin:10px 0 0 0; float:left} #cntr_right_col .box_fav_recipe_body p{float:none;width:650px; font-size:11px; margin:2px 0; line-height:12px} #cntr_right_col .box_fav_recipe_body .box_top_text{margin-bottom:10px} #cntr_right_col .lnk_left_icon{float:right;margin-left:20px; height:20px;} .cntr_fav_recipe_buttons span{width:410px; float:left} .cntr_fav_recipe_item{margin-bottom:8px; height:auto} .cntr_fav_recipe_item p{margin-top:10px; float:left; font-size:13px} .cntr_fav_recipe_item .cntr_rating{margin-top:10px; float:right} .cntr_line_pagination{height:80px; padding-top:5px; background-color:#FFFFFF} .cntr_line_pagination span{width:495px} #ttl_taste_of_month{background:transparent url(../images/my_mccormick/ttl_taste_of_month.gif) no-repeat scroll 0%; width:153px; height:10px; display:block; margin:0} #ttl_browse_recipes{background:transparent url(../images/my_mccormick/ttl_browse_recipe.jpg) no-repeat scroll 0%; width:140px; height:16px; display:block; margin-top:5px;} #ttl_my_favorite_recipes{background:transparent url(../images/my_mccormick/ttl_my_favorite_recipe.jpg) no-repeat scroll 0%; width:275px; height:18px; display:block; margin:10px 0 3px 0} .ttl_subtitle_red{font-size:21px; color:#CC0000; margin-bottom:10px} .ttl_rating{float:left; margin:2px 5px 0 0; display:inline} .box_taste_of_month_text{padding:110px 15px 0 15px} .box_my_mcc_fav_recipe #cntr_left_col{width:220px; margin-right:30px; float:left} .box_my_mcc_fav_recipe #cntr_right_col{width:730px; float:left} .box_my_mcc_fav_recipe #cntr_left_col .ttl_sub_detail{font-size:14px; margin:5px 0 10px 0;} .box_my_mcc_fav_recipe #cntr_right_col .box_top_text{font-size:13px; line-height:16px} .box_inline_fav_recipe{font-size:10px;margin: 5px 0 0 0;height:25px} .box_fav_recipe_body {width:730px; margin:5px 0 5px 0} .box_fav_recipe_body img{margin:5px 15px 0 0} .box_fav_recipe_body div{float:left} .lnk_left_icon img{margin:0 5px;float:left} .lnk_left_icon p{float:left; position:relative;top:-8px} /* styles for SCR_040 View Newsletter */ #ttl_my_mc_newsletter{background:transparent url(../images/my_mccormick/ttl_my_mc_newsletter.gif) no-repeat scroll 0%;height:18px; display:block; margin:10px 0 3px 0} #ttl_splish_splash{background:transparent url(../images/my_mccormick/ttl_splish_splash.gif) no-repeat scroll 0%;height:24px; display:block; margin: 0 0 9px 0; text-align: right} #ttl_splish_splash strong{position: relative; top: 15px;} #ttl_try_these_easy{margin: 31px 0 9px 0; background:transparent url(../images/my_mccormick/ttl_try_these_other_recipes_03.gif) no-repeat scroll 0%;height:7px; display:block;} .box_newsletter_cntr_banner img{margin: 31px 0 45px 65px} .box_splish_splash_cntnt{margin-top: 14px;} .box_ss_main_story{padding: 0 0 74px;} .box_ss_main_story .box_ss_left{float:left;width: 225px; padding-right: 24px; overflow: hidden} .box_ss_main_story .box_ss_right{float:left;width: 481px; overflow: hidden} .box_ss_right h3{color: #FF6600;} .box_ss_right .box_list_right_plus_img{margin: 9px 0 21px;} .box_ss_right .box_list_right_plus_img img{float:left; width: 151px} .box_ss_right .box_list_right_plus_img ul{float: left; width: 330px;} .box_ss_right .box_list_right_plus_img ul li{padding:0pt 0pt 6px 10px;background:transparent url(../images/recipes/bull.gif) no-repeat scroll 0 0;} .box_ss_right .box_image_left_copy_right{margin-top: 12px} .box_ss_right .box_image_left_copy_right img{float: left; width: 157px;padding-right: 27px;} .box_ss_right .box_image_left_copy_right p{float: left; width: 297px; margin: 0 0 30px !important} .box_image_signature{display: block; margin-top: 24px} /* styles for SCR_034 My Shopping Lists */ #ttl_my_shopping_lists{background:transparent url(../images/my_mccormick/ttl_my_shopping_lists.jpg) no-repeat scroll 0%; width:275px; height:18px; display:block; margin:10px 0 3px 0; float:left} #ttl_save_time_shop_smarter{background:transparent url(../images/my_mccormick/ttl_save_time_shop_smarter.jpg) no-repeat scroll 0%; width:224px; height:17px; display:block; margin-top:5px;} .box_fav_recipe_body .content{margin-left:20px;} /* styles for SCR_036 Shopping List Detail */ #cntr_recipes_top_common .cntr_icon_link{position:relative;top:10px; margin-left:20px;} #cntr_recipes_top_common .cntr_icon_link .lnk_left_icon p{position:relative;top:2px} #cntr_right_col .cntr_notes p i{margin:18px 18px 8px 18px;display:block} .cntr_icon_link{float:right; margin:5px 0} .cntr_shop_list_detail .cntr_fav_recipe_buttons span{width:auto; position:relative; top:3px} .box_ingredients {margin-left:25px;height:25px} .box_ingredients .text_item{width:520px; float:left} .box_ingredients .text_quant{width:auto; float:left} h3.orange_subheader{color:#e65a00;font-size:18px;font-weight:normal} #ttl_shopping_lists_mother_day{background:transparent url(../images/my_mccormick/ttl_shopping_lists_mother_day.jpg) no-repeat scroll 0%; width:354px; height:17px; display:block; margin-top:5px;} .ttl_sub_description{width:88px; height:9px; display:block; margin-top:25px} .ttl_sub_recipes{ width:55px; height:9px; display:block; margin:25px 0 20px 0; float:left} .ttl_ingredients_4u_recipes{ width:223px; height:9px; display:block; margin:25px 0 20px 0; float:left} .ttl_sub_notes{ width:223px; height:9px; display:block; margin:50px 0 -5px 0; float:left} /* styles for SCR_070 Login */ #fcntr_my_mcc_login{width:265px} #cntr_internal.cntr_mymcc_login{background:transparent url(../images/my_mccormick/bg_my_mcc_login_03.jpg) no-repeat scroll 0% top} #cntr_my_mcc_login{width:265px} #cntr_my_mcc_login input{width:260px; height:20px; margin-top:3px; border:1px solid #CDCD9B} #cntr_my_mcc_login .box_check_inline{float:left; margin-top:20px; width:160px} .cntr_mymcc_login #cntr_left_col p{line-height:18px} .cntr_mymcc_login #cntr_left_col #cntr_button_register{margin:25px 0 0 0; float:left} .cntr_mymcc_login #cntr_right_col #cntr_button_sign{margin:15px 0 5px 0; float:right} #ttl_member_signin{background:transparent url(../images/my_mccormick/ttl_member_signin.jpg) no-repeat scroll 0%; width:408px; height:17px; display:block; margin:10px 0 3px 0; float:left} #ttl_sub_not_yet_member{background:transparent url(../images/my_mccormick/ttl_sub_not_yet_member.jpg) no-repeat scroll 0%; width:139px; height:9px; display:block; margin:10px 0 3px 0; float:left} #ttl_add_flavor_save_time{background:transparent url(../images/my_mccormick/ttl_add_flavor_save_time.jpg) no-repeat scroll 0%; width:237px; height:14px; display:block; margin-top:5px;} #btn_sig_in { width:74px; height:24px; background:url(../images/my_mccormick/btn_sign_in.jpg) top left;display:block} a#btn_sig_in:link {background:url(../images/my_mccormick/btn_sign_in.jpg) top left; display:block} a#btn_sig_in:hover {background:url(../images/my_mccormick/btn_sign_in_over.jpg) bottom left; display:block} #cntr_button_forgot_password{margin:15px 0 60px 0; float:left} #btn_forgot_password:hover {background:url(../images/my_mccormick/btn_sendpassword_over.jpg) bottom left no-repeat; display:block} #btn_forgot_password { width:88px; height:24px; background:url(../images/my_mccormick/btn_sendpassword.jpg) top left no-repeat;display:block} a#btn_forgot_password:link {background:url(../images/my_mccormick/btn_sendpassword.jpg) top left no-repeat; display:block} a#btn_forgot_password:hover {background:url(../images/my_mccormick/btn_sendpassword_over.jpg) bottom left no-repeat; display:block} #btn_forgot_password span {display:none} #btn_sig_in span {display:none} #ttl_forgot_password{background:transparent url(../images/my_mccormick/ttl_sub_not_yet_member.jpg) no-repeat scroll 0%; width:139px; height:9px; display:block} /* ========================================================================// 4.10. SEARCH: These styles contain the structure for SEARCH windows. ========================================================================// */ /* styles for SCR_061_Search_Result_No form */ .cnt_search_result{margin-bottom:150px;} .cnt_search_result #not_result {margin-top:24px; padding-left:50px;} .cnt_search_result #not_result .txt_search {margin:-4px 0px 0px 5px; float:left;} .cnt_search_result #not_result .txt_search img{width="10" height="10" alt="Recipes" border="0" } #ttl_search_resul{background:transparent url(../images/search/ttl_search_result.gif) no-repeat scroll 0%; float:left; width:219px; height:28px; margin-top:6px; display:block} #ttl_search_resul span{display:none} #txt_did_not_find{background:transparent url(../images/search/txt_did_not_find.gif) no-repeat scroll 0%; float:left; width:285px; height:7px; display:block} #txt_did_not_find span{display:none} #txt_search_again{background:transparent url(../images/search/txt_search_again.gif) no-repeat scroll 0%; float:left; width:886px; height:9px; display:block} #txt_search_again span{display:none} #txt_try_again{background:transparent url(../images/search/txt_try_again.gif) no-repeat scroll 0%; height:9px; display:block;} #txt_try_again{background:transparent url(../images/search/txt_also_try.gif) no-repeat scroll 0%; height:9px; display:block;} .img_sep_vert_gray{background:transparent url(../images/search/img_sep_vert_gray.gif) no-repeat scroll 0%; float:left; width:20px; height:40px; display:block} .inline{display:inline} .linea {color:#999999; display:inline} .margin {margin-top:22px;} .aling_right {padding-top:15px; float:left;} #try_again { margin-top:30px;} #try_again p {line-height:18px;} #also_try {margin-top:25px;} #also_try .options { line-height:18px;} /* styles for SCR_061_Search_Result form */ #cntr_left_menu {overflow:hidden;float:left; width:181px; margin-top:20px } #cntr_left_menu .menu{margin-top:20px; padding-bottom:20px;} #cntr_left_menu .menu h3{ font-size:13px; color:#4b4b4b;} #cntr_left_menu .menu a{ font-size:11px;} #cntr_left_menu .menu ul li{ font-size:11px; color:#afafaf; line-height:16px;} #cntr_left_menu .menu ul li p{ font-size:11px; color:#663300; line-height:16px; float:left;} #cntr_left_menu .menu ul li img { float:left; margin-top:4px; margin-right:2px;} #cntr_main_search_result .cnt_column_right {margin-top:20px; margin-left:66px;} #cntr_main_search_result .cnt_column_right .pages{ margin-top:-18px;} #cntr_main_search_result .cnt_column_right p{ line-height:14px;} #cntr_main_search_result .cnt_column_right mainParagraph{width:500px;} #cntr_main_search_result .cnt_column_right .selected{ height:9px;} #cntr_main_search_result .cnt_column_right #header{ height:78px;} #cntr_main_search_result {width:980px; margin:auto;} #cntr_main_search_result .comments img {float:left; margin-bottom:14px;} #cntr_main_search_result .comments a { font-size:13px;} #cntr_main_search_result .comments .box_rating { margin-top:10px;} #cntr_main_search_result .comments .txt_search_recipe{ width:609px; margin-left:15px; float:left;} .cnt_column_right .box_fav_recipe_body p{float:none;width:650px; font-size:11px; margin:2px 0} .cnt_column_right .box_fav_recipe_body .not_image p{float:none;width:720px; font-size:11px; margin:2px 0} #txt_refine_by{background:transparent url(../images/search/txt_refine_by.gif) no-repeat scroll 0%; height:13px; display:block;} #txt_search_for{background:transparent url(../images/search/txt_search_for.gif) no-repeat scroll 0%; height:14px; width:116px;display:block; float:left;} .txt_featured_recipe{background:transparent url(../images/search/txt_featured_recipe.gif) no-repeat scroll 0%; height:10px; width:138px; margin-top:10px; margin-bottom:15px; display:block; float:left;} /* styles for SCR_062_Advanced_Search form */ #cntr_advanced_search{width:930px;margin-left:50px;} #cntr_advanced_search_left{width:440px;float:left;margin-right:120px} #cntr_advanced_search_right{width:280px;float:left;margin-top:-43px;z-index:-1} #cntr_advanced_search_description span{width:840px;float:left;margin-top:18px} #cntr_advanced_search .ttl_sub_detail{font-size:12px;margin-top:16px;letter-spacing:1px} #cntr_advanced_search p{margin:28px 0px 2px} #cntr_advanced_search .box_check_inline{height:12px;overflow:hidden} #cntr_advanced_search .box_check_inline input{width:12px;height:12px;float:left;margin:0px} #cntr_advanced_search .box_check_inline label{height:14px;margin-left:20px;display:block} .cntr_advanced_search_checkbox_block{width:930px;padding-bottom:12px;clear:both} .cntr_advanced_search_checkbox_block h2{width:355px;float:left;margin-top:0px;margin-bottom:8px} .cntr_advanced_search_checkbox_column{width:186px;float:left} .cntr_advanced_search_checkbox_column .box_check_inline{margin-top:2px} .cntr_advanced_search_submit {width:77px; float:right; padding:8px 0 0 6px;} .cntr_advanced_search_submit a{ width:77px; height:24px; background:url(../images/commons/btn_submit.jpg) top left;display:block} .cntr_advanced_search_submit a:link { width:77px; height:24px; background:url(../images/commons/btn_submit.jpg) top left; display:block} .cntr_advanced_search_submit a:hover { width:77px; height:24px; background:url(../images/commons/btn_submit.jpg) bottom left; display:block} .cntr_advanced_search_submit a span {display:none;} #ttl_advance_search{background:transparent url(../images/search/ttl_advance_search.gif) no-repeat scroll 0%; float:left; width:319px; height:28px; margin-top:6px; display:block;} #ttl_advance_search span{display:none} #back_right{width:650px;float:right;margin-top:10px} /* ========================================================================// 6. SPICES 101: These styles contain the structure for SPICES 101 windows. ========================================================================// */ #btn_check_now { width:114px; height:24px; background:url(../images/spices/btn_check_now.gif) top left no-repeat;display:block; float:right; margin-top:10px;} #btn_check_now:hover {background:url(../images/spices/btn_check_now_over.gif) bottom left no-repeat; display:block} #ttl_Uncover_the_story{background:transparent url(../images/spices/ttl_Uncover_the_story.gif) no-repeat top right; width:419px; height:59px; margin:20px 0 10px;} #ttl_spices101{background:transparent url(../images/spices/ttl_spices101.gif) no-repeat scroll 0%; float:left; width:319px; height:28px; margin-top:6px; display:block} #subttl_flavor_substitutions{background:transparent url(../images/spices/subttl_flavor_substitutions.gif) no-repeat scroll 0%; width:200px; height:14px; margin-top:20px; display:block} #subttl_make_sure_your_flavors{background:transparent url(../images/spices/subttl_make_sure_your_flavors.gif) no-repeat scroll 0%; width:420px; height:13px; margin:20px 0 13px;} #subttl_great_for_taste{background:transparent url(../images/spices/subttl_great_for_taste.gif) no-repeat scroll 0%;width:219px; height:14px;} #cntr_spices101{background:transparent url(../images/spices/img_backgraund_spices101_.gif) no-repeat top right;float:left;} #cnt_center_spices101 #menu_left_simple{ float:left;} #cnt_center_spices101 .cnt_column_right { color:#663300; font-size:12px; line-height:14px; float:right;margin:0 0 100px;} #cnt_center_spices101 .cnt_column_right p { color:#663300; font-size:12px; line-height:14px;} #cnt_center_spices101 .cnt_column_right p.mainParagraph {width:500px;margin-bottom:20px;} #cnt_center_spices101 .cnt_column_right #cnt_center_spices img { float:left; margin-left:-15px; margin-bottom:20px;} #cnt_center_spices101 .cnt_column_right #cnt_center_spices p { color:#4b4b4b; font-size:11px; line-height:14px;} #cnt_center_spices101 .cnt_column_right #cnt_center_spices input{ border:1px solid #CACE9B;height:18px; font-family:Arial, Helvetica, sans-serif; font-size:13px; width:97%; margin-bottom:5px;} #cnt_center_spices101 .cnt_column_right #cnt_center_spaces select{ border:1px solid #CACE9B;height:20px; font-family:Arial, Helvetica, sans-serif; font-size:13px; width:99%;} .cnt_center_box1 { width:440px} .cnt_center_box1 .margin {float:right; width:210px;margin:0;} .cnt_center_box1 .margin select {width:97%} .cnt_center_box1 p.callout {margin-bottom:10px;} .cnt_center_box {width:261px; float:left;padding-bottom:20px;} .cnt_center_box p { margin-top:15px;} .cnt_center_box p.callout1 {width:240px;} .cnt_center_box p.callout2 { margin-top:10px;width:140px;float:left;} .cnt_center_box_right {float:right; width:200px; margin-top:0px;} .cnt_center_background {background:url(../images/spices/img_spices4.gif) left repeat-y; margin:40px 0px 0px;width:507px;height:234px;float:left;} .dotted_vertical_line_left{background:url(../images/commons/dotted_vertical_line.jpg) left repeat-y; padding-left:20px;} .lnk_find_out_more{background:transparent url(../images/spices/lnk_find_out_more.gif) no-repeat scroll right top; height:19px;width:119px; float:left; margin:205px 0 0 282px; } .lnk_find_out_more:hover{background-position:bottom right} .lnk_learn_more{background:transparent url(../images/spices/lnk_learn_more.gif) no-repeat scroll right top; height:19px;margin:26px 25px 0 0;width:97px; float:right } .lnk_learn_more:hover {background-position:bottom right} .lnk_go_spice_field_report{background:transparent url(../images/spices/lnk_go_spice_field_report.gif) no-repeat scroll right top; height:19px;width:182px; float:right; margin:24px 40px 0 0;} .lnk_go_spice_field_report:hover {background-position:bottom right} .img_spices101_2 { background:url(../images/spices/img_spices2.gif) left repeat-y; width:89px; height:64px; float:left; margin:18px 0 0 10px} .img_spices101_3 { background:url(../images/spices/img_spices3.gif) left; padding-top:0; width:91px; height:112px; float:right; margin:32px 23px 0 0;} .margin_text { padding:100px 0px 0px 282px;}