/**
 * NOTES: 
 * Sections such as the default styling section are demarcated with 
 * selectors such as #__DEFAULT_STYLING__.  This is useful in the event
 * that your editor has an CSS outline view.
 */

div.home #primary{
    background:#e5e5e5;
}


/* PRODUCTS  */

div.home #products{
    margin:0;padding:0;
}

div.home #products li{
    list-style:none;
    float:left;
    width:323px;
    border:1px solid #b5b5b5;
    padding:0px;
    margin:0 10px 10px 0;
    background:#FFF;
    position:relative;
}

div.home #products li a{
    display:block;
    text-decoration:none;
    padding:10px;
    min-height:130px;
    _height:130px;
}

div.home #products li a:hover{
    border:5px solid #3092e6;
    padding:5px;
    -webkit-box-shadow: 0px 0px 8px #888;
    -moz-box-shadow: 0px 0px 8px #888;
    box-shadow: 0px 0px 8px #888;
}

div.home #products h4{
    font: bold 30px Arial, sans-serif;
    color:#c02525;
}

div.home #products img{
    float:right;
    margin:0 0 10px 10px;
    border:1px solid #CCC;
}

div.home #products h3{
    color:#000;
    margin:0;
    line-height:30px;
}
/*
<div class="price-box">
    <p class="old-price">
        <span class="price-label">Regular Price:</span>
        <span class="price" id="old-price-4-new">$1,695.00</span>
    </p>
    <p class="special-price">
        <span class="price-label">Special Price:</span>
        <span class="price" id="product-price-4-new">$1,406.85</span>
    </p>
</div>
*/
div.home #products p.old-price span.price{
    font-size:20px;
}
div.home #products p.special-price span.price-label{
    font-weight:normal;
}

div.home #products p.special-price span.price{
    font: bold 20px/20px Arial;
    color:#c02525;
}
div.home #primary #products li a p{
    font:12px/18px Arial,sans-serif;
    color:#747474;
}