﻿body
{
    background-image: url(../i/bg-page.png);
    background-repeat: repeat-x;
    background-color: #d52728;
}

#shell
{
    width: 960px;
    margin: 0 auto;
}

#hdr
{
    background-image: url(../i/bg-hdr.png);
    background-repeat: no-repeat;
    width: 921px;
    height: 101px;
    margin: 0 0 0 19px;
    overflow: visible;
    position: relative;
    z-index: 3;
}

#hdr h1
{
   background-image: url(../i/bg-pet-month-logo.png);
   width: 309px;
   height: 221px;
   position: absolute;
   z-index: 1;
   left: 86px;
}

#hdr h2#pure-love-logo
{
    background-image: url(../i/bg-pure-love-logo.png);
    width: 254px;
    height: 26px;
    position: absolute;
    left: 408px;
    top: 18px;
}

#hdr h2#purina-logo
{
    background-image: url(../i/bg-purina-logo.png);
    width: 146px;
    height: 24px;
    position: absolute;
    left: 759px;
    top: 20px;
}

#content
{
    background-image: url(../i/bg-content.png);
    background-repeat: repeat-y;
    width: 920px;
    padding: 9px 20px 0 20px;
    overflow: visible;
    _zoom: 1;
    position: relative;
}

.section
{
    padding: 0 0 40px 0;
}

.hl
{
    background-image: url(../i/hl-sprite.png);
    background-repeat: no-repeat;
}

#top
{
    background-image: url(../i/bg-top.png);
    background-repeat: no-repeat;
    background-position: 920px 102px;
    width: 940px;
}

#top p
{
    width: 355px;
}

#top .col p
{
    margin-left: 0;
    width: 460px;
}

#hl-you-and-your-pet
{
    width: 440px;
    height: 101px;
    margin: 50px 0 20px 0;
}

.intro
{
    width: 920px;
    background-image: url("../i/bg-content.jpg");
    background-position: 473px 22px;
    background-repeat: no-repeat;
    padding: 1px 0 0 0;
}

#hl-a-special-thank-you
{
    width: 418px;
    height: 29px;
    background-position: 0 -101px;
}

#ways-to-celebrate
{
    background-image: url(../i/bg-ten-ways.jpg);
    background-repeat: no-repeat;
    background-position: 560px 135px;
}

#ways-to-celebrate .hl
{
    width: 646px;
    height: 68px;
    margin: 0 0 18px 0;
    background-position: 0 -129px;
}

#ways-to-celebrate ol, #ways-to-celebrate p
{
    width: 450px;
}

#ways-to-celebrate ol
{
    background-image: url(../i/bg-footprints-10-ways.png);
    background-repeat: no-repeat;
    background-position: 465px 285px;
    padding: 0 300px 0 0;
}

#search-for-pets
{
    background-image: url(../i/bg-search-for-pets.jpg);
    background-repeat: no-repeat;
    background-position: 610px 80px;
}

#search-for-pets .hl
{
    width: 439px;
    height: 65px;
    margin: 0 0 11px 0;
    background-position: 0 -197px;
}

#search-for-pets p
{
    width: 410px;
}

#search-for-pets #adopt-a-pet-widget
{
    width: 768px;
    padding: 15px;
    background-color: #fff;
    margin: 60px 0 65px 60px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 1px 2px 2px #999;
    -moz-box-shadow: 1px 2px 2px #999;
    box-shadow: 1px 2px 2px #999;
}

#search-for-pets #adopt-a-pet-widget #adopt-a-pet-tag
{
    width: 238px;
    height: 29px;
    padding: 0 0 0 530px;
    background-color: #fff;
}

#search-for-pets #adopt-a-pet-widget #adopt-a-pet-tag a
{
    color: #666;
    text-decoration: none;
    display: block;
    background-image: url(http://searchtools.adoptapet.com/images/st-logo.gif);
    background-repeat: no-repeat;
    background-position: right top;
    padding: 0 110px 0 0;
    width: 130px;
    height: 35px;
}

#search-for-pets #adopt-a-pet-widget #adopt-a-pet-tag span
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 120px;
    font-size: 9px;
    color: #666666;
    line-height: 1.4em;
    display: block;
    text-align: right;
}

#coupons #hl-celebrate-with-savings
{
    width: 397px;
    height: 60px;
    background-position: 0 -263px;
    margin: 0 0 19px 0;
}

#coupons a.coupons
{
    display: block;
    width: 738px;
    height: 87px;
    margin: 0 0 30px 0;
    background-image: url(../i/btn-get-coupons.png);
    background-repeat: no-repeat;
}

#coupons ul#brands li
{
    background-image: url(../i/logo-sprite.png);
    background-repeat: no-repeat;
    padding: 0 50px 0 90px;
    width: 245px;
    height: 110px;
    float: left;
}

#coupons ul#brands li.two
{
    background-position: 0 -740px;
}

#coupons ul#brands li.three
{
    background-position: 0 -185px;
}

#coupons ul#brands li.four
{
    background-position: 0 -925px;
}

#coupons ul#brands li.five
{
    background-position: 0 -370px;
}

#coupons ul#brands li.six
{
    background-position: 0 -1120px;
}

#coupons ul#brands li.seven
{
    background-position: 0 -555px;
}

#coupons ul#brands li.eight
{
    background-position: 0 -1295px;
}


#coupons #hl-thank-you
{
    width: 867px;
    height: 146px;
    background-position: 0 -321px;
}

#footer
{
    padding: 80px 140px 0;
    font-size: .8em;
}

#footer ul li
{
    text-align: center;
    float: left;
    padding: 0 20px 0 20px;
}
