/* ---- [ !!** image.css used in conjunction with secureimage.css **!! The following CSS files use this to display images base.css category.css dashboard.css infomod.css module.css mybhgdest.css make sure to add the same id or class calls into secureimage.css ] ---- */ /* ---- [ base.css ] ---- */ #topbgimage{} #btmbgimage{} #glbnav ul#navmenu {background:transparent url(http://images.meredith.com/bhg/images/tmp/shell/globalNav2.gif) top left no-repeat;} #decoratemenu a:hover {background:transparent url(http://images.meredith.com/bhg/images/tmp/shell/globalNav2.gif) -3px -30px no-repeat;} #remodelmenu a:hover {background:transparent url(http://images.meredith.com/bhg/images/tmp/shell/globalNav2.gif) -102px -60px no-repeat;} #foodmenu a:hover {background:transparent url(http://images.meredith.com/bhg/images/tmp/shell/globalNav2.gif) -260px -90px no-repeat;} #gardenmenu a:hover {background:transparent url(http://images.meredith.com/bhg/images/tmp/shell/globalNav2.gif) -385px -120px no-repeat;} #craftmenu a:hover {background:transparent url(http://images.meredith.com/bhg/images/tmp/shell/globalNav2.gif) -476px -150px no-repeat;} #holidaymenu a:hover {background:transparent url(http://images.meredith.com/bhg/images/tmp/shell/globalNav2.gif) -539px -180px no-repeat;} #healthmenu a:hover {background:transparent url(http://images.meredith.com/bhg/images/tmp/shell/globalNav2.gif) -621px -210px no-repeat;} /* [ you are here (id) selectors - global nav ] */ #S1 #decoratemenu {background:transparent url(http://images.meredith.com/bhg/images/tmp/shell/globalNav2.gif) -3px -30px no-repeat;} #cat5620002 #remodelmenu {background:transparent url(http://images.meredith.com/bhg/images/tmp/shell/globalNav2.gif) -102px -60px no-repeat;} #S3 #foodmenu {background:transparent url(http://images.meredith.com/bhg/images/tmp/shell/globalNav2.gif) -260px -90px no-repeat;} #S2 #gardenmenu {background:transparent url(http://images.meredith.com/bhg/images/tmp/shell/globalNav2.gif) -385px -120px no-repeat;} #S10 #craftmenu {background:transparent url(http://images.meredith.com/bhg/images/tmp/shell/globalNav2.gif) -476px -150px no-repeat;} #S14 #holidaymenu {background:transparent url(http://images.meredith.com/bhg/images/tmp/shell/globalNav2.gif) -539px -180px no-repeat;} #S7 #healthmenu {background:transparent url(http://images.meredith.com/bhg/images/tmp/shell/globalNav2.gif) -621px -210px 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/tBHGLogo2.png);} 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")} /* ---- [ dashboard.css ] ---- */ #dcontent{ background-color:#E5F4CD; background-image:url(http://images.meredith.com/bhg/images/tmp/dsh/dashbg.png); background-repeat:repeat-x;} .exptop{ background-image:url(http://images.meredith.com/bhg/images/tmp/dsh/mybhg_topdroparrowbg.gif); background-repeat:no-repeat; background-position:top; height:21px;} #dleftcontent{background-color:#FFF; background-image:url("http://images.meredith.com/bhg/images/tmp/dsh/mybhg_yourrecentclippingsBg.gif"); background-repeat:no-repeat;} #dleftcontent .recentclipping{background-image:url("http://images.meredith.com/bhg/images/tmp/dsh/cliptypeheadbg.gif"); background-repeat:repeat-x;} #dright{background-image:url(http://images.meredith.com/bhg/images/tmp/dsh/mybhg_yourclippingsbgtop.gif); background-color:#FDFDFB; background-repeat:no-repeat;} /* REMOVED HEIGHT ON CLIP HEAD AND IT WORKS -- WIERD */ .cliphead{background-image:url(http://images.meredith.com/bhg/images/tmp/dsh/cliptypeheadbg.gif); background-repeat:repeat-x; background-color:#FFF;} .cliphead span{background-image:url(http://images.meredith.com/bhg/images/tmp/dsh/cliparrowright.gif); background-repeat:no-repeat; background-position:right;} .cliphead span.open{background-image:url(http://images.meredith.com/bhg/images/tmp/dsh/cliparrowdown.gif); background-repeat:no-repeat; background-position:right;} span.load{background-image:url(http://images.meredith.com/bhg/images/tmp/dsh/loading.gif); background-repeat:no-repeat; width:75px; padding-left:10px;} div.noclippings{background-image:url(http://images.meredith.com/bhg/images/tmp/dsh/dashclipit.gif); background-repeat:no-repeat; background-position:top; background-color:#FFF;} /* ---- [ infomod.css ] ---- */ #info #mrsld {background:url(http://images.meredith.com/bhg/images/tmp/infomod/backtab.gif) 0 100% no-repeat;} html>body #info #mrsld {background:url(http://images.meredith.com/bhg/images/tmp/infomod/backtab.gif) 0 100% no-repeat;} #infotop #gr {background:url(http://images.meredith.com/bhg/images/tmp/infomod/gr.gif) 0 0 repeat-x;} #infotop #gr .vidwn {background:url(http://images.meredith.com/bhg/images/tmp/infomod/lttab.gif) 0 0 no-repeat;} #infotop #gr .vidup {background:url(http://images.meredith.com/bhg/images/tmp/infomod/lttab2.gif) 0 0 no-repeat;} #infotop #gr .vidwnar a,#infotop #gr .vidwnar a:visited {background:url(http://images.meredith.com/bhg/images/tmp/infomod/rt.gif) 100% 3px no-repeat;} #infotop #gr .vidupar a,#infotop #gr .vidupar a:visited {background:url(http://images.meredith.com/bhg/images/tmp/infomod/down.gif) 100% 3px no-repeat;} #infotop #gr .sldup {background:url(http://images.meredith.com/bhg/images/tmp/infomod/rttab.gif) 0 0 no-repeat;} html>body #infotop #gr .sldup {background:url(http://images.meredith.com/bhg/images/tmp/infomod/rttab.gif) 0 0 no-repeat;} #infotop #gr .sldupar a,#infotop #gr .sldupar a:visited {color:#666;text-decoration:none;background:url(http://images.meredith.com/bhg/images/tmp/infomod/down.gif) 0 3px no-repeat;} #infotop #gr .sldwn {background:url(http://images.meredith.com/bhg/images/tmp/infomod/rttab2.gif) 0 0 no-repeat;} html>body #infotop #gr .sldwn {background:url(http://images.meredith.com/bhg/images/tmp/infomod/rttab2.gif) 0 0 no-repeat;} #infotop #gr .sldwnar a,#infotop #gr .sldwnar a:visited {color:#68AA00;text-decoration:none;background:url(http://images.meredith.com/bhg/images/tmp/infomod/rt.gif) 0 3px no-repeat;} /* ---- [ 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);} /* ---- [ mybhgdest.css ] ---- */ #clipsort{background-image:url(http://images.meredith.com/bhg/images/tmp/dsh/mybhg_sort_bg.jpg); background-repeat:repeat-x;} #clipsort a{background-image:url(http://images.meredith.com/bhg/images/tmp/dsh/arrow_green_sort.gif); background-repeat:no-repeat; background-position:right;} #mybhgsc .ctopbg{background-image:url(http://images.meredith.com/bhg/images/tmp/dsh/mybhgfadeboxtop.jpg); background-repeat:no-repeat;} #mybhgsc .citembg{background-image:url(http://images.meredith.com/bhg/images/tmp/dsh/mybhgfadeboxleft.jpg); background-repeat:repeat-y;} #mybhgsc .cbottombg{background-image:url(http://images.meredith.com/bhg/images/tmp/dsh/mybhgfadeboxbottom.jpg); background-repeat:no-repeat;} /* ---- [ 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;} /*** BEGIN SUMMER TIME ***/ #STBottom .tpclist .catAssocOneCol li{ list-style-image:none; } /*** END SUMMER TIME ***/