html, body, div, span, h1, h2, h3, h4, h5, h6, p, img, sub, sup, ol, ul, li, form, label, input, select, button, textarea, table, tbody, tfoot, thead, tr, th, td, a { margin: 0; padding: 0;}

body { font: 14px/22px 'Open Sans', sans-serif; color: #555; background: #fff url("../images/all_bg.png") repeat;}

a { text-decoration: underline; cursor: pointer; color: #811779;}
a:hover { text-decoration: none;}

img { border: none;}

input[type="button"], input[type="submit"], button { cursor: pointer; font-family: Verdana, Geneva, sans-serif;}

p { margin: 0 0 12px;}

ul, ol { margin: 0 0 20px 15px;}

h1, h2, h3, h4, h5, h6 { margin: 0 0 20px 0; color: #090909;}
h1 { font-size: 26px;}
h2 { font-size: 22px;}
h3 { font-size: 18px;}
h4 { font-size: 14px;}
h5 { font-size: 12px;}
h6 { font-size: 11px;}

.h_s_nav:after, .show:after, .sale_info:after, .fin:after, .container:after, .h_s_link:after, .cat_buttons:after, .opt:after, .rozn:after, .filter:after, .item_content:after { content: ""; display: block; height: 0; visibility: hidden; clear: both;}

.page { width: 1060px; margin: 0 auto; padding: 0 40px; background: #fff; -moz-box-shadow: 0 5px 13px #dddddd; -webkit-box-shadow: 0 5px 13px #dddddd; box-shadow: 0 5px 13px #dddddd; behavior: url(pie/PIE.htc);}

    .pattern { margin: 0 0 26px; font-size: 36px; font-weight: 300; line-height: 36px; color: #000; background: url("../images/title_bg.png") 100% 11px no-repeat;}
        .pattern span { display: inline-block; padding: 0 22px 0 0; background: #fff;}

    .header { padding: 37px 0 19px;}
        .logo { width: 388px; height: 50px; float: left; margin: 0 0 5px -5px; padding: 3px 20px 0 0;}
            .logo a { text-decoration: none;}
        .head_side { max-width: 620px; padding: 0 0 36px; float: right; font-size: 15px; line-height: 20px;}
            .h_s_link { padding: 0 0 18px; color: #b2b2b2;}
                .h_s_link li { margin: 0 0 0 15px; padding: 0 0 0 19px; float: left; background: url("../images/marker.png") 0 9px no-repeat;}
                .h_s_link li:first-child { background: none;}
                    .h_s_link a { font-weight: 300; letter-spacing: .045em;}
                    .h_s_link span { margin: 0 14px; font-size: 16px;}
            .cart { padding: 0 0 0 42px; float: right; color: #000; position: relative; letter-spacing: .02em;}
            .cart:before { content: ""; display: block; width: 16px; height: 16px; position: absolute; top: 2px; left: 0; background: url("../images/sprite.png") 0 -55px no-repeat;}

    .main_menu { width: 100%; padding: 13px 0; display: table; clear: both; border-top: 2px solid #090909; border-bottom: 2px solid #090909;}
        .main_menu ul { display: table-row;}

        .main_menu ul, .show_img_item ul, .star ul, .recommend ul, .sale ul, .h_s_link ul, .pagination ul, .list_product ul, .sidemenu ul, .show_list ul, .available_sizes ul, .available_colors ul { margin: 0; list-style: none;}

            .main_menu li { font-size: 18px; line-height: 24px; text-align: center; background: url("../images/separator.png") 0 8px no-repeat; display: table-cell;}
            .main_menu li:first-child { background: none;}
                .main_menu li a { padding: 4px 30px; display: inline-block;}
                .main_menu li a:hover { background: #8e2f87 url("../images/menu_bg.png"); color: #fff;}

        .show { padding: 19px 0 26px;}
            .big_img { width: 846px; height: 386px; margin: 0 0 6px; float: left;}
                .big_img a img { max-width: 846px; max-height: 386px;}
            .big_img, .show_img_item li { border: 2px solid #e6e6e6;}
            .show_img_item { width: 202px; float: right;}
                    .show_img_item li { width: 198px; height: 89px; margin: 0 0 6px;}
                    .show_img_item li:hover, .show_img_item .active { border-color: #811779;}
                    .show_img_item li a img { max-width: 198px; max-height: 89px;}

        .star, .recommend, .sale { width: 1060px; overflow: hidden;}

        .star { padding: 0 0 9px;}
            .star ul { width: 110%; font-size: 0;}
                .star li {width: 320px; padding: 0 50px 20px 0; display: inline-block; vertical-align: top;}
                    .star_link { padding: 0 0 6px; font-size: 18px; line-height: 24px;}
                        .star_link a { text-decoration: none;}
                        .star_link a img { max-width: 320px; display: block; margin: 0 0 16px;}
                            .star_link a span { text-decoration: underline;}
                            .star_link a:hover span { text-decoration: none;}
                    .say { font-size: 16px; line-height: 22px; font-weight: 300; color: #333;}

            .recommend ul, .sale ul, .list_product ul { width: 110%; font-size: 0; display: table;}

                .recommend li { width: 180px; padding: 0 40px 22px 0; display: inline-block; vertical-align: top;}
                    .rec_link { padding: 0 0 7px; font-size: 14px;}
                        .rec_link a { text-decoration: none;}
                            .rec_link a img { display: block; width: 176px; height: 156px; margin: 0 0 8px; border: 2px solid #e6e6e6;}
                            .rec_link a:hover img { border-color: #811779;}
                        .rec_link a span { text-decoration: underline;}
                        .rec_link a:hover span { color: #090909;}
                    .price { display: inline-block; padding: 0 14px 0 0; font-size: 18px; font-weight: 300; color: #000; background: url("../images/rub_01.jpg") 100% 5px no-repeat}

                .sale li { width: 512px; padding: 0 36px 51px 0; display: inline-block; vertical-align: top;}
                    .sale_img { width: 508px; height: 395px; margin: 0 0 24px; border: 2px solid #e6e6e6;}
                    .sale_img:hover { border-color: #811779;}
                        .sale_img a img { max-width: 508px; max-height: 395px;}

                    .sale_info { padding: 0 0 18px;}
                        .info_title { width: 321px; float: left; border-right: 1px solid #ededed; font-weight: 300;}
                            .name_item { padding: 0 0 9px; font-size: 30px; line-height: 22px; color: #333;}
                            .info_link { font-size: 15px; line-height: 22px;}
                                .info_link a { margin: 0 20px 0 0;}
                        .info_price { margin: -9px 0 0; float: right; font-size: 24px; line-height: 30px; font-weight: 300;}
                            .info_price td { vertical-align: baseline;}
                            .info_price td:first-child { padding: 0 16px 0 0; text-align: right; font-size: 12px; line-height: normal; color: #b4b4b4; font-weight: normal;}
                            .info_price td span { padding: 0 18px 0 0; background: url("../images/rub_02.jpg") 100% 8px no-repeat;}

                     .want, .buy { height: 32px; vertical-align: middle;}
                    .want { display: inline-block; width: 100px; background: url("../images/want.png") no-repeat;}
                    .buttons .want { margin: 0 10px 0 0;}
                    .buy { width: 124px; border: none; background: url("../images/buy.png") no-repeat;}

        .fin { padding: 38px 0 0; border-top: 2px solid #e6e6e6;}
            .adr_p_m { width: 460px; float: left; font-size: 15px; color: #090909;}
                .adr, .numbers_phone, .mail { padding-left: 42px; position: relative;}
                .adr { padding-bottom: 15px;}
                .numbers_phone { padding-bottom: 11px;}
                .mail { padding-bottom: 37px;}
                .adr:before, .numbers_phone:before, .mail:before { content: ""; display: block; position: absolute; background: url("../images/sprite.png") no-repeat;}
                .adr:before { width: 20px; height: 20px; background-position: 0 0; top: 2px; left: 3px;}
                .numbers_phone:before { width: 18px; height: 18px; background-position: 0 -20px; top: 0; left: 3px;}
                .mail:before { width: 20px; height: 17px; background-position: 0 -38px; top: 5px; left: 2px;}
                .soc a { margin-right: 11px; text-decoration: none;}

            .fin_side { width: 518px; padding: 3px 0 39px; float: right;}
                .distribution { padding: 17px 21px; background: #efefef;}
                    .distribution h3 { margin: 0 0 17px; line-height: 24px; font-weight: 600;}
                    .d_form { padding: 0 0 15px;}
                        .d_form input { vertical-align: middle;}
                        .d_form input[type="text"] { width: 154px; height: 28px; padding: 0 5px; margin-right: 10px; border: 1px solid #ccc; font-size: 15px; line-height: 28px; color: #090909;}
                        .d_form input[type="submit"] { width: 123px; height: 30px; background: url("../images/subscribe.png") no-repeat; border: none;}
                    .d_text { padding: 0 0 4px; font-size: 11px; line-height: 16px; color: #999;}

.footer { width: 1060px; margin: 0 auto; padding: 16px 0 15px; text-align: center; font-size: 13px; line-height: 18px; color: #818181; letter-spacing: .062em;}

    /*.breadcrumbs { padding: 0 0 14px; font-size: 13px; line-height: 18px; font-weight: 300; color: #bfbfbf; text-indent: -6px;}
        .breadcrumbs a { margin: 0 6px; color: #bfbfbf;}
        .breadcrumbs .active { text-decoration: none;}*/

    .container { padding: 0 0 33px;}

        .contentbar { width: 840px; float: right;}

            .wrap_select { margin: 0 0 0 40px; float: left;}
            .wrap_select:first-child { margin: 0;}

            /*.filter { padding: 4px 0 36px;}
                .jClever-element { margin: 0; font: 13px 'Open Sans', sans-serif; color: #999;}
                    .jClever-element-select-wrapper { width: 178px; height: 28px; border-color: #ccc;}
                        .jClever-element-select-center { padding: 0 8px; line-height: 28px;}
                        .jClever-element-select-right { background: url("../images/select_shevron.png") 50% 50% no-repeat; text-indent: -1000px;}
                        .focused .jClever-element-select-wrapper { border-color: #811779;}
                        .focused .jClever-element-select-center { background: none;}
                        .jspVerticalBar { display: none;}
                        .jClever-element-select-list-wrapper { top: 30px; height: auto; border-right: 1px solid #e6e6e6; border: none; -moz-box-shadow: 0 1px 1px #8d8d8d; -webkit-box-shadow: 0 1px 1px #8d8d8d; box-shadow: 0 1px 1px #8d8d8d; behavior: url(pie/PIE.htc);}
                        .jClever-element-select-list > li { margin: 0 0 0 -4px; padding: 5px 12px 6px;}
                        .jClever-element-select-list > li { color: #811779;}
                        .jClever-element-select-list > li:hover, .jClever-element-select-list > li.selected { background: #f7f7f7; color: #000;}
                        .jClever-element-select-list > li.active { font-weight: normal;}*/

            .list_product { width: 840px; overflow: hidden;}
                    .list_product li { width: 244px; padding: 0 54px 45px 0; display: inline-block; vertical-align: top;}
                        .cat_item_link { padding: 0 0 6px; font-size: 15px; font-weight: 300;}
                            .cat_item_link a { text-decoration: none;}
                                .cat_item_link a img { display: block; max-width: 240px; max-height: 238px; margin: 0 0 11px; border: 2px solid #b2b2b2;}
                                .cat_item_link a:hover img { border-color: #811779;}
                                .cat_item_link a span { line-height: 22px; text-decoration: underline;}
                                .cat_item_link a:hover span { color: #090909;}

                        .cat_price { padding: 0 0 12px;}
                            .cat_price table { width: 100%; font-size: 12px; color: #000;}
                            .cat_price table span { padding: 0 16px 0 0; float: right; font-size: 18px; background: url("../images/rub_01.jpg") 100% 5px no-repeat;}
                        .cat_buttons .want { float: left;}
                        .cat_buttons .buy { float: right;}

            .pagination { padding: 0 0 10px; position: relative;}
                .pagination ul { text-align: center; font-size: 0;}
                    .pagination li { width: 30px; height: 30px; margin: 0 5px; display: inline-block; font-size: 15px; color: #090909; line-height: 30px;}
                    .pagination li a { display: block; width: 30px; height: 30px; text-decoration: underline;}
                    .pagination li a:hover { background: #7e1f77; color: #fff;}
                    .pagination ul .active { background: #d2d2d2; font-weight: 600;}
                    .pagination .previous, .pagination .next { position: absolute; top: 7px; width: 11px; height: 17px;}
                    .pagination li.previous a, .pagination li.next a { width: 11px; height: 17px; background: url("../images/sprite.png") no-repeat;}
                    .pagination li.previous { left: 3px;}
                    .pagination li.previous a { background-position: 0 -88px;}
                    .pagination li.previous a:hover { background-position: 0 -105px;}
                    .pagination li.next { right: 3px;}
                    .pagination li.next a { background-position: 0 -71px;}
                    .pagination li.next a:hover { background-position: 2px -122px;}

        .sidebar { width: 192px; float: left;}
            .sidemenu { padding: 8px 0 0;}
                .sidemenu ul { font-size: 12px; line-height: 17px; font-weight: 300;}
                    .sidemenu ul a { text-decoration: none;}
                .sidemenu > ul { border-bottom: 1px solid #f0f0f0;}
                    .sidemenu > ul > li { padding: 11px 0 11px 8px; border-top:  1px solid #f0f0f0; background: url("../images/sprite_arrow.png") 180px 15px no-repeat;}
                    .sidemenu > ul > .active { background-position: -13px 15px; padding-bottom: 0;}
                        .sidemenu > ul > li > a { color: #000;}

                        .sidemenu > ul > li > ul { padding: 10px 0 0; display: none;}
                        .sidemenu > ul > .active > ul { padding: 10px 0 0; display: block;}
                        .sidemenu > ul > li > ul > li { padding: 12px 0 10px 15px; border-top: 1px solid #f0f0f0; background: url("../images/sm_marker.png") 3px 19px no-repeat;}
                        .sidemenu > ul > .active > ul > .active { background: #f7f7f7 url("../images/sm_marker_active.png") 3px 19px no-repeat;}
                        .sidemenu > ul > .active > ul > .active a { color: #000;}

        .item_bar { width: 776px; margin: -4px 0 0; float: right;}
            .item_content { padding: 0 0 13px;}
            .up { margin: 0 0 4px; font-weight: 600; text-transform: uppercase;}

            .wrap_item_show { width: 450px; padding: 8px 0 0; float: left;}

            .item_show { padding: 17px 0 22px; border: 2px solid #e6e6e6; text-align: center;}
                .wrap_show_list { padding: 0 0 31px 18px; position: relative;}
                    .show_list { width: 340px; overflow: hidden;}
                        .show_list ul { width: 110%;}
                            .show_list li { margin: 0 10px 0 0; float: left;}
                                .show_list li a, .next_arrow { display: block; width: 56px; height: 56px; border: 2px solid #e6e6e6; text-decoration: none;}
                                .show_list .active a { border-color: #811779;}
                            .next_arrow { position: absolute; top: 0; right: 18px; background: url("../images/next_arrow.png") 50% 50% no-repeat;}
                .item_img a { text-decoration: none;}

            .item_exp { width: 298px; float: right;}
                .title_item { margin: 0 0 13px; font-size: 36px; line-height: 42px; font-weight: normal;}
                .item_exp .up { margin: 0 0 12px;}

                .rating { padding: 0 0 30px; overflow: hidden;}

                .item_price { margin: 0 0 19px; padding: 14px 0 8px; border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5;}
                    .item_price table { width: 100%; font-size: 18px; color: #9a9a9a;}
                        .item_price td { padding: 0 0 8px;}
                        .item_price td span { padding: 0 18px 0 0; float: right; font-size: 24px; color: #000; background: url("../images/rub_03.png    ") 100% 3px no-repeat;}

                    .item_exp .buttons { padding-bottom: 33px;}

                .available_sizes{ padding: 0 0 13px;}

                        .available_sizes li { height: 26px; margin: 0 10px 10px 0; padding: 0 9px; float: left; background: #dedede; font-size: 14px; line-height: 24px; color: #fff;}
                            .available_sizes li a { color: #fff; text-decoration: none;}
                        .available_sizes .available { background: #8e2f87;}
                        .available_sizes li.active { height: 22px; padding: 0 7px; background: #fff; line-height: 20px; border: 2px solid #8e2f87;}
                        .available_sizes li.active a { color: #090909;}

                .available_colors, .available_sizes { width: 100%; overflow: hidden;}
                    .available_sizes ul, .available_colors ul { width: 110%;}

                        .available_colors li { width: 52px; height: 52px; margin: 0 12px 12px 0; float: left;}
                        .available_colors li a img { width: 52px; height: 52px;}
                        .available_colors li.active a img { width: 44px; height: 44px; padding: 2px; border: 2px solid #8e2f87;}

                .description_product { padding: 0 0 10px;}
                .care { padding: 11px 0 27px;}
                .reviews { padding: 10px 0 9px;}

    .content { width: 100%; padding: 0 0 20px; overflow: hidden;}
    
© TrueDev.org