h1, h2, h3, div, ul, li, p, body, a, select, input{
    padding: 0;
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: 14px;
}
select option { padding: 5px 0 ; }
body {
background: #f8f8f8;
color: #747474;
font-family: Arial, sans-serif;
}
#wrap {
	width: 940px;
	margin: 0 auto;
	position: relative;
}
#wrap-750 {
	width: 746px;
	margin: 0 auto;
}
header, footer, section {
float: left;
width: 100%;
}
header .oleglox {
margin-left: -42px;
position: absolute;
left: 50%;
top: 44px;
}
header .top{
	background:  url(../../img/pattern.png) repeat 0 0;
	height: 75px;
	width: 100%;    
}
header .top .logo {
float: left;
margin: 14px 0 0 0;
}
header .top .nav {
float: right;
color: #fff;
margin: 28px 0;
}
header .top .nav ul{
list-style: none;
}
header .top .nav li{
float: left;
margin-right: 20px;
}
header .top .nav li a{
color: #f8f8f8;
text-decoration: none;
font-size: 14px;
}
header .top .nav li a:hover, header .top .nav li a.active{
color: #72ffc2;
}
header .bottom{
width: 100%;
background: #f8f8f8;
float: left;
}
header .bottom .phone{
float: left;
margin-top: 15px;
position: absolute;
}
header .bottom .phone .left, header .bottom .phone .right{
float: left;
width: 140px;
}
header .bottom .phone h3{
color: #747474;
font-size: 14px;
font-weight: normal;
}
header .bottom .phone h3 span{
color: #398a67;
font-size: 12px;
font-weight: normal;
line-height: 18px;
}
header .bottom .phone span {
float: left;
width: 100%;
color: #747474;
font-size: 14px;
font-weight: normal;
}
/* FOOTER */
footer .top {
width: 100%;
border-top: 1px solid #d2cfca;
height: 39px;
}
footer .social {
list-style: none;
float: right;
margin-top: -18px;
}
footer .social li {
float: left;
margin-left: 5px;
}
footer .social li a{
width: 37px;
height: 37px;
float: left;
}
footer .social .vk{
background:  url(../../img/vk.png) no-repeat 0 0;
}
footer .social .ok{
background:  url(../../img/ok.png) no-repeat 0 0;
}
footer .social .mailru{
background:  url(../../img/mailru.png) no-repeat 0 0;
}
footer .social .vk:hover {
background:  url(../../img/vk_hover.png) no-repeat 0 0;
}
footer .social .ok:hover {
background:  url(../../img/ok_hover.png) no-repeat 0 0;
}
footer .social .mailru:hover {
background:  url(../../img/mailru_hover.png) no-repeat 0 0;
}
footer .bottom{
width: 100%;
height: 75px;
background:  url(../../img/pattern.png) repeat 0 0;
}
footer .bottom .email{
float: left;
font-size: 12px;
margin: 21px 0;
}
footer .bottom .email img {
float: left;
margin-right: 5px;
}
footer .bottom .email a {
float: left;
line-height: 30px; 
color: #f8f8f8;
text-decoration: none;
}
footer .bottom .logo{
float: left;
margin-top: 16px;
margin-left: 155px;
}

footer .bottom .dev {
float: right;
margin: 29px 0;
font-size: 12px;
color: #f8f8f8;
}
footer .bottom .dev a{
color: #6cebb4;
text-decoration: none;
}

/* SECTION */
section {
margin: 15px 0;
}
section #wrap-750 h1 {
font-size: 24px;
font-weight: normal;
float: left;
margin-top: 20px;
width: 50%;
}
.content_main {
	background:  url(../../img/content_main.png) no-repeat 0 0;
	min-height: 105px;
}
.content_about {
	background:  url(../../img/content_about.png) no-repeat 0 0;
	min-height: 105px;
}
.content_contacts {
	background:  url(../../img/content_contacts.png) no-repeat 0 0;
	min-height: 105px;
}
.content_price {
	background:  url(../../img/content_price.png) no-repeat 0 0;
	min-height: 105px;
}
.content_gallery {
	background:  url(../../img/content_gallery.png) no-repeat 0 0;
	min-height: 105px;
}
.content_registration {
	background:  url(../../img/content_reg.png) no-repeat 0 0;
	min-height: 105px;
}
.content_cabinet {
	background:  url(../../img/content_cabinet.png) no-repeat 0 0;
	min-height: 105px;
}
.content_cart {
	background:  url(../../img/content_cart.png) no-repeat 0 0;
	min-height: 105px;
}
section .content {
margin: 15px 0 30px 0;
float: left;
}

section .main_list {
list-style: none;
float: left;
}
section .main_list li {
float: left;
width: 226px;
margin-bottom: 15px;
margin-right: 34px;
}
section .main_list li:nth-child(3n+3) {
margin-right: 0;
}
section .main_list li a{
color: #747474;
text-decoration: none;
}
section .main_list li a:hover{
color: #6cebb4;
}
section .main_list li img{
float: left;
}
section .main_list li span {
float: left;
font-size: 15px;
text-align: center;
width: 100%;
}

section .content_main .service {
margin-top: 15px;
list-style: none;
float: left;
} 
section .content_main .service li a,  section .content_main .dop_service li a{
color: #747474;
text-decoration: none;
font-size: 16px;
line-height: 20px;
}
section .content_main .service li a:hover,  section .content_main .dop_service li a:hover{
color: #6cebb4;
}
section .content_main .dop_service {
margin-top: 15px;
list-style: none;
float: right;
} 
section .content_main .dop_service li {
text-align: right;
}
section .content .gallery {
float: left;
margin: 0 3px;
}
section .content .gallery a {
float: left;
width: 138px;
height: 138px;
margin: 0 20px 20px 0;
}
section .content .gallery a:nth-child(6n+6) {
	margin: 0 0 20px 0;
}

section .contacts {
list-style: none;
}
section .contacts li {
margin: 30px 0 10px 0;
}
section .contacts li .info {
padding-left: 57px;
height: 47px;
margin: 10px 0;
}
section .contacts li .info p {
	float: left;
    margin-top: 5px;
    width: 100%;
    color: #52c694;
}
section .contacts li .info p span {
	color: #747474;
}
section .contacts li .info#contact1 {
	background:  url(../../img/contact1.png) no-repeat 0 0;
}
section .contacts li .info#contact2 {
	background:  url(../../img/contact2.png) no-repeat 0 0;
}
section .contacts li .info#contact3 {
	background:  url(../../img/contact3.png) no-repeat 0 0;
}
section .contacts li .info#contact4 {
	background:  url(../../img/contact4.png) no-repeat 0 0;
}
section .contacts li .info#contact5 {
	background:  url(../../img/contact5.png) no-repeat 0 0;
}
section .contacts li .info#contact6 {
	background:  url(../../img/contact6.png) no-repeat 0 0;
}
section .contacts li .info#contact7 {
	background:  url(../../img/contact7.png) no-repeat 0 0;
}
section .contacts li .info#contact8 {
	background:  url(../../img/contact8.png) no-repeat 0 0;
}
section .contacts li .info#contact9 {
	background:  url(../../img/contact9.png) no-repeat 0 0;
}
section .contacts li .info#contact10 {
	background:  url(../../img/contact10.png) no-repeat 0 0;
}
section .contacts li .info#contact11 {
	background:  url(../../img/contact11.png) no-repeat 0 0;
}
section .contacts li .info#contact12 {
	background:  url(../../img/contact12.png) no-repeat 0 0;
}
section .contacts li .info#contact13 {
	background:  url(../../img/contact13.png) no-repeat 0 0;
}
section .contacts li .info#contact14 {
	background:  url(../../img/contact14.png) no-repeat 0 0;
}
section .contacts li .info#contact15 {
	background:  url(../../img/contact15.png) no-repeat 0 0;
}
section .contacts li .info#contact16 {
	background:  url(../../img/contact16.png) no-repeat 0 0;
}
section .contacts li .info#contact17 {
	background:  url(../../img/contact17.png) no-repeat 0 0;
}
section .contacts li .info#contact18 {
	background:  url(../../img/contact18.png) no-repeat 0 0;
}
section .contacts li .info#contact19 {
	background:  url(../../img/contact19.png) no-repeat 0 0;
}
section .contacts li .info#contact20 {
	background:  url(../../img/contact20.png) no-repeat 0 0;
}

#accordion table {
	width: 100%;
	margin: 15px 0;
}
#accordion table th{
	color: #398A67;
	font-weight: bold;
	text-align: left;
}
.gray-button {background:  url(../../img/gray-button.png) repeat; padding: 10px 12px; font-size: 14px; color: #fff; text-decoration: none;border-radius: 5px; float: left;}
.gray-button:hover {background:  url(../../img/gray-button-hover.png) repeat;}
.gray-button:active {box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);}
span.plus {background: url(../../img/add_plus.png) no-repeat}
span.plus:hover {background: url(../../img/add_plus_hover.png) no-repeat}
span.plus:active{background: url(../../img/add_plus_active.png) no-repeat}
span.minus {background: url(../../img/add_minus.png) no-repeat}
span.minus:hover {background: url(../../img/add_minus_hover.png) no-repeat}
span.minus:active {background: url(../../img/add_minus_active.png) no-repeat}
#reg-cart {float: right;margin: 3px 20px 0 0;}
#reg-cart #login, #reg-cart #cart {float: right; position: relative;}
#reg-cart #login .reglogin-info {float: left;background:  url(../../img/login-icon.png) no-repeat 10px 10px; padding: 4px 13px 18px 50px; position: relative; z-index: 100; border: 1px solid #f8f8f8;}
#reg-cart #login .reglogin-info.active {background: #fff url(../../img/login-icon.png) no-repeat 10px 10px; border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; }
#reg-cart p {float: left;color: #747474; cursor: pointer; font-size: 14px; border-bottom: 1px dotted #747474; padding-top: 10px;}
#reg-cart .cart-none, #reg-cart .reglogin-none {display: none; position: absolute; border: 1px solid #e6e6e6; background: #fff; padding: 15px; z-index: 50;}
#reg-cart .cart-none.active, #reg-cart .reglogin-none.active {display: block;}
#reg-cart .reglogin-none {top: 48px; right: 0;min-width: 175px;}
#reg-cart .reglogin-none .message {font-size: 12px; color: #f96363; text-align: center; float: left; width: 100%;}
#reg-cart .reglogin-none input {border: 1px solid #ababab; height: 28px; width: 224px; padding: 0 5px; margin: 3px 0 10px 0; font-size: 12px;}
#reg-cart .reglogin-none input[type=checkbox] {border:none; width:auto;margin:0 0 10px 5px; height: auto;}
#reg-cart .reglogin-none label {color: #747474; font-size: 12px;}
#reg-cart .reglogin-none .remind {font-size: 12px; color: #f96363; display: block; margin-bottom: 15px;}
#reg-cart .reglogin-none .cabinet {font-size: 12px; color: #747474; float: left;line-height: 35px;margin-right: 10px;}
#reg-cart .reglogin-none .admin {font-size: 12px; color: #f96363; display: inline-block; text-align: center; margin-top: 15px;}

#reg-cart #cart {width: auto; margin-left: 15px;  }
#reg-cart #cart .cart-info {float: left;background:  url(../../img/cart-icon.png) no-repeat 10px 9px; padding: 6px 6px 16px 56px; border: 1px solid #f8f8f8;position: relative; z-index: 150}
#reg-cart #cart .cart-info span{font-size: 10px;color: #fff; background: #31bf82; padding: 1px 4px; border-radius: 10px; }
#reg-cart #cart .cart-info.active {background: #fff url(../../img/cart-icon.png) no-repeat 10px 10px; border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; }
#reg-cart #login .reglogin-info.active p,#reg-cart #cart .cart-info.active p {border-bottom: none;}
#reg-cart .cart-none {top: 48px; right: 0;min-width: 175px; z-index: 110;}
#reg-cart .cart-none .empty { border: none; text-align: center; width: 100%;cursor: default;} 
#reg-cart .cart-none table {width: 375px; border-collapse: collapse;}
#reg-cart .cart-none table tr {border-bottom: 1px solid #e6e6e6}
#reg-cart .cart-none table tr.total {border: none;}
#reg-cart .cart-none table tr.total td {padding: 10px 0;}
#reg-cart .cart-none table tr.total p {font-size: 13px; padding-left: 30px; border: none; color: #747474; }
#reg-cart .cart-none table tr.total .gray-button {font-size: 14px; color: #fff; text-decoration: none; float: right;}
#reg-cart .cart-none table a {color: #747474; font-size: 12px; line-height: 14px;}
#reg-cart .cart-none table  span {height: 18px; line-height: 18px; width: 30px; border-top: 1px solid #abadb3; border-right: 1px solid #dbdfe6; border-left: 1px solid #dbdfe6; border-bottom: 1px solid #dbdfe6; font-size: 12px; color: #747474; text-align: center; float: right; margin: 0 5px;}
#reg-cart .cart-none table div {color: #747474; font-size: 13px; margin: 15px 0;}
.delete_product { text-decoration: none; width: 12px; height: 10px; float: left; cursor: pointer;background: url(../../img/delete_product.png) no-repeat}
.delete_product:hover {background-position: 0 -10px;}
#search {float: left; margin:40px 0 40px 250px; }
#search input[type=text] {float: left; height: 28px; width: 335px; padding: 0 10px; border: 1px solid #ababab; font-size: 12px; color: #747474;}
#search .gray-button {margin-left: 10px; padding: 7px 17px;border-radius: 0; border: none; cursor:pointer;} 
#search p {color: #747474; font-style: italic; font-size: 12px; float: left; margin-top: 5px;}
#search span {color: #a2a2a2; border-bottom: 1px dotted #a2a2a2; }
#search input ::-webkit-input-placeholder { color: #bcbcbc;}
#search input :-moz-placeholder { color: #bcbcbc;}
#search input ::-moz-placeholder { color: #bcbcbc; }
#search input :-ms-input-placeholder {color: #bcbcbc;}

#registration {margin-top: 45px; width: 100%; float: left;}
#registration .left { float: left; width: 235px;}
#registration .right {float: right; width: 370px;}
#registration p {font-size: 14px; font-weight: bold; color: #747474; width: 100%; border-bottom: 1px solid #bababa;margin-bottom: 15px; padding-bottom: 15px;}
#registration label {float: left; width: 100%; font-size: 12px; color: #747474;margin-bottom: 2px}
#registration label span {color: #f96363; font-size: 16px;}
#registration input {float: left; width: 223px; height: 28px; border:1px solid #bababa;margin-bottom: 10px; padding: 0 5px; color: #747474; font-size: 12px}
#registration input[name=captcha] {width: 138px;margin-left: 15px;}
#registration .styled-select select { background: transparent; width: 280px;  padding: 5px; font-size: 12px;  border: 1px solid #bababa; height: 30px; color: #747474; font-size: 12px}
#registration .styled-select { width: 234px; height: 30px; overflow: hidden; background: url(../../img/select-arrow.png) no-repeat right; border-right: 1px solid #bababa; margin-bottom: 10px;}
#registration textarea { width: 358px; height: 140px; padding: 5px; border: 1px solid #bababa;color: #747474; font-size: 12px}

#reg_success {background: url(../../img/reg_class.png) no-repeat; padding-left: 60px; min-height: 300px;}
#reg_success p {margin-bottom: 15px;}
#reg_success p span {border-bottom: 1px dotted #747474}
#reg_success a {font-size: 12px; color: #747474;}
#forget p{display: block; font-weight: bold; margin-bottom: 17px;}
#forget label{display: block; width: 100%; font-size: 12px; color: #747474;margin-bottom: 6px}
#forget input{display: block; width: 275px; height: 28px; border:1px solid #bababa;margin-bottom: 10px; padding: 0 5px; color: #747474; font-size: 12px}

.catalog .left {float: left; width: 225px; margin-right: 35px;}
.catalog .left ul.tabnav { list-style: none; float: left; width: 100%; border-bottom: 1px solid #bababa; margin-bottom: 20px; padding-bottom: 18px;}
.catalog .left ul.tabnav li { display: inline;}
.catalog .left ul.tabnav li a {color: #747474; text-decoration: none; border-bottom: 1px dotted #747474;font-size: 14px;}
.catalog .left ul.tabnav li a.selected, .catalog .left ul.tabnav li a.selected:hover, .catalog .left ul.tabnav li a:hover {color: #6be6b1; border-bottom: 1px dotted #6be6b1;}
.catalog .left ul.tabnav li a:focus { outline: 0; }
.catalog .left div { float: left; }

.catalog .left .categories { list-style: none; margin: 0; padding: 0; }
.catalog .left .categories li { margin-bottom: 10px;}
.catalog .left .categories li a {color: #747474; text-decoration: none;font-size: 12px; line-height: 20px;}
.catalog .left .categories li a:hover, .catalog .left .categories li.active a{color: #6be6b1;}

.catalog .left .subcat { list-style: none; margin: 10px 0 0 20px; padding: 0; display: none;}
.catalog .left .subcat li { margin-bottom: 10px;}
.catalog .left .subcat li a {color: #747474; text-decoration: none;font-size: 12px; line-height: 20px;}
.catalog .left .subcat li a:hover, .catalog .left .categories li.active a{color: #6be6b1;}

.catalog .left #brand {float: left;margin-top: 10px;width: 100%}
.catalog .left #brand label{ width: 100%; float: left; color: #737373; font-size: 12px; margin-bottom: 5px;}
.catalog .left #brand .styled-select select { background: transparent; width: 250px;  padding: 5px; font-size: 12px;  border: 1px solid #bababa; height: 30px; color: #747474; font-size: 12px}
.catalog .left #brand .styled-select { width: 225px; height: 30px; overflow: hidden; background: url(../../img/select-arrow.png) no-repeat right; border-right: 1px solid #bababa;margin-bottom: 20px;}
.catalog .left #brand .gray-button { width: 100%; text-align: center;padding-left: 0;padding-right: 0;}
.catalog .left #brand .checkbox {margin: 3px 0 15px 0;}
.catalog .left #brand .checkbox label {width: auto; float: none;margin-bottom: 10px;} 
.catalog .left #brand .checkbox input[type=checkbox].css-checkbox { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0;border:0;}
.catalog .left #brand .checkbox input[type=checkbox].css-checkbox + label.css-label { padding-left:24px;	height:15px; display:inline-block;line-height:15px;	background-repeat:no-repeat; background-position: 0 0; font-size:12px; vertical-align:middle; cursor:pointer;}
.catalog .left #brand .checkbox input[type=checkbox].css-checkbox:checked + label.css-label {background-position: 0 -15px;}
.catalog .left #brand .checkbox .css-label{ background-image:url(../../img/checkbox.png); }

.catalog .right {float: left; width: 680px;margin-bottom: 50px;}
.catalog .right .bread { float: left; width: 100%;border-bottom: 1px solid #bababa; margin-bottom: 25px; padding-bottom: 18px;}
.catalog .right .bread .breadcrumbs {float: left;}
.catalog .right .bread .breadcrumbs a {color: #747474; font-size: 14px; float: left; text-decoration: underline; } 
.catalog .right .bread .breadcrumbs a:hover {text-decoration: none;}
.catalog .right .bread .breadcrumbs span {color: #747474; font-size: 14px; float: left; margin: 0 5px;}
.catalog .right .bread .breadcrumbs span.link {color: #b0b0b0}
.catalog .right .bread .list-style-buttons { float: right;}
.catalog .right .bread .list-style-buttons a {text-decoration: none; float: left; height: 15px; height: 15px;}
.catalog .right .bread .list-style-buttons #gridview.active, .catalog .right .bread .list-style-buttons #listview.active, .catalog .right .bread .list-style-buttons #listview:hover, catalog .right .bread .list-style-buttons #gridview:hover  {background-position: 0 -15px;}
.catalog .right .bread .list-style-buttons #gridview {width: 17px; background: url(../../img/style-table.png) no-repeat}
.catalog .right .bread .list-style-buttons #listview {margin-right: 5px;width: 15px; background: url(../../img/style-list.png) no-repeat}
.catalog .right .products { list-style: none; margin: 0; padding: 0;}
.catalog .right .products li { width: 200px; height: 460px; float: left; margin: 0 7px 45px 0; border: 1px solid #dedede; overflow: hidden; padding: 15px 10px; position: relative;}
.catalog .right .products li:hover {border: 1px solid #6be6b1;}
.catalog .right .products li:nth-child(3n+3) {margin: 0 0 45px 0;}
.catalog .right .products li img { width: 200px; height: 200px}
.catalog .right .products li span.new, .catalog .right .products li span.noremain {position: absolute; top: 0; font-size: 13px; font-weight: bold; color: #fff;padding: 4px 8px;}
.catalog .right .products li .link {color: #747474; font-size: 12px;line-height: 16px;max-height: 36px; min-height: 36px;overflow: hidden;width: 100%; float: left;}
.catalog .right .products li .new {left: 0; background: #31bf82;}
.catalog .right .products li .noremain {right: 0; background: #f36565;}
.catalog .right .products li .gray-button { width: 200px; text-align: center;padding-left: 0;padding-right: 0;bottom: 15px; left: 10px; position: absolute;}
.catalog .right .products li .number { float: left; width: 100%;border-bottom: 1px solid #bababa; margin:10px 0; padding-bottom: 10px; }
.catalog .right .products li .number p{float: left; color: #999; font-size: 11px; line-height:18px;}
.catalog .right .products li .number span{ width: 22px; height: 20px; float: right; cursor: pointer;}
.catalog .right .products li .number input{height: 18px; width: 30px; border-top: 1px solid #abadb3; border-right: 1px solid #dbdfe6; border-left: 1px solid #dbdfe6; border-bottom: 1px solid #dbdfe6; font-size: 12px; color: #747474; text-align: center; float: right; margin: 0 5px;}
.catalog .right .products li .remain { float: left; width: 100%;border-bottom: 1px solid #bababa; margin:0 0 15px 0; padding-bottom: 10px; }
.catalog .right .products li .remain p{float: left; color: #999; font-size: 11px; line-height:18px;}
.catalog .right .products li .remain span{float: right; color: #636363; font-size: 12px; line-height:18px;}
.catalog .right .products li .sku { float: left; width: 100%;border-bottom: 1px solid #bababa; margin:0 0 15px 0; padding-bottom: 10px; }
.catalog .right .products li .sku p{float: left; color: #999; font-size: 11px; line-height:18px;}
.catalog .right .products li .sku span{float: right; color: #636363; font-size: 12px; line-height:18px;}
.catalog .right .products li .price_roz, .catalog .right .products li .price_opt {float: left; width: 100px;}
.catalog .right .products li .price_roz p, .catalog .right .products li .price_opt p {color: #999999; font-size: 11px; width: 100%;}
.catalog .right .products li .price_roz span, .catalog .right .products li .price_opt span {color: #636363; font-size: 18px; width: 100%;}


.catalog .right .products { list-style: none; margin: 0; padding: 0;}
.catalog .right .products.grid li { width: 668px; height: 75px; float: left; margin: 0 0 3px 0; border: 1px solid #dedede; overflow: hidden; padding: 8px 5px; position: relative;}
.catalog .right .products.grid li:hover {border: 1px solid #6be6b1;}
.catalog .right .products.grid li img { float: left; width: 75px; height: 75px; margin-right: 5px;}
.catalog .right .products.grid li .link {color: #747474; font-size: 12px;line-height: 16px;min-height: 36px;overflow: hidden;width: 200px; float: left;}
.catalog .right .products.grid li .number { float: left; width: 86px;border:none; margin: 5px 15px 0 15px; padding-bottom: 0; }
.catalog .right .products.grid li .number p{width: 100%; text-align: center; margin-bottom: 6px;}
.catalog .right .products.grid li .gray-button {width: 70px; text-align: center;padding: 10px 5px; bottom: 25px;left: 584px; position: absolute;}
.catalog .right .products.grid li span.new, .catalog .right .products.grid li span.noremain {position: absolute; top: 0; font-size: 1px; font-weight: normal; padding: 0; width: 10px; height: 10px;}
.catalog .right .products.grid li .new {left: 0; background: #31bf82; color: #31bf82}
.catalog .right .products.grid li .noremain {left: 10px; background: #f36565; color: #f36565}
.catalog .right .products.grid li .price_roz, .catalog .right .products.grid li .price_opt {margin-top: 7px; width: 85px;}
.catalog .right .products.grid li .price_roz p, .catalog .right .products.grid li .price_opt p{margin-bottom: 6px;}
.catalog .right .products.grid li .price_opt {margin-left: 15px;}
.catalog .right .products.grid li .remain {left: 85px;position: absolute;top: 65px; border: none;width: auto; padding: 0; margin: 0;}
.catalog .right .products.grid li .remain p{display: none;}
.catalog .right .products.grid li .remain span{float: right; color: #636363; font-size: 12px; line-height:18px;}
.catalog .right .products.grid li .sku {left: 85px;position: absolute;top: 45px; border: none;width: auto; padding: 0; margin: 0;}
.catalog .right .products.grid li .sku p{display: none;}
.catalog .right .products.grid li .sku span{float: right; color: #636363; font-size: 12px; line-height:18px;}
.catalog .pagination {float: left; width: 100%; margin: 20px 0;list-style: none; padding: 0;}
.catalog .pagination li {float: left; margin-right: 3px;border: 1px solid #dedede; border-radius: 2px;}
.catalog .pagination li a{float: left; width: 25px; text-align: center; text-decoration: none; line-height: 15px; padding: 5px 0; font-size: 12px; border-radius: 2px; color: #999999;}
.catalog .pagination li a.current, .catalog .pagination li a:hover {background:  url(../../img/gray-button.png) repeat; color: #fff;}
.catalog .right .product_info {float: left; width: 100%;}
.catalog .right .product_info .left { float: left; width: 266px; margin-right: 30px;}
.catalog .right .product_info .left img { width: 264px; height: 264px; border: 1px solid #bababa;}
.catalog .right .product_info .right { width: 384px;}
.catalog .right .product_info .right table {border: none;border-style: none; }
.catalog .right .product_info .right table td.tleft { width: 140px; color: #999999; font-size: 14px;line-height: 26px;}
.catalog .right .product_info .right table td.tright { color: #5f5f5f; font-size: 14px;}
.catalog .right .product_info .right table td.tright.price span {font-size: 18px; font-weight: bold;}
.catalog .right .product_info .right .number { float: left; width: 100%;border-top: 1px solid #dedede; margin:10px 0 15px 0; padding-top: 15px; }
.catalog .right .product_info .right .number p{float: left;  color: #999999; font-size: 14px; line-height:18px; width: 140px;}
.catalog .right .product_info .right .number span{ width: 22px; height: 20px; float: left; cursor: pointer;}
.catalog .right .product_info .right .number input{height: 18px; width: 30px; border-top: 1px solid #abadb3; border-right: 1px solid #dbdfe6; border-left: 1px solid #dbdfe6; border-bottom: 1px solid #dbdfe6; font-size: 12px; color: #747474; text-align: center; float: left; margin: 0 5px;}
.catalog .right .product_info .right .gray-button { width: 200px; text-align: center;padding-left: 0;padding-right: 0;}
.catalog .right .product_info .about {width: 100%; float: left; margin: 40px 0;}
.catalog .right .product_info .about  h3 {color: #747474; float: left; font-size: 14px; margin-bottom: 12px; width: 100%;} 
.catalog .right .product_info .about  p {color:#747474; font-size: 14px; line-height: 22px;}

#similar_products {float: left; width: 100%;}
#similar_products h3 {color: #747474; float: left; font-size: 14px; margin-bottom: 12px; width: 100%;}
#similar_products ul { list-style: none; margin: 0; padding: 0;}
#similar_products ul li { width: 200px; height: 355px; float: left; margin: 0 7px 45px 0; border: 1px solid #dedede; overflow: hidden; padding: 15px 10px; position: relative;}
#similar_products ul li:nth-child(3n+3) {margin: 0 0 45px 0;}
#similar_products ul li span.new, #similar_products ul li span.noremain {position: absolute; top: 0; font-size: 13px; font-weight: bold; color: #fff;padding: 4px 8px;}
#similar_products ul li .link {color: #747474; font-size: 12px;line-height: 16px;max-height: 36px; min-height: 36px;overflow: hidden;width: 100%; float: left; margin-bottom: 15px;}
#similar_products ul li .new {left: 0; background: #31bf82;}
#similar_products ul li .noremain {right: 0; background: #f36565;}
#similar_products ul li .gray-button { width: 200px; text-align: center;padding-left: 0;padding-right: 0;bottom: 15px; left: 10px; position: absolute;}
#similar_products ul li .number { float: left; width: 100%;border-bottom: 1px solid #bababa; margin:10px 0 15px 0; padding-bottom: 15px; }
#similar_products ul li .number p{float: left; color: #999; font-size: 11px; line-height:18px;}
#similar_products ul li .number span{ width: 22px; height: 20px; float: right; cursor: pointer;}
#similar_products ul li .number input{height: 18px; width: 30px; border-top: 1px solid #abadb3; border-right: 1px solid #dbdfe6; border-left: 1px solid #dbdfe6; border-bottom: 1px solid #dbdfe6; font-size: 12px; color: #747474; text-align: center; float: right; margin: 0 5px;}
#similar_products ul li .price_roz, #similar_products ul li .price_opt {float: left; width: 100px;}
#similar_products ul li .price_roz p, #similar_products ul li .price_opt p {color: #999999; font-size: 11px; width: 100%;}
#similar_products ul li .price_roz span, #similar_products ul li .price_opt span {color: #636363; font-size: 18px; width: 100%;}

.cabinetnav { list-style: none; float: left; width: 100%; border-bottom: 1px solid #bababa; margin-bottom: 20px; padding-bottom: 18px;}
.cabinetnav li { display: inline;margin-right: 80px;}
.cabinetnav li a {color: #747474; text-decoration: none; border-bottom: 1px dotted #747474;font-size: 14px;}
.cabinetnav li a.selected, .catalog .left ul.tabnav li a.selected:hover, .catalog .left ul.tabnav li a:hover {color: #6be6b1; border-bottom: 1px dotted #6be6b1;}
.cabinetnav li a:focus { outline: 0; }

#profile h2 {font-size: 14px; font-weight: bold; color: #747474; width: 235px; border-bottom: 1px solid #bababa;margin-bottom: 15px; padding-bottom: 15px;}
#profile label {float: left; width: 100%; font-size: 12px; color: #747474;margin-bottom: 2px}
#profile input {float: left; width: 223px; height: 28px; border:1px solid #bababa;margin-bottom: 10px; padding: 0 5px; color: #747474; font-size: 12px}
#profile textarea { width: 358px; height: 140px; padding: 5px; border: 1px solid #bababa;color: #747474; font-size: 12px; float: left; margin-bottom: 50px;}
#profile .styled-select select { background: transparent; width: 253px;  padding: 5px; font-size: 12px;  border: 1px solid #bababa; height: 30px; color: #747474; font-size: 12px}
#profile .styled-select { float: left; width: 233px; height: 30px; overflow: hidden; background: url(../../img/select-arrow.png) no-repeat right; border-right: 1px solid #bababa;margin-bottom: 20px;}

#archive {float: left; width: 100%; margin-bottom: 50px;}
#archive table{ width: 100%;border-collapse: collapse;}
#archive table thead tr {height: 35px;vertical-align: top;}
#archive table thead td{color: #747474; font-size: 12px;}
#archive table tbody tr.head {border-top: 3px solid #fff;border-bottom: 3px solid #fff;height: 28px; background:  url(../../img/gray-button.png) repeat; color: #fff; font-weight: bold; font-size: 14px;}
#archive table tbody tr.head span {width: 11px; height: 6px; display: block; cursor: pointer; float: right; margin-right: 15px;}
#archive table tbody tr.head span.open{background: url(../../img/table-arrow.png) no-repeat;}
#archive table tbody tr.head span.close{background: url(../../img/table-arrow.png) no-repeat 0 -6px;}
#archive table tbody tr.parent {display: none; background: #e5e5e5;} 
#archive table tbody tr.parent a.link {color: #747474; font-size: 12px; line-height: 14px;text-decoration: underline;}
#archive table tbody tr.parent a.link:hover {text-decoration: none;}
#archive table tbody tr.parent img {margin-left: 10px;}


#cart_main {display: block; width: 750px; margin: 30px auto 0;}
#cart_main .inner-nav ul { float: left; width: 100%; padding: 0; margin: 0;}
#cart_main .inner-nav ul li { float: left; width: 30%; margin-right: 5%; border-bottom: 1px solid #bababa; padding-bottom: 15px; }
#cart_main .inner-nav ul li:last-child {margin: 0;}
#cart_main .inner-nav ul li a {color: #747474; font-weight: bold; text-decoration: none; outline: none;}
#cart_main .inner-nav ul li.active a {color: #31bf82 }
#cart_main table{ width: 100%;border-collapse: collapse;}
#cart_main table thead td{color: #747474; font-size: 12px;}
#cart_main table tbody tr {border-bottom: 1px solid #e6e6e6}
#cart_main table tbody tr.total {border: none;}
#cart_main table tbody tr.total td {padding: 20px 0;}
#cart_main table tbody tr.total p {font-size: 13px; float: right; border: none; color: #747474; }
#cart_main table tbody a.link {color: #747474; font-size: 12px; line-height: 14px;text-decoration: underline;}
#cart_main table tbody a.link:hover {text-decoration: none;}
#cart_main table tbody span {height: 18px; line-height: 18px; width: 30px; border-top: 1px solid #abadb3; border-right: 1px solid #dbdfe6; border-left: 1px solid #dbdfe6; border-bottom: 1px solid #dbdfe6; font-size: 12px; color: #747474; text-align: center; float: left;}
#cart_main table tbody td.name {padding-right: 20px;}
#cart_main table tbody td.name {font-size: 13px;}

#cart_main section {margin-bottom: 60px;}
#cart_main .cartleft {float: left; width: 65%;}
#cart_main #cart_user .cartright {float: right; width: 30%; line-height: 22px; font-size: 14px; margin-top: 15px;}
#cart_main #cart_user .cartright a {color: #57d9a1; border-bottom: 1px dotted #57d9a1; text-decoration: none;}
#cart_main .controls {float: left; width: 65%; margin-top: 15px;}
#cart_main label, #cart_main input, #cart_main textarea {width: calc(100% - 10px)}
#cart_main label {float: left; font-size: 12px; color: #747474;margin-bottom: 2px}
#cart_main input {float: left; height: 28px; border:1px solid #bababa;margin-bottom: 10px; padding: 0 5px; color: #747474; font-size: 12px}
#cart_main textarea {height: 45px; padding: 5px; border: 1px solid #bababa;color: #747474; font-size: 12px; float: left;}
#cart_main label:disabled, #cart_main textarea:disabled, #cart_main input:disabled {background: #fff;} 
#cart_main ul {float: left; width: 620px; padding-left: 60px; list-style: none;}
#cart_main ul li { float: left; width: 100%; margin-bottom: 10px;}
#cart_main ul.delivery {background: url(../../img/chose-delivery.png) no-repeat;}
#cart_main ul.paying {background: url(../../img/chose-paying.png) no-repeat 0 35px; width: calc(100% - 60px); padding: 35px 0 35px 60px; border-top: 1px solid #bababa;}
#cart_main ul p {margin-bottom: 10px;}
#cart_main ul label { float: left; width: auto; height: auto; margin: 0 10px 0 0;}
#cart_main ul input[type="radio"] { display: none;}
#cart_main ul input[type="radio"] + label span {
    display:inline-block;
    width:11px;
    height:11px;
    margin:-3px 10px 0 0;
    vertical-align:middle;
    background:url(../../img/radiobutton.png) left top no-repeat;
    cursor:pointer;
}
#cart_main ul input[type="radio"]:checked + label span {
    background:url(../../img/radiobutton.png) 0 -11px no-repeat;
}

#cart_main #cart_user p{float: left;width: 100%;margin: 10px 0 15px 0;}
#cart_main #cart_user p a {color: #747474; font-size: 12px; line-height: 14px;text-decoration: underline;}
#cart_main #cart_user p a:hover {text-decoration: none;}
#cart_main .comment {float: left; width: 100%; padding-top: 35px;margin-bottom: 20px; border-top: 1px solid #bababa;}
#cart_main .empty { font-weight: bold; text-align: center; margin: 20px 0;}

#cart_main .totalinfo {margin-bottom: 35px;}
#cart_main .totalinfo tr { border: none;}
#cart_main .totalinfo td {padding: 0; margin: 0; font-size: 14px; color: #727272; text-align: left;line-height: 24px;}
#cart_main .totalinfo td:first-child { width: 100px;}
#cart_main .totalinfo td span { border: none; float: none; font-size: 14px; color: #727272; text-align: left; }

#cart_success  {float: left; width: 100%;}
#cart_success .success{float: left; min-height: 37px; padding-left: 54px;background: url(../../img/cart_success.png) no-repeat; }
#cart_success .error{ float: left; min-height: 37px; padding-left: 54px; background: url(../../img/cart_success.png) no-repeat; }
#cart_success p {line-height: 22px;}
#cart_success a {display: block; margin-top: 20px; font-size: 12px; color: #747474; text-decoration: underline;}
#cart_success a:hover {text-decoration: none;}
/* MODAL */
#fade { 
	display: none; /* Скрыто по умолчанию */
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .60;
	z-index: 9998;
}
#popup {
	display: none; /* Скрыто по умолчанию */
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -230px;
	width: 400px; 
	padding: 30px;
	height: auto;
	z-index: 9999;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.8)
}
#popup div {
min-height: 60px;
}
#popup div h1{
color: #2a323c;
font-size: 21px;
font-weight: 600;
}
#popup div p{
margin: 10px 0;
color: #696969;
font-size: 15px;
font-weight: 200;
line-height: 21px;
}
#popup div ul {
list-style: none;
}
#popup div ul li{
color: #696969;
font-size: 15px;
font-weight: 200;
line-height: 21px;
}
#popup .close_modal{
cursor: pointer;
width: 25px; height: 25px;
position:absolute;
right: -13px;
top: -13px;
background: url('../img/close_modal.png') no-repeat;
}
/* END MODAL */