// Catalog
//------------------------------------------------------

@import "compass/css3";
@import "compass/utilities";


.catalog{
   border:1px solid $border-color;
   padding:9px;
   @include border-radius($base-border-radius);
   position:relative;
   
   &:hover, &:active, &:focus{
      border:1px solid $border-color-dark;
      
   }
   a.favourites-delete{
      font-weight:bold;
      color:$white;
      background-color:$alter-link-color;
      display:inline-block;
      position:absolute;
      top:5px;
      left:5px;
      padding:2px 8px;
      @include border-radius($base-border-radius);
      
      &:hover{
         text-decoration:none;
         background-color:$alter-link-color-dark;
      }
   }
   .content{
      margin-top:35px;
      
      .anotation{
         color:$font-color-light;
         margin:0;
         height:20px;
         height:20px;
         overflow:hidden;
         line-height:20px;
      }
      h3{
         margin:0px; 
         height:44px;
         line-height:22px;
         overflow:hidden;
         
         a:hover, &:active, &:focus{
            color:$alter-link-color;
            text-decoration:none;
         }
      }
      .price{
         color:$alter-link-color;
         font-weight:bold;
         font-size:24px;
         position:relative;
         
         span.strike-price{
            text-decoration:line-through;
            color:$font-color-light;
            font-size:14px;
            font-weight:normal;
            display:block;
            height:20px;
            line-height:20px;
         }
      }
   }
}
.product-flags{
   margin-bottom:10px;
   height:28px;
   
   span{
      color:$white;
      display:inline-block;
      padding:0 20px;
      line-height:28px;
      width:49%;
      box-sizing:border-box;
      
      &.flag-instore{
         background-color: $flag-instore;
      }
      &.flag-new{
         background-color: $flag-new;
      }
      &.flag-sale{
         background-color: $flag-sale;
      }
      &.flag-campaign{
         background-color: $flag-campaign;
      }
      &.flag-free-delivery{
         background-color: $flag-free-delivery;
      }
   }
}
.divider.catalog-divider{
   margin:20px 0;
}
