@import url(base.css);

/* Index has a different image, since the background texture encroaches on the button on the index only */

#navigation li#navigation-about a
{
    background-image: url(../images/bg_navigation_about_index.gif);
    width: 92px;
}

#navigation li#navigation-cover-who a
{
    background-image: url(../images/bg_navigation_cover_who_index.gif);
    width: 117px;
}

#navigation li#navigation-cover-what a
{
    background-image: url(../images/bg_navigation_cover_what_index.gif);
    width: 121px;
}

#navigation li#navigation-contact a
{
    background-image: url(../images/bg_navigation_contact_index.gif);
    width: 94px;
}

#navigation li#navigation-quote a
{
    background-image: url(../images/bg_navigation_quote_index.gif);
    width: 128px;
}

#navigation li#navigation-claims a
{
    background-image: url(../images/bg_navigation_claims_index.gif);
    width: 113px;
}


#branding
{
    width: 980px;
}

#site-information
{
    width: 980px;
}

#navigation
{
    width: 980px;
}

#branding h1
{
    background: url(../images/bg_logo_bluedog_index.gif) no-repeat;
    position: absolute;
    width: 209px;
    height: 108px;
    left: 23px;
    top: 36px;
    position: absolute;
}

#branding h3#tagline
{
    width: 178px;
    height: 54px;
    position: absolute;
    background: url(../images/bg_tagline_index.gif) no-repeat;
    left: 740px;
    top: 6px;
}

#intro
{
    background: url(../images/bg_intro_index.gif) no-repeat;
    width: 310px;
    height: 148px;
    position: absolute;
    left: 386px;
    top: 40px;
}

#intro p,
#intro h2
{
    text-indent: -999em;
}

#branding
{
    height: 203px;
    background-image: url(../images/bg_branding_index.gif);
}

#content
{
    background-image: url(../images/bg_content_index.gif);
    width: 954px;
}


#content .column
{
    float: left;
}

#content #column-1
{
    width: 345px;
}

#content #column-2
{
    width: 350px;
    padding-top: 30px;
}

#content #column-3
{
    width: 230px;
    padding-top: 160px;
}

#contact-us
{
    width: 340px;
}

#contact-us-tp
{
    height: 32px;
    background: url(../images/bg_contact_us_tp.png) no-repeat;
}

#contact-us .content
{
    background: url(../images/bg_contact_us.png) repeat-y;
    padding: 0px 18px 0px 23px;
}

#contact-us-bt
{
    height: 21px;
    background: url(../images/bg_contact_us_bt.png) no-repeat;
}

#contact-us h3
{
    display: block;
    background: url(../images/hd_contact_us_index.gif) no-repeat 23px 12px;
    padding-top: 12px;
}

#contact-us p
{
}

#contact-us ul#contact-us-phone li
{
    float: left;
    display: block;
    padding-left: 6px;
    background: none;
}

#contact-us ul#contact-us-phone li.first
{
    border-right: 1px solid #fff;
    padding-right: 8px;
    padding-left: 0;
}

#bluedog-difference
{
    width: 340px;
}

#bluedog-difference h3
{
    height: 41px;
    width: 250px;
    background: url(../images/hd_bluedog_difference_index.gif) no-repeat 23px 12px;
}

#bluedog-difference ul li
{
    padding: 0 0 8px 20px;
    background: url(../images/ic_bluedog_difference_bullet.gif) no-repeat 0px 6px;
}

p#quote-text
{
    height: 43px;
}

#bluedog-difference-tp
{
    height: 41px;
    background: url(../images/bg_bluedog_difference_tp.png) no-repeat;
}

#bluedog-difference .content
{
    padding: 0px 33px 0px 23px;
    background: url(../images/bg_bluedog_difference.png) repeat-y;
    color: #10384E;
}

#bluedog-difference-bt
{
    background: url(../images/bg_bluedog_difference_bt.png) no-repeat;
    height: 41px;
}

#cash-back h3
{
    background-image: url(../images/hd_cash_back_index.gif);
}

#monthly-payment-option h3
{
    background-image: url(../images/hd_monthly_payment_option_index.gif);
}

#refer-mate h3
{
    background-image: url(../images/hd_refer_mate_index.gif);
}

#why-insure h3
{
    background-image: url(../images/hd_why_insure_index.gif);
}

#pet-cover .content
{
    background: url(../images/bg_pet_cover.png);
}

#pet-cover h3
{
    height: 0;
}

#pet-cover .content
{
    padding-left: 114px;
    padding-right: 20px;
    padding-top: 34px;
}