/******************************************************
 * @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 */

.sidebar{
    .box{
        .box-heading{ 
            background-color: @box-module-heading-hightlight-bg;
            background-image:url('@{image-theme-path}icon-title.png');
            background-position: 13px 13px;
            background-repeat: no-repeat;
            padding-left: 43px;
         }
        .box-content{
            background: none repeat scroll 0 0 #fff;
            border: 1px solid #dcdbdb;
            .product-block{
                .quickview{
                    display: none !important;
                }
            }
        }
        &.highlight{        
            .box-heading{
                span{
                    background:#4a433f;
                    display: block;
                    &:before,&:after{
                        border: none;
                    }                    
                }
            }
        }
        &.highlighted{
            .box-heading{
                background-color: @theme-color-secondary;
            }
        }
    }
}
.box{
    &.pav-custom{
        .box-content{
            padding: 0;
            border: none;
            img{
                border-radius: 3px;
            }
            h3.highlight-viewall{
                bottom: 0;
                position: absolute;
                text-align: right;
                width: 100%;
                a{
                    background: @gray;
                    border-radius: 0 0 3px 3px;
                    display: block;
                    span{
                        background:url('@{image-theme-path}shopnow-bg.png') no-repeat scroll right center rgba(0, 0, 0, 0);
                        color:@white;
                        display: inline-block;
                        font-size: 20px;
                        line-height: 25px;
                        margin: 10px 15px;
                        padding-right: 25px;
                    }
                }
            }
        } 
    }
    &.nobackground{
        .box-heading{
            span{
                color:@theme-color-secondary;
                display: block;
                font-weight: bold;
                padding-bottom: 20px;
                padding-top: 30px;
                text-transform: uppercase;
            }
        }
    }
    .box-heading{
        background: none repeat scroll 0 0 #efefec;
        span{
            background: @box-module-heading-bg;
            display: inline-block;
            padding: 0 60px 0 20px;
            position: relative;
            &:after{
                border-bottom: 20px solid transparent;
                border-right: 17px solid #efefec;
                content: "";
                display: inline-block;
                position: absolute;
                right: 0;
                top: 0;
            }
            &:before{
                border-right: 17px solid #efefec;
                border-top: 20px solid transparent;
                bottom: 0;
                content: "";
                display: inline-block;
                position: absolute;
                right: 0;
            }
        }
    }
    &.highlight{        
        .box-heading{
            span{
                background:@box-module-heading-hightlight-bg;
            }
        }
    }
}  
.box-heading {
    font-family:@box-module-heading-font ;
    font-weight: @box-module-heading-fontweight;
    color: @white;
    line-height: 40px;
    font-size: 16px;
    position: relative;
    min-height:40px;
    text-transform: uppercase;
}
.box {
    margin-bottom: @box-module-margin + 7;
    position: relative;
    
    .box-content {

    }
    /* box styles */
    &.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:@orange;
        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;
               }
        }
    }

}
