@import 'css/master/settings/settings';

#topBrandsContainer {
  @include clearfix();
  .brand_section {
    padding-top: 10px;
    float: left;
    width: 158px;

    &.double {
      width: 316px;
      height: 99px;
    }

    img {
      width: 100%;
      height: auto !important;
      max-height: 100%;
    }
  }

  .deal_section {
    float: left;
    margin: 0 15px 15px 0;
    width: 306px;
    height: 157px;

    &:nth-child(3n) {
      margin-right: 0;
    }

    img {
      width: 100%;
      height: 100%;
    }
  }

  .rr_zones {
    .moduleStruct .rrStyle {
      padding-left: 13px;
    }
    &.zone_block.horizontal {
      width: 100% !important;
    }
  }
}

.rrStyle {
  padding: 0 0 .25em 0;
  margin-bottom: 5px;
  @include font-size($baseFontSize);
  border-bottom: solid 1px #ddd;
  font-weight: $fontWeightBold;
}