/* ---- [ !!** image.css used in conjunction with secureimage.css **!! The following CSS files use this to display images core.css make sure to add the same id or class calls into secureimage.css ] ---- */ /* ---- [ GLOBAL ELEMENT DEFINITIONS ] ---- */ .no-cssgradients hr.gradient{background:url(http://images.meredith.com/bhg/images/template/shell/hr_gradient.gif) repeat-x;} /* ---- [ UTILITY ] ---- */ a.arrowL {background: url("http://images.meredith.com/bhg/images/template/shell/large_arrowL.png") no-repeat scroll -1px 3px transparent;} a.arrowR {background: url("http://images.meredith.com/bhg/images/template/shell/large_arrowR.png") no-repeat scroll -1px 3px transparent;} /* ---- [ BUTTONS ] ---- */ .no-borderradius .largeBtnLeft{background:url(http://images.meredith.com/bhg/images/template/shell/button_sprite.png) no-repeat;} .no-borderradius .largeBtn{background:url(http://images.meredith.com/bhg/images/template/shell/button_sprite.png) top right;} .no-borderradius .largeBtnLeftGreen{background:url(http://images.meredith.com/bhg/images/template/shell/button_sprite.png) 0 -64px no-repeat;} .no-borderradius .largeBtnGreen{background:url(http://images.meredith.com/bhg/images/template/shell/button_sprite.png) right -64px no-repeat;} .no-borderradius .largeBtn{background:url(http://images.meredith.com/bhg/images/template/shell/button_sprite.png) top right no-repeat;} .no-cssgradients .smallBtnLeft{background:url(http://images.meredith.com/bhg/images/template/shell/button_sprite.png) 0 -24px no-repeat;} .no-cssgradients .smallBtn{background:url(http://images.meredith.com/bhg/images/template/shell/button_sprite.png) right -24px no-repeat;} .no-cssgradients .smallBtnLeftGreen{background:url(http://images.meredith.com/bhg/images/template/shell/button_sprite.png) 0 -44px no-repeat;} .no-cssgradients .smallBtnGreen{background:url(http://images.meredith.com/bhg/images/template/shell/button_sprite.png) right -44px no-repeat;} #topBannerContainer{background:url(http://images.meredith.com/bhg/images/template/shell/content_bg.gif) bottom left repeat-x #fff;} /* ---- [ PAGE STRUCTURE ] ---- */ #siteHeader{background:url(http://images.meredith.com/bhg/images/template/shell/header_bg_alt.gif) 0 125px repeat-x #fff;} .HomePage #siteHeader{background:url(http://images.meredith.com/bhg/images/template/shell/header_bg.gif) 0 124px repeat-x #fff;} #siteHeader .logo a{background:url(http://images.meredith.com/bhg/images/template/shell/logo.png) no-repeat;} #siteNav #nav li a{background:url(http://images.meredith.com/bhg/images/template/shell/nav/separator.png) no-repeat left center;} #siteNav #nav li li a, #siteNav #nav li li a:hover, #siteNav #nav span.middleClass ul.navList li a {background:url(http://images.meredith.com/bhg/images/template/shell/nav/separator.png) no-repeat left center !important; /* show border on subnav */} #siteNav #nav a{background:url(http://images.meredith.com/bhg/images/template/shell/nav/separator.png) no-repeat left center;} /* --- [Footer ] --- */ #thirdPartyPromos{background:url(http://images.meredith.com/bhg/images/template/shell/thirdpartypromos_bg.gif);} #footerLogo{background:url(http://images.meredith.com/bhg/images/template/shell/logo_footer.png) no-repeat;} /* --- [Persistant Module] --- */ #pMod .viewAll{background:url(http://images.meredith.com/bhg/images/template/shell/small_arrow.gif) no-repeat center right;} .pModDelete{background:url(http://images.meredith.com/bhg/images/template/shell/permod_x.png) no-repeat;} .no-cssgradients #channelNav .sectTitle{background:url(http://images.meredith.com/bhg/images/template/shell/sectTitle_bg.gif) repeat-x #fdfcfc;} /* ---- [ SHELL COMPONENT MODULES ] ---- */ #channelNav .sectTitle a{background:url(http://images.meredith.com/bhg/images/template/shell/nav/arrowR.gif) no-repeat 157px center;} #channelNav.allSectClosed .sectTitle a{background-image:url(http://images.meredith.com/bhg/images/template/shell/nav/arrowR.gif);} #channelNav.allSectOpen .sectTitle a, #channelNav .sectTitle.sectOpen a{background-image:url(http://images.meredith.com/bhg/images/template/shell/nav/arrow.gif);} #channelNav .sectContent.sectOpen a.menuOpen{background: url("http://images.meredith.com/bhg/images/template/shell/caret.jpg") no-repeat scroll 0 center transparent;} .ie7 #channelNav .sectContent.sectOpen a.menuOpen{background: url("http://images.meredith.com/bhg/images/template/shell/caret.jpg") no-repeat scroll 0 7px transparent;} .searchFilterDelete{background:url(http://images.meredith.com/bhg/images/template/shell/permod_x.png) no-repeat;} /* ---- QA Module ---- */ .qaQuestion{background:url(http://images.meredith.com/bhg/images/template/shell/qa_icon.png) no-repeat;} /* Home Top 5 */ .homeTop5 .mpItemNumber1{background:url("http://images.meredith.com/bhg/images/template/shell/numbers_sprite.png") no-repeat scroll 0 3px;} .homeTop5 .mpItemNumber2{background:url("http://images.meredith.com/bhg/images/template/shell/numbers_sprite.png") no-repeat scroll 0 -30px;} .homeTop5 .mpItemNumber3{background:url("http://images.meredith.com/bhg/images/template/shell/numbers_sprite.png") no-repeat scroll 0 -65px;} .homeTop5 .mpItemNumber4{background:url("http://images.meredith.com/bhg/images/template/shell/numbers_sprite.png") no-repeat scroll 0 -97px;} .homeTop5 .mpItemNumber5{background:url("http://images.meredith.com/bhg/images/template/shell/numbers_sprite.png") no-repeat scroll 0 -130px;} /* Channel Top 10 */ .channelTop10 .mpItem1{background:url("http://images.meredith.com/bhg/images/template/shell/numbers_sprite.png") no-repeat scroll 12px 3px;} .channelTop10 .mpItem2{background:url("http://images.meredith.com/bhg/images/template/shell/numbers_sprite.png") no-repeat scroll 12px -30px;} .channelTop10 .mpItem3{background:url("http://images.meredith.com/bhg/images/template/shell/numbers_sprite.png") no-repeat scroll 12px -65px;} .channelTop10 .mpItem4{background:url("http://images.meredith.com/bhg/images/template/shell/numbers_sprite.png") no-repeat scroll 12px -97px;} .channelTop10 .mpItem5{background:url("http://images.meredith.com/bhg/images/template/shell/numbers_sprite.png") no-repeat scroll 13px -130px;} .channelTop10 .mpItem6{background:url("http://images.meredith.com/bhg/images/template/shell/numbers_sprite.png") no-repeat scroll 12px -164px;} .channelTop10 .mpItem7{background:url("http://images.meredith.com/bhg/images/template/shell/numbers_sprite.png") no-repeat scroll 12px -198px;} .channelTop10 .mpItem8{background:url("http://images.meredith.com/bhg/images/template/shell/numbers_sprite.png") no-repeat scroll 12px -230px;} .channelTop10 .mpItem9{background:url("http://images.meredith.com/bhg/images/template/shell/numbers_sprite.png") no-repeat scroll 13px -262px;} .channelTop10 .mpItem10{background:url("http://images.meredith.com/bhg/images/template/shell/numbers_sprite.png") no-repeat scroll 7px -294px;} /* ---- [ Dynamic Leads ] ---- */ .roundaboutBtn .roundaboutNext{background:url(http://images.meredith.com/bhg/images/template/shell/carousel/carousel_arrows.png) 0 -286px no-repeat;} .roundaboutBtn .roundaboutPrev{background:url(http://images.meredith.com/bhg/images/template/shell/carousel/carousel_arrows.png) 0 -230px no-repeat;} .roundabout-in-focus .roundaboutTitle a{background:url(http://images.meredith.com/bhg/images/template/shell/large_arrowR.png) center right no-repeat;} .roundaboutSingle .roundaboutTitle a{background:url(http://images.meredith.com/bhg/images/template/shell/large_arrowR.png) center right no-repeat;} /* ---- [ Slideshows ] ---- */ #viewBtns .tab{background:url(http://images.meredith.com/bhg/images/template/shell/squares.png) no-repeat 10px center #fff;} #slideContent .roundaboutBtn .roundaboutNext{background:url(http://images.meredith.com/bhg/images/template/shell/carousel/carousel_arrows.png) 0 -58px no-repeat;} #slideContent .roundaboutBtn .roundaboutNextDisabled{background:url(http://images.meredith.com/bhg/images/template/shell/carousel/carousel_arrows.png) 0 -172px no-repeat;} #slideContent .roundaboutBtn .roundaboutPrev{background:url(http://images.meredith.com/bhg/images/template/shell/carousel/carousel_arrows.png) 0 0 no-repeat;} #slideContent .roundaboutBtn .roundaboutPrevDisabled{background:url(http://images.meredith.com/bhg/images/template/shell/carousel/carousel_arrows.png) 0 -114px no-repeat;} .slideshowNav .ssNextArrow{background:url("http://images.meredith.com/bhg/images/template/shell/carousel/carousel_arrows.png") no-repeat -15px -344px;} .slideshowNav .disabled .ssNextArrow{background:url("http://images.meredith.com/bhg/images/template/shell/carousel/carousel_arrows.png") no-repeat -15px -366px;} .slideshowNav .ssPrevArrow{background:url("http://images.meredith.com/bhg/images/template/shell/carousel/carousel_arrows.png") no-repeat 0 -344px;} .slideshowNav .disabled .ssPrevArrow{background:url("http://images.meredith.com/bhg/images/template/shell/carousel/carousel_arrows.png") no-repeat 0 -366px;} .no-borderradius #viewBtns .squares{background:url(http://images.meredith.com/bhg/images/template/shell/squares.png) no-repeat left center;} .no-borderradius #viewBtns .tab{background:url(http://images.meredith.com/bhg/images/template/shell/view_all_btn.png) left no-repeat;} .no-borderradius #viewBtns .tabContent{background:url(http://images.meredith.com/bhg/images/template/shell/view_all_btn.png) right no-repeat;} /* ---- [ Targeters ] ---- */ #hptoprolloverbtn{background:url("http://images.meredith.com/bhg/images/template/shell/promo_more.png") no-repeat} #hptoprolloverclose{background:url("http://images.meredith.com/bhg/images/template/shell/promo_close.png") no-repeat} /* ---- [ Recipe Search ] ---- */ .activeSort{background:url("http://images.meredith.com/bhg/images/template/shell/small_arrow_down.gif") center right no-repeat} /* ---- [ Community Profile ] ---- */ #profilecontent .rightArrow{background:url("http://images.meredith.com/bhg/images/profile/arrow_right.gif") no-repeat;} #profilecontent .downArrow{background:url("http://images.meredith.com/bhg/images/profile/arrow_down.gif") no-repeat;} /* ---- [ Blog Feed Module ] ---- */ .majlink .viewMore{background:url(http://images.meredith.com/bhg/images/template/shell/small_arrow.gif) no-repeat center right;} /* -------------------------------------- ----------------------------------------- ------------ LEGACY SUPPORT ------------- ----------------------------------------- ---------------------------------------*/ /* ---- [ base.css ] ---- */ #topbgimage{} #btmbgimage{} #glbnav ul#navmenu {background:transparent url(http://images.meredith.com/bhg/images/tmp/shell/globalNav3.png) top left no-repeat;} #foodmenu a:hover {background:transparent url(http://images.meredith.com/bhg/images/tmp/shell/globalNav3.png) -0px -30px no-repeat;} #decoratemenu a:hover {background:transparent url(http://images.meredith.com/bhg/images/tmp/shell/globalNav3.png) -127px -60px no-repeat;} #remodelmenu a:hover {background:transparent url(http://images.meredith.com/bhg/images/tmp/shell/globalNav3.png) -223px -90px no-repeat;} #kitchenmenu a:hover {background:transparent url(http://images.meredith.com/bhg/images/tmp/shell/globalNav3.png) -381px -120px no-repeat;} #bathroommenu a:hover {background:transparent url(http://images.meredith.com/bhg/images/tmp/shell/globalNav3.png) -460px -150px no-repeat;} #gardenmenu a:hover {background:transparent url(http://images.meredith.com/bhg/images/tmp/shell/globalNav3.png) -557px -180px no-repeat;} #holidaymenu a:hover {background:transparent url(http://images.meredith.com/bhg/images/tmp/shell/globalNav3.png) -649px -210px no-repeat;} #entertainmenu a:hover {background:transparent url(http://images.meredith.com/bhg/images/tmp/shell/globalNav3.png) -728px -240px no-repeat;} #healthmenu a:hover {background:transparent url(http://images.meredith.com/bhg/images/tmp/shell/globalNav3.png) -838px -270px no-repeat;} #bhg_mybhglink {background: transparent url(http://images.bhg.com/bhg/images/tmp/dsh/mybhgribbon.gif) no-repeat; } #bhg_nvbsrch {background: transparent url(http://images.bhg.com/bhg/images/tmp/shell/navbarsearch.gif) no-repeat; } #bhg_loginbutton{background: transparent url(http://images.bhg.com/bhg/images/tmp/btn/login_btn_nav.gif) no-repeat; } #bhg_joinbutton{background: transparent url(http://images.bhg.com/bhg/images/tmp/btn/join_now_btn_nav.gif) no-repeat; } #bhg_navbarcrnrs{background: transparent url(http://images.bhg.com/bhg/images/tmp/shell/navbarcrnrs.gif) no-repeat;} /* [ you are here (id) selectors - global nav ] */ #S3 #foodmenu {background:transparent url(http://images.meredith.com/bhg/images/tmp/shell/globalNav3.png) -0px -30px no-repeat;} #S1 #decoratemenu {background:transparent url(http://images.meredith.com/bhg/images/tmp/shell/globalNav3.png) -127px -60px no-repeat;} #cat5620002 #remodelmenu {background:transparent url(http://images.meredith.com/bhg/images/tmp/shell/globalNav3.png) -223px -90px no-repeat;} #cat740188 #kitchenmenu {background:transparent url(http://images.meredith.com/bhg/images/tmp/shell/globalNav3.png) -381px -120px no-repeat;} #cat740190 #bathroommenu {background:transparent url(http://images.meredith.com/bhg/images/tmp/shell/globalNav3.png) -460px -150px no-repeat;} #S2 #gardenmenu {background:transparent url(http://images.meredith.com/bhg/images/tmp/shell/globalNav3.png) -557px -180px no-repeat;} #S14 #holidaymenu {background:transparent url(http://images.meredith.com/bhg/images/tmp/shell/globalNav3.png) -649px -210px no-repeat;} #cat6870001 #entertainmenu {background:transparent url(http://images.meredith.com/bhg/images/tmp/shell/globalNav3.png) -728px -240px no-repeat;} #S7 #healthmenu {background:transparent url(http://images.meredith.com/bhg/images/tmp/shell/globalNav3.png) -838px -270px no-repeat;} /* [ page body display ] */ #contentwell {width:669px; float:left; padding:0; background:#fff url(http://images.meredith.com/bhg/images/tmp/shell/rightwell.gif) right repeat-y; } #singlecolumn {width:669px; padding:0; margin:0; float:left; background:#fff url(http://images.meredith.com/bhg/images/tmp/shell/rightwell.gif) right repeat-y;} #bottomwell {background:#fff url(http://images.meredith.com/bhg/images/tmp/shell/botwell.gif) bottom right no-repeat; height:4px; line-height:4px; position:relative; clear:both;} /* [ left side navigation ] */ .tubebr {background: url(http://images.meredith.com/bhg/images/tmp/shell/catCorner2008.gif) 100% 100% no-repeat;} .tubeb {background:url(http://images.meredith.com/bhg/images/tmp/shell/catBm2008.gif) 0 100% repeat-x} .tuber {background:url(http://images.meredith.com/bhg/images/tmp/shell/catRt2008.gif) 100% 0 repeat-y} #ltnav .lnparent .slctarrow {background:url(http://images.meredith.com/bhg/images/tmp/shell/horzArrow2008.gif) -1px 5px no-repeat;} #ltnav .child li {background:url(http://images.meredith.com/bhg/images/tmp/shell/childbullet2008.gif) -4px 4px no-repeat;} #ltnav .lnparentdown {background:url(http://images.meredith.com/bhg/images/tmp/shell/vertArrow.jpg) 4px 4px no-repeat;} #ltnav .alsoLike ul li{list-style-image:url("http://images.meredith.com/bhg/images/tmp/shell/alsobullet2008.gif")} /* [tools and guides section] */ #tgfeat .tgdash {background:url(http://images.meredith.com/bhg/images/tmp/tools/dash.png) no-repeat 0 100%;} .tgdisplay .tgcolrt {background:url(http://images.meredith.com/bhg/images/tmp/tools/vertdash.gif) repeat-y 0 0;} /* [ No Javascript ] */ #bhgnojs{background-image:url(http://images.meredith.com/bhg/images/tmp/shell/no_js_bg.jpg);background-repeat:repeat-x; } /* Non IE Selector */ html>body #logo{background-image:url(http://images.meredith.com/bhg/images/tmp/shell/tBHGLogo3.png);background-repeat:no-repeat;} html>body #slogo{background-image:url(http://images.meredith.com/bhg/images/tmp/shell/ssBHGLogo.png);} html>body #woops{background-image:url(http://images.meredith.com/bhg/images/tmp/shell/woops.png);} html>body #ssnext{background-image:url(http://images.meredith.com/bhg/images/tmp/gallery/next.png);} html>body #sscurrent{background-image:url(http://images.meredith.com/bhg/images/tmp/gallery/pause.png);} html>body #ssprev{background-image:url(http://images.meredith.com/bhg/images/tmp/gallery/prev.png);} /* [ End of PNG Hacks for IE ] */ /* [ css for member favorites in the right side nav ] */ #mbrfav #wrap .backlink, #wrap .backlink a {background:url(http://images.meredith.com/bhg/images/tmp/shell/dash.jpg) no-repeat 0 100%;} #mbrfav .parent {background:url(http://images.meredith.com/bhg/images/tmp/shell/mbrfavGrad.gif) 0 0 repeat-x;} #mbrfav .parentdown {background:url(http://images.meredith.com/bhg/images/tmp/shell/mbrfavGrad.gif) 0 0 repeat-x;} #mbrfav .parent a {background:url(http://images.meredith.com/bhg/images/tmp/shell/horzArrow.gif) 100% 4px no-repeat;} #mbrfav .parentdown a {background:url(http://images.meredith.com/bhg/images/tmp/shell/vertArrow.jpg) 100% 4px no-repeat;} /* ---- [ category.css ] ---- */ #colorapp #tabs li {background:url(http://images.meredith.com/bhg/images/tmp/colorthis/colorThisTab.gif) no-repeat center top;} #colorapp #app {background:url(http://images.meredith.com/bhg/images/tmp/colorthis/colorThisBG.gif) no-repeat left bottom; background-position:0px -40px;} .tpclist .catAssocOneCol li {list-style-image:url("http://images.meredith.com/bhg/images/tmp/shell/catassocbullet.gif")} /* ---- [ module.css ] ---- */ .modhomeimp {background:url(http://images.meredith.com/bhg/images/tmp/tools/gradient.gif) repeat-x;} #cldlkarrow {width:10px; height:7px; float:left; background-image:url(http://images.meredith.com/bhg/images/tmp/shell/parentArrow2008.gif);} /* ---- [ styles for background-borders ] ---- */ .grylne .brdTr{background:transparent url(http://images.meredith.com/bhg/images/tmp/borders/grayline_trc.gif) repeat-x;} .grylne .brdTr .brdTrL{background:#FFF url(http://images.meredith.com/bhg/images/tmp/borders/grayline_trl.gif) no-repeat;} .grylne .brdTr .brdTrC{background:transparent url(http://images.meredith.com/bhg/images/tmp/borders/grayline_trc.gif) repeat-x;} .grylne .brdTr .brdTrR{background:#FFF url(http://images.meredith.com/bhg/images/tmp/borders/grayline_trr.gif) no-repeat;} #info .grylne .brdTr .brdTrL{background:transparent url(http://images.meredith.com/bhg/images/tmp/borders/grayline_mr.gif) left repeat-y;} #info .grylne .brdTr .brdTrC{background:transparent;} #info .grylne .brdTr .brdTrR{background:transparent url(http://images.meredith.com/bhg/images/tmp/borders/grayline_mr.gif) right repeat-y;} .grylne .brdMr .brdMrL{background:transparent url(http://images.meredith.com/bhg/images/tmp/borders/grayline_mr.gif) left repeat-y;} .grylne .brdMr .brdMrR{background:transparent url(http://images.meredith.com/bhg/images/tmp/borders/grayline_mr.gif) right repeat-y;} .grylne .brdBr{background:transparent url(http://images.meredith.com/bhg/images/tmp/borders/grayline_brc.gif) repeat-x;} .grylne .brdBr .brdBrL{background:#FFF url(http://images.meredith.com/bhg/images/tmp/borders/grayline_brl.gif) no-repeat;} .grylne .brdBr .brdBrC{background:transparent url(http://images.meredith.com/bhg/images/tmp/borders/grayline_brc.gif) repeat-x;} .grylne .brdBr .brdBrR{background:#FFF url(http://images.meredith.com/bhg/images/tmp/borders/grayline_brr.gif) no-repeat;} .solidltgrn .brdTr{background:#f1f8e6;} .solidltgrn .brdTr .brdTrL{background:#FFF url(http://images.meredith.com/bhg/images/tmp/borders/solidltgreen_trl.gif) no-repeat;} .solidltgrn .brdTr .brdTrR{background:#FFF url(http://images.meredith.com/bhg/images/tmp/borders/solidltgreen_trr.gif) no-repeat;} .solidltgrn .brdMr .brdMrL{background:#f1f8e6;} .solidltgrn .brdMr .brdMrR{margin:7px 2px 7px 0; background:#f1f8e6;} .solidltgrn .brdBr{background:#f1f8e6;} .solidltgrn .brdBr .brdBrL{background:#FFF url(http://images.meredith.com/bhg/images/tmp/borders/solidltgreen_brl.gif) no-repeat;} .solidltgrn .brdBr .brdBrR{background:#FFF url(http://images.meredith.com/bhg/images/tmp/borders/solidltgreen_brr.gif) no-repeat;} .grygrad {background:url(http://images.meredith.com/bhg/images/tmp/tools/gradient.gif) repeat-x;} .grygrad .brdTr .brdTrL{background:transparent url(http://images.meredith.com/bhg/images/tmp/borders/grygrad_trl.gif) no-repeat;} .grygrad .brdTr .brdTrR{background:transparent url(http://images.meredith.com/bhg/images/tmp/borders/grygrad_trr.gif) no-repeat;} .grygrad .brdMr .brdMrL{background:transparent;} .grygrad .brdMr .brdMrR{margin:4px 2px 4px 0; background:transparent;} .grygrad .brdBr .brdBrL{background:transparent url(http://images.meredith.com/bhg/images/tmp/borders/grygrad_brl.gif) no-repeat;} .grygrad .brdBr .brdBrR{background:transparent url(http://images.meredith.com/bhg/images/tmp/borders/grygrad_brr.gif) no-repeat;} /*Dinner Time Free Trial confirmation page*/ .DTheader{width:550px; background-image:url(http://images.meredith.com/bhg/images/marketing/DinnerTime/DTbgcolor1.gif); background-repeat:repeat-x; height:75px; padding-left:20px; overflow:hidden;}