.tariffCondensed {
  margin-bottom: 10px;
  padding: @tariff-internal-padding;
  border-radius: 6px;
  text-align: left;
  color: #fff;
  position:relative;
  background-image:url(../LeafVerticalBackground.jpg);
  &:before{
    content:"";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    border-radius: 5px;
    position: absolute;
     #gradient.horizontal(fadeout(@primary-gradient-start, 20%), fadeout(@primary-gradient-end, 20%));
  }
  &__header {
    position:relative;
    margin-bottom: @vertical-margin/2;
  }
  &__name {
    margin:0;
    display: inline-block;
  }
  &__price {
    font-family: @font-family-sans-serif;
    margin:0;
    vertical-align: top;
  }
  &__body {
    position:relative;
    font-size: @font-size-small;
    &:after{
      content:"";
      display:block;
      clear: both;
      margin-bottom:@vertical-margin/2;
    }
  }
  &__period {
    vertical-align: top;
  }
  .btn{
    width:200px;
  }
}

@tariffAverageHeight:180px;
.generateLeafBg(3);

.generateLeafBg(@n, @i:0) when (@i < @n){
  .tariffCondensedBg-@{i}{
    .tariffCondensed {
      background-position-y: (@i*@tariffAverageHeight)*-1;
    }
  }
  .generateLeafBg(@n, (@i + 1));
}