@font-face { font-family: 'pf_beausans_pro'; src: url('../fonts/pfbeausanspro-sebold-webfont.eot'); src: url('../fonts/pfbeausanspro-sebold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/pfbeausanspro-sebold-webfont.woff') format('woff'), url('../fonts/pfbeausanspro-sebold-webfont.ttf') format('truetype'), url('../fonts/pfbeausanspro-sebold-webfont.svg#pf_beausans_prosemibold') format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: 'pf_beausans_pro'; src: url('../fonts/pfbeausanspro-reg-webfont.eot'); src: url('../fonts/pfbeausanspro-reg-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/pfbeausanspro-reg-webfont.woff') format('woff'), url('../fonts/pfbeausanspro-reg-webfont.ttf') format('truetype'), url('../fonts/pfbeausanspro-reg-webfont.svg#pf_beausans_proregular') format('svg'); font-weight: 400; font-style: normal; } 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;} html, body { height: 100%;} body { font: 14px/16px Tahoma, sans-serif; color: #000000; background: #e0f0f7 url("../images/all_bg.png") repeat;} img { border: none;} a { cursor: pointer; color: #046da6;} a:hover { text-decoration: none;} p { margin-bottom: 8px;} h1, h2, h3, h4, h5, h6 { margin-bottom: 14px; font-weight: 400; font-family: 'pf_beausans_pro', sans-serif; color: #0077a8; line-height: normal;} h1 { font-size: 24px;} h2 { font-size: 20px;} h3 { font-size: 18px;} h4 { font-size: 16px;} h5 { font-size: 14px;} h6 { font-size: 12px;} input[type='submit'], input[type='button'] { cursor: pointer;} ol, ul { margin-bottom: 15px;} li { padding: 0 0 8px 21px; list-style: none; position: relative;} li:before { content: ''; display: block; width: 8px; height: 7px; background: url("../images/sprite.png") -87px 0 no-repeat; position: absolute; top: 6px; left: 0;} table { border-collapse: collapse;} td { padding: 7px 5px 9px; border: 1px solid #9ccae0; text-align: center;} .header:after, .header_cont01:after, .header_cont02:after, .header_cont02:after, .footer:after, .most_pop_container:after, .article_list li:after, .cont_container:after, .filter:after, .value_range:after, .card_container:after, .card_col_t:after, .goods_cont:after, .card_sum_wr:after { content: ''; display: table; clear: both;} .main { display: table; width: 1000px; height: 100%; margin: 0 auto; border-collapse: collapse; background: #fff; -webkit-box-shadow: 0 -5px 5px #99a3a8; -moz-box-shadow: 0 -5px 5px #99a3a8; box-shadow: 0 -5px 5px #99a3a8;} .main_tr { display: table-row;} .container_wr, .footer_wr, .header_wr, .page { display: table-cell;} .container_wr { position: relative;} .container_wr:before { content: ''; display: block; width: 100%; height: 292px; background: url("../images/page_bg.png") repeat-x; position: absolute; bottom: 0; left: 0;} .footer_wr, .header_wr { height: 1px;} .container { display: table; width: 100%; height: 100%; border-collapse: collapse;} .container_trg { display: table-row-group;} .container_thg { display: table-header-group;} .header { padding: 19px 25px 18px 30px; position: relative; background: #FFFFFF; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#d4ecf7)); background: -webkit-linear-gradient(#FFFFFF, #d4ecf7); background: -moz-linear-gradient(#FFFFFF, #d4ecf7); background: -ms-linear-gradient(#FFFFFF, #d4ecf7); background: -o-linear-gradient(#FFFFFF, #d4ecf7); background: linear-gradient(#FFFFFF, #d4ecf7); -pie-background: linear-gradient(#FFFFFF, #d4ecf7);} .header_c01 { width: 233px; float: left;} .logo { margin-bottom: 12px; padding-left: 1px;} .logo a { display: block; width: 232px; padding: 59px 0 0 1px; background: url("../images/logo.png") no-repeat; font: 16px/16px 'pf_beausans_pro', sans-serif; color: #000000; text-decoration: none;} .callback_btn { display: inline-block; height: 25px; padding: 0 56px 0 31px; font-size: 11px; color: #ffffff; line-height: 23px; letter-spacing: .1em; background: url("../images/btn_01.jpg") repeat-x; border: 1px solid #ffffff; text-decoration: none; text-transform: uppercase; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 2px #9fafb6; -moz-box-shadow: 0 1px 2px #9fafb6; box-shadow: 0 1px 2px #9fafb6; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; outline: none;} .callback_btn:after { content: ''; display: block; width: 17px; height: 15px; margin-left: 10px; background: url("../images/sprite.png") -17px 0 no-repeat; position: absolute; top: 4px; right: 30px;} .header_c02 { width: 694px; padding-top: 20px; float: right;} .header_cont01 { margin-bottom: 22px;} .header_tel_wr { overflow: hidden; text-align: center;} .header_tel { display: inline-block; text-align: right;} .tel_number { margin-bottom: 1px; font: 600 30px/30px 'pf_beausans_pro', sans-serif; letter-spacing: -.025em;} .tel_number span { font-weight: 400; color: #0077a8;} .tel_time { font-size: 12px; color: #a2a2a2; line-height: 14px; letter-spacing: .05em;} .tel_time:before { content: ''; display: inline-block; vertical-align: bottom; width: 14px; height: 13px; margin-right: 7px; background: url("../images/sprite.png") 0 0 no-repeat;} .header_search { width: 244px; height: 25px; margin: 2px 0 0 18px; padding-right: 24px; float: right; background: url("../images/search.png") no-repeat; position: relative;} .header_search input { border: none; background: none;} .header_search input[type='text'] { width: 100%; height: 25px; box-sizing: border-box; padding: 0 14px; font: 11px/25px Tahoma, sans-serif; text-transform: uppercase; letter-spacing: .1em; outline: none;} .header_search input[type='submit'] { width: 14px; height: 14px; background: url("../images/sprite.png") -70px 0 no-repeat; position: absolute; top: 6px; right: 10px;} .label { color: #868686;} .main_nav { overflow: hidden;} .main_nav ul { margin: 0;} .main_nav li { height: 18px; padding: 5px 13px; float: left; font-size: 12px; line-height: 14px; letter-spacing: .05em; text-transform: uppercase;} .ie8 .main_nav li { letter-spacing: .04em;} .main_nav li:first-child { padding-left: 3px;} .main_nav li:before { content: ''; display: block; width: 3px; height: 28px; background: url("../images/sprite.png") -57px -96px no-repeat; position: absolute; top: 0; left: 0;} .main_nav li:first-child:before { display: none;} .main_nav li a { color: #000000; text-decoration: none;} .main_nav li a:hover, .main_nav .active a { color: #0077a8;} .basket { width: 176px; padding-top: 5px; float: right; font-size: 12px; line-height: 14px; letter-spacing: .05em; text-transform: uppercase; text-align: right;} .ie8 .basket { letter-spacing: .04em;} .basket a { padding-left: 23px; color: #046da6; text-decoration: none; position: relative;} .basket a span { color: #aaaaaa; text-transform: none;} .basket a:before { content: ''; display: block; width: 17px; height: 15px; background: url("../images/sprite.png") -37px 0 no-repeat; position: absolute; top: -1px; left: 0;} .footer { padding: 14px 25px 14px 24px; color: #ffffff; position: relative; background: #0989BE; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0989BE), to(#014e8b)); background: -webkit-linear-gradient(#0989BE, #014e8b); background: -moz-linear-gradient(#0989BE, #014e8b); background: -ms-linear-gradient(#0989BE, #014e8b); background: -o-linear-gradient(#0989BE, #014e8b); background: linear-gradient(#0989BE, #014e8b); -pie-background: linear-gradient(#0989BE, #014e8b);} .cop { width: 475px; float: left; font-size: 12px; letter-spacing: .05em; line-height: 14px;} .cop span { display: block; text-transform: uppercase;} .footer_tel { padding-top: 6px; max-width: 310px; float: right; font: 400 20px/20px 'pf_beausans_pro', sans-serif; letter-spacing: -.025em;} .footer_tel span { font-weight: 600;} .page { position: relative;} .most_pop { margin-bottom: 32px; padding: 18px 22px 13px 23px; position: relative; background: #25A9E0; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#25A9E0), to(#014987)); background: -webkit-linear-gradient(#25A9E0, #014987); background: -moz-linear-gradient(#25A9E0, #014987); background: -ms-linear-gradient(#25A9E0, #014987); background: -o-linear-gradient(#25A9E0, #014987); background: linear-gradient(#25A9E0, #014987); -pie-background: linear-gradient(#25A9E0, #014987);} .most_pop:before { content: ''; display: block; width: 1000px; height: 7px; background: url("../images/pop_sh.png") no-repeat; position: absolute; top: 0; left: 0;} .most_pop h2 { margin-bottom: 16px; color: #ffffff; text-align: center;} .most_pop_c01, .most_pop_c02 { width: 314px; float: left;} .most_pop_c01 { margin-right: 8px; float: left;} .most_pop_c02 { margin-left: 9px; float: right;} .pop_list { width: 100%; overflow: hidden;} .pop_list ul { width: 105%;} .pop_list li { width: 152px; margin: 0 8px 8px 0; padding: 0; float: left; background: #ffffff; text-align: center; -webkit-box-shadow: 1px 2px 2px #056188; -moz-box-shadow: 1px 2px 2px #056188; box-shadow: 1px 2px 2px #056188;} .pop_list li:before { display: none;} .pop_list li a { display: block; height: 152px; box-sizing: border-box; padding: 5px 5px 14px; text-decoration: none; position: relative;} .discount, .like { display: block; width: 36px; height: 36px; background: url("../images/sprite.png") no-repeat; position: absolute;} .pop_list li a .discount, .pop_list li a .like { top: 7px; right: 7px;} .discount { background-position: -57px -57px;} .like { background-position: -57px -18px;} .pop_img { display: block; height: 95px; margin-bottom: 2px;} .pop_img img { max-width: 142px; max-height: 95px; vertical-align: middle;} .pop_img:after { content: ''; display: inline-block; height: 100%; vertical-align: middle;} .pop_price { display: block; margin-bottom: 3px;} .price { font-size: 18px; color: #0077a8; line-height: 18px;} .price:after { content: ''; display: inline-block; width: 10px; height: 13px; margin-left: 5px; background: url("../images/sprite.png") -57px 0 no-repeat;} .old_price { font-size: 14px; color: #ff0000; text-decoration: line-through;} .pop_name { display: block; font-size: 12px; color: #000000; line-height: 14px;} .pop_sl { width: 310px; overflow: hidden; position: relative; -webkit-box-shadow: 1px 2px 2px #013a67; -moz-box-shadow: 1px 2px 2px #013a67; box-shadow: 1px 2px 2px #013a67;} .pop_sl ul { width: 300%;} .pop_sl li { width: 296px; padding: 7px; float: left; background: #ffffff; list-style: none;} .pop_sl li:before { display: none;} .pop_sl li img { width: 296px; height: 298px; float: left;} .main_catalog { padding: 0 24px; position: relative;} .main_catalog_list { width: 100%; overflow: hidden;} .main_catalog_list > ul { width: 105%; margin: 0; font-size: 0;} .main_catalog_list >ul > li { width: 310px; padding: 0 11px 30px 0; display: inline-block; vertical-align: top; text-align: center;} .main_catalog_list >ul > li:before { display: none;} .main_catalog_list > ul > li h3 { margin-bottom: 10px; font-size: 20px; line-height: 20px;} .main_catalog_list > ul > li > h3 a { text-decoration: none;} .main_catalog_img { margin-bottom: 1px; padding: 6px 0; border: 1px solid #b8b8b8;} .main_catalog_img img { max-width: 296px; max-height: 136px; vertical-align: top;} .subcatalog ul { margin: 0;} .subcatalog li { padding: 6px 0 8px; font-size: 14px; line-height: 16px; background: url("../images/cat_separator.png") 50% 100% no-repeat;} .subcatalog li:before { display: none;} .subcatalog li a { color: #000; text-decoration: none;} .subcatalog li a:hover { color: #046da6;} .subcatalog li a span { font-size: 12px; color: #aaaaaa;} .page_container { padding: 0 24px;} .page_box { display: table; width: 100%; min-height: 290px; border-collapse: collapse;} .page_box_tr { display: table-row;} .page_box_td01, .page_box_td02 { display: table-cell; vertical-align: bottom; padding-top: 2px;} .page_box_td01 { width: 289px; padding-right: 228px;} .boon { margin-bottom: 45px; padding: 20px 18px 7px; background: #ffffff; border: 1px solid #b8b8b8; position: relative; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px;} .boon:after { content: ''; display: block; width: 226px; height: 248px; background: url("../images/chuni.png") no-repeat; position: absolute; bottom: -3px; left: 255px;} .boon:before { content: ''; display: block; width: 13px; height: 24px; background: url("../images/sprite.png") -63px -96px no-repeat; position: absolute; top: 90px; right: -13px;} .ie8 .boon:before { right: -12px;} .boon h3 { margin-bottom: 34px; font-size: 20px;} .boon_item { margin-bottom: 25px; font-size: 0; position: relative;} .boon_item img { width: 52px; margin-right: 9px; vertical-align: middle;} .boon_item_tx { display: inline-block; width: 180px; vertical-align: middle; font-size: 14px; line-height: 17px;} .article_list ul { margin: 0;} .article_list li { padding: 4px 0 10px; font-size: 0;} .page_box_td02 .article_list li, .article_container .article_list li { padding: 4px 0 8px;} .article_list li:before { display: none;} .article_img, .article_tx { display: inline-block; vertical-align: middle;} .article_tx { width: 500px;} .article_img { width: 100px; height: 100px; margin-right: 16px; padding: 6px; background: #ffffff; border: 1px solid #b8b8b8;} .page_box_td02 .article_tx, .article_container .article_tx { width: 290px;} .article_tx h3 { margin-bottom: 4px; font-size: 20px; line-height: 24px;} .article_tx h3 a { text-decoration: none;} .article_tx p { margin-bottom: 0; font-size: 14px; line-height: 17px;} .all_article { margin-bottom: 22px; font-size: 12px; line-height: 14px; letter-spacing: .05em;} .all_article a { text-transform: uppercase; text-decoration: none; color: #000000;} .breadcrumbs { margin-bottom: 23px; padding: 10px 24px 4px; position: relative; background: #006CA0; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#006CA0), to(#24a9e0)); background: -webkit-linear-gradient(#006CA0, #24a9e0); background: -moz-linear-gradient(#006CA0, #24a9e0); background: -ms-linear-gradient(#006CA0, #24a9e0); background: -o-linear-gradient(#006CA0, #24a9e0); background: linear-gradient(#006CA0, #24a9e0); -pie-background: linear-gradient(#006CA0, #24a9e0);} .breadcrumbs ul { margin: 0; font-size: 0;} .breadcrumbs li { display: inline; padding: 0; font-size: 11px; color: #fefefe; line-height: 13px; letter-spacing: .1em; text-transform: uppercase;} .breadcrumbs li:before { content: '/'; display: inline; position: static; margin: 0 10px;} .breadcrumbs li:first-child:before { display: none;} .breadcrumbs li a { color: #000; text-decoration: none;} .cont_container_wr { margin-bottom: 20px; padding: 0 25px;} .cont_container { padding-bottom: 7px; border-bottom: 1px solid #FFFFFF;} .sidebar { width: 232px; float: left;} .side_nav { margin: 3px 0 30px;} .side_nav ul { margin: 0;} .side_nav li { padding: 0;} .side_nav li:before { display: none;} .side_nav > ul > li { margin-bottom: 4px;} .side_nav > ul > li > a { display: block; padding: 8px 10px 8px; font: 16px/16px 'pf_beausans_pro', sans-serif; color: #ffffff; text-decoration: none; text-align: center; border: 1px solid #0179aa; position: relative; background: #0179aa; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0179aa), to(#24a8df)); background: -webkit-linear-gradient(#0179aa, #24a8df); background: -moz-linear-gradient(#0179aa, #24a8df); background: -ms-linear-gradient(#0179aa, #24a8df); background: -o-linear-gradient(#0179aa, #24a8df); background: linear-gradient(#0179aa, #24a8df); -pie-background: linear-gradient(#0179aa, #24a8df);} .side_nav > ul > li.active > a { color: #0077a8; border-color: #9ccae0; background: #feffff; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#feffff), to(#d7edf7)); background: -webkit-linear-gradient(#feffff, #d7edf7); background: -moz-linear-gradient(#feffff, #d7edf7); background: -ms-linear-gradient(#feffff, #d7edf7); background: -o-linear-gradient(#feffff, #d7edf7); background: linear-gradient(#feffff, #d7edf7); -pie-background: linear-gradient(#feffff, #d7edf7);} .side_nav > ul > li > a span { font: 12px Tahoma, sans-serif;} .side_nav > ul > li.active > a:after { content: ''; display: none; width: 22px; height: 7px; margin-left: -11px; background: url("../images/sprite.png") 0 -18px no-repeat; position: absolute; bottom: -7px; left: 50%;} .side_nav > ul > li.active > a:after { display: block;} .side_subnav { margin: 4px 0 -3px; display: none;} .side_nav > ul > li.active .side_subnav { display: block;} .side_subnav ul { margin: 0;} .side_subnav li { padding: 6px 15px; line-height: 17px; text-align: center; background: url("../images/side_separator.png") 50% 0 no-repeat;} .side_subnav li:first-child { background: none;} .side_subnav li a { color: #000; text-decoration: none;} .side_subnav li a:hover, .side_subnav li.active a { color: #0077a8;} .side_subnav li a span { font-size: 12px; color: #aaaaaa;} .side_boon { margin-bottom: 17px;} .side_boon h3 { margin-bottom: 17px; font-size: 20px; text-align: center; letter-spacing: normal;} .side_boon_item { margin-bottom: 15px; padding: 15px 26px; border: 1px solid #b8b8b8; line-height: 17px; text-align: center; position: relative; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px;} .side_boon_item img { margin-bottom: 4px;} .side_boon_item_tx { display: block;} .side_bnr { text-align: center;} .contentbar { width: 693px; float: right;} .catalog h2, .card h2 { margin-bottom: 6px; line-height: 22px;} .hls { letter-spacing: -.025em;} .catalog p { margin-bottom: 18px;} .filter { margin-bottom: 21px;} .filter_container { width: 320px; margin-left: 10px; padding: 18px 128px 8px 14px; float: right; background: #ecf5fa; position: relative;} .filter_range { width: 287px; margin: 0 auto;} .slider_range { margin-bottom: 11px;} .filter_range .ui-corner-all { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} .filter_range .ui-widget-content { border: none;} .filter_range .ui-slider-horizontal { height: 5px;} .filter_range .ui-widget-header { background: #9ccae0;} .filter_range .ui-slider .ui-slider-handle { width: 33px; height: 19px;} .filter_range .ui-widget-content .ui-state-default { border: none; background: url("../images/sprite.png") 0 -36px no-repeat;} .filter_range .ui-slider-horizontal .ui-slider-handle { top: -6px; margin-left: -16px;} .filter_range .ui-state-hover, .filter_range .ui-state-focus { outline: none;} .value_range { margin: 0 -16px;} .value_min, .value_max { font-size: 18px; line-height: 20px; color: #0077a8;} .value_min:after, .value_max:after { content: ''; display: inline-block; width: 10px; height: 13px; margin-left: 5px; background: url("../images/sprite.png") -57px 0 no-repeat;} .value_min { float: left;} .value_max { float: right;} .show_btn { position: absolute; top: 12px; right: 12px;} .show_btn a { display: block; width: 91px; height: 36px; padding: 0 5px; border: 1px solid #FFFFFF; background: url("../images/btn_02.jpg") repeat-x; font-size: 11px; line-height: 36px; letter-spacing: .1em; color: #FFFFFF; text-align: center; text-transform: uppercase; position: relative; text-decoration: none; -webkit-box-shadow: 1px 1px 2px #afb5b8; -moz-box-shadow: 1px 1px 2px #afb5b8; box-shadow: 1px 1px 2px #afb5b8;} .sorting { padding-top: 39px; overflow: hidden; font-size: 11px; line-height: 12px; color: #aaaaaa; letter-spacing: .1em; text-transform: uppercase;} .sorting a { margin: 0 9px; color: #000000; text-decoration: none;} .sorting a.active, .sorting span { color: #0077a8;} .catalog_list { width: 100%; overflow: hidden;} .catalog_list ul { width: 105%; margin: 0; font-size: 0;} .catalog_list li { display: inline-block; vertical-align: top; width: 225px; padding: 0 8px 24px 0; text-align: center;} .catalog_list li:before { display: none;} .catalog_list li a { display: block; text-decoration: none; position: relative;} .catalog_item_img { display: block; height: 211px; margin-bottom: 10px; padding: 6px; border: 1px solid #b8b8b8;} .catalog_item_img:after { content: ''; display: inline-block; height: 100%; vertical-align: middle;} .catalog_item_img img { vertical-align: middle; max-width: 211px; max-height: 211px; } .catalog_item_price { display: block; margin-bottom: -1px;} .catalog_item_price .price { font-size: 20px; line-height: 20px;} .catalog_item_price .price:after { width: 11px; height: 15px; margin-left: 6px; background-position: -25px -18px;} .catalog_item_price .old_price { margin-right: 5px;} .catalog_item_name { display: block; padding: 0 12px; font-size: 14px; line-height: 17px; color: #000000;} .catalog_list li a .discount, .catalog_list li a .like { top: 14px; right: 14px;} .article_container { padding: 0 24px;} .article_container .article_list { overflow: hidden;} .article_container .article_list ul { width: 110%; font-size: 0;} .article_container .article_list li { display: inline-block; vertical-align: top; width: 420px; margin-right: 97px;} .card_tx { margin-bottom: 19px;} .card_container { margin-bottom: 9px; border-bottom: 1px solid #9ccae0;} .card_col_01 { width: 323px; float: left;} .card_sl { margin-bottom: 15px;} .card_item { height: 309px; margin-bottom: 10px; padding: 6px; border: 1px solid #b8b8b8; text-align: center; position: relative;} .card_item:after { content: ''; display: inline-block; height: 100%; vertical-align: middle;} .card_item img { max-width: 309px; max-height: 309px; vertical-align: middle;} .card_item .discount { top: 11px; right: 13px;} .card_item_list { width: 100%; overflow: hidden;} .card_item_list ul { width: 105%; margin: 0;} .card_item_list li { width: 86px; height: 86px; margin: 0 11px 11px 0; padding: 6px; border: 1px solid #b8b8b8; float: left; text-align: center;} .card_item_list li:before { display: inline-block; height: 100%; width: 0; position: static; vertical-align: middle;} .card_item_list li img { max-width: 86px; max-height: 86px; vertical-align: middle;} .card_col_02 { width: 346px; float: right;} .card_col_t { margin-bottom: 29px;} .label_price_wr01 { max-width: 170px; float: left; padding-left: 31px; background: url("../images/label_left.png") no-repeat;} .label_price_wr02 { padding-right: 20px; background: url("../images/label_right.png") 100% 0 no-repeat;} .label_price { height: 34px; padding-left: 2px; background: url("../images/label_center.png") repeat-x; line-height: 32px;} .label_price .price { font-size: 20px; line-height: 32px;} .label_price .price:after { width: 11px; height: 15px; margin-left: 6px; background-position: -25px -18px;} .label_price .old_price { margin-right: 5px;} .add_wr { width: 138px; float: right;} .add_btn { display: block; height: 34px; padding: 0 10px 0 42px; border: 1px solid #FFFFFF; background: url("../images/btn_03.jpg") repeat-x; font: 16px/34px 'pf_beausans_pro', sans-serif; color: #FFFFFF; text-decoration: none; position: relative; top: -1px; right: -1px; -webkit-box-shadow: 1px 2px 2px #bdbcbc; -moz-box-shadow: 1px 2px 2px #bdbcbc; box-shadow: 1px 2px 2px #bdbcbc;} .add_btn:before { content: ''; display: block; width: 17px; height: 15px; background: url("../images/sprite.png") -37px -36px no-repeat; position: absolute; top: 9px; left: 16px;} .tech_section { margin-bottom: 25px;} .h601 { margin-bottom: 12px; font: 11px/12px Tahoma, sans-serif; color: #aaaaaa; text-transform: uppercase; letter-spacing: .1em;} .tech_list li { padding: 0 0 6px 17px; font-size: 12px; line-height: 14px;} .tech_list li:before { width: 4px; height: 4px; background-position: -39px -18px; top: 7px;} .articles h2 { margin-bottom: 17px; line-height: 22px;} .cart { margin-bottom: 26px;} .cart h2 { margin: 0; font-size: 20px; line-height: 22px; text-transform: uppercase;} .goods_list { margin-bottom: 12px;} .goods_list ul { margin: 0;} .goods_list li { padding: 20px 80px 20px 0; border-bottom: 1px solid #9ccae0; font-size: 0;} .goods_list li:first-child { padding-top: 15px;} .goods_list li:before { display: none;} .goods_img { width: 86px; height: 86px; margin-right: 16px; padding: 6px; border: 1px solid #b8b8b8; display: inline-block; vertical-align: middle;} .goods_img img { width: 86px; height: 86px;} .goods_info { width: 480px; display: inline-block; vertical-align: middle;} .goods_info h3 { margin-bottom: 12px; font-size: 20px; line-height: 22px;} .goods_info h3 a { text-decoration: none;} .number_item { margin-right: 21px; float: left; font-size: 14px;} .variation { height: 34px; margin-left: 11px; padding-right: 16px; display: inline-block; vertical-align: middle; position: relative;} .variation input { width: 48px; height: 32px; border: 1px solid #9ccae0; text-align: center; font: 14px/32px Tahoma, sans-serif; outline: none;} .var_plus, .var_minus { display: block; width: 17px; height: 17px; background: url("../images/sprite.png") no-repeat; position: absolute; right: 0;} .var_plus { top: 0; background-position: 0 -57px;} .var_minus { bottom: 0; background-position: -25px -57px;} .del_item { position: absolute; top: 43px; right: 0;} .goods_list li:first-child .del_item { top: 38px;} .del_item a, .counted a { color: #aaaaaa; font-size: 11px; line-height: 12px; letter-spacing: .1em; text-transform: uppercase; text-decoration: none;} .card_sum { float: left;} .card_sum_title { margin-right: 11px; font: 20px 'pf_beausans_pro', sans-serif; color: #0077a8; letter-spacing: -.025em; text-transform: uppercase;} .sum_result { font-size: 20px;} .sum_result:after { content: ''; display: inline-block; width: 11px; height: 15px; margin-left: 6px; background: url("../images/sprite.png") 0 -78px no-repeat;} .counted { padding-top: 5px; float: right;} .form_order { margin-bottom: 10px;} .form_order_line { margin-bottom: 7px;} .form_order_line input , .form_order_line textarea { width: 100%; box-sizing: border-box; border: 1px solid #b8b8b8; font: 14px/16px Tahoma, sans-serif; color: #000000;} .form_order_line input { height: 34px; padding: 0 17px; line-height: 32px;} .form_order_line textarea { height: 125px; padding: 8px 17px; overflow: auto; resize: none;} .form_order_line .label { color: #000;} .send { padding-top: 4px; text-align: right;} .send_btn { display: inline-block; height: 34px; padding: 0 17px 0 42px; border: 1px solid #FFFFFF; background: url("../images/btn_03.jpg") repeat-x; font: 16px/34px 'pf_beausans_pro', sans-serif; color: #FFFFFF; text-decoration: none; position: relative; top: -1px; right: -1px; -webkit-box-shadow: 1px 2px 2px #bdbcbc; -moz-box-shadow: 1px 2px 2px #bdbcbc; box-shadow: 1px 2px 2px #bdbcbc;} .send_btn:before { content: ''; display: block; width: 17px; height: 15px; background: url("../images/sprite.png") -37px -36px no-repeat; position: absolute; top: 9px; left: 16px;}