﻿#ProductsPreview {
    list-style-type: none;
    margin: 20px 0px;
}

#ProductsPreview li {
    margin: 5px 0px 0px;
    padding: 0px;
}

#ProductsPreview img {
    width: 200px;
}

/* Styles for Product listing w/ features */
.ProductListing {
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
}

.ProductHeader, .ProductHeaderSelected {
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    background-color: #555555;
}

.ProductHeader span {
    display: block;
    padding: 2px 5px;
    cursor: pointer;
}

.ProductHeaderSelected span {
    display: block;
    padding: 2px 5px;
    cursor: default;
}

.ProductContent {
    background-color: #444444;
}

/* Features list for products */
.ProductFeatures {
    min-height: 115px;
    list-style-type: none;
    padding: 0px 0px 0px 19px;
    background: url(../Images/features.gif) no-repeat left center;
}

.ProductFeatures li {
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #666666;
}

.ProductFeatures li.last {
    border-bottom: none;
}

.ProductFeatures a {
    display: block;
    padding: 2px 5px 3px;
}

.ProductFeatures a:hover, .ProductFeatures .selected a {
    background-color: #12365F;
    color: #EEEEEE;
    text-decoration: none;
}

/* Product List (for products page) */
#ProductList {
    list-style-type: none;
}

#ProductList li {
    float: left;
    clear: both;
    width: 725px;
    margin: 20px 0px;
    padding: 0px;
}

#ProductList h2 {
    margin: 0px 0px 10px;
}

#ProductList h2 a {
    color: #888888;
}

#ProductList h3 {
    font-size: 16px;
}

#ProductList .Logo {
    float: left;
    width: 200px;
    margin: 0px 30px 0px 0px;
    padding: 0px;
}

#ProductList .Logo img {
    width: 200px;
    margin: 0px;
    padding: 0px;
}

#ProductList .Feedback {
    float: left;
    clear: left;
    width: 200px;
    margin: 20px 30px 0px 0px;
    padding: 0px;
}

#ProductList .Feedback h2 {
    margin: 0px 0px 10px;
}

#ProductList .Description {
    float: left;
    width: 495px;
    margin: 0px 0px 10px;
    padding: 0px;
}

/* List of product features (for product listing) */
#ProductList .ProductFeaturesView {
    float: left;
    list-style-type: none;
}

#ProductList .ProductFeaturesView li {
    float: none;
    width: 479px;
    margin: 10px 0px 15px;
    padding: 6px 8px;
}

#ProductList .ProductFeaturesView h4 {
    width: 495px;
    margin: 0px 0px 8px;
    font-size: 14px;
}

#ProductList .ProductFeaturesView li p {
    margin: 0px 0px 8px;
}

#ProductList .ProductFeaturesView .highlight {
    background-color: #4F483C;
}

#ProductList .ProductFeaturesView .highlight h4 {
}

/* Product feedback styles */
#ProductList .ProductFeedback {
    list-style-type: none;
    margin: 0px;
}

#ProductList .ProductFeedback li {
    width: 200px;
    float: none;
    margin: 15px 0px;
}

#ProductList .ProductFeedback li i {
    display: block;
    margin: 5px 5px 0px 0px;
    color: #ACD276;
    text-align: right;
    font-weight: normal;
}

