* html .product {
/*Bloody hack for IE6 invisible text bug*/
/*Will fail soon in newer UAs*/
    height: 0.01%;
}

h2 {
    padding: 0; /*Overrides frames.css*/
}

ul {
    list-style: none;
    list-style-type: none;
    margin: 0;
}
.product-item {
    width: 170px;
    position: relative;
    border: 1px solid #999;
    float: left;
    padding: 0;
    margin: 5px 5px 10px 9px;
}
.product-item h4 {
    background: #555;
    color: #fff;
    
    padding: 5px;
    margin: -5px 0 0 0;
    
    text-align: center;
}
.product-item p {
    position: absolute;
    top: 0; left: 0;
    overflow: hidden;
    padding: 5px;
    
    height: 186px; width: 160px;
    
    color: #fff;
    background: url(../../images/1x1_transparent_gray.png);
    font: normal normal normal 0.95em 0.8em veranda;
    
    opacity: 0.0;
    filter: alpha(opacity=0);
}
.product-item a {
    text-decoration: none !important;
}
.product-item p span {
    float: left;
    position: absolute;
    bottom: 5px; right: 5px;
    
    color: #cc0000;
    font: normal normal bold 1em 0.75em veranda;
    text-align: right;
}
.product-item img {
    margin: 0px;
}

.product {
    margin: 5px 0 15px 0;
    padding: 10px;
    background: #E6EBF1;
    border: solid 1px #CEDDE4;
}

.product .sb {
    margin: 2px;
    border: solid 3px #AEBDC4;
}

.sb:hover {
    border: dotted 3px #AEBDC4;
}

.product ul li {
    margin: 5px 0 5px 0;
}

.product ul li a {
    font-weight: bold;
}

.product ul li img {
    border: none 2px #999;

}

.product-screenshots {
    margin: 0 10px 0 0;
    float: left;
}

.product-details {
    margin: 0 0 0 10px;
    float: left;
}

.product-details b, .product-screenshots b {
    line-height: 2.5em;
    font-family: 'arial';
    font-weight: bold;
}

.product-overview {
    float: left;
    width: 50%;
}

.product-overview li {
    padding: 0.5em 0 0em 0;
}

.product-overview li div {
    width: 78%;
    padding: 0 0 0 0.2em;
    
}

.product-overview li img,
.product-overview li div {
    float: left;
}

.product-overview>li>div>a,
.product-overview>li>div>div {
    padding: 0 0 0 1em;
}

.clear {
    clear: left;
}