@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;}
    
© TrueDev.org