/* 
    Document   : list-category
    Created on : Dec 21, 2010, 11:31:24 AM
    Author     : sebastiaan
    Description:
        Styling of overview of products within a category
*/

#product-listing {
    padding-top: 30px;
}
#product-listing .filter a.active {
    font-weight: bold;
}

#product-listing .filter a {
    text-decoration:underline;
}
#product-listing .filter a:hover {
    text-decoration:none;
}
#product-listing .sections {
    margin-bottom:50px;
}
#product-listing .sections h3 {
    margin-top:30px;
}

#product-listing .sections .items .item {
    clear:both;
    width:685px;
    border-bottom: 1px #5A94C6 solid;
    border-right: 1px #5A94C6 solid;
    height:100px;
}

#product-listing .sections .items .item .thumb {
    float:left;
    width:215px;
    display:block;
    position: relative;
}
#product-listing .sections .items .item .info h2 {
    margin: 10px 0 4px;
}

#product-listing .sections .items .item .info {
    width:445px;
    display:block;
    float:right;
    position: relative;
}

#product-listing .sections .items .item .info .intro {
    clear:both;
}
#product-listing .sections .items .item .info .price_from {
    margin-top:10px;
    width:200px;
}
#product-listing .sections .items .productlink {
    height:18px;
    width:205px;
    background:#5A94C6;
    text-align: center;
    margin-left:480px;
    margin-top:-18px;
    position: absolute;
    z-index:1000;
}
#product-listing .sections .items .productlink a {
    color:white;
}