/******************************************************
 * @package Pav Opencart Theme Framework for Opencart 1.5.x
 * @version 1.1
 * @author http://www.pavothemes.com
 * @copyright	Copyright (C) Augus 2013 PavoThemes.com <@emai:pavothemes@gmail.com>.All rights reserved.
 * @license		GNU General Public License version 2
*******************************************************/
// Center-align a block level element
 
/* box */
.box {
    margin-bottom: @box-module-margin-bottom;
    .box-heading {
        
        border:@box-module-heading-border;
        background:@box-module-heading-bg;
        padding:@box-module-heading-padding;
        font-family:@box-module-heading-font ;
        font-size: @box-module-heading-font-size;
        font-weight: bold;
        line-height: 14px;
        color: @box-module-heading-color;
    }
    .box-content {
        background: @box-module-content-bg;
        .border-exclude-top( 1px, solid , @box-module-border-color );
        padding: @box-module-content-padding;
    }
    /* box styles */
    &.highlighted,
    &.orange,
    &.dark,
    &.green,
    &.maroon,
    &.blue,
    &.gray,
    &.pink,
    &.red {
        .box-heading {
            border-bottom:1px dashed @white;
            color:@white;
        }
        
       
    }

    &.orange {
        .box-heading{
            background:lighten(@orange, 15%);
        }
        .box-content{ 
            background:@orange;
        } 
        li{
            border-top-color: lighten(@orange, 15%);
        }
        a{
         color:#B66B00;
             
        &:hover{
               color:#6F4100;
               }
        }
    }
    
    &.dark {
        background:@black;
        a{
         color:#777;
             
        &:hover{
               color:#888;
               }
        }
    }
    &.green {
        background:@green;
        a{
         color:#63E063;
             
        &:hover{
               color:#43F043;
               }
        }
    }
    &.maroon {
        background:#F35D34;
        a{
         color:#B4300D;
             
        &:hover{
               color:#C93F19;
               }
        }
    }
    &.blue {
        background:@blue;
        a{
         color:#47C9FF;
             
        &:hover{
               color:#0073A3;
               }
        }
    }
    &.gray {
        background:@gray;
        a{
         color:#999;
             
        &:hover{
               color:#777;
               }
        }
    }
    &.pink {
        background:@pink;
        a{
         color:#FF5C8F;
             
        &:hover{
            color:#FA2E6E;
           }
        }
    }
    &.red {
        background:@red;
        a{
         color:#EE4538;
             
        &:hover{
               color:#DA3F33;
               }
        }
    }

}
