@import url(../Common/portals.css);

    
/* Additional Card */   
#AdditionalProduct img {
    float: left;
    clear: left;
    max-width: 205px;
    width: 40%;
    margin-right: 2%;
    }
    
#AdditionalProduct .content h2, 
#AdditionalProduct .tagline { 
    width: 55%;
    float: left;
    }
    
#AdditionalProduct .content h2 { 
    font-size: 16px; 
    clear: right;
    margin-top: 7px;
    margin-bottom: 5px;
    }
    
    #AdditionalProduct span { color: #F5822B; }
        
#AdditionalProduct .tagline { 
    display: block; 
    color: #003771;
    }

/* NEWSLIST */
.newsItem { 
    float: none; 
    background-color: #fff;
    }
    
    .hasImage .newsLink, .hasImage .newsLink {
        width: 35%;
        float: right;
        max-height: 100px;
        margin-left: 2%;
        }
        
    .hasLargeImage a.newsLink {
        display: block;
        width: 100%;
        }
    
    .hasLargeImage .newsLink img, .hasImage .newsLink img  {
        width: 100%;
        max-width: 449px;
        max-height: 100px;
        }
        
    .hasImage .newsLink img, .hasImage .newsLink img, 
    .hasLargeImage .newsLink img, .hasLargeImage .newsLink img {
        width: 100%;
        }

/* OTHER CARDS */        
#OtherCards { 
    text-align: center;
    width: 100%;
    }
    
    #OtherCards h2 { text-align: left; }
    
    #OtherCards h3 a {
        color: #003771;
        font-size: 16px;
        font-weight: bold;
        }
    
    #OtherCards h3 a:hover { text-decoration: none; }
    
        #OtherCards span { color: #F5822B; }
        
    #OtherCards img {
        display: block;
        clear: both;
        }
        
@media only screen and (max-width: 960px) { 
    #AdditionalProduct .content h2 { margin-top: 0px; }    
}