div#pageWrapper {
    padding: 0 20px 0 20px;
}

.clearfix {
    clear: both;
}

div#featuredProductsContainer {
    padding: 15px 0 0 0;
}

/* Ant wants the display to degrade to 1024, need to keep the width just below 50% else it wraps */
div.featContainer {
    width: 48%;
    float: left;
    margin: 0 0 15px 0;
    padding: 0 5px;
}

    div.featContainer img {
        width: 175px;
        height: 175px;
        margin: 0 15px 0 0;
    }
    
    div.featContainer h2, div.featContainer h2 a {
        margin: 0 0 0 0;
        font-size: 10px;
        font-family: verdana;
        font-weight: bold;
    }
    
    div.featContainer form {
        display: inline;
        margin: 0;
        padding: 0;
    }
    
        div.featContainer form input {
            display: inline;
            margin: 0;
            padding: 0;
            
        }
        
p.shortText {
    font-weight: bold;
}

p.shortTextCent {
    font-weight: bold;
    text-align: center;
}

p.prodPrice {
    font-weight: bold;
    color: #ff0000;
}

div#topSellersContainer {
    padding: 15px 0 0 0;
}

div.topContainer {
    width: 23%;
    float: left;
    margin: 0 0 15px 0;
    padding: 0 5px;
    text-align: center;
}
    
    div.topContainer img {
        margin: 0 auto 10px auto;
        width: 60px;
        height: 60px;
        display: block;
    }
    
    div.topContainer h2, div.topContainer h2 a {
        margin: 0 0 0 0;
        font-size: 10px;
        font-family: verdana;
        font-weight: bold;
    }
    
div#latestProductsContainer {
    padding: 15px 0 0 0;
}

div.latestContainer {
    width: 23%;
    float: left;
    margin: 0 0 15px 0;
    padding: 0 5px;
    text-align: center;
}
    
    div.latestContainer img {
        margin: 0 auto 10px auto;
        width: 60px;
        height: 60px;
        display: block;
    }
    
    div.latestContainer h2, div.latestContainer h2 a {
        margin: 0 0 0 0;
        font-size: 10px;
        font-family: verdana;
        font-weight: bold;
    }