﻿
/* PAGE BACKGROUND IMAGES */
.mealslanding { background-image:url(images/meals_land_bg.jpg); }
.prontoland { background-image:url(images/categories/prontoland_bg.jpg); }
.lighterland { background-image:url(images/categories/lighterland_bg.jpg); }
.creationsland { background-image:url(images/categories/creationsland_bg.jpg); }
.frozenland { background-image:url(images/categories/frozenland_bg.jpg); }
.pestoland { background-image:url(images/categories/pestoland_bg.jpg); }
.chickenland { background-image:url(images/categories/chickenland_bg.jpg); }
.alfredoland { background-image:url(images/categories/alfredoland_bg.jpg); }
.pastasalads { background-image:url(images/categories/pastasalad_bg.jpg); }
.easyitalianland { background-image:url(images/categories/easyitalianland_bg.jpg); }
.recipedetail { background-image:url(images/recipedetail_bg.jpg); }



/* LANDING PAGE */
.mealsland { padding:43px 0 0 37px; height:500px; }
.mealsland .mealsintro { font-size:13px; line-height:18px; }
.mealsintro p { padding:13px 0 25px 15px; width:500px; }
.mealcats { background:url(images/mealcats_bg.png) top left no-repeat; padding:0 0 0 1px; position:relative; width:590px; height:302px; }
.mealcatsnav { position:absolute; margin:15px 0 0 32px; z-index:12; background:url(images/catsdividers.gif) top left no-repeat; }
.mealcatsnav a { padding-right:8px; }
.mealslandsearch { background:url(images/mealslandsearch_bg.gif) top left no-repeat; padding:3px 0 0 18px; margin-top:-57px; position:absolute; z-index:12; }
.landsearchtb { width:176px; height:16px; border:0; font-size:10px; font-family:Arial; text-transform:uppercase; vertical-align:top; margin-top:10px; margin-left:3px; }
.mealslandsearch .sgo { vertical-align:top; margin-right:22px; padding-top:10px; }
.mealslandsearch .sgo img { padding-top:10px; }

.mealcats .recipetabcontent { padding:52px 0 0 0; display:none; width:589px; height:248px; z-index:9; }
.mealcats .recipetabcontent h3 { margin:0 0 6px 285px; }
.mealcats .recipetabcontent p { margin:0 0 0 285px; width:280px; }
.mealcats .recipetabcontent p.btn { text-align:right; padding-top:8px; }
#landpronto { background:url(images/land_pronto_bg.jpg) top left no-repeat; display:block; }
#landlighter { background:url(images/land_lighter_bg.jpg) top left no-repeat; }
#landcreations { background:url(images/land_creations_bg.jpg) top left no-repeat; }
#landfrozen { background:url(images/land_frozen_bg.jpg) top left no-repeat; }

/* CATEGORY PAGES */
.mealscattop { padding:45px 0 0 47px; height:170px; }
.mealscattop p { font-size:13px; line-height:18px; width:345px; padding:12px 0 0 14px; }
.mealscattop .psintroimg { margin:12px 0 0 14px; display:block; }
.mealscatright { width:280px; float:right; padding-top:57px; }
.mealscatright .quotes { background:url(images/categories/quotes_bg.gif) bottom left no-repeat; padding:17px 21px; margin-bottom:20px; }
.mealscatright .quotes div { background:url(images/categories/quotes_dashed.gif) top left repeat-x; padding:12px 0 0 0; margin:10px 0 0 0; }
.mealscatright .quotes p { color:#7e7e7e; font-size:12px; line-height:14px; text-align:center; }
.mealscatright .quotes p.quotename { color:#018551; }
.quotes div a { font-weight:bold; line-height:13px; margin-bottom:6px; display:block; text-align:center; }

.recicatlist { margin:15px 0 14px 20px; width:590px; }
.recicatlist .catlisthdrs { background:url(images/categories/catlisthdrs_bg.gif) top left no-repeat; }
.recicatlist th { text-align:left; color:#9c7128; font-size:12px; height:31px; vertical-align:middle; padding-left:18px; }
.recicatlist .recirating { width:95px; }
.recicatlist .reciname { width:455px; }
.recicatlist td { padding:10px 0 10px 24px; vertical-align:middle; font-size:13px; line-height:16px; background:url(images/categories/recicatlist_dots.gif) bottom left repeat-x; }
.recicatlist td .recithumb { display:block; background:url(images/categories/recipethumb_bg.gif) top left no-repeat; padding:5px; }
.recicatlist td .recithumb img { width:72px; height:52px; display:block; }
.recicatlist td a { font-weight:bold; }

.recipecatlist { background:url(images/categories/white80percent_bg.png) top left; padding:15px 0 34px 0; width:631px; min-height:300px; margin:0 0 0 40px; }
.recipecatlist .listtop { background:url(images/categories/listtop_bg.gif) top left no-repeat; margin:0 0 16px 1px; padding:10px 0 0 40px; height:31px; }
.recipecatlist .listtophdr { display:block; width:auto; float:left; padding-top:4px; }
.listtop .searchwrap { background:url(images/categories/searchwrap_bg.gif) top left no-repeat; margin:0 0 0 342px; padding:2px 0 0 4px; }
.catsearchtb { width:180px; height:16px; border:0; background:#fff; font-size:10px; font-family:Arial; vertical-align:top; }
.recilistpager { width:385px; margin-left: 225px; text-align:right; font-weight:bold; }
.recilistpager img { vertical-align:middle; padding-left:12px; padding-right:12px; }
.recipecatlist .displaytoggle { padding:0 0 0 20px; width:200px; float:left; }
.recipecatlist .displaytoggle select { font-size:11px; font-family:Arial; color:#666; }

.pantrytout { background-position:top left; background-repeat:no-repeat; padding:15px 0 0 17px; border-bottom:solid 3px #9c7128; }
.pantrytout h3 { padding:0 0 25px 0; }
.pantrytout p { font-size:12px; line-height:14px; width:166px; padding:0 0 8px 0; }


.recicaterror { background:url(images/categories/white80percent_bg.png) top left; padding:35px 0 34px 0; width:631px; margin:0 0 0 40px; height:300px; }
.recicatloading .loadingimg { text-align:center;  }

.noreciresults { font-weight:bold; text-align:center; padding:40px; height:300px; }

/* recipe search */
.recipesearch { background-image:url(images/search/recipesearch_bg.jpg); padding-bottom:40px; }
.rsearchtop { padding:44px 0 44px 48px; font-size:13px; line-height:18px; }
.rsearchtop p { width:390px; padding:11px 0 0 14px;}
.recipesearch h4 { width:127px; text-align:right; float:left; }
.rsearchfields { background:url(images/categories/white80percent_bg.png) top left repeat; margin:0 0 0 40px; padding:18px 0 0 0; width:629px;}
.recipesearch .keywordsearch { background:url(images/search/keywordsearch_bg.gif) top left no-repeat; padding:13px 0 12px 22px; margin:0 0 10px 0; }
.recipesearch .keywordsearch .searchtb { width:178px; height:15px; background:none; border:0; margin-left:7px; vertical-align:top; }
.rsearchfields .searchrow { padding:21px 0 25px 0; margin:0 28px 0 24px; width:579px; background:url(images/categories/recicatlist_dots.gif) bottom left repeat-x; }
.searchrow .searchcat { margin:0 0 0 149px; }
.searchrow .searchcat table { width:415px; }
.searchrow .searchcat td { width:140px; padding:0 5px 0 0; vertical-align:top; }
.searchrow .searchcat td input { width:auto; height:auto; display:block; float:left; }
.searchrow .searchcat td label { display:block; margin-left:24px; font-size:12px; line-height:13px; vertical-align:top; padding-top:2px; }
.recipesearch .btns { padding:20px 28px 0 0; text-align:right; }
.rsearcherror { text-align:center; font-weight:bold; color:red; font-family:Arial; }

.rsearchtout { width:280px; float:right; padding-top:40px; }

/* search results */
.rresultslist { min-height:280px; background:url(images/categories/white80percent_bg.png) top left repeat; margin:0 40px 0 40px; padding:18px 0 0 0; }
.searchedfor { font-size:13px; line-height:18px; padding:0 30px 20px 60px; margin-right:290px;  }
.resbacklink { background:url(images/search/backto_arrow.gif) 4px 16px no-repeat;  }
.searchedfor span { color:#018551; font-weight:bold; }
.rresultslist .recicatlist { width:856px; }
.rresultslist .recicatlist td { height:106px; }
.rresultslist .recicatlist td a { font-size:13px; line-height:16px; font-weight:bold; }
.rresultslist .recicatlist td span { font-size:12px; line-height:14px; display:block; padding-right:25px; }
.rresultslist .recicatlist td.recipeimages { vertical-align:top; width:110px; }
.rresultslist .recilistpager { width:665px; }
.rresultslist .descrip { width:252px; color:#8c8c8c; padding-left:26px; }
.rresultslist .recicatlist .catlisthdrs { background-repeat:repeat-x; }
.rresultslist .recicatlist .recirating { padding-left:26px;}
.rresultslist .displaytoggle { padding:0 0 0 20px; width:100px; float:left; }
.rresultslist .displaytoggle select { font-size:11px; font-family:Arial; color:#666; }
.recipesearchload {  width:auto; float:left; }
.recipesearchload .loadingimg { width:auto; display:inline; }

.rresultslist .recicatlist td .recithumb { padding:0; background:none; }
.rresultslist .recicatlist a.getBig { display:block; float:left; width:auto; padding-right:3px; }
.rresultslist .recicatlist .nobigpic { display:block; float:left; width:17px; height:10px; padding:0; }
.rresultslist .recicatlist td .recithumb img { padding:5px; width:72px; height:52px; background:url(images/categories/recipethumb_bg.gif) top left no-repeat; }
.rresultslist .recicatlist td .recithumb img.rpicbig { width:160px; height:120px; position:absolute; z-index:15; background:url(images/search/rpicbig_bg.gif) top left no-repeat; }

/* recipe details */
.rdet { padding:36px 0 64px 0; }
.searchmorelink { width:auto; float:right;  padding:0 30px 0 20px; }
.backtolink { text-align:right; font-weight:bold; padding:0 25px 0 0; }
.backtolink a, .searchmorelink a { background:url(images/details/backtolink_bg.gif) 0 4px no-repeat; padding:0 0 0 12px; }
.rdetlinks { margin:0 0 14px 50px; font-size:10px; font-family:Arial; }
.rdetlinks .reciboxlink { background:url(images/details/recipebox_link_bg.gif) 0 0 no-repeat; padding:6px 26px 0 27px; }
.rdetlinks .printlink { background:url(images/details/print_link_bg.gif) 0 0 no-repeat; padding:5px 26px 0 27px; }
.rdetlinks .raterev { padding-left:21px; }
.rdetlinks .share { padding-left:25px; }
.recipenutinfolink { display:block; }
.rdetlinks .reciloading { background:url(images/details/loading.gif) 0 0 no-repeat; padding:6px 26px 0 27px; }
.rdet h1 { color:#fff; margin:26px 0 0 0; font-size:24px; font-family:Arial; line-height:26px; font-weight:normal; background:url(images/details/recipehdr_bg.gif) top left no-repeat; height:86px; padding:17px 35px 0 298px; }
.rdetright { width:280px; float:right; padding:194px 0 0 0;  }
.rdetleft { width:630px; padding:22px 0 0 0; margin:0 0 0 40px; background:url(images/categories/white80percent_bg.png) top left repeat; }
.rdet .rimage { float:left; margin:0 0 0 30px; }
.rdet .rimage img { width:232px; height:232px; background:url(images/details/rimage_bg.gif) top left no-repeat; padding:5px; }
.rdetleft h4 img { padding:0 0 14px 30px; display:block; margin:0; }
.rdetleft .rsection { clear:left; font-size:12px; padding:0 0 33px 0; }
.rdetleft .rsection p { padding:0 0 0 30px; }
.rdetratings { padding:14px 0 11px 2px; margin:0 30px 0 298px; color:#4c4c4c; font-weight:bold; background:url(images/categories/recicatlist_dots.gif) bottom left repeat-x; }
.rdetratings .ratecount { width:145px; text-align:right; float:right; }
.rdetratings .ratecount span { color:#9c7128; }
.recipetop { margin:12px 0 0 300px; }
.rtimes { padding:18px 0 0 0; line-height:12px; }
.rtimes h4 { color:#4c4c4c; font-size:12px; line-height:12px; margin-top:0; padding-top:0; }
.detonly .rreview { background:url(images/categories/recicatlist_dots.gif) top left repeat-x; padding-top:18px; }
.rreview { margin:0 0 0 30px; }
.rreviewitem { padding:0 0 20px 0; margin:0 0 15px 0; background:url(images/details/reviewitem_bg.gif) bottom left repeat-x; }
.rreview .userinfo { font-size:12px; line-height:12px; font-weight:bold; color:#4c4c4c; }
.rreview .userinfo span { color:#7a7a7a; font-weight:normal; }
.rreview h5 { color:#88ad57; font-size:14px; line-height:normal; padding:8px 0 0 0; }
.reviewlink { text-align:right;  }

.rdet .noreviews { margin:0 0 0 30px; background:url(images/details/reviewitem_bg.gif) top left repeat-x; padding-top:18px; }
.rdet .noreviews a { font-weight:bold; display:block; }

.rdetright h4 { padding:0 0 17px 0; }
.rdetright .rthumb { display:block; background:url(images/categories/recipethumb_bg.gif) top left no-repeat; margin-right:13px; float:left; padding:5px; width:72px; height:52px; }
.rdetright .rthumblink { height:72px; font-size:12px; line-height:14px; }
.rdetright .also { background:#faf9f4; border-color:#018551; border-style:solid; border-width:0 0 3px 0; margin-bottom:20px; padding:15px 20px 20px 16px; }
.rdetright .related { background:#faf9f4; border-style:solid; border-width:0 0 3px 0; border-color:#9c7128; margin-bottom:20px; padding:15px 20px 20px 16px; }
.rdetright .also a, .rdetright .related a { font-weight:bold; padding-top:10px; display:block; }

/* nutritionpop popup */
.nutritionpop { width:625px; margin:auto; }
.nutritionpop .top { background:transparent url(images/details/nutinfopop_top.png) top left no-repeat; text-align:right; padding:32px 40px 0 0; }
.nutritionpop .inner { background:url(images/details/nutinfopop_bg.png) top left repeat-y; padding:0 43px; }
.nutritionpop .inner h2 { padding:15px 0; }
.nutritionpop .bottom { height:55px; overflow:hidden; background:url(images/details/nutinfopop_bottom.png) top left no-repeat; }

.recipefacts { padding:0 0 15px 45px; }
.rnutfactstop h3 { font-size:15px; color:#007445; }
.rnutfactstop .servings { padding:10px 0 0 0; }

.ing {width:200px; margin-right:5px; margin-top:13px; font-size:11px;}
.ingr {float:right; width:200px; margin-right:30px; margin-top:13px; font-size:11px;}
.panelcontain {margin:13px 0 0 0; width:235px; color:#000; border-style:solid; border-color:#007445; border-width:4px 1px 1px 1px;}
.nutritionpanel {margin: 0px 7px 7px 7px; width:220px;}
.nutritionpanel td {padding:3px 3px 2px 3px; font-size:11px;}
.nutritionpanel td.leftnine {font-weight:bold; font-size:9px; border-bottom:1px solid #007445; }
.nutritionpanel td.rightnine {font-weight:bold; font-size:9px; text-align:right; border-style:solid; border-color:#007445; border-width:4px 0px 1px 0px;}
.nutritionpanel td.indenter {width:11px; border-width:0px;}
.nutritionpanel tr.lowerborder td.indenter {border-width:0px;}
.nutritionpanel td.aright {text-align:right;}
.nutritionpanel tr.lowerborder td {border-bottom:1px solid #007445;}
.nutritionpanel tr.topthick td {border-style:solid; border-color:#007445; border-width:4px 0px 1px 0px;}


/* reviews page */
.reviewhdr { clear:left; padding:32px 0 0 0; }


/* 5 or less tool */
.creatortool { background-image:url(images/creator/creator_bg.jpg); padding-bottom:40px; }
.creatortool .tooltop { padding:55px 0 22px 46px; }
.creatortool .tooltop p { font-size:13px; line-height:18px; margin:17px 0 0 14px; width:445px; }

.steptop { background:url(images/categories/recicatlist_dots.gif) bottom left repeat-x; padding:0 0 15px 0; margin:0 0 7px 0; }
.steptop h2 { width:auto; float:left; }
.steptop .steplinks { text-align:right; font-weight:bold; }

.toolpager { text-align:right; }
.toolpager a { font-weight:bold; font-size:12px;  }
.toolpager img  { vertical-align:middle; padding:0 12px;}
.creatorload { height:355px; }

#step1 { margin:0 40px 0 40px; padding:14px 20px 52px 15px; background:url(images/creator/white90percent.png) top left repeat; border-style:solid; border-width:0 1px 2px 1px; border-color:#f4f4f4; border-bottom-color:#e2e2e2; }
.ingredientwrap { background:url(images/categories/recicatlist_dots.gif) bottom left repeat-x; padding:0 0 8px 0;}
.ingredientwrap div { height:85px; padding-left:15px; }
.ingredientwrap div a { margin:0 2px 2px 0;  height:85px; display:block; width:167px; float:left; font-size:13px; line-height:16px; }
.ingredientwrap div a.selected { background-color:#f5eee2; }
.ingredientwrap div a img { display:block; float:left; padding-top:10px; padding-left:7px; }
.ingredientwrap div a span { display:block; margin-left:70px; padding-top:17px; }

.recipeswrapper { background:url(images/categories/recicatlist_dots.gif) top left repeat-x; }

#step2 { margin:0 40px 0 40px; padding:14px 20px 52px 15px; background:url(images/creator/white90percent.png) top left repeat; border-style:solid; border-width:0 1px 2px 1px; border-color:#f4f4f4; border-bottom-color:#e2e2e2; }
.step2intro { background:url(images/categories/recicatlist_dots.gif) bototm left repeat-x; padding:18px 0 18px 0; }
.step2intro .genlist { font-size:13px; font-weight:bold; line-height:19px; margin-bottom:18px; }
.step2intro .genlist span { display:block; color:#018551; }
.step2intro p { padding-left:25px; }
.step2intro .resnums { width:auto; float:left; font-size:12px; }

.recirow { clear:both; padding:20px 18px 21px 22px; font-size:12px; line-height:16px; min-height:124px; background:url(images/categories/recicatlist_dots.gif) bottom left repeat-x; }
.sel { background-color:#f8f6f1; }

#step2 .picklink { width:133px; float:right; font-size:10px; line-height:11px; }
#step2 .picklink a { background:url(images/creator/picklink_add.gif) 0 0 no-repeat; padding:6px 0 0 30px; }
#step2 .sel .picklink { background:url(images/creator/picklink_del.gif) 0 0 no-repeat; }
#step2 .sel .rphoto { background:#018551; border-color:#018551; }

.recirow .rname { font-size:18px; line-height:normal; padding:0 20px 0 0; display:block; color:#9c7128; }
.rphoto img { width:152px; height:112px; }
.rinfo { margin-left:178px; width:522px; }
.recirow .times strong { color:#4c4c4c; }
.rphoto { width:152px; height:112px; background:#fff; border:1px solid #cfc8bb; padding:4px; float:left;  }
.recirow .recipequickdets { margin:14px 0 0 177px;  }
.recirow .recipequickdets div { width:230px; display:table-cell; padding:0 20px 0 0; }
.recipequickdets h4 { padding-bottom:8px; }

#step3 { margin:0 40px 0 40px; padding:14px 20px 52px 15px; background:url(images/creator/white90percent.png) top left repeat; border-style:solid; border-width:0 1px 2px 1px; border-color:#f4f4f4; border-bottom-color:#e2e2e2; }
#step3 .rdirections { display:none; }
.step3btns { text-align:center; font-size:10px; }
.step3btns .emaillist { background:url(images/creator/email_icon.gif) 0 0 no-repeat; padding:4px 0 0 26px; }
.step3btns .printlist { background:url(images/creator/print_icon.gif) 0 0 no-repeat; padding:4px 18px 0 28px; }

.listintro { font-size:13px; line-height:18px; padding:0 0 40px 30px;}
.listnote { font-size:11px; padding:24px 0 6px 30px; }





