/** promo.css
    Contains references to promotions 
		- hr is used as an alternative to a cleaner class
*/


/* Base elements 
*/


#mainPromo
{
    margin: 7px 0px;
    float: left;
    width: 736px;
    height: 236px;
    display: block;
    background: white url("../images/content/promo_main.jpg") top left no-repeat;
}
#mainPromo h3, #mainPromo p, #mainPromo img
{
    display: none;
}
#mainPromo a
{
    text-decoration: none;
}

#promoPuff
{
    width: auto;
    display: block;
}

.promoPuffTop, .promoPuffMid, .promoPuffBtm, .promoPuffBody
{
    display: block;
    width: auto;
    background-position: top left;
}
.promoPuffTop
{
    height: 9px;
    background-image: url("../images/layout/bdr_promo_puff_top.png");
    background-repeat: no-repeat;
    overflow: hidden;
}
.promoPuffMid
{
    background-image: url("../images/layout/bdr_promo_puff_mid.png");
    background-repeat: repeat-y;
}
.promoPuffBtm
{
    height: 10px;
    background-image: url("../images/layout/bdr_promo_puff_btm.png");
    background-repeat: no-repeat;
    overflow: hidden;
}
.promoPuffBody
{
    background-position: 3px 0px;
    background-image: url("../images/layout/bdr_promo_puff_body.gif");
    background-repeat: no-repeat;
}

.promoPuffLarge
{
    display: block;
    width: 493px;
    margin: 0px 1px 0px 3px;
    float: left;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 489px;
}
html > body .promoPuffLarge
{
    width: 489px;
}
.promoPuffSmall
{
    float: right;
    display: block;
    width: 231px;
    margin: 0px 2px 0px 0px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 229px;
}
html > body .promoPuffSmall
{
    width: 229px;
}


.promoPuffItem
{
    width: 151px;
    display: block;
    float: left;
    margin: 0px 0px 0px 6px;
}
.promoPuffItemWide
{
    width: 210px;
}

.promoPuffItem h2
{
    display: block;
    width: 130px;
    height: 21px;
    margin: 0px 0px 10px 6px;
    padding: 0px;
    overflow: hidden;
}

.promoPuffItem h2.h2PromoPuff4
{
    width: 165px;
}


.promoPuffCopy
{
    padding: 10px 5px 0px 5px;
    display: block;
    width: auto; /*	height: 125px; */
}
.promoPuffCopy p
{
    font-size: 0.69em;
    color: #000000;
    margin: 0px;
    padding: 0px 5px;
}
.spaceImage img
{
    padding: 3px 0px 15px 0px;
}
.promoPuffItem a
{
    display: block;
    height: 38px;
    text-decoration: none;
    margin: 0px 0px 0px 5px;
    padding: 0px;
    overflow: hidden;
}
.promoPuffItem a.btnPuffLearnMore
{
    width: 112px;
    background-image: url("../images/layout/btn_home_learnmore.png");
    background-position: top left;
    background-repeat: no-repeat;
}