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;}