﻿/* details */
.recipedetpage { background-position:top left; background-repeat:no-repeat; padding-top:53px; width:530px; }
.largerecipic { position:absolute; border:3px solid #b3b3b3; margin:-140px 0 0 40px;  }
.largerecipic .piccloser { background:#b3b3b3; text-align:right; padding:2px 8px 2px 0; }
.largerecipic .piccloser a { font-weight:bold; color:#fff; text-decoration:none; }
.largerecipic img { display:block; }
.reciimage { background:#b3b3b3; padding:1px; display:block; width:160px; height:120px;  }
.recipedetpage .reciimage { cursor:pointer; }
.rdetailpics { width:162px; float:left; }
.rdetailpics a { background:url(images/detail/largepiclink_bg.gif) 0 2px no-repeat; padding-left:15px; margin-top:5px; display:block; }
.toplinks .linkers .fbfloater { width:90px; float:left; }
.toplinks { margin:-30px 0 0 0; font-size:11px; /*margin-left:163px;*/ float:right; color:#65494a; width:367px;  }
.toplinks .linkers a, .toplinks .linkers a:link, .toplinks .linkers a:visited { color:#545454;  text-decoration:none; font-weight:normal; height:14px; display:block; float:left; }
.toplinks .linkers a:hover { color:#000; }
.toplinks .linkers { padding:6px 0 4px 0; text-align:center; width:347px; }
.linkers .printlink { background:url(images/detail/print_link_bg.gif) 0 0 no-repeat; padding:5px 9px 4px 30px; margin-right:1px; }
.linkers .addtorb { background:url(images/detail/rbox_link_bg.gif) top left no-repeat; padding:5px 8px 4px 24px; }
.linkers .emaillink { background:url(images/detail/email_link_bg.gif) 0 0 no-repeat; padding:5px 9px 4px 30px; margin-right:1px; }
.linkers .raterev { background:url(images/detail/rate_review_icon.gif) top left no-repeat; padding:0 0 0 19px; font-weight:bold; }
.recipedetpage img.ratecommenttop { display:none; }
.rcontent { border-width:0 9px 9px 9px; border-style:solid; width:512px; margin-bottom:22px; }
.rcontent .rtop { padding:32px 20px 0 30px;  }
.rcontent .blogo { display:block; width:52px; height:35px; float:right; padding-left:8px; }
.rcontent .rtop h1 {font-size:24px; line-height:26px; font-weight:normal; padding-bottom:10px; }
.rcontent .ingrlist { padding:12px 30px 25px 30px; font-size:12px; line-height:14px; }
.rcontent .ingrline { padding:2px 0; }
.rcontent .ingramount { font-weight:bold; }
.rcontent .rtopinfo { color:#000; margin-left:185px; }
.rcontent .rtopinfo p { padding:5px 0; }
.rcontent .rpicdescrip { min-height:156px; }
p.recirating { margin-bottom:8px; margin-top:8px;  }
.rcontent .printiconlink { background:url(images/detail/print_icon.gif) 0 0 no-repeat; font-size:11px; padding:0 8px 0 17px; font-weight:bold; display:none;}
.rcontent .emailiconlink { background:url(images/detail/email_icon.gif) 0 0 no-repeat; font-size:11px; padding:0 0 0 20px; font-weight:bold; display:none;}
.rcontent .printiconlink:link, .rcontent .printiconlink:visited,
.rcontent .emailiconlink:link, .rcontent .emailiconlink:visited { color:#65494a;  }
.rcontent .printiconlink:hover, .rcontent .emailiconlink:hover { color:#000; }
.rcontent .ratingsyums { background:url(images/detail/ratings_yums_bg.gif) 0 0 no-repeat; padding:5px 0 26px 0; }
.rcontent .ratingsyums .ratestars { padding:0 0 0 4px; }
.rcontent .ratingsyums .yums { width:203px; float:right; background:url(images/detail/yumsbg.gif) 0 0 no-repeat; padding:3px 0 10px 0; }
.yums .yvotes { color:#767676; font-size:15px; line-height:19px; font-weight:bold; width:58px; display:block; float:right; text-align:center; }
.yums a { font-size:11px; color:#767676; font-weight:bold; text-decoration:none; line-height:18px; background-position:2px 2px; background-repeat:no-repeat; padding:3px 0 2px 21px; }
.yums .yumimg { display:block; float:left; padding:0 0 0 5px; }
.yums .yumgrey { background-image:url(images/detail/yummy.gif); }
.yums .yumyel { background-image:url(images/detail/yummy_on.gif); }

.recentview { border-style:solid; border-width:9px; padding:12px 0 13px 8px;  }
.recentview a { display:block; margin:12px 30px 8px 0; font-size:12px; line-height:normal; }

.goeswith { border-style:solid; border-width:9px; padding:12px 0 13px 8px; margin-bottom:20px; }
.gwrecipic img { display:block; margin:10px; }
.goeswith a,
.morelike a { margin:0 12px 18px 0; display:block; }

.morelike { border-style:solid; border-width:9px; padding:12px 0 0 8px; margin-bottom:20px; }
.morelike .seemore { padding:12px 0 3px 0; color:#fff; text-decoration:none; font-size:18px; display:block; text-align:center; margin-left:-8px; margin-bottom:0; }

.tipbox { margin:0 28px 0 30px; background:#e6f7ff url(images/detail/tip_box_bg.gif) 0 0 no-repeat; min-height:68px; padding:11px 0 0 96px; }
.tipbox h5 { font-size:13px; line-height:14px; padding:13px 0 6px 0; color:#383838; }
.tipbox .tiplink { display:block; font-size:12px; }
.rcontent .tipbox a img { width:90px; float:right; }

.rdettabs { padding:35px 0 0 20px; width:492px; height:26px; }
.rdettabs a img { margin:0 2px 0 0; padding:0; display:block; float:left; }

/* video popup */
.videopop { background:#e4e4e4; padding:20px; }
.videopop .closer { text-align:right; }

.ratingStar { cursor:pointer; width:20px; height:20px; display:block; background-repeat:no-repeat; background-position:0 0; background-image:url(images/detail/rating_star_off.gif); }
.filledRatingStar,
.waitingRatingStar { background-image:url(images/detail/rating_star_on.gif); }
.emptyRatingStar { background-image:url(images/detail/rating_star_off.gif); }


/* recipe review popup */
.reciratecontainer .ratecomment fieldset label { color:#6f6f6f; font-weight:normal; font-size:12px; font-family:Trebuchet MS; }
.reciratecontainer .ratecomment fieldset label span,
.reciratecontainer .ratecomment .reqfield span { color:#ff0303; }
.reciratecontainer .ratecomment .reqfield { color:#6f6f6f; font-size:12px; font-family:Trebuchet MS; font-weight:normal; }



/* email star rating */
/*
.ratelabel { font-size:24px; color:#6b464a; display:block; margin-left:172px; vertical-align:baseline; line-height:29px; }
.ratingStar { cursor:pointer; width:32px; height:30px; display:block; background-repeat:no-repeat; background-position:0 0; background-image:url(images/rating_star_off.gif); }
*/
/*
.starpicker { float:left; }
.starslabel { clear:right; height:40px; padding:20px 0; border-top:1px solid #F0F0F0; }
.starnote strong { display:block; }
*/

/* add to reci box */
.rboxadd { margin-top:28px; }

/* special taf popup for recipe detail page */
.rdetailstafpop .ratecontainer { position:static; }
.rdetailstafpop .ratecontainer .raterbox { z-index:90; }

#divTafMask
{   
  top:0px;
  left:0px;
  position:absolute;   
  z-index:20;   
  background-color:#fff;   
  display:none;   
  filter:alpha(opacity=50);
  opacity:0.5;
}   

.rcontent .tabcontent { background:url(images/detail/tabcontent_bg.gif) 0 0 no-repeat; width:512px; padding:14px 0 20px 0; }
.rcontent .tabprintlink { text-align:right; padding:0 9px 0px 0; }

.rcontent .recitab h3  { color:#666; font-size:12px; line-height:22px; font-weight:bold; margin:0 0 0 33px; }
.rcontent .nuttab h3 { color:#666; font-size:14px; line-height:22px; font-weight:bold; margin:0 0 0 33px; }

.rcontent .rateitem { margin:0 30px 0 30px;  }
.rcontent .rateitem h4.cgc, .rcontent .rateitem p.cgc { width:452px; overflow:hidden; }
.rcontent .rateitem .reviewlinks { text-align:right; padding-top:22px; }
.rcontent .reviewitemsep { height:1px; background:#ebebeb; margin:0 20px 20px 20px; font-size:0; line-height:0;  }
.rcontent .rateitem h4 { font-size:14px; line-height:22px; }
.rcontent .rateitem .rname { font-size:12px; line-height:18px; }
.rcontent .rateitem .rdate { font-weight:bold; margin-bottom:8px;}
.rcontent .reviewitemsep { height:1px; background:#ebebeb; margin:0 20px 20px 20px; font-size:0; line-height:0;  }
.rcontent .morecomments, 
.rcontent .moreni { margin:0 0 0 32px; font-weight:bold; text-transform:uppercase; padding-bottom:20px; }

.rcontent .noreviews { padding:30px; font-size:12px; font-weight:bold; }

.rcontent .nitable { width:470px; margin:0 0 15px 32px; }
.rcontent .nitable td { padding:4px 0; }

.rcontent .nuttable { width:404px; margin:18px 0 0 33px; }
.rcontent .rdetnutinfo { font-size:12px; }
.rcontent td.item { width:135px; }
.rcontent td.amt { text-align:right; padding-right:40px; }
.rcontent th { text-align:right; color:#000; font-weight:bold; padding-bottom:7px; }
.rcontent .nuttab .servinginfo { margin:0 0 0 33px; }

.rcontent .nuttab h3 a { font-size:12px; font-weight:normal; }
.rcontent .nuttab .dietary { margin:40px 0 0 0; }

.rcontent .perserving { margin:24px 0 32px 0; }
.rcontent .perserving td.item { font-weight:bold; padding-bottom:11px; }
.rcontent .perserving td.amt { text-align:left;  padding-bottom:11px; }
.rcontent .printhdr { display:none; }

.rcontent .dircopy { padding:16px 20px 24px 32px; font-size:12px; line-height:14px; }
.rcontent .rtimeserve p { padding:0 0 12px 32px; }

.recipedetpage .raterbox .ratecomment { padding-top:12px; }
.rdright { width:215px; float:right; padding-right:15px;  }
.detsonlyright { padding-top:53px; }

.rboxadd { color:#4a4a4a; overflow:hidden; }
.rboxadd h3 { padding-top:16px; line-height:24px; padding-bottom:11px; color:#fff; }
.rboxadd h4 { margin:0 0 5px 0; font-size:14px; font-weight:normal; }
.rboxadd .creater h3 { border:0; margin-bottom:0; padding-bottom:10px; }
.rboxadd .closer { padding-top:20px; }
.rboxadd select { display:block; margin:3px 0 0 0; font-family:Arial; font-weight:normal; font-size:10px; width:295px; }
.rboxadd .adder { color:#4a4a4a; font-weight:bold; font-size:12px; }
.rboxadd .adderthanks p { margin:0 0 20px 0; color:#4a4a4a; font-weight:normal; font-size:12px; }
.rboxadd .adder input { margin:3px 0 0 0; width:180px; height:17px; border:1px solid #bfbebe; display:block; }
.rboxadd .adder .fieldset { padding:6px 0 20px 0; }
.rboxadd .loaderimg { position:absolute; left:15px; width:20px; height:20px; }
.rboxadd .adder .errormsg { margin:5px 0 0 0;  }
.rboxadd .btns a img { cursor:pointer; }

.rboxadd .creater .loginform .btns { margin:0 10px 0 0; text-align:right; border:0; }
.rboxadd .rbstart  { font-weight:normal; padding:12px; }
.rboxadd .rbstart .loginform .btns { float:none; text-align:right; width:auto; margin-top:0; padding-top:8px; }
.rboxadd .rbstart .loginform fieldset input { width:170px; }
.rboxadd .rbstart .loginform fieldset label { width:85px; }
.creater .rbstart p { font-weight:normal; color:#4a4a4a; font-size:12px; line-height:12px; padding-bottom:20px; }
.rboxadd .creater h4 { border-width:0 0 1px 0; margin-bottom:12px; line-height:normal; border-style:solid; color:#fff; font-family:Trebuchet MS; font-size:18px; padding-top:18px; padding-bottom:8px; }
.rboxadd .creater h4 span { font-weight:normal; }
.rboxadd .creater .fplink { width:auto; float:left; margin-top:-30px; padding-left:118px; font-size:10px; font-weight:normal; white-space:nowrap; }
.rboxadd .rbstart .errormsg { margin-left:90px;  }

.ratecomment .printlinks { font-size:12px; line-height:20px; padding-bottom:4px; }
.ratecomment .printlinks a, .ratecomment .printlinks a:link, .ratecomment .printlinks a:visited { display:block; font-weight:normal; color:#65494a; }
.ratecomment .printlinks a:hover { color:#000; }



/* reviews */
.reviews { width:530px; padding-bottom:22px; padding-top:66px; background-repeat:no-repeat; background-position:top left; }
.reviews .commtop { color:Black; background:url(images/comments/commentslist_bg.gif) bottom left repeat-x; padding:0 20px 30px 30px; }
.reviews .commtop .toppager { width:auto; float:right; }
.reviews .bottompager { padding-bottom:16px; padding-right:20px; text-align:right; background:url(images/comments/bottompager_bg.gif) top left repeat-x; padding-top:38px; }
.reviews .rtop { min-height:157px; }
.reviews .rtopinfo h3 { font-size:11px; text-transform:uppercase; }
.reviews .reciimage { float:left; }

/* category page */
.catdetailpage { padding:0 0 30px 0; }
.catdetailpage .displaylinks { padding-left:22px; }
.catdetailpage table.cattable { border:1px solid #ebebeb; width:758px; clear:right; margin:6px 0; }
table.cattable .hdr th { background:url(images/category/cattable_top_bg.gif) top left repeat-x; text-align:left; color:#fff; font-size:16px; line-height:21px; font-weight:bold; padding-left:22px; }
.catdetailpage .cattable td { padding:22px 14px 18px 0; }
.catdetailpage .cattable td.rpic { padding-left:20px; }
.catdetailpage .cattable td.rpic img { display:block; width:53px; height:40px; padding:1px; background:#b3b3b3; }
.catdetailpage .cattable .altrow td { background:#f8f8f8; }
.catdetailpage .cattable td a { font-size:14px; display:block; padding-bottom:7px; }
.catdetailpage .toppager { width:300px; float:right; text-align:right; padding-right:30px; }
.catdetailpage .bottompager { text-align:right; padding-right:30px; }
.cattop { min-height:300px; border-width:0 9px 9px 9px; border-style:solid; margin:0 15px 15px 0; }
.cattop .ritem { width:210px; float:left; padding:20px 12px 20px 12px; }
.cattop .ritem a { padding-bottom:8px; display:block; font-size:14px; line-height:normal; }
.cattop .ritem .recipic { margin-left:25px; width:160px; height:120px; padding:1px; display:block; background:#c6c6c6; margin-bottom:12px; }
.cattop h2 { font-size:24px; font-weight:normal; line-height:24px; padding:18px 0 0 24px; }


/* landing page */
.reciland { background-position:top left; background-repeat:no-repeat; padding-top:61px; padding-bottom:20px; }
.reciland .checkwrap { width:150px; height:103px; border:1px solid #bfbebe; overflow-y:scroll; background:#fff; }
.reciland .checkwrap td { font-size:11px; font-weight:bold; color:#707070; }
.reciland .checkwrap td input { width:auto; display:block; float:left; }
.reciland .checkwrap td label { display:block; margin-left:25px; padding-top:3px; }
.reciland .toprsearch h3 { padding-top:20px; font-size:14px; font-family:Trebuchet MS; font-weight:bold; line-height:24px; text-transform:uppercase; }
.reciland .toprsearch .cchecks { width:170px; float:left; padding-top:20px; }
.reciland .toprsearch .tchecks { width:170px; float:left; padding-top:20px; }
.reciland .toprsearch .mchecks { padding-top:20px; }
.reciland .landsearchleft { float:left; width:185px; }
.reciland .landsearchleft h2 { padding-top:24px; font-size:24px; font-weight:normal; padding-bottom:10px; }
.reciland .landsearchleft p { width:170px; margin-bottom:15px; font-size:11px; line-height:13px; color:#010000; padding-bottom:10px; border-width:0 0 1px 0; border-style:solid; border-color:#dedddd;}
.reciland .landsearchleft input { width:170px; height:18px; border:1px solid #bfbebe; margin-bottom:7px;}
.reciland .landsearchleft select { font-size:10px; font-family:Arial; }
.reciland .toprsearch {  background-position:bottom; background-repeat:repeat-x; border-width:0 9px 9px 9px; border-style:solid; margin:0 15px 15px 0; padding:0 18px 10px 25px; }
.reciland .toprsearch .btns { text-align:center; border-width:1px 0 0 0; border-style:solid; border-color:#fff; padding-top:10px; margin-top:13px; }

.reciland .landfindhdr { width:425px; height:26px; padding:6px 20px 0 0; background:url(images/land_cathdr_bg.jpg) top left no-repeat; }
.reciland .landfindhdr select { width:auto; float:right; font-size:11px; font-family:Arial; }
.reciland .landfindhdr h3 { padding:4px 0 0 10px; color:#fff; font-size:24px; font-family:Trebuchet MS; font-weight:normal; }
.reciland .landfind { width:443px; border-width:0 1px 1px 1px; border-style:solid; border-color:#ccc; padding-top:25px; padding-bottom:10px; }
.reciland .landfind .cattable { margin:0 20px 0 25px; }
.reciland .landfind table.cattable .hdr th { padding:0; background:none; color:#65494a; font-size:18px; font-weight:normal; }
.reciland .landfind table.cattable td { padding:20px 0 15px 0; border-width:0 0 1px 0; border-style:solid; border-color:#ebebeb; }
.reciland .landfind .cattable td.rpic { padding-right:15px; vertical-align:top; }
.reciland .landfind .cattable td.rpic img { display:block; padding:1px; background:#b3b3b3; width:53px; height:39px; }
.reciland .landfind .cattable td a { display:block; padding-bottom:7px; font-size:14px; line-height:14px; }
.reciland .landfind .morelink { text-align:right; font-weight:bold;  padding:6px 20px 0 0; background:#fff; margin-top:-3px; }

.featuredrecipes, .flatfeaturedrecipes { clear:right; height:190px; overflow:hidden; padding-left:56px; }
.featitem { width:202px; background-position:21px 21px; background-repeat:no-repeat; height:190px; margin-right:20px; margin-top:7px; float:left; padding-bottom:6px;}
.featitem div.popper { margin-top:140px; width:210px; height:190px; margin-left:1px;font-size:9px; background:transparent url(images/popper_bg.png) top left no-repeat; }
.featitem .popper h5 { overflow:hidden; height:23px; margin-right:10px; padding:12px 0 9px 7px; margin-bottom:8px; font-family:Trebuchet MS; color: #FFFFFF; font-size:14px; line-height:15px; }
.featitem .popper p { font-size:12px; line-height:14px; margin:0 12px; }
.featitem .popper a { display:block; font-weight:bold; font-size:10px; margin:8px 12px 0 12px; }   
.featitem .popper .popwrap { height:105px; overflow:hidden; } 

/* featured - no popper */
.flatfeaturedrecipes { overflow:visible; height:200px; }
.flatfeat { width:202px; margin:7px 20px 0 0; float:left; height:190px; font-size:11px; font-weight:bold; color:#666; }
.flatfeat h5 { background:#83695f; height:43px; padding:8px 8px 0 7px; overflow:hidden; }
.flatfeat h5 a { color:#fff; font-size:14px; line-height:15px; font-family:Trebuchet MS; text-decoration:none; padding-bottom:6px; }
.flatfeat a img { padding:21px 0 0 21px; display:block; }
.flatfeat .vrlink { font-size:14px; font-weight:normal; display:block; float:right; width:auto; }
.flatfeat .flatinfo { padding:5px 6px 0 6px; }

.reciland .rodgrey { border:9px solid #e5e5e5; margin-bottom:15px; margin-right:15px; padding-bottom:22px; }
.reciland .rodgrey .rodpager { background:url(images/rodgrey_navbg.gif) top left no-repeat; margin-left:523px; width:209px; text-align:center; padding:2px 0 9px 0;}
.reciland .rodpager a, .reciland .toprodpager a { padding:0 4px; }
.reciland .rod h3, .reciland .rodgrey h3 { font-size:11px; text-transform:uppercase; font-weight:bold; line-height:13px; margin-left:20px; }
.reciland .seasonalhdr { margin-left:20px; font-size:24px; line-height:24px; font-weight:normal; }
.reciland .rod { background-position:bottom left; background-repeat:no-repeat; margin-bottom:15px; border-width:0 9px 9px 9px; border-style:solid; padding:22px 0 29px 0; }
.reciland .toprodpager { text-align:center; width:209px; padding-top:4px; margin-top:-28px; margin-left:551px; height:15px; background-position:top left; background-repeat:no-repeat; }

.reciland .rlandright { float:right; width:315px; }
.reciland .rlandright .meetchef { width:298px; border-width:0 0 1px 0; border-style:solid; border-color:#ebebeb; background:#e7f7fe; margin-right:15px; }
.reciland .chefmore { background:url(images/land_chefmore.jpg) top left no-repeat; text-align:right; padding:10px 24px 7px 0; font-weight:bold; }
.reciland .cinfo { padding:25px 90px 0 22px; background:url(images/land_cheftop.jpg) top left no-repeat;  }
.reciland .cinfo h3 { font-size:27px; font-family:Trebuchet MS; line-height:normal; font-weight:normal; color:#65494a; }
.reciland .cinfo h4 { font-size:14px; line-height:14px; }
.reciland .cinfo p { font-size:12px; line-height:14px; width:130px; padding-bottom:11px; }
.reciland .cfeat { background:#fff; padding:14px 0 10px 22px; font-size:12px; }
.reciland .cfeat img { display:block; width:54px; float:left; margin-right:13px;}
.reciland .cfeat a { display:block; margin:5px 0; }
.reciland .testk { background:url(images/testkitchen_tab.gif) top left no-repeat; padding:8px 17px 8px 41px; width:77px; }
.reciland .cinfo .testk a, .reciland .cinfo .testk a:link, .reciland .cinfo .testk a:visited, .reciland .cinfo .testk a:hover { color:#1260b9; font-size:11px; }
.reciland .ktabholder { height:1px; position:relative; }
.reciland #testkon { display:none; color:#1260b9;  background:url(images/testkitchen_tab_on.gif) top left no-repeat; width:135px; height:128px; position:absolute; bottom:0; left:auto; }
.reciland .cinfo #testkon p  { padding:9px 8px 0 15px; width:auto; }
.reciland #testkon .closer { font-size:10px; text-align:right; }

