/*
stylesheet for a group of like products
########### groups of products ###########
###########---------------###########
###########  ----- -----  ###########
###########  ----- -----  ###########
###########  ----- -----  ###########
###########---------------########### */
/* total width = 831 as set by the javascript sp_navbar.js */
/**************first the layout of the product boxes (2 per row)**************/
div.product_row
{
    position:relative;
    margin-top:1px;
    height:120px;
}
    div.product_row div.product
    {
        top:0px;
        width:414px;
        height:120px;
        cursor: pointer; cursor: hand;
        background-color:#efefef;
    }
        div.product_row div.right_product
        {
            position:relative;
            left:415px;
        }
        div.product_row div.left_product
        {
            position:absolute;
        }

/**************inside each product**************/
div.product div.image
{
    width:130px;
    float:left;
    margin:10px 0px 0px 20px;
}
    div.product div.image img { border: 2px #ddd ridge; }

div.product div.description
{
    width:230px;
    margin-top:10px;
    float:left;
}
    div.product div.description div.title
    {
        font-weight:bold;
        font-size:14px;
    }
    div.product div.description div.SKU
    {
        margin-top:5px;
        font-size:12px;
    }
    div.product div.description div.more_info
    {
        text-align:right;
        color:#074b22;
        text-decoration: underline;
        font-size:13px;
        margin-top:20px;
    }