/* 
    Document   : ProductBlock
    Created on : Dec 9, 2008, 11:56:31 AM
    Author     : Marcio
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* Bloco de Produtos */
DIV.productBlock {
    display: inline-block;
    width: 200px;
    height: 335px;
    margin: 5px;
    position: relative;
}

DIV.productBlock TABLE:hover {
    border: #7f8faf 1px dashed; 
}

DIV.productBlock TABLE {
    width:200px;
    height: 335px;
    text-align:center;
    cursor:pointer;
    border:1px solid #f0f0f0;
}

A.productBlock:link, A.productBlock:visited {
    color: black;
}

A.productBlock:hover {
    color: #4f5f7f;
}

DIV.productBlock TABLE TR.pbName {
    height:35px;
}    
DIV.productBlock TABLE TR.pbName TD {
    height:35px;
    font-size:9pt;
    font-weight:bolder;
    background-color:#f4f4f4;
}

DIV.productBlock TABLE TR.pbName TD SPAN {
    display: block;
}

DIV.productBlock TABLE TR.pbPhoto {
    height:228px;
    border: none;
    vertical-align: middle;
    text-align:center;
}  
DIV.productBlock TABLE TR.pbPhoto IMG {
    border:none;
}

DIV.productBlock TABLE TR.pbPrice {
    height: 13px;
}

.pbSellingPrice {
    color: gray;
}

DIV.productBlock TABLE TR.pbSubtitle {
    font-size: 9pt;
}