@import url("/css/slides.css");
@import url("/css/best-of.css");
@import url("/css/svwp_style.css");
@import url("/css/styles.css");

@font-face {
	font-family: 'HelveticaNeueCyr-Light';
	src: url('/css/fonts/HelveticaNeueCyr-Light.eot');
	src: local('в�є'), url('/css/fonts/HelveticaNeueCyr-Light.woff') format('woff'), url('/css/fonts/HelveticaNeueCyr-Light.ttf') format('truetype'), url('/css/fonts/HelveticaNeueCyr-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueCyr-Roman';
	src: url('/css/fonts/HelveticaNeueCyr-Roman.eot');
	src: local('в�є'), url('/css/fonts/HelveticaNeueCyr-Roman.woff') format('woff'), url('/css/fonts/HelveticaNeueCyr-Roman.ttf') format('truetype'), url('/css/fonts/HelveticaNeueCyr-Roman.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueCyr-Thin';
	src: url('/css/fonts/HelveticaNeueCyr-Thin.eot');
	src: local('в�є'), url('/css/fonts/HelveticaNeueCyr-Thin.woff') format('woff'), url('/css/fonts/HelveticaNeueCyr-Thin.ttf') format('truetype'), url('/css/fonts/HelveticaNeueCyr-Thin.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_casper';
	src: url('/css/fonts/casper.eot');
	src: local('в�є'), url('/css/fonts/casper.woff') format('woff'), url('/css/fonts/casper.ttf') format('truetype'), url('/css/fonts/casper.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ALSRublRegular';
	src: url('/css/fonts/webdebug.ruble.font/ruble.eot');
	src: local('в�є'), url('/css/fonts/webdebug.ruble.font/ruble.woff') format('woff'), url('/css/fonts/webdebug.ruble.font/ruble.ttf') format('truetype'), url('/css/fonts/webdebug.ruble.font/ruble.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'HelveticaNeueCyr-Medium';
	src: url('/css/fonts/HelveticaNeueCyr-Medium.woff');
	src: local('в�є'), url('/css/fonts/HelveticaNeueCyr-Medium.woff') format('woff'), url('/css/fonts/HelveticaNeueCyr-Medium.ttf') format('truetype'), url('/css/fonts/HelveticaNeueCyr-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

* {
	padding: 0;
	margin: 0;
}

body{
	font-family: 'HelveticaNeueCyr-Light';
	position:relative;

}

A {
    color: #00c897; /* Цвет ссылок */
}

#to_foot
{
	background: url("/img/body-bg-bottom.gif") repeat-x scroll center bottom rgba(0, 0, 0, 0);
    bottom: 30px;
    height: 437px;
    padding-bottom: 0;
    position: absolute;
    width: 100%;
}

img {border: none;}

#index {
	width: 1216px;
	height:  auto;
	margin: 0 auto;
	overflow:hidden;
	position:relative;
}

#header {
	width: 1216px;
	height: 191px;
	margin: 0 auto;
}

#header .header-top {
	width: 1216px;
	height: 30px;
	padding-top: 9px;
}

#header .header-top .top-menu {
	font-size: 14px;
	color: #797979;
}

#header .header-top .top-menu li {
	list-style: none;
	float: left;
	margin-right: 32px;
}

#header .header-top .top-menu li a {
	color: #797979;
	text-decoration: none;
	border-bottom: 1px solid #00c897;
}

#header .header-top .top-menu li a.active {
	color: #02c898;
	text-decoration: none;
	border-bottom: 1px solid #00c897;
}

#header .header-top .top-menu li a:hover {
	color: #02c898;
	text-decoration: none;
	border-bottom: 1px solid #00c897;
}

#header .header-top .for-users {
	float: right;
	font-size: 14px;
}

#header .header-top .for-users a {
	color: #797979;
	text-decoration: none;
	border-bottom: 1px dotted #00c897;
	margin-left: 27px;
}

#header .header-center {
	margin-top: 13px;
	width: 1216px;
	height: 48px;
}

#header .header-center .logo {
	float: left;
	font-size: 44px;
	font-family: Conv_casper;
}

#header .header-center .logo a {
	text-decoration: none;
}

#header .header-center .contacts {
	width: 390px;
	height: 48px;
	margin-left: 227px;
	font-size: 14px;
	color: #797979;
}

.contacts-left {
	float: left;
}

.contacts-left span {
	font-family: 'HelveticaNeueCyr-Roman';
	font-size: 18px;
	color: #323936;
}

.contacts-right {
	float: right;
	position: relative;
top: -2px;
}

.contacts-left  div {
	margin: 8px 0px -8px 0px;
}

.contacts-left a {
	color: #323936;
	text-decoration: none;
	border-bottom: 1px solid #00c897;
}


.contacts-left a.header-phone {
	border: none;
}


.contacts-right  div {
	margin: 11px 0px -5px 0px;
}

#header .header-center .cart {
	width: 170px;
	height: 48px;
	float: right;
	font-size: 14px;
	color: #797979;
	margin: 9px 9px 0px 0px;
}

#header .header-center .cart .basketful {
	background: url(/img/basketful.png) top left no-repeat;
	padding-left: 36px;
	cursor: pointer;
}

#header .header-center .cart .basketempty {
	background: url(/img/basketempty.png) top left no-repeat;
	padding-left: 36px;
}

#header .header-center .cart .basketful .top, #header .header-center .cart .basketempty .top {
	margin-bottom: 3px;
}

#header .header-center .cart .basketful .bottom a {
	color: #797979;
	text-decoration: none;
	border-bottom: 1px solid #00c897;
	cursor: pointer;
}

#header .header-center .cart .basketful .bottom a span {
	color: #00c897;
}

#header .header-center .cart_detail {
	width: 1214px;

	background: #fff;
	position: relative;
	z-index: 999;
	display: none;
	border: 1px solid #323936;
	margin: 3px 0px 0px -1037px;
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .5);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


.cart_detail_top {
	
	width: 100%;
	height: 35px;
	margin-top: 4px;
	text-align: right;
}


.cart_detail_top #oform, #BasketRefresh {
	border: none;
	background: #00c897;
	padding: 8px 17px;
	font-size: 12px;
	margin-right: 10px;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;	
	width:120px;
}

.cart_detail_top #promo {
	width: 150px;
	height: 29px;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-right: 28px;
	outline: none;
	font-size: 14px;
	padding: 0px 5px 0px 5px;	
}

.city {
position: absolute;
margin-left: 760px;
font-size: 14px;
color: #797979;
margin-top: 9px;
}


.city div {
	margin-bottom: 5px;
}

.city a {
	text-decoration: none;
	color: #00c897;
	border-bottom: 1px dotted #00c897;
	margin-top: 5px;
	cursor: pointer;
}


.webdebug-ruble-symbol {
	font-family:"ALSRublRegular" !important; text-transform:lowercase !important;
}

.index-menu {
	font-family: 'HelveticaNeueCyr-Roman';
	width: 870px;
	height: 42px;
	float: left;
	margin: 0px 0px 0px 12px;
	list-style: none;
}

.index-menu li {
	float: left;
	margin-right: 14px;
	padding: 12px 15px 14px 0px;
	letter-spacing: 1px;
	background-position: right;
	background-position-y: 17px;
}
.index-menu li ul.submenu li:hover {background:none;}

.index-menu li a {
	font-family: 'HelveticaNeueCyr-Light';
	text-decoration: none;
	font-size: 16px;
	color: #ffffff;
}

.index-menu li a:hover,.index-menu li a.active {
	font-family: 'HelveticaNeueCyr-Light';
	text-decoration: none;
	color: #00c897;
}



.index-menu li ul.submenu {
	font-family: 'HelveticaNeueCyr-Light';
	width: 1216px;/* по заданию*/
	position: absolute;
	z-index: 11111;
	margin: 11px 0px 0px -12px;
	list-style: none;
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .5);
	background: #323936;
	float:left;
	border-top:2px solid #00c897;
	padding:10px 0px 0px 0px;
	display: none;
}

.index-menu li ul.submenu li {float:left}
	.index-menu li ul.submenu li span {color:#00c897;font-size:14px;font-weight:normal;}

ul.submenu li ul.lvl3 {list-style: none inside;padding:5px 10px 0px 0px;}
	ul.submenu li ul.lvl3 li {padding:0px;margin:3px 0px;color:white;font-size:12px;float:none;}
	ul.submenu li ul.lvl3 li a{font-size:12px;color:white}
	ul.submenu li ul.lvl3 li a:hover {text-decoration:underline;}
	ul.submenu li ul.lvl3 li.active a {color:#00c897;}

/*.index-menu li */ul.submenu li {
	padding: 3px 5px 7px 0px;
	float: left;
	margin: 4px 0px 10px 12px;
	letter-spacing: 1px;
	background: none;
}

ul.submenu li.devider {clear:both;padding:0px;margin:0px;}



/*.index-menu li a.active{
	font-family: 'HelveticaNeueCyr-Light';
	text-decoration: none;
	font-size: 15px;
	color: #00c897;
}*/

.header-bottom {
	margin-top: 35px;
	width: 1216px;
	height: 42px;
	background: #323936;
	/*-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;*/
}

.search {
	float: right;
	margin-top: 5px;
	margin-right: 5px;
	position: relative;
}

.search div.sdfsdf {
	font-family: 'HelveticaNeueCyr-Roman';
width: 237px;
height: 30px;
border: 1px solid #323936;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #797979;
background: #ffffff;
}
.search .catalog_search_result {
	position: absolute;
	top: 105%;
	right: 6px;
	width: auto;
	height: auto;
	background: #fff;
	z-index: 400;
	border: 1px solid #323936;
	margin: 1px -5px 0px -360px;
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .5);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display:none;
}
.search .catalog_search_result #cart-detail td {
	padding: 10px;
}
.search .catalog_search_result #cart-detail {
	margin: 0;
	padding: 10px;
}

.search div.active {
	font-family: 'HelveticaNeueCyr-Roman';
	width: 237px;
height: 30px;
	border: 1px solid #00c897;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	color: #797979;
	background: #ffffff;
}

.search input {
	border: none;
outline: none;
width: 205px;
height: 30px;
font-size: 12px;
color: #797979;
}

.search .loupe {
	width: 13px;
	height: 13px;
	margin: 0px 5px -3px 7px;
}

#slides {
	width: 1216px;
	margin: 0 auto;
	margin-top: 5px;
}

#footer {
	width: 1216px;
height: 385px;
/* background: #ccc; */
margin: 0 auto;
margin-top: 70px;
}

#footer .top .left ul {
	float: left;
	margin-right: 87px;
	margin-top:10px;
	max-width:170px;
}

#footer .top .left ul li {
	list-style: none;
	margin-bottom: 5px;
}

#footer .top .left ul li a {
	text-decoration: none;
	font-size: 14px;
	color: #797979;
}

#footer .top .left ul li a:hover {
	text-decoration: underline;
	color: #00c897;
}

#footer .top .left ul h3, #footer .top .right h3, #footer .top .right div {
	margin-bottom: 5px;
	width: 140px;
}

#footer .top .left ul h3 a {
color: #000000;
text-decoration: none;

}



#footer .top .right {
	margin-right: 100px;
	float: right;
	margin-top:10px;
}

#footer .center {
	margin-top: 35px;
}

#footer .center h3 {
	float: left;
}

#footer .center img {
	margin-left: 27px;
	margin-top: -5px;
}

#footer .bottom .left {
	font-size: 12px;
	color: #323936;
	margin-top: 30px;
	float: left;
}

#footer .bottom .left div {
	margin-bottom: 6px;
}

#footer .bottom .right {
	float: right;
margin-right: 31px;
margin-top: 30px;
}

#footer .bottom .right div {
	width: 42px;
	height: 42px;
	float: left;
	margin-right: 10px;
	background: url(/img/social-network.png) no-repeat;
}

#footer .bottom .right .fb {
	background-position: -53px 0px;
}

#footer .bottom .right .ok {
	background-position: -106px 0px;
}

#footer .bottom .right .tw {
	background-position: -159px 0px;
}

#footer .bottom .right h3 {
	margin-bottom: 7px;
}


#content {
	width: 1216px;
	height: auto;
	margin: 0 auto;
}

#content .left-col {
	width: 171px;
	/*height:400px;*/
	float: left;
		
	margin-top: -10px;
}

#content .left-col h1 {
	font-size: 20px;	
}


#content .left-col .remove {
background: url(/img/remove-filter.png) no-repeat;
background-position: 10px 9px;
font-size: 12px;
color: #2b2a30;
margin-top: 21px;
margin-left: 2px;
cursor: pointer;
width: 118px;
padding: 10px 0px 8px 9px;
background-color: #00c897;
text-align: center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

#content .left-col h2 {
font-family: 'HelveticaNeueCyr-Roman';
font-size: 14px;
margin-top: 24px;
margin-bottom: 10px;
}


#content .left-col .webdebug-ruble-symbol {
	font-size: 14px;
}


#content  div.popul.catalog {
	width: 1216px;
	float: right;
	margin-bottom: 31px;
}

#content div.catalog {
	width: 1023px;
	float: right;
	margin-bottom: 31px;
}



#content .breadcrumb {
	font-size: 14px;
	color: #797979;
	margin-bottom: 24px;
}

#content .breadcrumb a {
	text-decoration: underline;
	color: #797979;
}
#content .breadcrumb h3 {display:inline;font-size:14px;}
#content .breadcrumb h1 {color:black;}

#content .breadcrumb a.active {
	text-decoration: none;
	color: #00c897;
}

#content div.catalog article {
	float: left;
	width: 234px;
	height: 360px;
	margin-right: 20px;
	margin-bottom: 38px;
}
#content div.catalog article a.buy {display:none}
#content div.catalog article:hover a.buy {display:inline;}

#content div.popul article  {
	float: left;
	width: 234px;
	min-height: 327px;
	margin-right: 8px;
	margin-bottom: 38px;
}

#content div.popul {
	margin-top: 60px;
}

#content .popul h2 {
	font-size: 20px;
margin-bottom: 18px;
color: #2b2a30;
}

#content .fn {
	font-size: 12px;
	color: #797979;
	margin-bottom: 30px;
}

#content .fn .filter {
	float: left;
}

#content .fn .nav {
	float: right;
}

#content .fn .nav .numb {
	text-decoration: none;
	padding: 3px 4px;
    margin-left: 2px;
}

#content .fn .nav a.next {
	text-decoration: none;
	color: #797979;
}

#content .fn .nav .numb.active {
	background: #00c897;
	color: #fff;
	
}

#content .catalog .filter .all, #content .catalog .filter .vis, #content .catalog .filter .type {
	float: left;
	margin-right: 34px;
	position:relative;
}

#content .catalog .filter .vis a {
	text-decoration: none;
	color: #323936;
	border-bottom: 1px dotted #323936;
	display:inline-block;
	padding:0px 2px 0px 0px;
}

#content .catalog .filter .type a {
	text-decoration: none;
	color: #00c897;
	border-bottom: 1px dotted #00c897;
}

/* А это правила для скрипта:  */
#range-slider {
	width: 150px;
}

.left-col .ui-slider {
	position: relative;
}
.left-col .ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 12px;
	height: 16px;
	background: url(/img/slider.png) no-repeat;
	cursor: pointer
}
.left-col .ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	overflow: hidden;
}
.left-col .ui-slider-horizontal {
	 height: 3px;
}
.left-col .ui-slider-horizontal .ui-slider-handle { 
	top: -5px;
	margin-left: -6px;
}
.left-col .ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.left-col .ui-slider-horizontal .ui-slider-range-min { 
	left: 0;
}
.left-col .ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}
.left-col .ui-widget-content { 
	border: 1px solid #D4D4D4;
	background: #fff;
}
.left-col .ui-widget-header { 
	border: 1px solid #D4D4D4;
	background: #010101;
}
.left-col .ui-corner-all {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}




.label input[type=checkbox] {
	display: none;
}

.label {
	margin-bottom: -12px;
}

.label label {
	padding: 2px 0px 1px 17px;
}

.label input[type=checkbox] + label {
	background: url('/bitrix/templates/main/img/check-noactive.png') no-repeat;
	font-size: 12px;
	color: #797979;
}

.label input[type=checkbox]:checked + label {
	background: url('/bitrix/templates/main/img/check-active.png') no-repeat;
	color: #00c897;
}
#minCost {
	margin-right: 8px;
}

#maxCost {
	margin-left: 8px;
}

#minCost, #maxCost {
	border: 1px solid #b7b7b7;
	width: 45px;
	height: 24px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding-left: 6px;
	color: #323936;
}

.formCost {
	margin-top: 12px;
	/*margin-left: -5px;*/
}
.sliderCont {margin-left:5px;}
.slider-float-container a {color:#797979;}
.slider-float-container .back-cont {text-align:right;margin-top:20px;font-size:14px;}

#content .detail-top .info {
	margin-left: 263px;
}

#content .detail-top .price {
	margin-left: 263px;
	/*margin-top: -92px;*/
	margin-top: 20px;
}

#content .detail-top .info h2 {
	font-size: 14px;
	margin-bottom: 12px;
}

#content .detail-top .info h1 {
	font-size: 30px;
	margin-bottom: 5px;
	max-width: 600px;
}



fieldset {
	border: 1px solid #9e0000;
	margin: 1em 0;
	padding: 10px;
	width: 302px;
}

fieldset.wrapper {
	border: 0;
	margin: 0;
	padding: 0;
}

#content .detail-top .info input {
	background: #dfb27d;
	border: 1px solid #9e0000;
	color: #000;
	display: block;
	margin: 0 0 10px;
	padding: 0;
	width: 300px;
}

input:focus {
	background: #fff;
}

input.button {
	color: #9e0000;
	cursor: pointer;
	width: auto;
	float: right;
	margin: 10px 0;
	padding: 1px 2px;
}

legend {
	color: #9e0000;
	font-size: 1.2em;
	font-weight: bold;
}

#content .detail-top label {
	display: block;
	font-weight: bold;
	color: #9e0000;
}

select {
	display: block;
	margin: 0 0 10px;
	width: 300px;
}
/* стили необходимые для работы скрипта */
select.srReplacedSelect {
	width: 1px;
	position: absolute;
	left: -999em;
}

ul.srList {
	list-style:none;
	padding:0;

	/* лучше всего техника работает 
	   для элементов фиксированной ширины
	   хотя при некоторых дополнителных
	   требованиях к изображению и небольшом
	   изменение стилей ее можно применять
	   и для резиновых select`ов */
	width: 300px;
	margin: 0 0 -11px;

	/* поскольку используется техника
	   Sliding Doors элемент хорошо переносит
	   масштабирование шрифтов, для этого
	   его высоту нужно задать в em */
	height:1.5em;
}

ul.srList li {
	display:none;
	background: #fff;
	line-height:1.5em;
	padding: 2px 7px;
	width:114px;
	font-size: 14px;
}

ul.srList li.srHoverLi {
	background: #00c897;
}

ul.srBlur {
	background: url('/bitrix/templates/main/img/srBgTop.png') no-repeat;
}

ul.srFocus, ul.srHoverUl {
	/* чтобы при наведении мышки
	   или получении фокуса элемент
	   не оставался на некоторое время без фона,
	   и для ускорения загрузки, совмещаем
	   два фоновых изображения в одном и изменяем его
	   подвигая на 300 пикслей влево */
	background: url('/bitrix/templates/main/img/srBgTop.png') no-repeat 0px 0px;
}

ul.srBlur li.srSelectedLi {
	display:block;
	background: url('srBgBottom.png') no-repeat 0px 100%;
	font-size: 14px;
	color: #323936;
}

ul.srFocus li.srSelectedLi, ul.srHoverUl li.srSelectedLi {
	display:block;
	background: url('srBgBottom.png') no-repeat -300px 100%;
}

ul.srExpanded li.srSelectedLi { 
	display:block;
	background: #00c897;
}

ul.srExpanded {
	position:relative;
	/* при разворачивании списка,
	   нужно выдвинуть его на первый
	   план, иначе другие элементы будут
	   перекрывать опции */
	z-index:1000;
}

ul.srExpanded li {
	display:block;
}

.selectArea .center {
	display: none;
}

#content  .detail-top .price .realp {
	font-size: 50px;
	font-family: 'HelveticaNeueCyr-Roman';
}

/*.detail-bottom {margin-top: -35px;}*/

#content  .detail-top .price .webdebug-ruble-symbol {
	font-size: 50px;
}

#content  .detail-top .price .quan{
	width: 37px;
	height: 26px;
	border: 1px solid #323936;
	position: relative;
	margin: -25px 1px 0px 82px;
}

#content  .detail-top .price .quan input.col{
	width: 27px;
	height: 24px;
	border: none;
	outline: 0;
	font-size: 14px;
padding-left: 5px;
padding-top: 1px;
}

#content  .detail-top .price .quan .quan_buttons .quan_plus {
background: url("/img/col-up.png") no-repeat;
width: 16px;
height: 12px;
display: block;
}

#content  .detail-top .price .quan .quan_buttons {
position: relative;
margin: -23px 0px 0px 21px;
cursor: pointer;
}

#content  .detail-top .price .quan .quan_buttons .quan_minus {
background: url("/img/col-down.png") no-repeat;
width: 16px;
height: 12px;
display: block;
}



#cart-detail .quan{
	width: 37px;
	height: 26px;
	border: 1px solid #323936;
	position: relative;
	margin: 0px 0px 9px 0px;
}

#cart-detail .quan input.col{
	width: 27px;
	height: 24px;
	border: none;
	outline: 0;
	font-size: 14px;
padding-left: 5px;
padding-top: 1px;
}

#cart-detail  .quan .quan_buttons .quan_plus {
background: url("/img/col-up.png") no-repeat;
width: 16px;
height: 12px;
display: block;
}

#cart-detail .quan .quan_buttons {
position: relative;
margin: -23px 0px 0px 21px;
cursor: pointer;
}

#cart-detail .quan .quan_buttons .quan_minus {
background: url("/img/col-down.png") no-repeat;
width: 16px;
height: 12px;
display: block;
}






#content  .detail-top .price .allprice {
position: relative;
margin: -24px 0px 0px 132px;
font-size: 22px;
font-family: 'HelveticaNeueCyr-Roman';
}

.oldp {
	font-size: 14px;
	color: #00c897;
	text-decoration:line-through;
}

#content  .detail-top .price .oldp .webdebug-ruble-symbol {
	font-size: 14px;
	color: #00c897;
}

#content  .detail-top .addtobasket {
	display:inline-block;
	background: #e74c3c;
	padding: 11px 20px;
	text-decoration: none;
	color: #fff;
	-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;
	margin-top: 4px;
}

#content  .detail-top .addtobasket:hover {
	background: #c0392b;
}


#content  .detail-top .express {
	display:inline-block;
	background: #f19839;
	padding: 11px 20px;
	text-decoration: none;
	color: #fff;
	-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;
	margin-top: 4px;
}

#content  .detail-top .express:hover {
	background: #bb6d19;
}

#tabs {
	margin-top: 25px;
	width: 1085px;
	float: left;
}

#tabs ul li {
	list-style: none;
	float: left;
	margin-right: 30px;
}

#tabs ul li a {
	text-decoration: none;
	border-bottom: 1px dotted;
	font-size: 20px;
	color: #323936;
}

#tabs .ui-state-active a {
	color: #00c897;
}

#tabs .ui-tabs-panel {
	margin-top: 18px;
	font-size: 14px;
}

#tabs p {
	margin-bottom: 15px;
	/*font-size: 12px;*/
}

.help {

float: right;
margin-right: 190px;

}

.allbg {
	width: 100%;
	height: 100%;
	background: url(/img/bg-login.png);
	position: fixed;
	z-index: 10000;
	top:0;
	display: none;
}

.log-main, .reg-main {
	width: 500px;
	height: 453px;
	background: #ffffff;
	margin: 0 auto;
	margin-top: 150px;
	-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
	padding-top: 24px;
	position: fixed;
left: 50%;
top: 50%;
margin: -250px 0 0 -225px;
	z-index: 100000;
	display: none;
}

.recovery_pass {
	width: 500px;
	height: 336px;
	background: #ffffff;
	margin: 0 auto;
	margin-top: 150px;
	-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
	padding-top: 24px;
	position: fixed;
left: 50%;
top: 50%;
margin: -250px 0 0 -225px;
	z-index: 100000;
	display: none;
}





.log-main h1, .reg-main h1, .recovery_pass h1 {
	text-align: center;
	font-size: 36px;
	margin-bottom: 35px;
}


.express-sent {
	width: 500px;
	height: 453px;
	background: #ffffff;
	margin: 0 auto;
	margin-top: 150px;
	-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
	padding-top: 24px;
	position: fixed;
left: 50%;
top: 50%;
margin: -250px 0 0 -225px;
	z-index: 100000;
	display: none;
}

.express-sent h1 {
	text-align: center;
	font-size: 36px;
	margin-bottom: 35px;
}

.log-prop {
	width: 260px;
	margin: 0 auto;
	position:relative;
}

.log-prop input {
	border: none;
	font-size: 22px;
	padding: 15px 0px 5px 0px;
	outline: none;
	color: #797979;
	background: #fff;
	font-family: 'HelveticaNeueCyr-Thin';
}
#submit2,#auth_submit {
	cursor: pointer;
}


.log-prop input[type=text] {
width: 255px;
padding: 15px 8px 5px 6px;
}



.log-prop .captcha input {
	border: none;
	width: 112px;
	font-size: 22px;
	padding: 11px 11px;
	outline: none;
	color: #797979;
}

.log-prop .label2 {
	font-size: 14px;
	margin-bottom: 2px;
	color: #323936;
}

.log-prop div.inp {
	width: 258px;
	height: 50px;
	margin: 0 auto;
	border: 1px solid #797979;
	-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
	margin-bottom: 30px;
}

.log-prop div.inp.reg, .log-prop div.inp.auth {
	width: 260px;
	height: 50px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	border: 1px solid #797979;
	-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
	margin-bottom: 30px;
	margin-top: 60px;
	background-color: #ffffff;
	text-align: center;
}
.log-prop div.inp.auth {
	margin: 0;
}

.for-users a {
	cursor: pointer;
}

.log-prop div.inp.captcha {
	width: 112px;
	height: 50px;
	margin: 0 auto;
	border: 1px solid #797979;
	-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
	margin-bottom: 30px;
	margin-left: 0px;
	float: left;
}

.for-users #reg, .for-users #login {
	cursor: pointer;
}

#cart-detail {
	font-size: 12px;
color: #323936;
font-family: 'HelveticaNeueCyr-Roman';
/*border: 1px solid #ccc;*/
margin: 0 auto;
margin-bottom: 39px;
padding: 10px 54px;

}

#cart-detail a {
color: #00c897;
}

.del-pos-cart {
	position: absolute;
	margin: 0px 0px 0px -27px;
}

#order-info {
	margin-top: 25px;
}

#order-info .section .title {
	font-size: 20px;
	margin-bottom: 25px;
}


#order-info .section#plat_info {
	font-size: 16px;
	margin-top: 25px;
}


#order-info .section#plat_info .title {
	font-size: 16px;
	margin-bottom: 25px;
}


#order-info .label.left {
	font-size: 14px;
	float: left;
	margin: 0 8px 0px 0px
}

#order-info .label input[type=radio] {
	display: none;
}

#order-info .label label {
	padding: 5px 0px 5px 27px;
}

#order-info .label input[type=radio] + label {
	background: url('/bitrix/templates/main/img/plat_noactive.png') no-repeat;
}

#order-info .label input[type=radio] + label:hover {
	background: url('/bitrix/templates/main/img/plat_hover.png') no-repeat;
}


#order-info .label input[type=radio]:checked + label {
	background: url('/bitrix/templates/main/img/plat_active.png') no-repeat;
}

#props {
	font-size: 14px;
}

#props tbody tr td:first-child {
	color: #00c897;
	width: 188px;
	height: 39px;
}

#props tbody tr td span {
	color: #d21111;
}

#props tbody tr td input, #props tbody tr td select {
	width: 560px;
	height: 30px;
	border: 1px solid #cccccc;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 14px;
	outline: none;
	box-shadow: inset -3px 3px 4px -2px #f5f5f5;
	padding-left:4px;
}
#props tbody tr td input.file {border:none;}
#pay_system {
	margin-top: 35px;
	float: left;
}

#pay_system.section .title {
	font-size: 16px;
}

#pay_system .label {
	margin-bottom: 14px;
	font-size: 14px;
}

#dop_info {
	margin-top: 35px;
	margin-left: 192px;
}

#dop_info.section .title {
	font-size: 16px;
	margin-bottom: 20px;
}

#dop_info.section label {
	font-size: 14px;
	margin-bottom: 5px;
}

#dop_info.section textarea {
	width: 560px;
	height: 100px;
	margin-top: 5px;
	border: 1px solid #cccccc;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 14px;
	outline: none;
	box-shadow: inset -3px 3px 4px -2px #f5f5f5;
}

#itogo {
	width: 330px;
	height: 150px;
	font-size: 16px;
	float: right;
	text-align: right;
	margin-top: -180px;
}

#itogo span {
	font-family: 'HelveticaNeueCyr-Roman';
	width: 330px;
	height: 150px;
	font-size: 16px;
}

#itogo div {
	margin-bottom: 7px;
}

#itogo div.itogo,  #itogo div.itogo span{
	font-size: 37px;
}

#itogo .orderb {
	font-family: 'HelveticaNeueCyr-Light';
	width: 148px;
	height: 39px;
	margin-top: 15px;
	border: none;
	background: #2bcc9f;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #ffffff;
	font-size: 17px;
	cursor: pointer;
}

.slidesControl {
	text-align: center;
}

#news ul {
	list-style: none;
}

#news ul li {
	color: #3F3F3F;
font-size: 13px;
padding-bottom: 5px;
padding-left: 30px;

}

#news ul li .date {
	color: #8f8f8f;
display: inline-block;
font-size: 14px;
padding: 10px 0;
}

#news ul li h3 {
	display: inline-block;
margin-top: 15px;
font-size: 15px;
margin-bottom: 0;
}


#news ul li  a {
	color: #00c897;
}

#zakazof .heading {
	font-size: 26px;
font-weight: bold;
margin-bottom: 30px;
}

#zakazof .left {
	float: left;
}

#zakazof .left_bg {
	background-color: #e2e2e2;
font-size: 14px;
padding: 12px 16px;
width: 452px;
color: #3d3d3d;
margin-bottom: 10px;
}

#zakazof .left_bg table tbody tr td:first-child {
	font-weight:bold;
	padding-right:25px;
	vertical-align: top;
}

#zakazof .left_bg table tbody tr td:last-child {
	vertical-align: top;
}

#zakazof .right {
	width:560px;
	min-height: 288px;
	font-size: 14px;
	color:#3d3d3d;
	padding-top: 17px;
	float: right;
	margin-right: 120px;
}

div.ok input,div.ok {background:#00c897; color:#ffffff;}
#phone2_inp {
	position: relative;
}
/*#phone2_inp:before {
	content: '+7';
	position: absolute;
	top: 15px;
	left: -28px;
	font-size: 22px;
	color:black;
}
.phone_container:before {
	content: '+7';
	position: absolute;
	margin-top: 15px;
	left: -28px;
	font-size: 22px;
	color:black;
}
#ORDER_PROP_35:before {content: '+7';display:block;}*/

.galka {position: relative;margin: -29px 0px 0px 227px;}

h5 {margin-bottom: 5px; margin-left: 0px; height: 25px; /*white-space: nowrap;*/}
h5 a {color: #00c897; text-decoration: none; }
h5 a span {border-bottom: 1px dotted #00c897; position: relative; z-index: 990;}


.detail-color .info-color {width: 150px;}
.detail-color .info-color div {float: left; padding: 3px; margin: 1px; cursor: pointer;}
.detail-color .info-color div:hover {background: #323936; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.detail-color .info-color img {}
.detail-color .activeimg {background: #323936; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.detail-color {min-height: 100px; float: left;}

.detail-size {float: left; margin-left: 30px; }
.detail-size .info-size {font-size: 13px; color: #000000;}
.detail-size .info-size div {padding: 3px; margin:1px; display: inline-block; float: left;}
.detail-size .info-size div:hover {background: #323936; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff;}
.detail-size .info-size div span {background: #00c897; /*margin: 5px 8px 1px 0px;*/ cursor: pointer; float: left; padding: 9px 7px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
/*.detail-size .info-size div:hover {border: 3px solid #000;}*/
.detail-size .info-size {width: 225px;}
.detail-size .info-size .activeimg {background: #323936; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff;}
.detail-size .info-size .activeimg span {background-color: #323936 !important;}

.detail-power {position: absolute; margin-left: 410px; width: 240px;}
.detail-power .info-power {font-size: 13px; color: #000000;}
.detail-power .info-power div {padding: 3px; margin: 1px; display: inline-block; float: left;}
.detail-power .info-power div:hover {background: #323936; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff;}
.detail-power .info-power div span {background: #00c897; /*margin: 5px 8px 1px 0px;*/ cursor: pointer; float: left; padding: 9px 7px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.detail-power .info-power {width: 255px;}
.detail-power .info-power .activeimg {background: #323936; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff;}
.detail-power .info-power .activeimg span {background-color: #323936;}


.vspl {width: 241px; background: url(/img/bgvslp.png) no-repeat; background-size: 100% 100%; padding: 0px 20px 22px 15px; position: absolute; margin: -10px 0px 0px 54px; z-index: 99;}

.vspl p {font-size: 13px; width: 213px; color: #323936; margin: 39px 0px 0px 20px;}


.ch-city {
	width: 800px;
background: #ffffff;
/* margin: 20px auto; */
z-index: 99999;
padding: 30px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
overflow: hidden;
position: absolute;
top: 12%;
left: 50%;
margin-left: -400px;
display: none;
	}
	
.ch-city h3 {
	font-size: 20px;
	margin-bottom: 20px;
}

.ch-city p  {
	font-size: 14px;
	margin-bottom: 17px;
}

#gorod-vvod {
	width: 400px;
padding: 6px;
margin: 0 20px 0 0;
border: 1px solid #ddd;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
outline: none;
}

#gorod_sub {
	border: none;
background: #00c897;
color: #fff;
padding: 7px 20px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
cursor: pointer;
}

#goroda a, .search_result a {
	color: #00c897;
	text-decoration: none;
	margin: 0 20px;
	border-bottom: 1px dotted #00c897;
	font-size: 14px;
}

#goroda {
padding: 20px 30px;
}

#goroda-show {
display: none;
z-index: 300;
position: absolute;
width: 750px;
height: 345px;
overflow: hidden;
margin: 19px 0px 0px 0px;
}


#goroda-show ul {
display: block;
width: 180px;
height: 340px;
float: left;
margin: 0;
}

#goroda-show ul li {
background: none;
list-style-type: none;
padding: 5px 0;
}


#goroda-show ul li a {
font-size: 12px;
}

.city-close {
	width: 21px;
	height: 21px;
	background: url(/img/del-pos-cart.png) no-repeat;
	position: absolute;
margin: -25px 0px 0px 801px;
cursor: pointer;
}

.ch-city.open {
	height: 500px;
}

#strelki {
width: 830px;
height: 300px;
margin: 25px 0px 0px -30px;
z-index: 200;
position: absolute;
display: none;
}

#next-gorod, #prev-gorod {
width: 40px;
height: 300px;
float: left;
border: 1px solid #ccc;
margin: 0 auto;
cursor: pointer;
}


#next-gorod {
background: #ddd url('/bitrix/templates/main/img/arrow2.png') no-repeat 0 130px;
float: right;
}

#prev-gorod {
display: none;
background: #ddd url('/bitrix/templates/main/img/arrow1.png') no-repeat 0 130px;
float: left;
margin-left: -30px;
}

.ajaxloader {
	margin: 30px 0px 0px 1px;
}

#vipad {
	
	cursor: pointer;
}


.vipad {
	display: none;
}

#imgvipad {
	margin: 25px 4px 0px 0px;
float: left;
}

#vivodnews {
	width: 800px;
	height: 500px;
	background: #ffffff;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -250px 0px 0px -400px;
	display: none;
	z-index: 9999999;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 30px;
	overflow-y: auto;
	overflow-x: visible;
}

#vivodnews p {
	margin-bottom: 10px;
}

.page_el_count ul, .page_el_sort ul
{
	position:absolute;
	list-style-type:none;
	background:white;
	display:none;
	z-index: 999;
	padding:0px 2px;
}
.page_el_count:hover ul, .page_el_sort:hover ul
{
	display:block;
}

.page_el_count, .page_el_sort {
	
	float:right;
	margin-right:3px;
	background: #fff;	
	top:12px;
	left:0px;
	
}
.vis span, .type span
{
	display:inline-block;
	padding-right:3px;
}

.page_el_count a, .page_el_sort a {
	display: block;
}
#content .catalog .filter .vis:hover .page_el_count {
	display: inline-block;
}
#content .catalog .filter .type:hover .page_el_sort {
	display: inline-block;
}

.preview {
	/*height: 32px;*/
	overflow: hidden;
	position: relative;
}
.preview #openclick {
	/*position: absolute;*/
	right: 0;
	bottom: 0;
	text-decoration:underline;
}
#openclick {
	cursor: pointer;
}

.foreg {font-size: 12px;
margin-top: 16px;}

.foreg a {color: #00c897; text-decoration:underline; cursor: pointer;}

.recovery_pass {display: none;}


a.header-phone {text-decoration:none;font-size:18px;color:#323936;}