/* ---- [
    !!** image.css used in conjunction with secureimage.css **!!
        The following CSS files use this to display images
            base.css
            borders.css
            category.css
        make sure to add the same id or class calls into secureimage.css
] ---- */

/* ---- [ base.css ] ---- */
body{background:url(http://images.meredith.com/diy/images/temps/bg.gif) repeat-x;}
.logo{background:url(http://images.meredith.com/diy/images/temps/diy_logo.gif) no-repeat 50%;}

#contentwell{background:url(http://images.meredith.com/diy/images/temps/contentwellBg.gif) repeat-y;}
#singlecolumn{background:url(http://images.meredith.com/diy/images/temps/singlecolumnBg.gif) repeat-y;}
#headerSearch{background:url(http://images.meredith.com/diy/images/temps/searchBoxbg.gif) no-repeat;}

ul.majlink li{background:transparent url(http://images.meredith.com/diy/images/temps/bullet_purpledot.gif) no-repeat 5px 5px;}
.catAssocOneCol ul li, .catAssocTwoCol ul li{background:transparent url(http://images.meredith.com/diy/images/temps/bullet_purpledot.gif) no-repeat 5px 5px;}

ul.topicsLinkList li{background:transparent url(http://images.meredith.com/diy/images/temps/bullet_bluedot.gif) no-repeat 5px 5px;}
ul.featuredLinkList li{background:transparent url(http://images.meredith.com/diy/images/temps/bullet_purplearrow_r_on.gif) no-repeat right 1px;}

.arrowR{background:transparent url(http://images.meredith.com/diy/images/temps/bullet_purplearrow_r_on.gif) no-repeat scroll right 3px;}
.arrowRoff{background:transparent url(http://images.meredith.com/diy/images/temps/bullet_purplearrow_r_off.gif) no-repeat scroll right 3px;}
.arrowL{background:transparent url(http://images.meredith.com/diy/images/temps/bullet_purplearrow_l_on.gif) no-repeat scroll -1px 3px;}
.arrowLoff{background:transparent url(http://images.meredith.com/diy/images/temps/bullet_purplearrow_l_off.gif) no-repeat scroll -1px 3px;}

.fauxPersona{background-image: url(http://images.meredith.com/diy/images/temps/SPbg.gif);background-repeat: no-repeat;}