/*
#m-frameset {}
#m-left {
    float: left;
    width: 200px;
}
#m-right {
    margin-left: 224px;
}
*/

#l-colors-title {
    font: normal normal normal 20px/normal "Roboto", sans-serif;
    color: #333;
    margin-bottom: 10px;
}
#l-colors {
    overflow: hidden;
    padding: 0 7px 7px 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 12px;
}
#l-colors > a {
    display: block;
    float: left;
    width: 25px;
    height: 25px;
    margin-left: 10px;
    margin-bottom: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
#l-colors > a:first-child {
    margin-left: 0;
}

#tpl-products {
    margin-top: -40px;
}
#tpl-products > div.product {
    float: left;
    width: 186px;
    margin-left: 15px;
    margin-top: 40px;
}
#tpl-products > div.product.col-0 {
    margin-left: 0;
}
#tpl-products > div.product > a.photo {
    display: block;
    margin-bottom: 5px;
}
#tpl-products > div.product > a.photo > img {
    display: block;
    width: 100%;
}
#tpl-products > div.product > h2 {
    font: normal normal 400 13px/15px "Roboto", sans-serif;
    margin: 10px 5px 10px 5px;
}
#tpl-products > div.product > h2 > a {
    color: #000;
    text-decoration: none;
    display: block;
    text-align: center;
}
#tpl-products > div.product > h2 > a:hover {
    text-decoration: underline;
}
#tpl-products > div.product > div.price {
    text-align: center;
    font: normal normal 400 17px/17px "Roboto", sans-serif;
    color: #58A618;
}
#tpl-products > div.product > div.price > span {
    display: inline-block;
    padding: 2px 4px;
}
#tpl-products > div.product > div.price > span > sup {
    font: normal normal 400 13px/13px "Roboto", sans-serif;
    position: relative;
    top: -5px;
}
#tpl-products > div.product > div.price.normal > span.price {}
#tpl-products > div.product > div.price.sale > span.price {}
#tpl-products > div.product > div.price.sale > span.price-old {
    font-weight: normal;
    color: #888;
    background-image: url("images/miniProduct-price-old-line.png");
    background-position: center center;
    background-repeat: no-repeat;
}


#m-brands-title {
    font: normal normal normal 20px/normal "Roboto", sans-serif;
    color: #333;
    margin-top: 20px;
    margin-bottom: 10px;
}
#m-brands {}
#m-brands > div {
    font: normal normal normal 14px/25px "Roboto", sans-serif;
    text-transform: uppercase;
}
#m-brands > div > a {
    color: #555;
    text-decoration: none;
}
#m-brands > div > a.active {
    text-decoration: underline;
}
#m-brands > div > a:hover {
    color: #000;
    text-decoration: underline;
}