@footer-height: 130px;

.opacity(@opacity){
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@{opacity})";
  filter: alpha(opacity=@opacity);
  -moz-opacity: @opacity / 100;
  -khtml-opacity: @opacity / 100;
  opacity: @opacity / 100;
}

.shadow (@shadow){
  -webkit-box-shadow: @shadow;
  -khtml-box-shadow: @shadow;
  -moz-box-shadow: @shadow;
  -ms-box-shadow: @shadow;
  -o-box-shadow: @shadow;
  box-shadow: @shadow;
}

.shadow-text (@shadow){
  -webkit-text-shadow: @shadow;
  -khtml-text-shadow: @shadow;
  -moz-text-shadow: @shadow;
  -ms-text-shadow: @shadow;
  -o-text-shadow: @shadow;
  text-shadow: @shadow;
}

.round (@angle){
  -webkit-border-radius: @angle;
  -khtml-border-radius: @angle;
  -moz-border-radius: @angle;
  -ms-border-radius: @angle;
  -o-border-radius: @angle;
  border-radius: @angle;
}

.transition(@property, @duration, @timing-function){
  -webkit-transition-property: @property;
  -webkit-transition-duration: @duration;
  -webkit-transition-timing-function: @timing-function;
  transition-property: @property;
  transition-duration: @duration;
  transition-timing-function: @timing-function;
}

#pict {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 50;
}

#defaults {
    width: 990px;
    margin-left: auto;
    margin-right: auto;
}

#smallRound{
    @angle: 2px;
    -webkit-border-radius: @angle;
    -khtml-border-radius: @angle;
    -moz-border-radius: @angle;
    -ms-border-radius: @angle;
    -o-border-radius: @angle;
    border-radius: @angle;
    /*behavior: url(border-radius.htc);*/
}
#menuPopupRound{
    @angle: 0 4px 4px 4px;
    -webkit-border-radius: @angle;
    -khtml-border-radius: @angle;
    -moz-border-radius: @angle;
    -ms-border-radius: @angle;
    -o-border-radius: @angle;
    border-radius: @angle;
    /*behavior: url(border-radius.htc);*/
}
#menuRound{
    @angle: 4px;
    -webkit-border-radius: @angle;
    -khtml-border-radius: @angle;
    -moz-border-radius: @angle;
    -ms-border-radius: @angle;
    -o-border-radius: @angle;
    border-radius: @angle;
    /*behavior: url(border-radius.htc);*/
}
#menuRound1{
    @angle: 4px 4px 0 0;
    -webkit-border-radius: @angle;
    -khtml-border-radius: @angle;
    -moz-border-radius: @angle;
    -ms-border-radius: @angle;
    -o-border-radius: @angle;
    border-radius: @angle;
    /*behavior: url(border-radius.htc);*/
}
#midRound{
    @angle: 6px;
    -webkit-border-radius: @angle;
    -khtml-border-radius: @angle;
    -moz-border-radius: @angle;
    -ms-border-radius: @angle;
    -o-border-radius: @angle;
    border-radius: @angle;
    /*behavior: url(border-radius.htc);*/
}

* {outline: none; margin: 0;}

html, body {height: 100%;}

body {
    position: relative; padding: 0px; margin: 0px; font-size: 12px; font-family: Trebuchet MS, Arial, sans-serif; line-height: 18px;
}

div.layout{width: 990px; margin: 0 auto;}



a img {border: 0px;}
a{color: #4590c6; cursor: pointer;}
a:hover{color: #BD9E5B}

a.but1{
    border: solid #e3e3e3 1px; display: inline-block;
    background: url(../images/buyGrad.png) repeat-x bottom;
    padding: 0 10px; line-height: 27px; color: #4d4d4d;
    cursor: pointer; font-size: 16px; text-decoration: none;
    #smallRound;
}
a.but1:hover{
    border-color: #d8aeae; 
    color: #d80101;
    -moz-box-shadow: 0 0 2px 2px #d8aeae;
    -webkit-box-shadow: 0 0 2px 2px #d8aeae;
    box-shadow: 0 0 5px 0px #d8aeae;
    /*behavior: url(border-radius.htc);*/
}

a.but1_fiol{
    border: solid #e3e3e3 1px; display: inline-block;
    background: url(../images/buyGrad.png) repeat-x bottom;
    padding: 0 10px; line-height: 22px; color: #4d4d4d !important;
    cursor: pointer; font-size: 12px; text-decoration: none;
    font-style: normal!important;
    #smallRound;
}
a.but1_fiol:hover{
    border-color: #A44272; 
    color: #A44272 !important;
    -moz-box-shadow: 0 0 2px 2px #A44272;
    -webkit-box-shadow: 0 0 2px 2px #A44272;
    box-shadow: 0 0 5px 0px #A44272;
    /*behavior: url(border-radius.htc);*/
}

.but2{
    background: #f8f3dd; display: inline-block; line-height: 22px; padding: 0 10px;
    font-size: 14px; color: #a44272; text-transform: uppercase; text-decoration: none;
    font-weight: bold;
}

a.but3, .but3{
    border: solid #c80000 1px; display: inline-block;
    background: url(../images/but3.png) repeat-x bottom #ed0000;
    padding: 0 10px; line-height: 27px; color: #4d4d4d;
    cursor: pointer; font-size: 16px; text-decoration: none; color: #fff;
    #smallRound;        
}
a.but3:hover{
    background: #d30000;
}

a.but4{
    display: inline-block; padding: 3px 15px;
    line-height: 16px; font-size: 16px; color: #a44272; text-decoration: none;
    background: #f9f7e9;
    #smallRound;
}

a.but5{
    border: solid #c80000 1px; display: inline-block;
    background: url(../images/but3.png) repeat-x bottom #ed0000;
    padding: 2px 10px 3px 10px; color: #4d4d4d;
    cursor: pointer; font-size: 18px; text-decoration: none; color: #fff;
    line-height: 1.2em;
    font-weight: bold;
    #smallRound;        
}
a.but5:hover{
    background: #d30000;
}

h1, h2, h3, h4, h5, h6 {margin: 0px 0px 10px 0px; padding: 0px; font-weight: normal;}

h6{font-size: 22px; color: #7c7c7c; margin-bottom: 20px; }

input, select, textarea {font-size: inherit; font-family: inherit;}
input.text, textarea {
    font-family: Arial;
    font-size: 12px;
    /*border: solid #eeeeee 1px;*/
    border: solid #A44272 1px;
    padding: 2px 3px;
}

p {margin: 0px 0px 15px 0px; padding: 0px;}

.noMargin {margin: 0px;}
.noPadding {padding: 0px;}
.plusOverflow {overflow: hidden;}
.plusClear {clear: both;}
.flLeft {float: left;}
.flRight {float: right;}
.posAbs {position: absolute;}
.posRel {position: relative;}
.margLeft10 {margin-left: 10px;}

body.closed {background: center center url('../images/zaglushka.jpg') no-repeat #fff;}

.error404 {width: 565px; margin: 36px auto;}

div.hr {height: 1px; margin: 10px 0px 10px 0px; font-size: 1px; line-height: 1px;}

input.text {}

input.submit {}

a.but{
    display: inline-block; padding: 0 15px; line-height: 20px;
    border: solid #e3e3e3 1px; background: url(../images/butBg.png) repeat-x;
    font-size: 12px; color: #666!important; text-decoration: none;
    font-style: normal!important;
    #smallRound;
}

input.but{
    display: inline-block; padding: 0 15px; line-height: 20px;
    border: solid #e3e3e3 1px; background: url(../images/butBg.png) repeat-x;
    font-size: 12px; color: #666!important; text-decoration: none;
    font-style: normal !important;
    #smallRound;
    cursor: pointer;

    &:hover {
        border-color: #A44272;
        color: #A44272 !important;
        -moz-box-shadow: 0 0 2px 2px #A44272;
        -webkit-box-shadow: 0 0 2px 2px #A44272;
        box-shadow: 0 0 5px 0px #A44272;
    }
}

ul.mainMenu {
    margin: 10px; padding: 0px; position: absolute; right: 0; top: 130px;
    font-size: 15px; font-family: Georgia;
    a{color: #a44272; text-decoration: none;}
    li.item{
        border: none;
        list-style-type: none; float: left; 
        margin: 0px; padding: 8px 7px;
        position: relative; z-index: 1;
        #menuRound;
        div.lr{width: 15px; height: 40px; position: absolute; left: 0; top: 0;}
        div.rr{width: 15px; height: 40px; position: absolute; right: 0; top: 0;}
        div.overlap{           
            position: absolute; z-index: 11; top: 30px; left: 0px; width: 100%; /*right: 0px;*/ height: 1px;
            
        }
    }
    li.active{
        z-index: 0;
    }
    
    li.sep{
        float: left;
        background: url(../images/menu_sep.png) no-repeat 0 7px; width: 3px; height: 42px;
    }
}

div.mainMenuPopupCatalog{
    position: absolute; z-index:0; left: -190px; top: 30px; display: none;
    border: solid #a44272 1px; background: #fff; #menuPopupRound;
        
    div.cont{
        width: 920px; font-style: italic;  padding: 25px 35px 15px 35px; overflow: hidden;
        
        a{text-decoration: underline; padding: 0 2px;}
        a:hover,a.active{text-decoration: none; background: #f9f7e9;}
        ul.col1{
            margin: 0 2% 0 0; padding: 0 2% 0 0; float: left; width: 30%;
            border-right: solid #e9e9e9 1px;
            
            li{margin: 0; padding: 0; margin-bottom: 20px;}
        }
        ul.col2{
            margin: 0 2% 0 0; padding: 0 2% 0 0; float: left; width: 30%;
		  border-right: solid #e9e9e9 1px;
            li{margin: 0; padding: 0; margin-bottom: 20px;}
        }
		ul.col3{
		  margin: 0; padding: 0; float: left; width: 30%;
		  li{margin: 0; padding: 0; margin-bottom: 20px;}
		}
    }
}

div.mainMenuPopup{
    position: absolute; left: -1px; top: 30px; display: none; z-index: 10; 
    #menuPopupRound; padding: 25px 25px 15px 25px; border: solid #a44272 1px; background: #fff;
    div.cont{
        width: 240px; font-style: italic; 
         overflow: hidden;
        a{text-decoration: underline; padding: 0 2px;}
        a:hover{text-decoration: none; background: #f9f7e9;}
        ul.level1{
            margin: 0; padding: 0;
            li{
                margin: 0 0 20px 0; padding: 0;
                /*border-bottom: solid #e1e1e1 1px;*/
            }
            /*li:hover{background: #f9f7e9;}*/
        }
    }
}

ul.mainMenu li.level0{
    div.mainMenuPopupCatalog div.top div.lrp{background: url(../images/popupBorderL.png) -3px 0 repeat-y;}
    div.mainMenuPopup div.top div.lrp{background: url(../images/popupBorderL.png) -3px 0 repeat-y;}
}

ul.mainMenu li.first:hover div.mainMenuPopupCatalog{display: block;}
ul.mainMenu li.level0:hover div.mainMenuPopup{display: block;}
ul.mainMenu li.parent:hover div.overlap{background: #fff;}
ul.mainMenu li.level0:hover,ul.mainMenu li.active{
    border: solid 1px #a44272;  padding: 7px 6px;
    div.lr{background: url(../images/menuRoundR.png) no-repeat left top;}
    div.rr{background: url(../images/menuRoundL.png) no-repeat right top;}
}

ul.mainMenu li ul.popupMenu{
    
}

ul li {list-style-type: none;}

.wrapAll {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin-top: 0;
    margin-bottom: -130px; /* нижний margin является отрицательной величиной высоты wrapFooter */  
}

.wrapFooter, .pushFooter {
    height: @footer-height; /* .pushFooter должен быть той же высоты, что и .wrapFooter */
}

div.wrapHeader{
    background: url(../images/header_rep.gif) repeat-x;    
    div.layout{
        background: url(../images/headerBg.jpg) no-repeat -25px 62px;
        position: relative; z-index: 10;
        height: 180px;
        img.logo{
            position: absolute; left: 0; top: 30px;   
        }
        div.headerText{
            position: absolute; left: 200px; top: 40px;
            font-size: 12px; color: #999; font-style: italic; width: 390px;
            strong{color: #9f386a; font-weight: normal;}

            &.bigFontSize { font-size: 16px; }
            &.bigWidth { width: 415px; }

            div.headerPhonesContainer {
                margin: 0;
                /*font-size: 12px;*/
                font-size: 14px;
                padding: 5px 0 0;
                overflow: hidden;
                div { float: left; }
                .headerPhones {
                    padding: 0;
                    float: none;
                    overflow: hidden;
                    margin: 0;
                    list-style-type: none;
                    li { 
                        color: #9f386a;
                        font-weight: normal;
                        margin: 0 5px 5px 0;
                        padding: 0;
                        float: left;
                        height: 25px;
                        line-height: 25px;
                    }
                }
            }
            div.headerMailAndSearchContainer {
                div.mail{
                    float: left; font-size: 11px; color: #999; border-right: solid #d8d8d8 1px; padding-right: 18px; margin-right: 18px;
                    img{float: left; margin-right: 6px; margin-top: 4px;}
                    label{float: left;}
                    a{color: #999;}
                    a:hover{color: #000;}
                }
                div.searchField{
                    position: relative; width: 195px; float: left;
                    input.text{
                        background: url(../images/searchFieldBg.jpg) no-repeat; width: 165px; height: 24px;
                        border: none; padding: 0 25px 0 5px; font-size: 11px; color: #999;
                    }
                    input.button{position: absolute; right: 8px; top: 4px;}
                }
            }
        }
        ul.userMenu{
            position: absolute; z-index: 10; right: 0; top: 25px; height: 33px; 
            /*width: 368px;*/
            width: 335px;
            li{
                padding: 15px 0 0 0; float: left;
                font-style: italic;
                img{float: left;}
                label{margin: 7px 0 0 5px;}
            }
            li.welcomeText{color: #999; width: auto;}
            li.exitButton{float: right;}
            li.menuLogin{
                padding-left: 16px; padding-right: 15px; width: 55px; position: relative; z-index: 10;
                div.loginPopup{
                    display: none;
                    width: 270px; right: 0; top: 33px; position: absolute; z-index: 10; font-style: normal!important;                   
                    div.topRound{
                        background: url(../images/loginTopRound.png) no-repeat right top;
                        height: 38px;
                    }
                    div.boxBody{
                        background: url(../images/loginRep.png) repeat-y;
                    }
                    div.boxBody{
                        background: url(../images/loginBottom.png) repeat-y right bottom;
                        padding: 15px 45px 20px 30px;
                        div.item{
                            margin-bottom: 15px; overflow: hidden;
                            .but{float: left;}
                            .fogotPassLink{float: right; color: #4590c6;}
                        }
                        input.text{width: 155px;}
                    }
                    input.text{color: #adadad;}
                }
                #loginBut{border-bottom: dashed 1px #bd9e5b}
            }
            li.menuLogin.active{
                background: url(../images/loginBg.jpg) no-repeat;
                div.loginPopup{display: block}
            }
            li.menuCart{
                margin-right: 25px; position: relative;
                div.cartInfo{
                    position: absolute; top: 41px; width: 263px; height: 22px;
                    /*left: 32px;*/
                    left: 0px;
                    background: url(../images/cartInfo.png) no-repeat;
                    font-size: 12px; font-style: italic; color: #8d0045; padding: 12px 0 0 10px;
                    a {text-decoration: none; color: #8d0045; &:hover {text-decoration: underline;}}
                }
            }
            li.menuReg{margin-right: 5px;}

            a{color: #bd9e5b; &:hover{text-decoration: none;}}
        }
    }
}

div.waveLine{
    height: 8px;
    background: url(../images/wave_rep.jpg) repeat-x -3px 0;
}
div.tabsWrap{
    padding: 25px 0 0 0;
    background: url(../images/pattern.jpg);
    ul.tabsList{
        margin: 0 0 0 200px; padding: 0; overflow: hidden;
        li{
            margin: 0 5px 0 0; padding: 7px 0 0 0; float: left; position: relative; z-index: 2;
            div.top{
                padding: 0 10px; position: absolute; height: 7px; left: 0; right: 0; top: 0;
                div.lr{
                    width: 10px; height: 8px; position: absolute; left: 0; top: 0;
                    background: url(../images/tabsRound.png) no-repeat left -8px;
                }
                div.rr{
                    width: 10px; height: 8px; position: absolute; right: 0; top: 0;
                    background: url(../images/tabsRound.png) no-repeat right -8px;
                }
                div.center{
                    height: 8px; background: url(../images/tabsGrad1.png) repeat-x 0 1px;
                    position: absolute; left: 10px; right: 10px; top: 0;
                }
            }
            div.bottom{display: none; position: absolute; left: 1px; right: 1px; bottom: -1px; background: white; height: 2px;}
            div.content{
                padding: 10px 10px 10px 30px; background: url(../images/tabsGrad1.png) repeat-x 0 -8px #f1f1f1;
                border: solid #e8e8e8; border-width: 0 1px; position: relative;
                font-size: 14px;
                a{text-decoration: none; color: #999;}
                span.dec{
                    display: block; width: 14px; height: 6px; position: absolute; left: 11px; top: 15px;
                    background: url(../images/tabDec.png) no-repeat 0 -6px;
                }
            }
        }
        li.active{
            div.top{
                div.lr{
                    background: url(../images/tabsRound.png) no-repeat left top;
                }
                div.rr{
                    background: url(../images/tabsRound.png) no-repeat right top;
                }
                div.center{height: 8px; background: url(../images/tabsGrad.png) repeat-x;}
            }
            div.bottom{display: block;}
            div.content{
                background: url(../images/tabsGrad.png) repeat-x 0 -8px #fefefe;
                span.dec{background: url(../images/tabDec.png) no-repeat 0 0;}
                a{color: #9f386a;}
            }            
        }
    }
    div.layout{position: relative;}
}

div.sliderControl{
    overflow: hidden; position: absolute; right: 10px; top: 0;
    div.prev{
        width: 80px; text-align: center; padding: 6px 0; float: left; cursor: pointer;
        color: #0168b1; font-size: 13px; background: #fff; border: solid #e6e6e6 1px;
        @angle: 3px 0 0 3px;
        -webkit-border-radius: @angle;
        -khtml-border-radius: @angle;
        -moz-border-radius: @angle;
        -ms-border-radius: @angle;
        -o-border-radius: @angle;
        border-radius: @angle;
        /*behavior: url(border-radius.htc);*/
    }
    div.next{
        width: 80px; text-align: center; padding: 6px 0; float: left; cursor: pointer;
        color: #0168b1; font-size: 13px; background: #fff;
        border: solid #e6e6e6; border-width: 1px 1px 1px 0;
        @angle: 0 3px 3px 0;
        -webkit-border-radius: @angle;
        -khtml-border-radius: @angle;
        -moz-border-radius: @angle;
        -ms-border-radius: @angle;
        -o-border-radius: @angle;
        border-radius: @angle;
        /*behavior: url(border-radius.htc);*/
    }
    div.active{background: url(../images/controlGrad.png) repeat-x #efefef;}
    div.active:hover{background-position: 0 -25px; background-color: #fff;}
}

div.mainSliderWrap{
    border-top: #ececec solid 1px; margin-top: -1px; z-index: 1; position: relative;
    border-bottom: #ececec solid 1px;
    div.undGrad{
        width: 175px; right: 0; top: 0; bottom: 0; position: absolute; z-index: 10;
        background: url(../images/undGrad.png) repeat-y right;
    }
    div.undGrad_l{
        width: 175px; left: 0; top: 0; bottom: 0; position: absolute; z-index: 10;
        background: url(../images/undGrad_l.png) repeat-y left;
    }
    ul.mainSlider{
        margin: 0; padding: 0; overflow: hidden; height: 205px; overflow: hidden;
        li{        
            margin: 0; padding: 25px 7px; float: left; position: relative; z-index: 1;
            height: 180px; width: 160px;
            div.name{
                border-left: solid 14px #9f386a; z-index: 5; width: 155px;
                position: absolute; left: 0px; bottom: 0px;
                span{background: #9f386a; padding: 0px 2px;}
                a{
                    color: #fff; text-decoration: none; font-style: italic; font-size: 13px; padding: 0 5px 0 0;
                    position: relative; left: -7px; line-height: 1.2;
                }
            }
            div.img{position: relative; height: 156px;}
            img.img{position: absolute; top: 25px; left: 7px; z-index: 5;}
            div.hide{display: none;}
        }
    }
}

div.popUpForSlider div.item{
    a#sliderOverlapLink{position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10;}
    position: relative;
    display: none;
    width: 276px; overflow: hidden;
    div.closeCross {position: absolute; top: 15px; right: 15px; width: 15px; height: 11px; &:hover{cursor: pointer;}}
    div.top{height: 20px; background: url(../images/sliderPopup.png) no-repeat;}
    div.bottom{height: 20px; background: url(../images/sliderPopup.png) no-repeat left bottom;}
    div.rep{background: url(../images/sliderPopupRep.png) repeat-y;}
    div.grad{
        background: url(../images/sliderPopupBot.png) no-repeat left bottom;
        padding: 16px 30px 0 30px;
    }
    div.img{margin-bottom: 15px; position: relative; height: 156px;
        img{max-width: 156px; border-radius: 78px; background-clip: padding-box; /*behavior: url(border-radius.htc);*/}
    }
    div.name{
        border-left: solid 14px #9f386a; z-index: 5;
        position: absolute; left: 0px; bottom: 0px; width: 155px;
        span{background: #9f386a; padding: 0px 2px;}
        a{
            color: #fff; text-decoration: none; font-style: italic; font-size: 13px; padding: 0 5px 0 0;
            position: relative; left: -7px; line-height: 1.2;
        }
    }
    div.price{
        margin-bottom: 6px;    
        span.price{font-size: 20px;}
        span.weight{color: #9e9e9e;}
    }
    div.text{
        color: #868686; font-style: italic; line-height: 16px; margin-bottom: 10px;
    }
}

div.popUpForSlider{position: absolute; z-index: 2;}
div.popUpForSlider div.item.active{
    display: block; overflow: hidden;
    /*div.innterWrap{
        position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 15;
    }*/
}

div.popUpProductInfo {
    display: inline;
    zoom: 1;
    display: inline-block;
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    padding: 10px;
    .opacity(100);
    background: #F3F0DC;
    visibility: visible;
    /*.transition(all, 0.2s, linear);*/
    background: rgba(243, 240, 220, 0.9);
    border: 1px solid darken(#F3F0DC, 10%);
    &.hidden {
        .opacity(0);
        visibility: hidden;
    }
    &.d-none { display: none; }

    .name {
        margin: 0;
        padding: 0;
        color: #5F5F5F;
        font-size: 12px;
        line-height: 1.4;
    }
}

#yandex-map {
    width: 390px;
    height: 390px;
    &.fullWidth {
        width: 670px;
        height: 670px;
    }
}
#balloonContent {
    margin: 0;
    height: 102px;
    font-size: 14px;
    line-height: 1.4;
    padding: 10px 10px 10px 110px;
    background: url('../images/balloon-img-bg.png') 10px center no-repeat transparent;
    
    strong { font-weight: bold; }
    p.smallText { font-size: 11px; }
}

div.wrapBody{
    overflow: hidden;
    background: url(../images/pattern.jpg) left bottom;
    div.mainCol{
        width: 760px; float: left; margin-right: 30px;
    }
    div.sidebar{width: 200px; float: right;}
    div.layout{
        padding: 25px 15px; overflow: hidden;
    }
}


ul.catList{
    margin: 0; padding: 0; overflow: hidden;
    li{
        margin: 0 15px 7px 0; padding: 0; float: left; width: 365px; height:65px;
        div.img{width: 57px; float: left; img {#midRound;}}
        div.cont{
            width: 308px; float: left;
            h3{
                min-height: 50px; font-size: 15px; font-style: italic; line-height: 24px;
                a{text-decoration: none; border-bottom: dashed #9b3466 1px; color: #9b3466;}
                span.sel{
                    padding: 3px 5px;
                    display: inline;
                    zoom: 1;
                    display: inline-block;
                }
                span.sel:hover{
                    background: #fff;    
                }
            }
        }
    }
    &.catalog {
        padding: 0 14px;
        li {
            width: 344px; margin: 0 7px 7px 0;
            div.cont {
                float: none;
                width: auto;
                padding-left: 57px;
                h3 {
                    span.sel {padding: 3px 0px;}
                    span.sel:hover {
                        background: none;
                        a {border-bottom: none;}
                    }
                }
            }
        }
    }
}

div.widgetWrap{
    margin-bottom: 25px;
    div.top{
        background: url(../images/wisgetRound.png) no-repeat; height: 6px;
    }
    div.bottom{
        background: url(../images/wisgetRound.png) no-repeat left bottom; height: 5px;
    }
    div.cont{
        padding: 5px 9px; border: solid #ececec; border-width: 0 1px; background: #fff;
    }
    div.title{
        padding: 5px 8px 5px 30px; background: #9f386a; color: #fff; font-size:15px; font-weight: bold;
        margin-bottom: 9px;
        position: relative;
        span.dec{
            display: block; width: 12px; height: 6px;
            background: url(../images/dec.png) no-repeat;
            position: absolute; left: 8px; top: 10px;
        }
    }
    div.img{
        position: relative; margin-bottom: 10px;
        text-align: center;
        span.lt{
            background: url(../images/cornRound.png) no-repeat left top;
            width: 6px; height: 6px;
            position: absolute; left: 0; top: 0;
        }
        span.rt{
            background: url(../images/cornRound.png) no-repeat right top;
            width: 6px; height: 6px;
            position: absolute; right: 0; top: 0;
        }
        span.rb{
            background: url(../images/cornRound.png) no-repeat right bottom;
            width: 6px; height: 6px;
            position: absolute; right: 0; bottom: 0;
        }
        span.lb{
            background: url(../images/cornRound.png) no-repeat left bottom;
            width: 6px; height: 6px;
            position: absolute; left: 0; bottom: 0;
        }
        a {text-decoration: none;}
    }
    h3.prodName{
        font-size: 15px; color: #892857; margin-bottom: 8px;
        a{text-decoration: none; color: #892857;}
    }
    div.prodDesc{
        color: #999999; font-style: italic; margin-bottom: 10px;
    }    
    ul.widgetSlider{
        margin: 0; padding: 0;
        li{
            margin: 0; padding: 0; width: 180px;
        }
    }
}

div.widgetControl{
    overflow: hidden; margin-bottom: 6px;
    div.prev{
        width: 35px; text-align: center; padding: 3px 0 4px 0; float: left; cursor: pointer;
        color: #0168b1; font-size: 13px; background: #fff; border: solid #e6e6e6 1px;
        @angle: 3px 0 0 3px;
        -webkit-border-radius: @angle;
        -khtml-border-radius: @angle;
        -moz-border-radius: @angle;
        -ms-border-radius: @angle;
        -o-border-radius: @angle;
        border-radius: @angle;
        /*behavior: url(border-radius.htc);*/
    }
    div.next{
        width: 35px; text-align: center; padding: 3px 0 4px 0; float: left; cursor: default;
        color: #0168b1; font-size: 13px; background: #fff;
        border: solid #e6e6e6; border-width: 1px 1px 1px 0;
        @angle: 0 3px 3px 0;
        -webkit-border-radius: @angle;
        -khtml-border-radius: @angle;
        -moz-border-radius: @angle;
        -ms-border-radius: @angle;
        -o-border-radius: @angle;
        border-radius: @angle;
        /*behavior: url(border-radius.htc);*/
    }
    div.active{background: url(../images/controlGrad.png) repeat-x #efefef; cursor: pointer;}
    div.active:hover{background-position: 0 -25px; background-color: #fff;}
}

div.waveRepBot{
    background: url(../images/wave_rep_bot.jpg) repeat-x;
    height: 7px; margin-bottom: 15px;
}

img.leftImg{float: left; margin: 0 10px 5px 0;}

div.homeTextWrap{
    font-size: 11px; color: #7c7c7c; text-align: justify;
    h2{
        font-size: 15px; color: #8e3460; font-style: italic; margin-bottom: 15px;
    }
}

div.wrapFooter{
    background: url(../images/wave.png) repeat-x -2px 0; 
    div.layout{background: url(../images/footerBg.jpg) no-repeat; padding-top: 35px;}
    div.row1{overflow: hidden; margin-bottom: 15px;}
    div.phone{
        float: left; font-size: 14px; color: #999; border-right: solid #d8d8d8 1px; padding-right: 18px; margin-right: 18px;
        img{float: left; margin-right: 6px; }
        label{margin-top: 2px; float: left;}
    }
    div.mail{
        float: left; font-size: 11px; color: #999; border-right: solid #d8d8d8 1px; padding-right: 18px; margin-right: 18px;
        img{float: left; margin-right: 6px; margin-top: 4px;}
        label{float: left;}
        a{color: #999;}
        a:hover{color: #000;}
    }
    div.icons{.flRight; padding-top: 4px;}
    div.flLeft{float: left; width: 610px; overflow: hidden;}
    div.flRight{float: right; width: 380px; overflow: hidden;}
    div.cop{font-size: 11px; color: #999; float: left; border-right: solid #d8d8d8 1px; padding-right: 10px;}
    a.intrawebLogoWrap{
        float: right; color: #8e959a; text-decoration: none;
        label{
            float: left; font-size: 11px; margin-right: 8px; cursor: pointer;
        }
    }
    div.searchField{
        .flLeft; position: relative; width: 195px;
        input.text{
            background: url(../images/searchFieldBg.jpg) no-repeat; width: 165px; height: 24px;
            border: none; padding: 0 25px 0 5px; font-size: 11px; color: #999;
        }
        input.button{position: absolute; right: 8px; top: 4px;}
    }
    div.verified {.flLeft; img{margin-right: 20px;}}

    div.footerText{
        font-size: 11px; color: #999; font-style: italic; width: 805px; line-height: 1.2;
        strong{color: #9f386a; font-weight: normal;}
    }
}

div.crumbsWrap{
    padding-left: 200px; margin-bottom: 15px;
    div.crumbs{
        padding: 6px 10px; font-size: 11px; color: #a44272; background: #fff; border: solid #ececec 1px;
        #midRound;
        a, span{color: #999;}
    }
}

div.contentBox{
    position: relative;
    background: #fff; padding: 15px;
    #midRound;
    color: #5f5f5f;
    strong {color: #9B3466; font-weight: bold;}
    /*a {color: inherit; &:hover {color: inherit; text-decoration: none;}}*/
}

div.catTitle{
    padding: 15px 14px; background: #f9f7e9; margin-bottom: 25px; position: relative;
    #midRound;
    h1, h1 a{
        font-size: 18px; color: #a44272; margin: 0;
    }
	h1 a:hover {
		text-decoration: none;
	}
    div.widgetControl{
        position: absolute; right: 10px; top: 10px;
    }
}

.formWrap {padding: 0 14px;}

ul.catListBox{
    margin: 0; padding: 0; overflow: hidden;
    li{
        margin: 0 0 15px 15px; padding: 15px 20px; width: 300px; height: 118px; border: solid #f4f4f4 1px; overflow: hidden;
        background: url(../images/catBoxGrad.png) repeat-x left bottom; cursor: pointer;
        float: left;
        #midRound;
        img.img{
            float: left; margin-right: 20px;
        }
        table.text{
            float: left; width: 169px;
            td{
                height: 118px; vertical-align: middle; font-size: 14px;
                a{color: #545454; text-decoration: none;}
            }
        }
    }
    li:hover{
        border-color: #e8b2cd;         
        -moz-box-shadow: 0 0 2px 2px #e8b2cd;
        -webkit-box-shadow: 0 0 2px 2px#e8b2cd;
        box-shadow: 0 0 5px 0px #e8b2cd;
        behavior: url(border-radius.htc);
        table.text td a{color: #a44272;}
    }
}

ul.prodList{
    margin: 0 0 15px 0; padding: 0;
    overflow: hidden; 
    li {
        margin: 0 0 25px 0; padding: 0 20px; width: 80px; position: relative; float: left;
        height: 174px; border-bottom: solid #f7f7f7 1px;
        div.img{margin-bottom: 10px;}
        div.name{
            text-align: center;
            a{color: #545454; text-decoration: none; line-height: 14px;}
        }
        div.bottomLine{height: 5px; position: absolute; bottom: 0; left: 0; right: 0;}
        
        div.discount, div.novelty {
            color: #fff;
            width: 40px;
            height: 40px;
            display: none;
            font-size: 11px;
            line-height: 40px;
            font-weight: bold;
            text-align: center;
            position: absolute;
        }

        div.discount {
            top: 40px;
            right: 10px;
            font-size: 13px;
            background: url('../images/icons/ico-discount.png') no-repeat center center transparent;
        }
        div.novelty {
            top: 0px;
            left: 0px;
            width: 50px;
            height: 50px;
            font-size: 9px;
            line-height: 50px;
            background: url('../images/icons/ico-novelty.png') no-repeat center center transparent;
        }
        
        &.discount { div.discount { display: block; } }
        &.novelty { div.novelty { display: block; } }
        
        &:hover{
            div.bottomLine{ background: #f3f0dc; }
            div.name a{ color: #a44272; text-decoration: none; }
        }

        &.with_prices {
            position: relative;
            display: block;
            margin: 0 0 25px 0;
            height: auto;
            border-bottom: none;
            overflow: hidden;
            min-height: 170px;
            /*
            float: none;
            width: auto;
            padding: 0;
            */
            float: left;
            width: 345px;
            padding: 0 10px;

            background: url(../images/wave.png) repeat-x left bottom;
            padding-bottom: 35px;
            div.img{
                /*margin: 15px 5px 10px 0;*/    /*Если не отображаем div.name*/
                margin: 40px 5px 10px 0;        /*Если отображем div.name*/
                float: left;
            }
            div.prices {
                float: right;
                width: 260px;
            }
            div.name { 
                /*display: none;*/
                margin: 0 0 12px;

                font-size: 14px;
                text-align: left;
                font-weight: bold;
                text-transform: uppercase;
                height: 30px;
				overflow: hidden;
            }
            &:hover {
                div.bottomLine{ display: none; }
            }

            /*&:nth-child(2n){
                &:before {
                    content: '';
                    display: block;
                    position: absolute;
                    left: 0px;
                    top: 0px;
                    bottom: 35px;
                    width: 3px;
                    background-color: #f3f0dc;
                }
                
            }*/
        }
    } /*li*/
}

.control-panel {
    text-align: left;
    margin: 0 0 25px;
    .table {
        *zoom: 1;
        display: inline;
        display: inline-block;
        /*width: 19px;
        height: 16px;*/
        padding-left: 26px;
        margin: 0 5px;
        background: url(../images/ico-table-smallest.png) no-repeat transparent;
        text-decoration: none;
        color: #a44272;
        .opacity(60);
        .transition(all, 0.3s, linear);
        &:hover {
            text-decoration: none;
            .opacity(100);
        }
        span{
        	border-bottom: 1px dotted;
        }
    }

    .list {
        *zoom: 1;
        display: inline;
        display: inline-block;
        /*width: 15px;
        height: 16px;*/
        padding-left: 22px;
        margin: 0 5px;
        text-decoration: none;
        color: #a44272;
        background: url(../images/ico-list-smallest.png) no-repeat transparent;
        .opacity(60);
        .transition(all, 0.3s, linear);
        &:hover {
            text-decoration: none;
            .opacity(100);
        }
        span{
        	border-bottom: 1px dotted;
        }
    }

    .list, .table {
        &.active {
            .opacity(100);
            span{
        		border-bottom: none;
       	 	}
        }
        
    }
}

div.pagingWrap{
    overflow: hidden; padding: 4px 10px; background: #f7f7f7; margin-bottom: 25px;
    #midRound;
    span.pages{float: left; color: #231f20; margin-right: 15px;}
    div.pagesList{
        float: left;
        a{
            display: inline-block; padding: 0 5px; color: #4590c6;
            #smallRound;
        }
        a:hover{text-decoration: none; color: #000;}
        a.active{color: #fff; text-decoration: none; background: #a44272;}
    }
}

div.colWrap{
    overflow: hidden;
    div.imageCol{
        width: 180px; float: left; .posRel;

        div.discount, div.novelty {
            color: #fff;
            width: 40px;
            height: 40px;
            display: none;
            font-size: 11px;
            line-height: 40px;
            font-weight: bold;
            text-align: center;
            position: absolute;
        }
        div.discount {
            top: 40px;
            right: 10px;
            font-size: 13px;
            background: url('../images/icons/ico-discount.png') no-repeat center center transparent;
        }
        div.novelty {
            top: 0px;
            left: 0px;
            width: 50px;
            height: 50px;
            font-size: 9px;
            line-height: 50px;
            background: url('../images/icons/ico-novelty.png') no-repeat center center transparent;
            display: block;
        }
    }
    div.descCol{width: 500px; float: left;}
    &.galDesc div.imageCol{width: 196px;}
}

div.prodImage{margin-bottom: 15px; a{text-decoration: none;}}
div.viewTools{
    text-align: center; font-size: 11px; width: 155px;
    a{color: #bdbdbd; text-decoration: none;}
}

dl.deskPropWrap{
    overflow: hidden; padding-bottom: 30px; margin-bottom: 20px;
    background: url(../images/wave.png) repeat-x left bottom;
    dt{
        width: 110px; float: left;
        color: #a44272;
    }
    dd{width: 390px; float: left;}
}

table.prodTable{
    width: 100%;
    th{
        padding: 4px 10px; background: #f7f7f7; color: #000; text-align: left;
    }
    td{
        padding: 4px 10px; border-bottom: solid #ededed 1px; color: #8a8a8a;
    }
    td.priceCol{color: #4590c6;}
}

table.cartTable{
    width: 98%; margin-bottom: 20px;
    th{
        padding: 4px 10px; background: #f7f7f7; color: #000; text-align: left;
    }
    td{
        padding: 4px 10px; border-bottom: solid #ededed 1px; color: #8a8a8a;
    }
    td.priceCol{color: #4590c6;}
}

div.cartButs{
    text-align: right; width: 90%;
    .but1{margin-right: 10px;}
}

div.cartSum{
    width: 90%; text-align: right; margin-bottom: 20px;
    font-size: 14px; font-weight: bold; color: #535353;
}

dl.portfolioImages{
    ul.imgWrap{
        margin: 0;padding: 0; overflow: hidden;
        li{
            margin: 0 15px 15px 0; padding: 0; position: relative; width: 147px; height: 110px; overflow: hidden;
            float: left; 
            div.lt{
                background: url(../images/cornRound.png) no-repeat left top;
                width: 6px; height: 6px;
                position: absolute; left: 0; top: 0;
            }
            div.rt{
                background: url(../images/cornRound.png) no-repeat right top;
                width: 6px; height: 6px;
                position: absolute; right: 0; top: 0;
            }
            div.rb{
                background: url(../images/cornRound.png) no-repeat right bottom;
                width: 6px; height: 6px;
                position: absolute; right: 0; bottom: 0;
            }
            div.lb{
                background: url(../images/cornRound.png) no-repeat left bottom;
                width: 6px; height: 6px;
                position: absolute; left: 0; bottom: 0;
            }
        }
    }    
}

#cartPopUpImage{
    position: absolute; display: none;
}

div.mapContainer{
    width: 700px; height: 200px; margin: 0 auto; margin-bottom: 15px;
}

table.contactTable{
    width: 100%; margin-bottom: 30px;
    td{
        padding: 20px 10px; background: url(../images/wave.png) repeat-x bottom;
        vertical-align: top;
    }    
    td.label{
        width: 240px; color: #a44272; font-size: 16px;
    }
    td.cont{
        font-size: 13px; color: #5b5b5b;
    }
}

div.contentPad{padding: 0 30px;}
div.contentPad20{padding: 0 14px;}
div.contentPad25{padding: 0 25px;}

dl.articlesList{
    overflow: hidden;
    dt{
        width: 55px; float: left;
        font-size: 11px; color: #b4b4b4;
    }
    dd{
        padding: 0 0 0 55px; margin-bottom: 20px;
        div.artTitle{
            font-size: 15px;
            margin-bottom: 25px;
            a{color: #a44272; text-decoration: none; border-bottom: dashed 1px #a44272;}
            a:hover{border: none;}
        }
        div.imgContainer{
            margin-bottom: 20px;
        }
        div.text{color: #5c5c5c;}
        div.popUp{display: none;}
    }
}

ul.galleryList{
    margin: 0;padding: 0; overflow: hidden;
    li{
        margin: 0 30px 25px 30px; padding: 0; float: left;  width: 180px; height: 282px; overflow: hidden;
        float: left;
        div.img{
            position: relative; margin-bottom: 15px;
            a {text-decoration: none;}
            div.lt{
                background: url(../images/cornRound.png) no-repeat left top;
                width: 6px; height: 6px;
                position: absolute; left: 0; top: 0;
            }
            div.rt{
                background: url(../images/cornRound.png) no-repeat right top;
                width: 6px; height: 6px;
                position: absolute; right: 0; top: 0;
            }
            div.rb{
                background: url(../images/cornRound.png) no-repeat right bottom;
                width: 6px; height: 6px;
                position: absolute; right: 0; bottom: 0;
            }
            div.lb{
                background: url(../images/cornRound.png) no-repeat left bottom;
                width: 6px; height: 6px;
                position: absolute; left: 0; bottom: 0;
            }
        }
        h3.prodName{
            font-size: 15px;
            color: #892857;
            margin-bottom: 8px;
            a{color: #892857; text-decoration: none;}
        }
        div.prodDesc{
            color: #999;
            font-style: italic;
            margin-bottom: 10px;
        }
    }
}

.block1Wrap {
    overflow: hidden;
    .item {
        width: 295px; float: left; margin-bottom: 20px; overflow: hidden;
        &.clean{clear: both; float: none; width: auto;}
        &.with-radio {
            width: 292px;
            padding-left: 3px;
            input[type="radio"] { margin-right: 6px; }
        }
    }
    label {display: block; margin-bottom: 5px;}
}

.bigFrormWrap {margin-top: 12px; h2{text-transform: uppercase; margin-bottom: 25px;}}

.registration {
    overflow: hidden;
    .item {color: #BEBEBE; font-size: 11px; font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif; line-height: 15px; width: 277px; float: left; margin-bottom: 20px; overflow: hidden; padding-right: 18px; &.clean{clear: both; float: none; width: auto;}}
    label {display: block; margin-bottom: 5px; color: #5F5F5F; font-size: 14px; font-family: Trebuchet MS, Arial, sans-serif; line-height: 18px;}
    input.text {width: 195px; &.price{width: 50px;}}
    .sep {height: 2px; clear: both; margin-bottom: 20px;}
    input.capch {width: 50px;}
    img.refresh {position: relative; top: 2px;}
    textarea {width: 195px; height: 90px;}
    i {display: block; margin-top: 18px; color: #5F5F5F;}
    
    .ship-method {
        float: left;
        width: 300px;
        margin-bottom: 20px;
        .item {
            padding-left: 3px;
            margin-bottom: 18px;
            input[type="radio"] { margin-right: 6px; }
        }
    }
    .desc-ship-method {
        float: left;
        width: 300px;
        margin-bottom: 20px;
        color: #5F5F5F;
        font-size: 12px;
        font-family: Trebuchet MS, Arial, sans-serif;
        line-height: 1.8;

        textarea[name="mine_description"] {
            width: 292px;
            height: 160px;
            resize: vertical;
            max-height: 260px;
        }
    }
}

.addCommentWrap {
    display: none; background: #F8F3DD; padding: 35px 30px; overflow: hidden;
    .item {float: none; width: auto; margin-bottom: 20px; overflow: hidden; &.clean{clear: both; float: none; width: auto;}}
    label {display: block; margin-bottom: 5px;}
    #captcha {float: left; margin-right: 5px;}
    textarea {width: 540px; height: 80px;}
    input.text {width: 195px;}
    .sep {height: 2px; clear: both; margin-bottom: 20px;}
    input.capch {width: 50px;}
    img.refresh {position: relative; top: 2px;}
}

.block1Wrap {overflow: hidden;}

.page_cat_edit {position: absolute; right:26px; top: -1px; a{text-decoration: none;}}

.contentToChange {
    font-size: 14px; padding: 0 14px;
    .newsPhotos {margin-top: 16px; clear: both;}
    .newsTags {margin-top: 26px;}
    .newsSubTitle {display: inline; color: #B2B2B2; text-transform: uppercase; font-weight: bolder; padding-right: 26px;}
    .lImg {margin-bottom: 25px;}
    .subtext {margin-bottom: 25px;}
    .pageLogo {margin-left: -14px;}
    .img_left {margin: 0 8px 8px 0;}
    
}

div#form_errors, div.form_errors, div.com_errors {
    color: #000;
    font-size: 12px;
    font-weight: normal;
    background: #FFE7E7;
    border: solid #F8CACA 1px;
    padding: 10px;
    margin-bottom: 5px;
    span {font-style: italic;}
}

ul.tabs1 {
    float: right;
    padding: 0; margin: 0;
    li {display: inline; margin-left: 6px;
        a{padding: 1px 6px;}
        &.active a {background: #A44272; color: #fff; text-decoration: none;}
    }
}

table.cabinetTable{
    margin-top: 12px; margin-bottom: 25px; width: 100%;
    color: #313131;
    th{
        padding: 7px 12px 7px 8px;  text-align:left;
        border-bottom: solid #c70000 2px;
        font-weight: bold; white-space: nowrap;
        a{color: #000; text-decoration: none;}
    }
    th.active{
        background: url(../images/redDec.png) no-repeat right 14px;
    }
    td{
        padding: 7px 8px; border-bottom: solid #ededed 1px;
    }
    /*.price{text-align: right;}*/
    tr:hover td{
        background: #fffbe7;
    }
    a{color: #313131; &:hover{text-decoration: none;}}
}

ul.commentsType {
    background: url(../images/comments-tabs-bg.png) repeat-x;
    /*background: #F8F3DD;*/
    padding: 4px 12px 0 12px;
    height: 25px;
    font-family: Arial, sans-serif;
    font-size: 11px;
    overflow: hidden;
    clear: both;
    margin-bottom: 6px;
    margin-top: 26px;
    li {
        float: left; margin-left: 1px;
        a {
            color: black;
            text-decoration: underline;
            display: block;
            padding: 4px 8px 8px 8px;
        }
    }
    li.active a {
        background: #fff;
        color: #A44272;
        text-decoration: none;
        border: solid #CDCDCD;
        border-width: 1px 1px 0 1px;
        padding: 3px 7px 8px 7px;
    }
    li.comTitle {
        overflow: hidden;
        padding: 1px 10px 0 0;
    }
    li.addComBut {
        float: right;
        padding: 0px 0 0 0;
    }
    img.comIcon {
        float: left;
        margin-right: 5px;
    }
    div.rep {
        padding: 2px 20px 3px 0;
        min-width: 122px;
        font-size: 12px;
        font-weight: bolder;
        color: #A44272;
        text-transform: uppercase;
        span {
            color: #F26F21;
        }
    }
}

div.commentTabCont {
    display: none;
    &.active{display: block;}
}

div.add_com_block{position: relative;}
div.add_com_block img.hide_com{cursor: pointer; position: absolute; right: 0; bottom: 0;}

div.add_com_block dl{overflow: hidden; margin: 0; display: block;}
div.add_com_block dt{width: 100px; float: left; margin: 0; display: block;}
div.add_com_block dd{margin-bottom: 5px; display: block; clear: right;}
div.add_com_block input.text{}
div.add_com_block textarea{width: 415px; height: 140px;}
/*div.add_com_block textarea.smiles{width: 350px; height: 140px; border: solid #c9c9c9 1px; background: #fff;}
div.add_com_block input.capch{width: 175px; border: solid #c9c9c9 1px; background: #fff;}*/
div.add_com_block dd{overflow: hidden; width: 300px; margin: 0;}
div.add_com_block dd.publish_com{margin: 10px 0 0 100px;}
/*div.add_com_block img#captcha{float: left; margin-right: 10px;}
div.add_com_block input.capch{margin-top: 15px;}
div.add_com_block img.refresh{margin: 0 0 -3px 5px; cursor: pointer;}*/

ul.comments-block{padding: 10px 20px;}
li.com-item{
	border-bottom: solid #e6e6e6 1px; overflow: hidden; padding: 5px 0;
	font-size: 13px; line-height: 1.4;
}
li.com-item-padding {padding-bottom: 10px; margin-bottom: 5px;}
li.com-item div.ins{padding-left: 50px; padding-right: 0; border: none}
li.com-item p{margin: 0;}
li.com-item div.info_panel{overflow: hidden;}
li.com-item img{margin: 0 10px 0 0;}
li.com-item img.photo {margin: 0 0 5px 0; clear: both;}
li.com-item div.avatar{width: 50px; float: left;}
li.com-item div.com-text{padding: 0 0 0 50px; line-height: 1.2em;}
li.com-item div.reply span {margin: 0 8px 0 0; border-bottom: dashed 1px #666;}
li.com-item div.reply:hover {cursor: pointer;}
li.com-item div.actions {text-align: right;}
li.com-item-min{padding: 5px 0; border-bottom: solid #e6e6e6 1px; overflow: hidden;}
li.com-item-min p{margin: 0;}
li.com-item-min div.info_panel{overflow: hidden; float: left;}
li.com-item-min img{margin: 0 10px 5px 0;}

div.info_panel div.user {float: left;}
div.info_panel div.comVoute{float: right; width: 75px; text-align: left; position: relative;}
div.info_panel div.comVoute span.reiting {margin-left: 2px;}
div.info_panel div.comVoute img{cursor: pointer; position: relative; top: 2px; margin-left: 2px; display: inline;}
div.info_panel div.comVoute img.bad{}
div.info_panel div.comVoute img.good{}

/* paging */
div.wrapPaging {padding: 6px 0 6px 0; font-family: Arial, sans-serif; font-size: 14px; clear: both;}
div.wrapPaging a, div.wrapPaging span {margin: 0 1px; padding: 2px 5px; line-height: 26px; text-decoration: none;}
div.wrapPaging a {background: none; color: #892857; text-decoration: underline;}
div.wrapPaging span {background: #F9F7E9; color: #892857;}
div.wrapPaging span.ways {background: none; font-size: 15px; color: #892857;}
div.wrapPaging span.ways span {background: none; color: #999; padding: 2px 0px 2px 0px; margin: 0;}
div.wrapPaging span.ways a {margin: 0; padding: 2px 0px;}
div.wrapPaging span.ways span.divider {color: #999; padding: 2px 5px 2px 5px;}
div.wrapPaging i {font-family: Times, sans-serif; margin: 0 5px 0 5px;}
div.wrapPaging a:hover {color: #ff0000;}
div.wrapPaging strong {margin: 0 15px 0 0; font-size: 16px; font-weight: bold; color: #892857;}


.viewhistory {
    position: fixed; right: 0px; top: 212px; background: #fff; z-index: 10;
    @angle: 6px 0 0 6px;
    -webkit-border-radius: @angle;
    -khtml-border-radius: @angle;
    -moz-border-radius: @angle;
    -ms-border-radius: @angle;
    -o-border-radius: @angle;
    border-radius: @angle;
    -moz-box-shadow: 0 0 13px -4px #000;
    -webkit-box-shadow: 0 0 13px -4px #000;
    box-shadow: 0 0 13px -4px #000;

    .plusOverflow;
    .ctrl {.flLeft; width: 9px; height: 277px; background: 16px 18px url("../images/bg-viewhistory-close.png") no-repeat; cursor: pointer; padding: 16px 18px; &.open {background: 16px 18px url("../images/bg-viewhistory-open.png") no-repeat;}}
    ul {
        margin: 0; padding: 16px 18px 16px 45px; width: 40px;
        li {
            margin: 0 0 6px 0; padding: 0;
            a {display: block; text-decoration: none;}
            img {max-width: 40px; max-height: 40px;}
        }
    }

}

div.wrapSocial {
    width: 730px;
    float: left;
    margin-right: 30px; margin-top: 25px;
    /*min-height: 30px;*/
    ul.soc_buttons {
        margin: 0; padding: 0; overflow: hidden;
        li {
            padding: 0;
            width: auto;
            height: 22px;
            float: left;
            list-style: none;
            float: left;
            
            /*margin: 0 6px 0 0;
            &.vkontakt {margin: 0px;}
            &.odnoklassniki {margin-right: 25px;}*/
            margin: 0 36px 0 0;
            &.moymir { display: none; }
            &.tweeter { margin-right: 6px; }
            &.vkontakt { margin-right: 20px; }

        }
    }
}

img.saleImg {
    position: absolute;
    top: 16px;
}

div.competition {
    position: absolute;
    top: 16px;
    left: 0;
    cursor: default;
    color: #fff;
    background: #D80000;
    padding: 1px 3px;
    font-size: 11px;
    font-weight: bold;
}

#VisaMastercard {
	font-size: 15px;
	font-weight: bold;
	color: #a44272; 
}

.required {
    color: #A44272;
    font-weight: bold;
}

.soc_icons {
    margin: 0;
    display: table;
    font-size: 0px;
    padding: 5px 0;
    line-height: 0px;

    a {
        text-decoration: none;
        display: inline;
        zoom: 1;
        display: inline-block;
        border: 1px solid #A44272;
        padding: 0;
        margin: 0 0 0 5px;

        img {
            vertical-align: top;
            display: inline;
            &.hovered { display: none; }
        }

        &:first-child { margin-left: 0; }

        &:hover {
            text-decoration: none;
            -moz-box-shadow: 0 0 5px 0px #A44272;
            -webkit-box-shadow: 0 0 5px 0px #A44272;
            box-shadow: 0 0 5px 0px #A44272;
            img {
                display: none;
                &.hovered { display: inline; }
            }
        }
    }
}

.daria-goto-anchor {
    color: #9B3466;
    text-decoration: underline;
    &:hover { text-decoration: none; }
}

#toTopBttn,
#toBottomBttn {
    margin: 0;
    color: #fff;
    width: 50px;
    right: 20px;
    bottom: 60px + 31px;
    height: 20px;
    padding: 5px;
    display: block;
    font-size: 12px;
    position: fixed;
    line-height: 20px;
    text-align: center;
    visibility: visible;
    text-decoration: none;
    background-color: #9B3466;
    .opacity(80);
    .transition(all, 0.3s, linear);
    
    &.hidden { 
        .opacity(0);
        visibility: hidden;
    }

    &.no-display { display: none; }

    &:hover {
        .opacity(100);
        text-decoration: none;
    }

    &:after {
        width: 0;
        top: -12px;
        height: 0;
        left: 0px;
        content: '';
        display: block;
        position: absolute;
        border-bottom: 12px solid #9B3466;

        border-top: none;

        border-left: 30px solid transparent;
        border-left: 30px solid rgba(255, 255, 255, 0);

        border-right: 30px solid transparent;
        border-right: 30px solid rgba(255, 255, 255, 0);
    }
}


#toBottomBttn {

    bottom: 60px;

    &:after {
        width: 0;
        height: 0;
        top: auto;
        left: 0px;
        content: '';
        bottom: -12px;
        display: block;
        position: absolute;
        border-top: 12px solid #9B3466;

        border-bottom: none;

        border-left: 30px solid transparent;
        border-left: 30px solid rgba(255, 255, 255, 0);

        border-right: 30px solid transparent;
        border-right: 30px solid rgba(255, 255, 255, 0);
    }
}

#addToCart {
    margin: 0;
    color: #fff;
    left: 20px;
    bottom: 170px;
    height: 25px;
    padding: 5px 5px 5px 37px;
    display: block;
    font-size: 12px;
    position: fixed;
    line-height: 25px;
    visibility: visible;
    text-decoration: none;
    background: url('../images/ico-cart-bttn.png') 5px center no-repeat #9B3466;
    background-color: #9B3466;
    overflow: hidden;
    width: 0px;
    .transition(all, 0.3s, linear);
    span {
        .opacity(0);
        visibility: visible;
        .transition(all, 0.3s, linear);
    }

    &:hover {
        width: 110px;
        span {
            .opacity(100);
            visibility: visible;
        }
    }
    &.no-display { display: none; }
}

ol {
    padding: 0;
    margin: 0 0 15px;
    li {
        margin: 0 0 8px;
        list-style-position: inside;
    }
}

strong {
    h2 { line-height: 1.1; margin: 0 0 12px; }
}

h2.strong {
    line-height: 1.1;
    margin: 0 0 12px;
    color: #A44272;
}

table.contactTable.small-padding td {
    padding: 10px 10px 15px;
}

#form-feedback-container {
    overflow: hidden;
    .addCommentWrap {
        padding: 25px 20px;
        textarea {
            width: 340px;
        }
    }
}

#cart_form {
    .error {
        padding: 10px 0px;
        font-size: 16px;
        line-height: 1.4;
        color: #A44272;
        font-weight: bold;
    }
}


/* ---------------------------------------------------------- */
/* ---------------------------------------------------------- */

@media screen and (min-width: 1009px) and (max-width: 1248px) {
    div.wrapFooter div.footerText {
        font-size: 11px;
        width: 705px;
    }
}

@media screen and (min-width: 1249px) and (max-width: 1334px) {
    div.wrapFooter div.footerText {
        font-size: 11px;
        width: 820px;
    }
}

@media screen and (min-width: 1335px) and (max-width: 1587px) {
    div.wrapFooter div.footerText {
        font-size: 11px;
        width: 870px;
    }
}
@media screen and (min-width: 1588px) {
    div.wrapFooter div.footerText {
        font-size: 11px;
        line-height: 18px;
        width: 990px;
    }
}

div.mainMenuPopupCatalog div.cont a {
	display: inline-block;
	text-decoration: none;

	&:first-letter {
		text-transform: uppercase;
	}
}

div.mainMenuPopupCatalog div.cont > ul > li > a {
	font-weight: bold;
}


div.mainMenuPopupCatalog div.cont ul.subcats li {
	padding: 5px 0;
	margin: 0;

	a {
		font-size: 13px;
		/*text-transform: lowercase;*/
		font-weight: normal;
		color: #000;
		font-style: normal;
	}
}

.subcats.hidden {
	visibility: hidden;
	height: 0;
}