/**
* home page related styles
*/
.maincol {
    width: 650px;
    float: left
}

.articles, .news {
    margin-top: 6px;
    float: left;
}

.sponsored {
    color: #999;
}

.articles img, .article-item img, .product-item img, .news img, .user-tests img {
    float: left;
    margin-right: 10px;
}

.article-item, .product-item, .news-item {
    font-family: arial, tahoma;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
    padding: 10px 0;
}

.article-item .cat, .product-item .cat {
    display: block;
    background-color: #cf0a1d;
    color: #FFF;
    font-size: 11px;
    position: absolute;
    font-family: SignikaBold;
    text-transform: uppercase;
    padding: 3px 4px 2px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    max-width: 131px;
    top: 10px;
}

.article-item a, .product-item .header, .news-item a {
    color: #333;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}

.news-item a {
    font-size: 12px
}

.article-item a:hover, .news-item a:hover {
    text-decoration: underline;
}

.article-item p, .product-item p, .news-item p {
    padding-top: 3px;
    font-size: 12px;
    margin-left: 150px;
    text-align: left !important;
}

.article-item p.no-image, .product-item p.no-image {
    width: auto;
    margin-left: 0;
}

/**
* advice
*/

.advice {
    font-family: Arial;
    line-height: 17px;
    font-size: 11px;
    width: 325px;
    margin: 10px 10px 0 0;
    float: left;
    color: #666;
    text-align: center
}

.advice strong {
    font-size: 12px;
    color: #333;
}

/**
* top10
*/
.top10 {
    font-family: Arial;
    width: 325px;
    margin-right: 7px;
    margin-top: 6px;
    float: left
}
.top10 .top10-item {
    padding-top: 10px;
    font-size: 11px;
    max-height: 70px;
    overflow-y: hidden;
    position: relative
}
.top10 .top10-item img {
    width: 93px;
    height: 70px;
    float: left;
    margin-right: 10px;
}

.top10-item .pos1, .top10-item .pos2, .top10-item .pos3 , .top10-item .pos {
    display: block;
    background-color: #cf0a1d;
    font-size: 19px;
    position: absolute;
    font-family: SignikaBold;
    text-transform: uppercase;
    padding: 2px 8px 3px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
    color: #FFF;
    top: 10px
}

.top10-item .pos2 {
    font-size: 16px;
    padding: 2px 8px 2px;
}

.top10-item .pos {
    float: left;
    position: static;
    margin-right: 10px
}

.top10-item .pos3, .top10-item .pos {
    font-size: 14px;
    width: 23px;
    height: 23px;
    padding: 2px 4px 2px;
}

.top10-item a {
    color: #333;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

.top10-item a:hover {
    text-decoration: underline;
}

.top10right {
    float: right;
    width: 300px;
    margin-top: 42px;
    border-top: 1px solid #E3E3E3;
}

/**
* user tests
*/
.user-tests {
    width: 315px;
    float: right;
    font-family: arial;
    margin-top: 6px;
}

.user-tests h2 {
    border: none
}

.user-tests .news-item {
    background-color: #f2f2f2;
    border-top: 1px solid #e6e6e6;
    border-bottom: none;
    padding: 10px
}

.user-tests-write {
    margin: 0;
    background-color: #f2f2f2;
    border: 1px solid #e6e6e6;
    border-top: none;
    width: auto
}

.user-tests-write h2 {
    margin: 0;
    padding: 10px 0 0 10px;
    border: none
}

.user-tests-write p {
    border-top: 1px solid #e6e6e6;
    margin: 5px 10px;
    padding: 7px 0 2px
}

/**
* top10 cars
*/

.top10-cars .general a {width: 53px}
.top10-cars .fuel a {width: 50px}
.top10-cars .driving a {width: 79px}
.top10-cars .comfort a {width: 62px}
.top10-cars .performance a {width: 39px}
.top10-cars .reliability a {width: 83px}
.top10-cars .intown a {width: 75px}
.top10-cars .outside a {width: 75px}

/**
* top10 cars list
*/
.top10-cars-item {
    padding-top: 10px;
    font-size: 12px;
    max-height: 106px;
    overflow-y: hidden;
    border-top: 1px solid #e6e6e6;
    margin-top: 16px;
}
.top10-cars-item:first-child {
    border-top: none;
    margin-top: 0
}

.top10-cars-item p {
    font-size: 11px
}
.top10-cars-item img {
    width: 141px;
    height: 105px;
    float: left;
    margin-right: 10px;
}

.top10-cars-item .pos1, .top10-cars-item .pos2, .top10-cars-item .pos3 {
    display: block;
    background-color: #cf0a1d;
    font-size: 19px;
    position: absolute;
    font-family: SignikaBold;
    text-transform: uppercase;
    padding: 2px 8px 3px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
    color: #FFF
}

.top10-cars-item .pos2 {
    font-size: 16px;
    padding: 2px 8px 2px;
}

.top10-cars-item .pos3 {
    font-size: 14px;
    width: 14px;
    height: 18px;
    padding: 2px 4px 2px;
}

.top10-cars-item a {
    color: #333;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

.top10-cars-item a:hover {
    text-decoration: underline;
}

.top10-cars .ui-tabs-panel {
    border: 1px solid #e6e6e6;
    border-top: none;
    padding: 10px;
    font-size: 12px;
    height: 628px;
    overflow: hidden;
    font-family: Arial
}

.top10-cars-leftcol {
    float: left;
    width: 300px;
    margin-right: 10px
}

/**
* promo-small
*/

.promo-small {
    clear: left;
    padding-top: 20px;
}

.promo-small div.col {
    width: 315px;
    height: 305px;
    background-color: #333;
    color: #FFF;
    float: left;
    position: relative;
}

.promo-small div:first-child {
    margin-left: 0
}

.promo-small p {
    padding: 4px 10px 10px;
    font-size: 12px;
    font-family: Arial
}

.promo-small p a {
    color: #FFF000
}
.promo-small a img {
    margin-bottom: 10px;
}
.promo-small .title {
    background-color: #FFF000;
    color: #333;
    text-decoration: none;
    font-size: 17px;
    font-family: SignikaSemiBold;
    box-shadow: 5px 0 0 #fff000, -5px 0 0 #FFF000;
    -moz-box-shadow: 5px 0 0 #fff000, -5px 0 0 #FFF000;
    -webkit-box-shadow: 5px 0 0 #fff000, -5px 0 0 #FFF000;
    position: absolute;
    left: 14px;
    bottom: 89px;
    max-width: 287px;
    padding-bottom: 2px;
}
.promo-small .title-mobile {
    background-color: #FFF000;
    color: #333;
    text-decoration: none;
    font-size: 17px;
    font-family: SignikaSemiBold;
    box-shadow: 5px 0 0 #fff000, -5px 0 0 #FFF000;
    -moz-box-shadow: 5px 0 0 #fff000, -5px 0 0 #FFF000;
    -webkit-box-shadow: 5px 0 0 #fff000, -5px 0 0 #FFF000;
    max-width: 287px;
    padding-bottom: 2px;
    margin-left: 5px;
}

/**
* article-categories
*/
.article-category {
    width: 320px;
    margin-top: 10px;
    float: left;
}

.article-category .more {
    font-size: 12px;
    float: right;
    display: block;
    padding: 10px 10px 0 0
}

/**
* index items
*/

.articles-index, .products-index {
    width: 100%;
    margin-top: 6px;
}

.articles, .news, .article-category {
    width: 100%;
}

.articles-index.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.articles-index img, .article-item img {
    float: left;
    margin-right: 10px;
}

.articles-index .article-item {
    font-family: arial, tahoma;
    padding: 10px 0;
    border: none;
    border-top: 1px solid #e6e6e6;
    float: left;
    width: 315px;
}

.products-index .product-item {
    font-family: arial, tahoma;
    padding: 10px;
    margin-bottom: 10px;
    border: 2px solid #EBEBEB;
    float: left;
    width: 315px;
    background-color: #F0F0F0;
}

.products-index .product-item.odd {
    background-color: #fff;
}

.articles-index .first-two {border-top: none}
.articles-index .odd, .products-index .odd, .left-rail .odd {clear: left}

.articles-index .article-item .cat, .products-index .product-item .cat {
    display: block;
    background-color: #cf0a1d;
    font-size: 11px;
    position: absolute;
    font-family: SignikaBold;
    text-transform: uppercase;
    padding: 3px 4px 2px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    max-width: 131px;
    top: 10px;
}

.products-index .product-item .cat {
    display: inline-block;
    position: initial;
    margin-left: 185px;
    max-width: none;
}

.articles-index .article-item a, .products-index .product-item a {
    color: #333;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}

.articles-index .article-item a:hover, .products-index .product-item a:hover {
    text-decoration: underline;
}

.articles-index .article-item p, .news-item p, .products-index .product-item p {
    padding-top: 3px;
    font-size: 12px;
    margin-left: 150px;
    text-align: left !important;
}
.products-index .product-item img {
    margin-bottom: 10px;
}
.products-index .product-item p, .products-index .product-item .product-rate {
    margin-left: 185px;
    margin-top: 10px;
    margin-bottom: 10px;
    font: 14px/20px Arial;
}

.product-item .header {
    color: #333;
    font-family: SignikaSemiBold !important;
    font-size: 20px !important;
    font-weight: bold !important;
    text-decoration: none;
}

.articles-index time, .products-index time {
    color: #999;
    display: inline-block;
    width: 45%;
}

footer {
    width: 100%;
}