.banner-aps-dp-module .hero-skin{
    min-height: 300px;
    background: #edeae3;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efece6), to(#eae7df));
    background: -webkit-linear-gradient(top, #efece6, #eae7df);
    background:    -moz-linear-gradient(top, #efece6, #eae7df);
    background:     -ms-linear-gradient(top, #efece6, #eae7df);
    background:         linear-gradient(top, #efece6, #eae7df);
    background-repeat:repeat-x;
    background-position:top left;
    background-size:100%;/* works on good browsers */
}

/*  Default box model - override with ID for new designs. Also some overrides can be applied directly by CMS via inline styling  */
.banner-aps-dp-module .hero-skin .content-wrapper{
    padding:70px 165px 45px 103px;
    min-height:185px;
    width:702px;
}
.banner-aps-dp-module .hero-skin .hero-content{
    background-repeat:no-repeat;
    background-position:left 50%;
    padding-left:180px;
    min-height:150px;
}
/*  End Box Model   */

.banner-aps-dp-module .hero-skin .hero-content.right-hero{
    background-position:right 50%;
    padding-right:180px;
}

.banner-aps-dp-module .hero-skin h2{
    font:normal 32px/32px Arial, Helvetica, sans-serif;
    color:#b21f1f;
    padding-bottom:17px;
}
.banner-aps-dp-module .hero-skin p{
    font:normal 16px/21px Arial, Helvetica, sans-serif;
    color:#666;
    padding-bottom:20px;
}

/* Individual Page Specific Overrides - future projects add an ID at skin level for specificity/inheritance */
.banner-aps-dp-module .hero-skin#mng-your-mny-banner h2{
    font-size:38px;
    line-height:38px;
    padding-bottom:10px;
}
.banner-aps-dp-module .hero-skin#mng-your-mny-banner p{
    font-size:20px;
    line-height:24px;
}


.banner-aps-dp-module .hero-skin#vw-acct-types-banner .content-wrapper{
    padding:20px 16px 15px 40px;
    min-height:265px;
    width:924px;
}
.banner-aps-dp-module .hero-skin#vw-acct-types-banner .hero-content{
    padding:30px 445px 0 0;
    min-height:235px;
}

/*New styles for employee banking - starting with checking*/
.banner-aps-dp-module .hero-skin#ebi-int-banner .content-wrapper,
.banner-aps-dp-module .hero-skin#ebi-sav-banner .content-wrapper,
.banner-aps-dp-module .hero-skin#ebi-banner .content-wrapper {
    padding: 0 0 0 40px;
    width: 940px;
}
.banner-aps-dp-module .hero-skin#ebi-int-banner .hero-content {
    background-position: right bottom;
    min-height: 192px;
    padding: 58px 260px 50px 0;
}
.banner-aps-dp-module .hero-skin#ebi-int-banner .hero-content h2 {
    font-size: 28px;
}

.banner-aps-dp-module .hero-skin#ebi-sav-banner .hero-content,
.banner-aps-dp-module .hero-skin#ebi-banner .hero-content {
    background-position: right bottom;
    min-height: 150px;
    padding: 50px 260px 30px 0;    
}
.banner-aps-dp-module .hero-skin#ebi-sav-banner .hero-content{
    margin-right: 20px;
}
.banner-aps-dp-module .hero-skin#ebi-sav-banner,
.banner-aps-dp-module .hero-skin#ebi-banner{
    min-height:230px;
}
.banner-aps-dp-module .hero-skin#ebi-sav-banner .hero-content h2{
    font-size:35px;
}

.banner-aps-dp-module .hero-skin .highlight {
    color: #b21f1f;
}