@charset "utf-8";
/* CSS Document */
html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, span, a, img, form, textarea, input, table {margin: 0px; padding: 0px;}
html {height: 100%;}
body {font: 12px/18px Arial, Helvetica, sans-serif; background: #c2dfef url(../images/fon_body.png); color: #444444; min-width: 1000px; position: relative; height: 100%;}
input, input:focus {outline:none;}
img {border: none;}
a {cursor: pointer; text-decoration: underline; color: #1c9ef9;}
a:hover {text-decoration: none;}
p {padding:0 0 18px;}
h1, h2, h3, h4, h5, h6 {font: 22px Arial, Helvetica, sans-serif; padding-bottom: 14px; font-weight: bold;}
h1 {font-size: 22px; border-bottom: 1px solid #e5e5e5; margin: 0 0 20px;}
h2 {font-size: 22px; margin: 0 0 20px;border-bottom: 1px solid #e5e5e5;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}
ul, ol {padding:0 0 18px 30px;}
ul li {list-style: disc outside; padding:5px;}
ol li{padding:5px;}
.footer_area:before, .footer_area:after, .block_menu2:before, .block_menu2:after, .basket:before, .basket:after, .contentarea:before, .contentarea:after, .sort:before, .sort:after, .navigation ul:before, .navigation ul:after, .images:before, .images:after, .info_tovar:before, .info_tovar:after, .cost:before, .cost:after {content: ""; display: table;}
.footer_area:after, .block_menu2:after, .basket:after, .contentarea:after, .sort:after, .navigation ul:after, .images:after, .info_tovar:after, .costL:after {clear: both;}
.footer_area,.block_menu2, .basket, .contentarea, .sort, .navigation ul, .images, .info_tovar,.cost {zoom:1;}
.wrap {min-height: 100%; position: relative;}
.header {background: #fff url(../images/border_header.png) left bottom repeat-x; height: 86px;}
.header_area {width: 950px; margin: 0 auto; position: relative;}
.logo {position: absolute; top:29px; left:11px; width: 138px; height: 28px;}
.logo a {display: block; background: url(../images/logo.png) no-repeat; width: 138px; height: 28px; position: relative;}
.contact {width: 180px; height: 42px; border-left: 1px solid #e5e5e5; position: absolute; right: 0; top:20px; padding: 3px 0 0 40px; font-size: 11px;}
.contact span {font-size: 18px;}
.search {padding: 5px 0 0 42px; border-left: 1px solid #e5e5e5; position: absolute; left: 190px; top:20px; height: 40px;}
.search span {background: url(../images/searhe_input.png) no-repeat; display: inline-block; height: 30px; width: 454px;}
.search span input[type="text"] {height: 30px; line-height: 30px; width: 405px; padding: 0 11px;background: none; border: none; color: #aeaeae;}
.search span a {display: inline-block; width: 17px; height: 17px;text-decoration: none; background: url(../images/search.png);}
.search span * {vertical-align: middle;}
.lte7 .search span a{display: inline; zoom:1;}
.lte7 .search span {display: inline; zoom:1;}
.page {padding: 9px 25px 70px; width: 950px; margin: 0 auto; position: relative;}
.block_menu {background: url(../images/menu_l.png) left top no-repeat; padding: 0 0 0 6px;}
.block_menu1 {background: url(../images/menu_r.png) right top no-repeat; padding: 0 6px 0 0; }
.block_menu2 {background: url(../images/menu_m.png) repeat-x; height: 30px; padding: 10px 0 0; }
.menu {float: left; font-size: 13px; width: 600px;}
.menu ul {padding: 0;}
.menu li {padding:0 16px 5px; float: left; list-style: none; background: url(../images/bord_menu.png) right 2px no-repeat; }
.menu li a{color:#fff; font-weight: bold; text-decoration: none;}
.menu li a:hover {text-decoration: underline;}
.basket {float: right; width: 300px; padding: 0 14px 0 0;}
.tovar {float: right; padding: 0 0 0 10px; color: #fff;}
.tovar a {color:#fff;}
.bask {float: right; padding: 3px 3px 0;}
.bask a {display: block; background:url(../images/basket.png) center center no-repeat; width: 18px; height: 14px; }
.contentarea {padding: 10px 0 0;}
.content {float: right; width: 759px;}
.block {padding:15px 20px 15px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: #9bb2bf 1px 2px 3px;
-moz-box-shadow: #9bb2bf 1px 2px 3px;
box-shadow: #9bb2bf 1px 2px 3px;
background: #fff; position: relative; margin: 0 0 10px;}
.new_items {margin:0 -19px 0; background: #f2f2f2; padding: 10px 0 10px 7px; -webkit-border-radius: 4px 4px 0 0; position: relative; top:-14px;
-moz-border-radius:4px 4px 0 0;
border-radius:4px 4px 0 0; }
.new_items ul {padding: 0; font-size: 0; line-height: 0; display: table;}
.new_items li {display: inline-block; background: #fff; font-size: 12px; line-height: 18px; width:210px; border: 1px solid #e6e6e6; border-top:1px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 20px 15px 15px; position: relative; margin: 0 8px 5px 0; vertical-align: top; }
.lte7 .new_items li {display: inline; zoom:1;}
.new_items .image {text-align: center; height: 146px;}
.new_items .image u { width: 1px; height: 146px;}
.new_items .image img {margin-right: -1px; max-width: 210px; max-height: 150px;}
.new_items .image a i * { display: inline-block; vertical-align: middle;}
.lte7 .new_items .image a i * {display: inline; zoom:1;}
.info_item {}
.info_item .link {padding: 0 0 3px; font-size: 14px;}
.info_item .info {color:#777777;}
.novinki {position: absolute; top:-1px; left:-1px; background: url(../images/novaute.png) no-repeat; width: 79px; height: 79px; }
.popular {position: absolute; right: 0; top:5px;}
.popular a {/*display: inline-block;*/ background: url(../images/link.png) right center no-repeat; padding: 0 12px 0 0;}
.catalog {margin: 0 0 15px; position: relative;}
/* .catalog ul {padding:29px 0 0; border-top: 1px solid #e5e5e5; }
.catalog li {padding: 0; display: inline-block; width: 189px; background: url(../images/border_dot.png) right top repeat-y;}*/
.catalog table {border-collapse: collapse;}
.catalog table td {width: 150px; padding: 2px 20px; background: url(../images/border_dot.png) left 11px repeat-y; }
.catalog table td:first-child {background: none;}
.image td {text-align: center; vertical-align: middle;}
.image img {max-width: 139px; max-height: 105px;}
.link {}
.price { color: #333333;}
.pr{float: left; width: 65px; font-size: 11px; padding: 2px 0 0;}
.pr span {font-size: 14px; font-weight: bold;}
.buy {float: right; width: 70px;}
.buy input[type="button"] {background:url(../images/buy.png) no-repeat;width: 70px; height: 22px; border: none; cursor: pointer; }
.catalog table .vide td { height: 40px; background: none;}
.text {}
.brends {position: relative;}
.brends ul {padding: 0; font-size: 0; line-height: 0; display: table;}
.brends li {padding: 15px 15px 15px; list-style: none; display: inline-block; vertical-align: middle;}
.lte7 .brends li {display: inline; zoom:1;}
.side_bar {float: left; width: 190px;}
.navig {background: url(../images/sb_top.png) left top no-repeat; padding: 14px 0 0; float: left; }
.navig1 {background: url(../images/sb_bot.png) left bottom no-repeat; padding: 0 0 14px;float:left;}
.navig2 {background: url(../images/sb_m.png) repeat-y; float: left;}
.navigarea {margin: -3px 0 -4px; position: relative; float: left; padding: 0 15px 0 17px; width: 158px;}
.navig ul {padding: 0; font-size: 12px;}
.navig li {list-style: none; text-align: left;border-bottom: 1px solid #f7f7f7; padding: 9px 0 7px;}
.navig li a {color: #333333; text-decoration: none;}
.navig li:first-child {border-top: 1px solid #f7f7f7;}
.navig li:first-child.activ {border-top: 1px solid #e5e5e5;}
.navig .activ { border-top: 1px solid #e5e5e5; margin: -1px -15px 0 -17px; padding: 9px 15px 0 17px; background: #ececec; }
.navig .activ > a {color: #961c60; font-weight: bold; display: inline-block; padding: 0 0 7px;}
.lte7 .navig .activ > a {display: inline; zoom:1;}
.navig a:hover {text-decoration: underline;}
.navig li ul {background: #f9f9f9; padding: 0 15px 0 18px; margin: 0 -15px 0 -17px; border-top: 1px solid #e5e5e5; display: none; }
.navig .activ ul {display: block;}
.navig li ul a {color: #1c9ef9; text-decoration: underline;}
.navig li ul a:hover {text-decoration: none;}
.navig li ul .activ {border: none; background:url(../images/arr_sb.png) 7px 14px no-repeat; }
.navig li ul .activ a { color: #333333; display: inline-block; text-decoration: none; border: none; }
.lte7 .navig li ul .activ a {display: inline; zoom:1;}
.footer {height: 61px; background: #fff url(../images/border_header.png) left top repeat-x; margin: -61px 0 0; font-size: 11px; color: #a4a4a4; position: relative; }
.footer_area {width: 950px; margin: 0 auto;padding: 26px 0 0;}
.copy {float: left; width: 350px;}
.footer_menu {float: right; margin-right: -15px;}
.footer_menu ul {padding: 0; text-align: right;}
.footer_menu ul li {float: left; padding: 0 15px; background: url(../images/border_menu.png) left center no-repeat; list-style: none;}
.footer_menu ul li:first-child {background: none;}
.footer_menu ul li a {color: #a4a4a4;}
/*----------------category---------------*/
.breadcrumps {color:#b2b2b2; font-size: 11px; line-height: 13px; padding: 0 0 15px;}
.breadcrumps a {color: #b2b2b2;}
.breadcrumps span {padding: 0 8px 0 10px;}
.bredcr_tovar { width: 640px;}
.sort {padding: 0 0 10px; border-bottom: 1px solid #e5e5e5; margin: 0 0 20px;}
.sort .less_expens { float: left; width: 215px; padding: 0 15px 0 0;position: relative; }
.sort a { background: url(../images/arr_red.png) right center no-repeat; padding: 0 12px 0 0; color: #961c60; text-decoration: none; }
.sort a span {border-bottom: 1px dashed #961c60;}
.sort a:hover span {border: none;}
.sort .all_brends {float: right; width: 135px; text-align: right; padding: 0 0 0 15px;}
.navigation { position: relative; text-align: center; border-top: 1px solid #e5e5e5; padding: 16px 0 7px;}
.navigation ul {padding: 0; display: inline-block; position: relative;}
.lte7 .navigation ul {display: inline; zoom:1;}
.navigation li {float: left; padding: 0px 5px; margin:0 7px; color:#961c60; list-style: none;}
.navigation .current {background: #474747; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position: relative; }
.navigation .current a {color:#fff;}
.navigation li a {text-decoration: none; color:#961c60; }
.left_arr, .right_arr {position: absolute; left:0; top:22px; width: 17px; height: 7px;}
.right_arr {left:auto; right: 0;}
.left_arr a, .right_arr a {background: url(../images/arr_l.png) no-repeat; display:block; width: 17px; height: 7px;}
.right_arr a {background: url(../images/arr_r.png) no-repeat;}
/*--------------inner--------------*/
.item_tovar {}
.images {padding: 0 0 20px;}
.grand_im {float: left; width: 630px; text-align: center; height: 300px;}
.grand_im i{display: inline-block; width: 1px; height: 300px;}
.lte7 .grand_im i {display: inline; zoom:1;}
.grand_im * {vertical-align: middle;}
.grand_im img {max-width: 630px; margin-right: -1px;}
.list_images {float: right; width: 70px; margin: -30px 0 0;}
.list_images ul {padding: 0; width: 100%;}
.list_images li {padding: 0; margin: 0 0 10px; height: 58px; text-align: center; list-style: none; border: 1px solid #e5e5e5;-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position: relative; }
.list_images u { width: 1px; height: 58px;}
.list_images img {margin-right: -1px; max-width: 68px; max-height: 56px; }
.list_images a i * { display: inline-block; vertical-align: middle;}
.lte7 list_images a i * {display: inline; zoom:1;}
.info_tovar {height: 44px; line-height: 44px; background: #ddf0fe; margin: 0 -20px 15px; padding: 0 20px; color: #333333; }
.disp {background: url(../images/disp.png) left center no-repeat; padding: 0 10px 0 24px;float: left; width: 196px;}
.id {width: 100px; padding: 0 10px 0 0; float: left;}
.id span{font-weight: bold; }
.cost {float: right; padding: 10px 0 0;}
.buy_b {float: right; width: 80px; margin:0 0 0 10px;}
.buy_b input[type="button"] {background:url(../images/buy_big.png) no-repeat; width: 80px; height: 26px; border: none; cursor: pointer; }
.col {float: right; width: 34px; padding:2px 8px; background: url(../images/inpt.png) 0 0 no-repeat; height:22px; }
.col input[type="text"] {width: 34px; height: 22px; background:#fff; border: none; color:#333333; text-align: center; line-height: 22px; float:left;}
.cost .pr {float: right; font-size: 14px; width: 160px; padding: 1px 0 0; margin:0 10px 0 0; text-align: right; line-height:normal; }
.cost .pr span {font-size: 18px; font-weight: bold;}
.caracteristic { padding: 0 0 20px;}
.caracteristic table {border-collapse: collapse; border: none; width: 100%; color: #333333;}
.caracteristic table td {padding: 6px 10px 6px; background: #f7f7f7; border: none;}
.caracteristic table td:first-child {font-weight: bold; width: 170px;}
.caracteristic table tr:nth-child(even) td {background: #fff;}
.caracteristic table tr.even td {background: #fff;}
.description {line-height: 20px;}
.network {padding: 16px 0 8px; border-top: 1px solid #e5e5e5; }
/*-------------------------------cart----------------------*/
.cart {padding: 0 0 20px;}
.cart table {border-collapse: collapse;}
.cart table th {text-align: left;}
.cart table td { padding: 15px 10px; vertical-align: middle; border-top: 1px dotted #cfcfcf;}
.im_item {width: 75px; text-align: center;}
.im_item img {max-height: 60px; max-width: 63px;}
.name_item {width: 370px;}
.name_item h5 {font-size: 12px; font-weight: normal; padding: 0; }
.ident {color:#a5a5a5; font-size:10px; }
.colvo {width: 90px;}
.colvo input[type="text"] { width: 40px; height: 24px; background: url(../images/input_basket.png) no-repeat; line-height: 24px; border: none; text-align: center;}
.cart .cost {width: 78px; color:#333333; font-size:12px; float: none; }
.cart .cost span, .common_sum span {font-size: 14px; font-weight:bold;}
.common_sum {color:#333333; font-size:12px;}
.del {}
.del a {display: block; background: url(../images/delete.png) no-repeat; width: 11px; height: 10px;}
.command input[type="button"] {width: 150px; height: 26px; background: url(../images/command.png) no-repeat; border: none; cursor: pointer;}
/*----------------------------catalog----------------------------*/
.main_catalog {}
.main_catalog > ul {padding: 0; width: 110%; font-size: 0; line-height: 0; display: table;}
.main_catalog > ul > li {list-style: none; display: inline-block; width: 230px; padding: 0 15px 40px 0; vertical-align: top; font-size: 12px; line-height: 20px;}
.lte7 .main_catalog > ul > li {display: inline; zoom:1; }
.main_catalog .image {height: 90px; margin: 0 0 5px; text-align: left;}
.main_catalog .image img {max-height: 90px; max-width: 235px; }
.main_catalog .image i {display: inline-block; width: 1px; height: 90px;}
.lte7 .main_catalog .image i {display: inline; zoom:1;}
.main_catalog .image a * {vertical-align: middle;}
.main_catalog .cont {}
.main_catalog .name {padding: 0 0 8px;}
.main_catalog .name a {font-size: 16px; font-weight: bold; color: #333333; text-decoration: none;}
.main_catalog .cont ul {padding: 0; }
.main_catalog .cont ul li {padding: 4px 0 ; list-style: none;}
.main_catalog .more_info { font-size: 11px;}
.main_catalog .more_info a {color: #b2b2b2;}
/*-----------------NEW STILES-------------------*/
.sort {background: #fcfcfc; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #e5e5e5; }
.less_expens {position: relative;}
.item_sort2 {position: absolute; top:29px; left:60px; display:none; }
.shadow_block .list_items {position: relative; z-index: 20; margin: -10px 0 0; padding: 0 0 8px 0;;}
.shadow_block .list_items ul {padding: 0;}
.shadow_block .list_items li {padding: 3px 0; list-style: none;}
.shadow_block .list_items li a {background: none; text-decoration: underline; font-size: 11px; }
.shadow_block .list_items li a:hover {text-decoration: none;}
.shadow_block { position: relative; padding: 20px; max-width: 462px;}
.sh { position: absolute; background: url(../images/block.png) no-repeat; z-index: 10; }
.tl { top: -13px; bottom: 38px; left: -13px; right: 38px; }
.tr { width: 38px; top: -13px; bottom: 38px; right: 0px; background-position: top right;}
.bl {left: -13px; right: 38px; bottom: 0px; height: 38px; background-position: bottom left;}
.br { width: 38px; height: 38px; right: 0px; bottom: 0px; background-position: bottom right;}
.sort .all_brends {position: relative; width: 420px;}
.item_sort3 {position: absolute; top:29px; right:-23px; text-align: left; display:none; }
.item_sort3 .list_items ul {padding: 0 10px 0 0; float:left;}
.item_sort3 .list_items:before, .item_sort3 .list_items:after {content: ""; display: table;}
.item_sort3 .list_items:after {clear: both;}
.item_sort3 .list_items {zoom:1;}
.popup {width: 390px; height: 200px; position: fixed; left: 50%; top: 50%; margin-left: -195px; margin-top: -100px; z-index: 2000; /*display: none;*/}
.block_message {background: url(../images/block_message.png) no-repeat; width: 310px; height: 119px; padding: 87px 42px 0 48px; position: relative; display:none;}
.message_ok {background: url(../images/ok.png) left center no-repeat; font:18px Arial, Helvetica, sans-serif; font-weight: bold; color:#444444; padding: 0 0 0 66px;}
.close_wind {position: absolute; top:27px; right: 35px; width: 15px; height: 15px;}
.close_wind a {display: block; width: 15px; height: 15px; background: url(../images/close.png) no-repeat;}
/*--------------------------ARROWS---------------------*/
.list_images {padding: 18px 0; position: relative;}
.carusel { height: 270px; overflow: hidden; position: relative;}
.arr1, .arr2 {cursor: pointer; height: 9px; left: 27px; position: absolute; top: 0; width: 16px; background: url(../images/arrows.png) -16px -9px no-repeat; }
.arr2 {background-position: 0 -9px; top:auto; bottom:0; }
.arr1.disabled {background-position: -16px 0; }
.arr2.disabled { background-position: 0 0; }