﻿div.SearchPartPage {
    background-color: #fff;
    margin: 0;
    padding:0;
    width: 100%;
}

/* ТОП 3 ТОВАРА НА СТРАНИЦЕ ПОИСКА */

div.TopProducts {
    width: 100%;
    display: block;
    margin: 0 auto;
}

div.TopProduct {
    max-width: 100%;
    width: 30%;
    min-width: 260px;
    height: 160px;
    margin: 5px 10px;
    padding: 15px 0px 10px 5px;
    display: inline-block;
    background-color: #f3f3f3;
    border-radius: 10px;
    vertical-align: top;
    float:left;
}
div.BlockName {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    width: 50%;
    padding: 4px 0;
}

div.BlockLabel {
    background-color: gray;
    border-radius: 10px 0 0 10px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    padding: 4px 0;
    text-align: center;
    width: 50%;
}
div.TopProduct_Details {
    margin: 10px 0;
    display:block
}
div.TopBrandName{
    display: inline-block;
    font-size: 16px;
    
    width: 60%;
}
div.TopArticle{
    display: block;
    font-size: 16px;
    width: 100%;
}
div.TopName {
    display: inline-block;
    font-size:12px;
    width: 60%;
    margin: 10px 0;
}

div.TopPrice{
    display: inline-block;
    text-align:right;
    width: 35%;
    font-size: 18px;
    font: bold;
}
div.TopAmount{
    display: inline-block;
    text-align:right;
    width: 30%;
}
div.TopPeriod{
    display: inline-block;
    text-align:left;
    width: 38%;
}
div.TopBuy{
    display: inline-block;
    text-align:right;
    width: 60%;
}
#TopProductsShow{
    display:block;
    width: 100%;
    text-align:center;
    height: 30px;
    vertical-align: middle;
    line-height: 30px;
    cursor:pointer;
    font-size: 14px;
    color: #4800ff;
    
}
#TopProductsShow span {
    border-bottom: 1px dashed #4800ff;
}
/* ТОП 3 ТОВАРА НА СТРАНИЦЕ ПОИСКА КОНЕЦ */

/* РЕЗУЛЬТАТЫ ПОИСКА */
.PreSelectionHeader, #ResultTableHeader {
    background-color: #e55635;
    color: #fff;
    display:block;
    width: 100%;
    font-weight: bold;
    vertical-align: middle;
    line-height: 30px;
}
#ResultTableHeader {
    text-align:right;
}

.table-title {

}
.PreSelectionRow:hover {
    background-color: gray !important;
    cursor: pointer;
}
.PreSelectionRow:nth-child(2n+1) {
    background-color: #9c9cee;
    cursor: pointer;
}
div.PreSelection_BrandName, div.PreSelection_Article {
    width: 25%;
}
div.PreSelection_Name {
    width: 40%;
}
div.PreSelection_BrandName, div.PreSelection_Name, div.PreSelection_Article,
div.BrandName, div.Name, div.Article, div.Amount, div.Price, div.Period, div.Amount, div.Buy, div.Offers {
    display: inline-block;
    vertical-align: middle;
    padding: 5px;
    font-size: 14px;
}
div.ProductContainer{
    color: #808080;
    display: block;
    border: 1px solid #f3f3f3;
    height: 100%;
}

div.Product {
    width: 30%;
    display:inline-block;
    vertical-align:top;
    padding:0;
    margin:0;
}
div.Offers {
    display:inline-block;
    min-width: 500px;
    text-align: right;
    padding:0;
}
div.OfferRow {
    display: block;
    float:none;
}
div.OfferRow:hover {
    color: #000;
}
div.BrandArticle {
    display: inline-block;
    min-width: 100px;
    padding: 4px;
    width: 40%;
}
span.BrandName, a.Article {    
    display: inline-block;
}
a.Article {
    /*font-size: 18px;*/
    border-bottom: 1px dashed #808080;
    text-decoration: none;
}
a.Article:hover {
    color: #000;
}
div.Article {
    width: 10%;
    min-width: 70px;
}
div.Name {
    width: 50%;
    min-width: 150px;
    font-size: 11px;
}
div.SpinBox {
    display: inline-block;
    text-align: left;
    width: 60px;
}
div.Price {
    width: 10%;
    min-width: 100px;
    text-align: center;
}
div.Period {
    width: 8%;
    min-width: 80px;
    text-align: center;
}
div.Amount {
    width: 8%;
    min-width: 100px;
    text-align: right;
}
div.Buy {
    width: 14%;
    min-width: 155px;
}
img.AddStopCross {
    cursor: pointer;
}
/* РЕЗУЛЬТАТЫ ПОИСКА КОНЕЦ */