.news-catalog
{
    width: 100%;
}

.news-catalog .news-item
{
    border-bottom: 2px solid #cdcdcd;
    padding-bottom: 10px;
    margin-bottom: 40px;
    overflow: hidden;
    width: 280px;
}

.news-catalog .news-item img
{
    vertical-align: baseline;
    margin-bottom: 20px;
    display: block;
    width: 220px;
}

.news-catalog .news-item .news-details
{
    width: 280px;
}

.news-catalog .news-item .news-details h2
{
    margin-bottom: 20px;
    font-weight: bold;
    line-height: 28px;
    font-size: 24px;
    color: #5c2d82;
}

.news-catalog .news-item .news-details .date
{
    margin-bottom: 20px;
    font-weight: bold;
    line-height: 20px;
    font-size: 13px;
    color: #646464;
}

.news-catalog .news-item .news-details p
{
    margin-bottom: 20px;
    line-height: 20px;
    font-size: 13px;
    color: #646464;
}

.news-catalog .news-item .news-details p a
{
    text-decoration: underline;
    color: #646464;
}

.news-catalog .news-item .news-details .for-sale
{
    background: url(images/for-sale-arrow.png) 10px center no-repeat #ff6200;
    font-family: 'PerspectiveSansBlack', serif;
    padding: 7px 20px 2px 30px;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 20px;
    line-height: 20px;
    font-size: 13px;
    color: #fff;
}

.news-catalog .news-item .news-details .price
{
    font-family: 'PerspectiveSansBlack', serif;
    margin-bottom: 20px;
    line-height: 20px;
    font-size: 13px;
    color: #646464;
}

@media only screen and (min-width: 481px) and (max-width: 768px)
{
    .news-catalog .news-item
    {
        width: 480px;
    }
    
    .news-catalog .news-item img
    {
        margin: 0 20px 20px 0;
        float: left;
    }
    
    .news-catalog .news-item .news-details
    {
        width: 240px;
        float: left;
    }
}

@media only screen and (min-width: 769px)
{
    .news-catalog .news-item
    {
        width: 460px;
    }
    
    .news-catalog .news-item img
    {
        margin: 0 20px 20px 0;
        float: left;
    }
    
    .news-catalog .news-item .news-details
    {
        width: 220px;
        float: left;
    }
}

@media only screen and (min-width: 1025px)
{
    .news-catalog .news-item
    {
        width: 700px;
    }
    
    .news-catalog .news-item img
    {
        margin: 0 20px 20px 0;
        float: left;
    }
    
    .news-catalog .news-item .news-details
    {
        width: 460px;
        float: left;
    }
}