body{
 	padding: 0;
 	margin: 0;
 	font-family: 'PT Sans', sans-serif;
        background: url(../img/p-bg01.png) repeat center top;
        background-color: rgb(168, 84, 137);
 	padding-bottom: 50px;
 	position: relative;
 }

 body:after {
content: '';
position: absolute;
top: 0;
left: 0;
box-shadow: inset 0 110px 50px -20px rgba(255, 255, 255, 0.1);
height: 110px;
width: 100%;
z-index: -1;
}

 .strline{
background: rgba(255, 255, 255, 0.5);
width: 100%;
height: 250px;
position: absolute;
z-index: -1;
box-shadow: inset 0 -5px 5px -4px rgba(0, 0, 0, 0.5);
}
.strline.bottom{
bottom: 0;
background: rgba(80, 80, 80, 0.7);
box-shadow: inset 0 5px 5px -4px rgba(0, 0, 0, 0.5);
height: 144px;
}

 .container{
 	margin: 0 auto;
 	width: 1000px;
 }
 .filter {
 	overflow: hidden;
width: 980px;
padding-top: 10px;
padding-bottom: 25px;

}
#page h2,#page h1,#page h3,#page h4 {
color: #20020a;
font-weight: normal;
text-shadow: 0 1px #FFF;
}
.filter>div{
	float: left;
}
.filter>.options {
padding: 10px;
width: 220px;
border-radius: 0 0 3px 0;
border: 1px solid gray;
border-left: none;
text-align: center;
background: url(../img/filter02.jpg) bottom left;
}
.filter>.options>span  {
	position: relative;
display: block;
padding: 10px;
vertical-align: middle;
background: rgb(231, 231, 231);
margin: -10px;
margin-bottom: 20px;
border-bottom: 1px solid gray;
}
.filter>.options>span:after{
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(231, 231, 231, 0);
	border-top-color: #e7e7e7;
	border-width: 13px;
	left: 50%;
	margin-left: -13px;
}
.filter>.options>span:before{
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-top-color: rgb(92, 88, 88);
	border-width: 14px;
	left: 50%;
	margin-left: -14px;
}


.current::after, .current:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.current:after {
border-color: rgba(136, 183, 213, 0);
border-top-color: rgb(255, 250, 192);
border-width: 14px;
left: 50%;
margin-left: -14px;
}
.current:before {
border-color: rgba(194, 225, 245, 0);
border-top-color: rgb(112, 108, 108);
border-width: 15px;
left: 50%;
margin-left: -15px;
}


.range {
background: #751700;
box-shadow: inset 0 5px 5px -2px #CE8B8B;
border: 1px solid #4D0000;
height: 8px;
vertical-align: middle;
display: inline-block;
margin: 15px 0px;
width: 100%;
}
.range.width{
	width: 310px;
}

.top{
background: url(../img/birr.png) no-repeat center top;
background-position-y: 35px;
}

#header .logo {
background: url(../img/logo80.png) no-repeat center center;
height: 120px;
width: 100px;
cursor: pointer;
}

.contacts {
position: relative;
z-index: 1;
background: #FAF2E2;
border: 1px solid;
font-size: 16px;
color: #645148;
text-shadow: 0 1px 1px #FFF;
text-align: right;
padding: 10px;
margin-top: 25px;
margin-bottom: 10px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 7px 0 -5px #FAF2E2, 0 8px 1px -4px rgba(0, 0, 0, 0.48),inset 0 41px 0 #FFFEF7;
transition: all .2s linear;
}
.contacts:hover {
margin-top: 25px;
background: #FAE4CF;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 10px 0 -5px #FFF1CB, 0 11px 1px -4px rgba(0, 0, 0, 0.48),inset 0 41px 0 rgba(255, 254, 247, 0.76);
}
.contacts a {
color: #DA172F;
}
.contacts>i {
font-size: 2em;
float: left;
padding-top: 14px;
padding-right: 5px;
}
.contacts span {
display: inline-block;
width: 130px;
padding-left: 5px;
color: #921F1F;
text-align: left;
}

#header>div {
float: left;
}
#nav>ul>li {
border-radius: 3px;
text-align: center;
display: table-cell;

}

#nav>ul>li>a {
white-space: nowrap;
position: relative;
z-index: 9;
text-decoration: none;
text-shadow: 0px 1px 0 black;
font-size: 17px;
color: rgb(255, 255, 255);
display: block;
padding: 8px 0;
padding-right: 10px;
-o-transition: background-color .5s ease-out;
-moz-transition: background-color .5s ease-out;
-webkit-transition: background-color .5s ease-out;
transition: background-color .5s ease-out;
}

#nav>ul>li:first-child a {
border-radius: 4px 0 0 0;
}
#nav>ul>li>a:hover {
background: rgb(250, 124, 124);
}

.current {
border-radius: 4px 4px 0 0;
background: rgb(255, 250, 192) !important;
border: 1px solid rgb(133, 136, 71);
border-bottom: none;
box-shadow: inset 0 6px 10px -5px rgb(255, 255, 255) !important;
border-right-color: rgb(70, 70, 70) !important;
text-shadow: 0px 1px 2px rgb(255, 255, 255) !important;
text-decoration: none;
color: rgb(70, 70, 70) !important;
}
#nav>ul {
border-radius: 4px 4px 0 0;
border-bottom: none;
display: table;
table-layout: fixed;
list-style-type: none;
width: 100%;
margin: 0;
padding: 0;
background: rgba(236, 91, 91, 1);
}

#filter_id {
width: 70px;
border-color: gray;
}

.filter>.options>hr {
margin-left: -11px;
width: 240px;
border-bottom-style: dashed;
border-bottom-color: rgb(218, 218, 218);
border-top-style: dashed;
border-top-color: rgb(90, 90, 90);
}
  
  .center{
	text-align: center;
  }

  .right{
  	text-align: right;
  }


 .styler {
margin: 2px 0;
}

#page{
	overflow: hidden;
	width: 100%;
	min-height: 400px;
	border-radius: 0 0 10px 10px;
	box-shadow: inset 0 -5px rgba(129, 0, 255, 0.3);
}
.page{
	width: 100%;
	min-height: 400px;
background: white;
border: 1px solid rgb(119, 119, 119);
border-top: none;
padding-top: 20px;
box-shadow: inset 0 10px 10px -10px black, inset 0 -10px 10px -10px black;
}

#options_list {
margin-top: -2px;
float: left;
width: 19%;
background: #A22D2D;
border-bottom: 2px solid #4B0404;
border-right: 1px solid #360909;
}

#product_list {
overflow: hidden;
margin-left: 10px;
padding-left: 12px;
min-height: 150px;
padding-top: 5px;
text-align: left;
}

#product_list .item a img {
background: white;
max-width: 100%;
}
 #loader{
 	overflow: hidden;
 	width: 70%;
 	margin: 0 auto;
 	margin-top: 40px;
 	height: 150px;
 	background: url(../img/ajax-loader5.gif) no-repeat center center;
 	/*background: url(../img/ajax-loader2.gif) no-repeat center center;*/
 }

.orderLoader {
position: absolute;
overflow: hidden;
width: 100%;
margin: 0 auto;
margin-top: 54px;
height: 395px;
background: url(../img/ajax-loader5.gif) no-repeat center 40px, #EFECE4;
top: 0;
left: 0;
z-index: 999;
}

#options_list h3, h3.showcase {
display: block;
font-variant: small-caps;
font-weight: normal;
letter-spacing: 1px;
background: #EC5B5B;
border: 1px solid #743131;
text-align: center;
width: 104%;
margin-left: -2%;
margin-top: 5px;
margin-bottom: 3px;
padding: 5px 0;
color: #FFF;
text-shadow: 0 1px #741B1B;
box-shadow: 0px 7px 3px -5px #440E0E;
}
h3.showcase {
margin: 0 auto;
margin-bottom: 10px;
width: 400px;
color: #FFF!important;
text-shadow: 0px 1px #000 !important;
}

#current_jewels>span {
padding: 4px 13px;
padding-bottom: 0px;
color: #F6C9C9;
display: block;
font-size: 13px;
}
#jewels_check {
padding-left: 10px;
}
#jewels_check label {
letter-spacing: 1px;
text-shadow: 0 -1px #020101;
margin: 4px 2px;
color: #FFF;
}
#jewels_check label:hover {
color: #FFEEAB;
}
.btn.small.jewelb {
box-shadow: inset 0 -2px #B39763;
text-decoration: none;
padding-bottom: 5px;
padding-top: 4px;
padding-left: 5px;
padding-right: 10px;
font-size: 14px;
color: #7E5F28;
text-shadow: 0 1px #FFF;
}
.btn.small.jewelb.colls {
margin-left: 6px;
font-size: 18px;
padding: 8px 16px;
}
.article{
margin-top: -10px;
margin-bottom: -10px;
margin-left: -10px;
margin-right: 20px;
height: 110px;
background: rgba(0, 0, 0, 0.5);
color: white;
}
.ui-slider-horizontal .ui-slider-range {
background: #FFCCC5;
box-shadow: inset 0 -4px 6px #FFA300;
}
  .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: 1px solid rgb(83, 49, 22);
	width: 10px;
	margin-top: -3px;}
.jq-selectbox__select {
	width: auto;
	max-width: 120px;
background:#FFFFA9;
box-shadow: inset 0 5px 5px #FFFFE5;
height: 28px;
border: 1px solid #C1C56D;
border-bottom-color: #886E59;
border-radius: 4px;
}
.jq-selectbox__trigger {
border-left: 1px solid #D3C69B;
}
.jq-selectbox__select:hover {
background-color: #FFE55A;}
.jq-selectbox ul {
background: #FFFFA9;}
.jq-selectbox li {
white-space: nowrap;}
.jq-selectbox__dropdown {
width: 108%;}

.jewel .jq-selectbox__select {
max-width: 108px;

}

.fselector .jq-selectbox__select {
max-width: 50px;
font-size: 12px;
background: #D1E9E8;
box-shadow: inset 0 5px 5px #E2F8FF;
height: 28px;
border: 1px solid #6D89C5;
border-bottom-color: #64A6C5;
}
.fselector .jq-selectbox__trigger {
width: 20px;
border-left: 1px solid #7D95BE;
}
.fselector .jq-selectbox__trigger-arrow {
right: 6px; 
}
.fselector .jq-selectbox__select-text {
width: 130%;}
.fselector .jq-selectbox ul {
background: #E9F2FA;
}
button.styler, input[type="button"].styler, input[type="submit"].styler, input[type="reset"].styler {
	border: 1px solid rgb(126, 126, 126);
border-bottom-color: rgb(80, 80, 80);
}

	.jq-selectbox__dropdown {
		width: auto;
background: rgb(255, 244, 199);
border: 1px solid rgb(88, 88, 88);
background: rgb(240, 240, 240);
box-shadow: 0 0px 10px 1px rgba(0, 0, 0, 0.65);
}

.jq-selectbox li:hover {
background: rgb(255, 224, 0);
color: rgb(82, 76, 76);
}

.jq-selectbox li.selected {
background: #D65905;color:white;}

.ui-slider-handle.ui-state-default.ui-corner-all {
background: #F4F89A;
width: 10px;
border: 1px solid rgb(66, 51, 11);
box-shadow: inset 0 -5px 4px -2px rgba(5, 4, 0, 0.5), inset 0 10px 4px -2px rgba(255, 255, 255, 0.5);
}
.jq-selectbox__trigger-arrow {
	opacity: 0.7;
}



.item {
vertical-align: top;
background: #FFF;
width: 172px;
border: 1px solid #A7A7A7;
position: relative;
display:inline-block;
margin: 5px;
padding: 5px;
}

.item:hover {
border: 1px solid gray;
}
.item>a {
display: table-cell;
	background: url(../img/ajax-loader2.gif) no-repeat center center;
width: 180px;
text-align: center;
vertical-align: middle;
height: 155px;
padding-bottom: 15px;
}

span.name{
display: block;
text-align: center;
}
span.name a {
text-decoration: none;
color: #003369;
}
div.costwrap {
position: absolute;
top: 152px;
text-align: center;
width: 100%;
margin-left: -5px;
}
.item .cost {
color: #B92020;
background: #FFF;
border-radius: 15px;
border: 1px solid #ccc;
padding: 2px 10px;
}
.cost.red {
background: #FF7B7B;
color: #FFF;
border-color: #BE2A2A;
font-size: .8em;
}
span.mat {
display: block;
text-align: center;
padding-left: 5px;
font-size: 0.8em;
color: #909090;
clear: both;
word-break:break-all;
}
.item>span.desc {
padding-left: 5px;
display: block;
color: #808080;
}

.itemhr {
position: absolute;
top: 153px;
border: 0;
border-bottom: 1px solid #C7C7C7;
margin-bottom: 12px;
}

.fixed{
	position: fixed;
	top: -5px;
}

#footer {
	font-size: 14px;
width: 100%;
margin: 0 auto;
background: #F8DF9D;
background: rgba(248, 223, 157, 0.69);
color: #42403C;
box-shadow: inset 0 -5px 5px -2px #FFECD0, inset 0 5px 5px -2px #AA9163;
border-radius: 0 0 10px 10px;
}
#footer a {
color: #A81313;
}
#footer-inner{
padding: 20px;
}
#footer-inner span{
	display: inline-block;
vertical-align: middle;
margin-left: 10px;
}


.noise{
	background-image: url(../img/noisy.png);
border-top: 1px solid #3F1C1C;
}
.row{
	overflow: hidden;
}
	.row>.col1{
	width: 9%;
}

.row>.col2{
	width: 18%;
}
.row>.col3{
width: 29%;
float: left;
text-align: justify;
margin: 10px;
padding-right: 20px;
border-right: 1px solid #A5A5A5;

}
.row>.col4{
	width: 38%;
}
.row>.col5{
	width: 48%;
}
.row>.col6{
	width: 58%;
}
.row>.col7{
	width: 68%;
}
.row>.col8{
	width: 78%;
}
.row>.col9{
	width: 88%;
}
.row>.col10{
	width: 99%;
	margin-left: 0% !important;
}
.row.make>div>img {
width: 100%;
border: 3px solid #FFF;
box-shadow: 0 1px 5px #353535;
margin: 10px 0px 10px 0px;
}
.row.us>h1{
text-align: center;
font-weight: normal;
text-shadow: 0px 1px 0 #FFF;
font-family: 'Julius Sans One', sans-serif;
margin-top: 10px;
}
.row.make>h1{
text-align: center;
font-weight: normal;
text-shadow: 0px 1px 0 #FFF;
margin-top: 10px;
}

.row.make>h2{
text-align: center;
margin-bottom: 0px;
}
#header {
overflow: hidden;
margin-bottom: 15px;
}
hr {
border-top: 1px solid #B6B6B6;
border-bottom: 1px solid #FFFAFA;
width: 90%;
}

#name {
color: #535353;
text-shadow: 0px 1px 1px #FFF;
width: 500px;
text-align: left;
padding-top: 20px;
}

#name>a{
	color: #fff;
	text-decoration: none;
}
#name>a>h2 {
font-variant: small-caps;
font-weight: 300;
margin: 0px;
margin-top: -6px;
font-size: 27px;
letter-spacing: 5px;
text-transform: lowercase;
}
#name>a>img{
vertical-align:middle;
}
#name>a>h1{
	margin: 0px;
	font-family: 'Julius Sans One', sans-serif;
	font-size: 47px;
 display: inline-block;
vertical-align:middle;
text-shadow: 0 3px black;
}
#name>a>h1>span{
color: rgb(255, 104, 104);
margin-left: 7px;
}
.decs {
width: 350px;
color: #fff;
text-shadow: 0 1px black;
}
.row.us h2{
color: #505050;
text-shadow: 0px 1px 1px #FFF;
font-weight: normal;
}
.row.us>div>img {
width: 400px;
border: 3px solid #FFF;
box-shadow: 0 1px 5px #353535;
margin: 10px 20px 10px 30px;
float: right;
}

.row.us>.col10{
	text-align: justify;
	color: #27201a;
	padding-left: 30px;
	width: 93%;
}

.map{
border: solid 5px #FFF;
margin-top: 30px;
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.68);
width: 600px;
margin-left: 165px;
margin-bottom: 30px;
}
/*.row.contact{
	text-align: justify;
	color: #27201a;
padding-left: 30px;
	width: 93%;
}
.row.contact>h1 {
text-align: center;
font-weight: normal;
text-shadow: 0px 1px 0 #FFF;
margin-top: 10px;
}


.row.contact h2 {
color: #505050;
text-shadow: 0px 1px 1px #FFF;
font-weight: normal;
text-align: center;
}*/

.sbi_container {
	margin-top: -15px !important;
}

.sbi_content{
	bottom: 260px !important;
}
.sbi_label {
font-size: 16px !important;
top: 250px;
}
.vfilter {
	border-collapse:collapse;
	width: 100%;
background: #6F2300;
box-shadow: inset 0px 10px 10px #5F0000;
color: #FFF;
border-bottom: 2px solid #4B0404;
}

.vfilter tr{
	white-space: nowrap;
	display: block;
}

.vfilter td, .vfilter .cat {
	font-size: .9em;
display: inline-block;
cursor: pointer;
text-align: center;
padding: 12px;
transition: background-color .5s ease; 
}

.vfilter td.cat{
	position: relative;
}
.vfilter td.cat:hover,.vfilter .item:hover {
background: #551010;
}
.vfilter td img {
min-height: 50px;
}




.vfilter td.cat .subcats,.vfilter li.cat .subcats {
display: none;
/*position: absolute;*/
position: fixed;
background: #EC5B5B;
box-shadow: inset 0 2px 3px #FFA8A8, inset 0 -2px 0 #831313;
/*border-radius: 0 0 10px 10px;*/
color: #000;
border: 1px solid #2C0909;
border-top-color: #FAC1C1;
/*left: -1px;*/
/*top: 92px;*/
width: auto;
text-align: left;
margin-left: -13px;
z-index: 999;
}

.vfilter td.cat .subcats span, .vfilter li.cat .subcats span {
padding: 4px 10px;
display: block;
border-bottom: 1px solid #C73E3E;
}
.subcatf.selsub{
	padding-top: 5px;
padding-left: 15px;
background: #813030!important;
box-shadow: inset 0 10px 10px #571414!important;
color:white;
}
.vfilter td.cat:hover .subcats, .vfilter li.cat:hover .subcats {
display: block;
max-height: 300px;
overflow-y: scroll;
}
.vfilter .params td {
position: relative;
margin-left: 5px;
padding: 0 5px;
}

.vfilter h2,.vfilter h1 {
color: #FFF !important;
text-shadow: 0 1px #000 !important;
font-size: 1.5em;
margin: 0 auto;
text-align: center;
font-weight: 100;
padding: 22px;
}

ul.current_subcats {
list-style-type: none;
padding: 0;
margin: 0;
}

ul.current_subcats li {
font-size: 14px;
box-shadow: inset 0 10px 10px #B63535;
cursor: pointer;
padding: 3px;
border-bottom: 1px solid #743131;
padding-left: 8px;
padding-bottom: 0;
display: block;
color: #FFF;
}

ul.current_subcats>li:hover{
background: #C74949;
}
ul.current_subcats>li.selected{

}

.moresubs, .lesssubs {
font-weight: bold;
margin-left: -14px;
box-shadow: inset 0 -20px 10px -10px rgb(97, 26, 26);
margin-right: 0;
width: 170px;
padding-left: 20px;
padding-right: 0px;
font-size: .95em;
opacity: .85;
padding-bottom: 4px;
display: none;
}

.moresubs span, .lesssubs span{
	font-weight: normal;
}

.moresubs:hover{
	opacity: 1;
}

ul.subsubcats_list {
/*border-top: 1px dashed #5A1414;*/
padding: 0;
margin: 0;
margin-left: -14px;
margin-top: 2px;
display: none;
overflow: hidden;
position: relative;
}


#current_subcats h4 {
margin: 0;
padding: 0;
color: #fff;
text-shadow: 0 -1px black;
padding-bottom: 1px;
}


.selsub .moresubs{
	display: block;
}


.selsub ul.subsubcats_list{
	display: block;
}


ul.subsubcats_list li {
box-shadow: none;
font-size: .95em;
padding: 0;
padding-left: 20px;
padding-bottom: .2em;
padding-top: .2em;
opacity: .8;
}

ul.subsubcats_list li:hover, ul.subsubcats_list li.active {
opacity: 1;
background: rgb(199, 82, 82);
border-radius: 0 10px 10px 0;
}



h2 img{
	vertical-align: middle;
}

.selected {
box-shadow: inset 0 4px 4px -2px #6E0404;
background: #A22D2D;
border: 1px solid #530A0A;
border-top: 0;
border-bottom: 0;
}
/*#collections.selected{
border-radius: 0 0 15px 15px;
}

#shopbag.selected {
border-radius: 0 0 0 15px;
}*/
#collections{

}
.collection {
cursor: pointer;
border: 1px solid #696153;
background: #FFF;
padding: 10px;
margin: 20px;
float: left;
box-shadow: 0 11px 0 -10px #B8B399, 0 10px 0 -8px #756F2C;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
}

.mfp-close-btn-in .mfp-close {
padding-top: 5px;
color: #000 !important;
}
.mfp-auto-cursor .mfp-content {
	padding-top: 10px;
vertical-align: top;
}
.params {
	transition: all .3s;
	font-size: 14px;
background: #A22D2D;
text-align: left !important;
}
.cats{
display: block;
box-shadow: inset 0 -8px 8px -5px #5A0A0A;
}
.opacity{
	position: relative;
	opacity: 0.2;
}
.params.opacity:before {
z-index: 999;
position: absolute;
content: '';
display: block;
background: rgba(0, 0, 0, 0.51);
width: 1000px;
height: 42px;
}
.popup {
position: relative;
box-shadow: 0 0 20px #000;
border: 1px solid #808080;
width: 980px;
background: #FFF;
margin: 0 auto;
padding-bottom: 20px;
font-size: .9em;
}
.popup>table td {
padding-right: 15px;
vertical-align: top;
}
.popup>table {
width: 100%;
}
.popup>table td.img {
	vertical-align: top;
text-align: center;
padding: 15px;
padding-left: 0;
padding-top: 20px;
width: 400px;
}
#preview{
	border-radius: 8;
}
#preview.disabled{
	cursor: pointer;
}
.popheader {
padding: 10px;
background: url('../img/lbg.jpg') repeat top center;
border-bottom: 1px solid #8A7900;
}
.popheader h1 {
margin: 0;
font-size: 34px;
color: #423200;
font-family: 'Julius Sans One', sans-serif;
}
.popheader h1>span {
width: 300px;
vertical-align: middle;
font-weight: 300;
font-size: 0.5em;
}

.popheader h1>span>i{
	float: left;
	margin-top: .4em;
	margin-right: 10px;
	font-size: 1.4em;
}
.info h3 {
font-weight: 100;
font-size: 28px;
margin: 10px 0;
}
.info h3>span {
display: block;
font-size: 0.6em;
color: #808080;
}

.spec {
border-collapse: collapse;
width: 96%;
border: 1px solid lightgray;
padding: 10px;
border-radius: 10px;
}

.spec tr {
border-bottom: 1px solid lightgrey;
}
.spec td {
padding: 6px;
}
.spec tr>td:first-child {
color: #5C5151;
width: 120px;
}

.calc {
text-align: center;
padding: 0 20px;
}
.wrap {
opacity: 0.1;
position: absolute;
top: 0px;
left: 0px;
 -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -ms-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
}
.item>a:hover span.wrap {
opacity: 0.8;
}

.price {
background: #FCFCFC;
border: 1px solid lightgrey;
margin: 20px 0;
padding: 10px;
font-size: 16px;
}

.price td{
	vertical-align: top;
	padding-left: 10px;
}

.price span {
vertical-align: middle;
}

.price .nums {
width: 260px;
padding-left: 0px;
white-space: nowrap;
margin-right: 10px;
}

.manage{
	width: 96%;
}

.bnts{
	/*white-space: nowrap;*/
}

.btn {
text-decoration:none;
margin: 4px 0;
font-size: 16px;
background: #FDFBCD;
color: #311;
padding: 8px;
display: inline-block;
border-radius: 4px;
border: 1px solid #837E56;
box-shadow: inset 0 -2px 2px #BBAE86;
cursor: pointer;
 -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.btn:hover {
text-decoration: none;
background: #ECEBD1;
box-shadow: inset 0 3px 2px #CCC5B0, inset 0 0px 2px #C5C5C5;
}

.btn.btn-control {
padding: 10px;
font-size: 19px;
font-weight: bold;
background: #ECEBD1;
vertical-align: middle;
padding: 5px 10px;
height: 25px;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}
.btn.btn-control.plus{
	border-radius: 4px 0 0 4px;
}
.btn.btn-control.minus{
	border-radius: 0 4px 4px 0;
}

.btn.btn-control:hover {
background: #DBDBC6;
}

.btn.delcookie {
background: #F5B3B3;
box-shadow: inset 0 3px 2px #FCC7C7, inset 0 0px 2px #521616;
}

.btn#delcookie:hover{
background: #E97D7D;
}
.small:hover {
padding: 3px 16px;
}
.small {
padding: 3px 16px;
}

.quan {
height: 25px;
color: #3B2B08;
background: #F5DEB3;
border: 1px solid #837E56;
border-right: none;
border-left: none;
vertical-align: middle;
width: 50px;
font-size: 20px;
padding: 5px;
text-align: center;
display: inline-block;
margin:0;
}

.jq-checkbox{
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), inset -1px -1px #531111, inset 1px -1px #8A2929;
	margin-left: 5px !important;
}

.designer {
vertical-align: top;
width: 170px;
}
.designer img {
margin: 10px auto;
border: 1px solid lightgray;
display: block;
border-radius: 20px;
}
.collection .item{
	width: 160px !important;
}
.purchase {
vertical-align: middle;
padding: 5px;
padding-bottom: 0;
text-align: left;
border-top: 1px solid #CEC0A7;
margin-top: 5px;
}
.cat.purchase img {
max-width: 28px;
vertical-align: middle;
}
.paginator {
text-align: center;
margin: 20px;
}

.selectedpage {
background: #C7C49C !important;
}
.done{
	margin-left: 5px;
	display: none;
}
.added {
padding: 10px;
background: #BFFABF;
border: 1px solid #8FCA8F;
display: none;
margin: 5px 0;
}
.incart {
padding: 13px;
background: #BFFABF;
border: 1px solid #8FCA8F;
}
.cat.purchase a:hover {
color: #571313;
}
.cat.purchase a {
color: #83620D;
text-decoration: none;
}

#shopbag{
	float: right;
}
.order {
display: block;
margin-top: 5px;
padding: 5px;
background: #F5DEB3;
border-radius: 3px;
color: #5E4E31;
}

.order a {
color: #8D1A1A;
}



.opt {
text-align: left;
background: #6F2300;
border-radius: 5px;
padding: 4px;
padding-left: 4px;
margin-left: 5px;
vertical-align: middle;
display: inline-block;
overflow: hidden;
width: 95px;
line-height: 12px;
}

.opt input {
float: left;
}

h2.bag{
position: relative;
width: 800px;
background: #F5DEB3;
background: #f2e6d0; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZTZkMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWRlYjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f2e6d0 0%, #f5deb3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2e6d0), color-stop(100%,#f5deb3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2e6d0 0%,#f5deb3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2e6d0 0%,#f5deb3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2e6d0 0%,#f5deb3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2e6d0 0%,#f5deb3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2e6d0', endColorstr='#f5deb3',GradientType=0 ); /* IE6-8 */
color: #413114;
border: 1px solid #A58C5E;
margin: 10px auto;
display: block;
padding: 10px;
font-weight: normal;
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2), inset 0 2px rgba(255, 255, 255, 0.6);
border: 1px solid #B7A583;
border-radius: 3px;
}
h2.bag>.desc {
display: block;
font-size: 0.7em;
}

.itemchooser {
width: 96%;
margin: 15px auto;
}
.itemchooser td {
vertical-align: top;
width: 19%;
background: #FFF;
border: 1px solid lightgrey;
padding: 10px;
padding-top: 20px;
}
.itemchooser hr {
border: none;
border-bottom: 1px solid lightgray;
width: 100%;
}
.itemchooser h4 {
text-align: center;
font-weight: normal;
font-size: 20px;
}
.itemchooser h4 img {
display: block;
margin: 0 auto;
}
.jewel{
position: relative;
text-align: center;
}
.jewel img {
margin: 10px;
}
.jewel.inactive .inner{
	position: relative;
	opacity: 0.5;
}

.jewel.inactive .blend {
z-index: 999;
position: absolute;
left:0;
width: 100%;
background: rgba(255, 255, 255, 0.85);
height: 100%;
display: block;
}

.jewel .blend{
	display: none;
}
.jewel>.css-label {
font-size: 20px !important;
}
.jewel .range {
margin: 5px;
width: 95%;
}


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;
}

input[type=checkbox].css-checkbox + label.css-label {
	padding-left:20px;
	height:15px; 
	display:inline-block;
	line-height:15px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
	cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -15px;
}
						
.css-label{ background-image:url(../img/lite-red-check.png); }

#orderform {
width: 800px;
border-radius: 2px;
background: #FFF;
border: 1px solid #808080;
margin: 10px auto;
padding: 10px;
}
#orderform form{
	overflow: hidden;
}
#orderform label {
	vertical-align: middle;
text-align: right;
padding-right: 10px;
width: 180px;
display: inline-block;
}
#orderform textarea {
width: 360px;
height: 60px;
border-radius: 2px;
border: 1px solid #808080;
font-size: 1em;
}
#orderform h1 {
font-size: 28px;
margin: 5px 10px !important;
text-align: center;
border-bottom: 1px solid;
margin-bottom: 20px !important;
}
#orderform input {
padding: 4px;
vertical-align: middle;
border-radius: 2px;
border: 1px solid #808080;
font-size: 1em;
}
.warning{
	background: #FDD;
}
#errorlist {
	padding: 3px;
	border-radius: 2px;
float: right;
background: #FCD1D1;
border: 1px solid #C58787;
width: 300px;
margin-top: 5px;
}
.errsearch {
text-align: center;
display: block;
width: 50%;
margin: 100px auto;
background: #FFF3CF;
box-shadow: inset 0 20px 30px 0px #FFFCF5;
border: 1px solid #808080;
padding: 40px;
padding-top: 10px;
}
.errsearch h2 {
font-weight: normal;
font-size: 24px;
}
.j {
border: 1px solid lightgray;
margin: 2px;
padding: 5px;
text-align: left;
font-size: .9em;
}
.j>.col {
text-align: center;
padding: 5px;
display: inline-block;
width: 18px;
vertical-align: middle;
margin-left: 5px;
border-radius: 4px;
background: #DFFBFF;
border: 1px solid #5684BE;
font-size: 14px;
}
.j>.name {
display: block;
background: #F5F5F5;
font-size: 16px;
font-style: italic;
float: none;
padding: 2px;
margin: 0;
}

.totalcost {
display: block;
margin: 0 auto;
background: #FFF;
padding: 10px;
width: 400px;
text-align: center;
border: 1px solid lightgray;
}
.totalcost>.desc {
color: #808080;
text-align: justify;
font-size: .7em;
}
#totalcost{
	font-size: 30px;
}
.cm {
overflow: hidden;
text-align: left;
font-size: 14px;
margin-bottom: 5px;
}
.cm i {
margin-top: 5px;
margin-left: -3px;
margin-right: 5px;
font-size: 24px;
float: left;
}
.params .jq-selectbox__select {
max-width: 105px;
font-size: 12px;
}
.fixedtop{
width: 1000px;
position: fixed;
top: 0;
z-index: 9;
}
.bjqs-next a {
width: 28px;
height: 40px;
background: url(../img/monotone_arrow_right.png);
}
.bjqs-prev a {
width: 28px;
height: 40px;
background: url(../img/monotone_arrow_left.png);
}
ul.bjqs img {
height: auto !important;
}
.sbi_container {
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	padding: 10px;
	background: #FFF4BB;
	margin-top: 30px;
	-moz-box-shadow: 0px 1px 5px #5E4D2B;
	-webkit-box-shadow: 0px 1px 5px #5E4D2B;
	box-shadow: 0px 1px 5px #5E4D2B;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px 4px 4px 4px;
  }
  .sbi_panel{
	float:left;
	position:relative;
	height:100%;
	overflow:hidden;
  }
  .sbi_panel_img{
	position:absolute;
	height:100%;
	top:0px;
	background-repeat:no-repeat;
  }
  .sbi_label{
  	white-space: nowrap;
	display:block;
	width:100%;
	background:#000;
	text-align:center;
	font-size:20px;
	height:40px;
	line-height:40px;
	position:absolute;
	bottom:50px;
	left:0px;
	opacity:0.7;
	cursor:pointer;
	text-shadow:0px 0px 1px #000;
	text-decoration:none;
	color:#fff;
	outline:none;	
  }
  .sbi_label:hover{
	opacity:0.9;
  }
  .sbi_content{
  	background: #000;
  	background: rgba(0,0,0,0.6);
	position:absolute;
	border-top:2px solid #000;
	bottom:90px;
	color: white;
	left:0px;
	width:100%;
	display:none;
	overflow:hidden;
  }
  .sbi_content ul{
	padding:10px;
  }
  .sbi_content ul a{
	display:block;
	color:#f0f0f0;
	font-size:16px;
	padding:4px 6px 4px 14px;
	background:transparent url(public/images/triangle.png) no-repeat 3px 50%;
	opacity:0.9;
  }
  .sbi_content ul a:hover{
	background-color:#000;
	color:#fff;
	-moz-box-shadow:1px 1px 5px #000;
	-webkit-box-shadow:1px 1px 5px #000;
	box-shadow:1px 1px 5px #000;
  }

table.singledesigner {
margin-bottom:50px;
}
table.singledesigner td{
	vertical-align: top;
}
  .singleinfo {
  	margin: 5px !important;
	width: 925px;
	background: url('../img/lbg.jpg') repeat top center;	
	background: url('../img/blend.png') center top no-repeat, url('../img/lbg.jpg') repeat top center;
}
.singleinfo img {
border: 1px solid #41403F;
border-bottom: 1px solid #756526;
}
.singleinfo h2 {
margin: 1px 0;
color: #6B5223 !important;
font-size: 30px;
letter-spacing: 2px;
}

.singleinfo>table td {
padding-right: 20px;
}
.singleinfo>table td span{
color: #808080;
}

.singleinfo.collection img{
	border-radius: 12px;
	display: block;
margin: 5px auto;
}

.item a img {
max-height: 156px;
}
.des-subcats {
text-decoration: none;
margin: 0 10px;
color: #444;
font-size: 20px;
border-bottom: 1px dashed #444;
}

.des-subcats:hover,.des-subcats.subcurr {
color: #B32323;
border-bottom: 1px dashed #B32323;
}
.des-subfilter{
	margin: 5px 0;
	margin-bottom: 15px;
}

.deljewel {
color: #556A6D;
text-shadow: 0 1px 1px #FFF;
text-decoration: none;
background: #FFFEDF;
border: 1px solid #797979;
margin: 1px 0;
border-radius: 3px;
padding: 1px 5px;
display: inline-block;
text-align: center;
}

.w920 {
width: 920px;
margin: 0 auto;
}

a#totop img{
opacity:.8;
}
a#totop:hover img{
opacity:1;}

#topscroll:hover {
background: #CE3535;
}
#topscroll {
	z-index: 10;
cursor: pointer;
transition: background-color .2s linear;
background: #A22D2D;
box-shadow: inset 0 10px 10px #CF4D4D;
border: 2px solid #A22D2D;
border-bottom: none;
color: #FFF;
font-variant: small-caps;
font-size: 19px;
text-shadow: 0 1px #000;
border-radius: 6px 6px 0 0;
display: none;
width: 100px;
padding: 10px;
text-align: center;
position: fixed;
bottom: -50px;
left: 50%;
margin-left: -50px;
letter-spacing: 3px;
}
#topscroll.visible{
	display: block;
}

table.spec small {
color: #808080;
}

#choosemat {
width: 400px;
background: #DD1B1B;
padding: 3px 0;
margin: 0 auto;
border-radius: 5px;
text-shadow: 0 -1px #310707;

color:white!important;
}

#totalitems hr {
border: 0;
border-bottom: 1px solid #BBB;
}

.calcorder h3 img, #orderform h3 img {
vertical-align: middle;
}
.calcorder h3, #orderform h3 {
text-align: center;
}
#filter_gender-styler{
	display: none!important;
}
#filter_jewel-styler{
	display: none!important;
}
.artinput{
	width: 155px;
	padding: 6px;
font-size: 12px;
height: 14px;
background: #FFFCED;
color: #69593B;
border: 2px solid #720000;
border-bottom: 2px solid #FC7474;
border-radius: 4px;
margin-top:5px;
margin-right: 0;
}

.paraml{
	display: inline!important;
}
.lefts{

	top: -10px;
	padding-right: 5px;
	float: right;
}
.lefts img {
vertical-align: middle;
padding-bottom: 3px;
width: 30px;
min-height: 30px!important;
}
.opt {
display: none!important;
}
#viewall {
background: #DAC295;
}
#viewall img {
vertical-align: middle;
height: 14px;
padding-bottom: 3px;
}
.notify {
color: #3F3D3D;
font-weight: normal;
}


/*****************************************************
 * generic styling for ALS elements: outer container
 ******************************************************/
 .costinput{
padding: 3px;
font-size: 1.1em;
width: 71px;
text-align: center;
border-radius: 3px;
border: 1px solid #680000;
color: #FFF;
text-shadow: 0 -1px #310101;
box-shadow: inset 0 1px #800D0D, inset 0 -1px #BE6A6A;
background: #9B2C2C;
vertical-align: middle;

 }
 .vfilter li.cat:hover {
background: #C74949;
}

.catwrap {
	margin: 0!important;
	padding: 0!important;
	position: relative;
	height: 94px;
}
.jcarousel {
box-shadow: inset 15px 0 10px -5px #470303, inset -15px 0 10px -5px #470303, inset 0 20px 20px rgba(255, 123, 123, 0.26), 2px -2px 5px rgba(255, 255, 255, 0.34),-2px -2px 5px rgba(255, 255, 255, 0.34);
margin-left: 40px;
width: 615px;
margin-right: 40px;
position: relative;
overflow-x: hidden;
}

/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.jcarousel ul {
    width: 20000em;
    position: relative;
    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.jcarousel li {
    /* Required only for block elements like <li>'s */
    float: left;
}


.jcarousel-prev, .jcarousel-next{
	opacity: .6;
	position: absolute;
	top:23px;
}
.jcarousel-prev:hover, .jcarousel-next:hover{
	transition: all .2s;
	opacity: 1;
}



.jcarousel-prev{
	left: -5px;
}

.jcarousel-next{
	right: -5px;
}

.optdesc{
	display: none;
}

#dispcost,#dispcurr {
display: inline;
font-size: 30px;
color: #000;
}

span.delete-product:hover {
background: #FFA6A6;
}
span.delete-product {
display: block;
background: #FFEDED;
border-radius: 3px;
padding: 5px;
margin-top: 3px;
}
span.delete-product>a>img{
	vertical-align: middle;
}
span.delete-product>a {
display: block;
color: #D51414;
text-decoration: none;
padding-top: 2px;
}

.remont{
	margin-top: 20px;
	border-collapse: collapse;
}
.remot td {
margin-right: 21px;
padding: 5px 10px;
}
.remot tr:nth-child(odd) {
background: #F6F3EE;
border-bottom: 1px solid #BFBFBF;
}


<!-- HERE COMES OLD -->

.addtocart {
font-size: 24px;
}
.toorder {
display: block;
width: 500px;
margin: 20px auto;
margin-bottom: 5px;
font-size: 22px;
text-align: center;
text-decoration: none;
padding: 8px;
}

code { white-space: pre; }
.nowr { white-space: nowrap; }
td { padding: 0; border: 0;}
table { border: none; }
img { border: none; }
form { margin: 0px; padding: 0px; }
sup { font-size: 66%; line-height: .5; }
li { list-style: square outside; padding: 0px; margin: 0px; }
ul { list-style: square outside; padding: 0em 0em 0em 0em; margin: 0em 0em 0em 1.5em; }
.fakelink { cursor: pointer; }
.centered { margin-left: auto; margin-right: auto; }
.zerosize { font-size: 1px; }
.underlined { text-decoration: underline; }
.bolded { font-weight: bold; }
.vbottom { vertical-align: bottom; }
.vsub { vertical-align: sub; }
.h_left { text-align: left; }
.h_right { text-align: right; }
.h_center { text-align: center; }
.v_top { vertical-align: top; }
.v_bottom { vertical-align: bottom; }
.v_middle { vertical-align: middle; }
.w100, .full_w, .full { width: 100%; }
.h100, .full_h, .full { height: 100%; }
.cramp, .cramp_w { width: 1px; }
.cramp, .cramp_h { height: 1px; }
.ucfirst:first-letter { text-transform: uppercase; }
.clean { clear: both; }
.ramka { text-indent: 0; border-top: black 1px dashed; border-bottom: black 1px dashed; border-left: black 1px dashed; border-right: black 1px dashed; margin: 0 auto 12mm auto; height: 145mm; }
.kassir { font-weight: bold; font-size: 10pt; font-family: "Times New Roman", serif; padding: 7mm 0 7mm 0; text-align: center; }
.cell { font-family: Arial, sans-serif; border-left: black 1px solid; border-bottom: black 1px solid; border-top: black 1px solid; font-weight: bold; font-size: 8pt; line-height: 1.1; height: 4mm; vertical-align: bottom; text-align: center; }
.cells { border-right: black 1px solid; width: 100%; }
.subscript { font-size: 6pt; font-family: "Times New Roman", serif; line-height: 1; vertical-align: top; text-align: center; }
.string, .dstring { font-weight: bold; font-size: 8pt; font-family: Arial, sans-serif; border-bottom: black 1px solid; text-align: center; vertical-align: bottom; }
.dstring { font-size: 9pt; letter-spacing: 1pt; }
.floor { vertical-align: bottom; padding-top: 0.5mm; }
.stext { font-size: 8.5pt; font-family: "Times New Roman", serif; vertical-align: bottom; }
.stext7 { font-size: 7.5pt; font-family: "Times New Roman", serif; vertical-align: bottom; }
input { font-family: Arial, sans-serif; font-size: 9pt; color: black; background-color: white; border: 1px solid #333; margin: 8pt 8pt 8pt 0; }
a { text-decoration: none; color: #555; }
a:hover { text-decoration: underline; }
#toolbox { font-family: Arial, sans-serif; font-size: 9pt; border-bottom: dashed 1pt black; margin-bottom: 0; padding: 2mm 0 0 0; text-align: justify; }
p { margin: 2pt 0 2pt 0; }


.pr-comm {
border: 1px solid #ddd;
padding: 4px;
line-height: 1em;
margin-bottom: 3px;
padding-left: 8px;
box-shadow: inset 0 -3px rgba(0, 0, 0, 0.18);
}

span.prod-desc input {
width: 95%;
padding: .6em;
border: 1px solid #aaa;
margin: 5px 0;
}
span.prod-desc {
width: 100%;
display: block;
margin: 0;
}


div#comments-expand {
text-decoration: none;
color: rgb(236, 91, 91);
cursor: pointer;
}

div#comments-expand>span {
background: rgb(236, 92, 92);
border-radius: 50%;
color: #fff;
width: 18px;
height: 18px;
display: initial;
vertical-align: middle;
padding: 0;
margin: 0;
}
ul#additional-discounts {
margin: 0;
padding: 0;
}

ul#additional-discounts>li {
margin: 0;
padding: 0;
width: 100%;
list-style-type: none;
}
ul#additional-discounts>li>span {
color: rgb(236, 92, 92);
font-weight: bold;
}

#paytype-styler .jq-selectbox__select {
max-width: 240px;
width: 240px;
  font-size: .8em;

}

#officeID-styler .jq-selectbox__select {
  max-width: 240px;
  width: 240px;
  font-size: .8em;
}

.dogovor-page {
	position: relative;
font-size: 18px;
text-indent: 20px;
background: #FFF;
margin: 10px auto;
padding: 20px;
border: 1px solid #666;
box-shadow: 4px 4px 0 -1px #E2E2E2, 4px 4px #7C7C7C;
}

.dogovor_buttons{
display: inline-block;
cursor: pointer;
text-indent: 0;
vertical-align: top;
border: 1px solid #AAA;
width: 100px;
height: 72px;
padding: 0px 10px;
padding-bottom: 10px;
line-height: 130px;
text-align: center;
border-radius: 6px;
box-shadow: inset 0 -3px #D6B984;	
margin: 0 5px;
}
.dogovor_buttons:active {
box-shadow: inset 0 3px #DDC496, inset 0 -2px #FACD7A;
background-color: #F5DEB3;
}
.dogovor_buttons.green{
background-color: #5DB35D;
box-shadow: inset 0 2px #008000, inset 0 -1px #008000;
color: #FFF;
}
.dogovor_buttons.disable{
	cursor: crosshair;
}
.show_page_button {
background: url(../img/show_page.png) center 6px no-repeat, #FFFEF4;
}
.print_page_button {
background: url(../img/print_page.png) center 6px no-repeat, #FFFEF4;
}
.save_page_button {
background: url(../img/save_page.png) center 6px no-repeat, #FFFEF4;
}
#dogovor{
	display: none;
}
#dogovor h2 {
text-align: center;
}
.dogovor-page>.pagebreak{
	page-break-before: always;
}
.agent, .client, .email, .orderPhone{
border: 0;
border-bottom: 1px solid #929292;
width: 280px;
height: 12px;
padding: 5px;
font-size: 16px;
}
.wrongnum{
background: #E58181;
color: #FFF;
}

.agents_list{
	display: none;
}
.printSelected div {display: none } /* скрываем весь контент на странице */
.printSelected div.print_area {display: block !important; } /* делаем видимым только тот блок, который подготовлен для печати */
.printSelected div.print_area div {display: block !important; } /* показываем всех его потомков, которые были скрыты первой строкой */

.input_values {
line-height: 42px;
font-size: 16px;
padding: 20px;
border: 1px solid;
border-top: none;
margin: 10px auto;
margin-top:0;
background: #FFF;
}
.input_values>div {
vertical-align: top;
display: inline-block;
width: 50%;
}
.input_header {
background: #FFCCCC;
border: 1px solid;
border-bottom-color: lightgray;
padding: 10px;
margin: 0 auto;
}
.input_header h3 {
margin: 0;
font-size: 1.3em;
font-variant: small-caps;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 0px 1px #FFF !important;
}

.to-print{
	display: none;
}

.steps{
	width: 990px;
	margin: 20px auto;
}
.steps td{
	width: 30%;
	padding: 10px;
	vertical-align: top;
}
.steps td img {
margin: 10px auto;
display: block;
}
.steps td>div {
position: relative;
text-align: center;
padding: 20px;
background: #F5DEB3;
font-size: 20px;
border: 1px solid #A58E62;
border-radius: 10px;
}
.steps-next img {
float: left;
}
.steps-next {
position: relative;
width: 940px;
padding: 20px;
margin: 0 auto;
background: #F5DEB3;
font-size: 20px;
border: 1px solid #A58E62;
border-radius: 10px;
}

span.num-icon {
font-size: 40px;
display: block;
text-align: center;
width: 50px;
height: 50px;
position: absolute;
left: -5px;
top: -5px;
background: #FFF1BA;
border: 2px solid #A59272;
border-radius: 50px;
color: #75664B;
}

span.opt{
	display: none;
}

#dispcost, #dispcurr {
display: inline;
font-size: 30px;
color: #000;
}
span.delete-product {
display: block;
background: #FAE2FF;
border-radius: 3px;
padding: 5px;
margin-top: 3px;
}
span.delete-product:hover {
background: #FFA6A6;
}

span.delete-product>a {
display: block;
color: #D51414;
text-decoration: none;
padding-top: 2px;
}
span.delete-product>a>img {
vertical-align: middle;
}


.nums .jq-selectbox__select {
height: 27px;
font-size: 13px;
padding-top: 0px;
max-width: 100% !important;
}
.nums .jq-selectbox__trigger-arrow {
top: 13px;
}

.nums .jq-selectbox__dropdown {
font-size: 1em;
}
.nums .jq-selectbox li {
padding: 5px;
}

.text-l {
font-size: 11px;
border-bottom: 1px solid;
}
.naz {
font-size: 9px;
}
table.check .bottom {
position: absolute;
display: block;
bottom: 10px;
width: 100%;
text-align: center;
}

table.check{
	width: 300px;
	font-size: .85em;
	background: white;
}


table.check>td{
	width: 10%;
	padding: 10px;
}
table.check td{
	position: relative;
	vertical-align: top;
	/*height: 20px;*/
}

table.check td.sub{
	font-size: .8em;
	font-style: italic;
	text-align: center;
}

table.check td.underline{
	border-bottom: 1px solid black;
}

table.check td.right{
	text-align: right;

}

table.check table{
	width: 100%;
}
table.check table td {
}

table.check table {
margin: 5px 0px;
}

.leftpart{
width: 20%;
border-right: 2px solid #000;
text-align: center;
font-size: 18px;
}
.leftdiv {
width: 200px;
}
.eight{
padding: 5px;
padding-bottom: 15px;
font-size: 15px;
padding-top: 20px;
max-width: 100%;
display: block;
}
.prepage {
position: relative;
background: #FFFBF3;
background: rgba(255, 251, 243, 0.54);
border-bottom: 1px solid #969696;
box-shadow: 0px 10px 40px rgba(172, 100, 0, 0.2);
padding: 25px 25px;
padding-bottom: 25px;
}

.login-page {
width: 990px;
margin: 0 auto;
}

div#loginForm {
width: 800px;
background: white;
margin: 0 auto;
padding: 1em;
border-radius: 3px;
border: 1px solid #702A5B;
box-shadow: 0 2px 10px #702A5B, inset 0 -2px #bbb;
position: relative;
padding-bottom: 3em;
}

div#loginForm:after {
position: absolute;
background: url(/customers/img/ribbonBottom.png) no-repeat;
content: '';
bottom: -36px;
left: -15px;
width: 187px;
height: 77px;
}
div#loginForm:before {
position: absolute;
background: url(/customers/img/ribbonTop.png) no-repeat;
content: '';
top: -5px;
right: -14px;
width: 53px;
height: 51px;
}

div#loginForm form{
}

#loginForm p{
	width: 64%;
	margin: 0 auto;
	text-align: left;
	margin-bottom: .5em;
}

#loginForm label{
color: rgb(167, 83, 138);
text-shadow: 0 1px white;
cursor: pointer;
}

#loginForm form input[type="radio"] {
margin: 0;
/*margin-left: 1em;*/
}

#loginForm form input[type="text"],#loginForm form input[type="password"]  {
font-size: 1em;
padding: .5em;
width: 100%;
margin: 0;
border-radius: 3px;
border-color: rgb(228, 191, 191);
}

#loginForm form input[type="submit"] {
background: rgb(167, 83, 138);
border: none;
color: #fff;
width: 60%;
padding: 1em;
font-size: 1em;
border-radius: 3px;
box-shadow: inset 0 -3px rgba(255, 255, 255, 0.5);
cursor: pointer;
}


.login-page h2 {
margin: 0;
text-align: center;
font-size: 1.3em;
color: rgb(167, 83, 138);
margin-bottom: .5em;
font-weight: 100;
}

#formChoose {
margin-bottom: 1em;
text-align: center;
}
#formChoose h2 {
display: inline-block;
margin-right: 1em;
opacity: .5;
text-decoration: underline;
cursor: pointer;
}

#formChoose h2.active {
opacity: 1;
text-decoration: none;
}

div#currentUser {
background: #FAF2E2;
border: 1px solid;
font-size: 14px;
color: #645148;
text-shadow: 0 1px 1px #FFF;
text-align: right;
padding: 5px 10px;
box-shadow: inset 0 17px 0 #FFFEF7, 0px 2px 3px rgba(0, 0, 0, 0.4);
transition: all .2s linear;
display: inline-block;
max-width: 240px;
}

div#currentUser a{
	color: #EC5B5B;
}

div#currentUser a img{
	vertical-align: middle;
}

span#getLogin{
display: inline-block;
margin-top: -.5em;
font-weight: bold;
padding: .5em;
line-height: 1em;
text-align: center;
background: rgb(236, 91, 91);
text-shadow: 0 -1px rgb(90, 13, 13);
border-radius: 4px;
box-shadow: inset 0 -3px rgba(0,0,0,.3);
width: 300px;
vertical-align: text-top;
margin-left: 20px;
cursor: pointer;
margin-bottom: .8em;
}
span#getLogin a{
	color: #fff;
	text-decoration: none;
}

span#getLogin:hover {
background: rgb(205, 54, 54);
}

table#userInfo {
width: 100%;
border-collapse: collapse;
}

table#userInfo td {
padding: .35em;
}

table#userinfo td.tableHeader {
font-weight: bold;
box-shadow: inset 0 2px;
background: white;
padding-top: 4px;
color: rgb(167, 83, 138);
text-shadow: 0 1px rgb(253, 243, 250);
padding: .5em;
padding-top: 1em;
padding-left: 0;
}

table#userInfo tr:nth-child(odd) {
background: rgb(253, 243, 250);
color: rgb(167, 83, 138);
}

table#userInfo tr:nth-child(even) {
color: rgb(119, 24, 128);
}


table#userinfo>tr>td:first-child {
width: 160px;
}

table.userOrders{
	width: 100%;
	background: white;
	color: rgb(113, 37, 87);
	border-collapse: collapse;
}

.userOrders th {
text-align: left;
padding: .2em .5em;
border-bottom: 1px solid;
box-shadow: inset 0 10px 10px -10px;
cursor: pointer;
}

table.userOrders td{
	vertical-align: top;
	padding: .5em;
}

table.userOrders td a{
text-decoration: underline;
color: rgb(236, 91, 91);
}

table.userOrders tr:nth-child(even) {
background: rgb(242, 211, 233);
color: rgb(167, 83, 138)!important;
}

table.userOrders tbody tr:hover {
box-shadow: inset 0 -10px 0 black!important;
background: rgba(180, 116, 158, 1)!important;
color: #fff!important;
}
table.userOrders tbody tr:hover td {
box-shadow: inset 0 -20px 10px -5px rgb(196, 141, 178);
text-shadow: 0 -1px rgb(147, 147, 147);
}
table.userOrders tbody tr:hover a {
color: #fff;
}


span.profile-subt {
font-weight: bold;
margin: .7em 0;
display: inline-block;
color: rgb(167, 83, 138);
}

td.tableTd {
background: #fff;
padding: 0!important;
}

.errorInput {
box-shadow: 0 0 5px rgba(255, 0, 0, 0.5);
background: rgb(255, 104, 104);
color: white;
}

.btn.regbtn{
text-align: center;
margin: 1.5em auto;
display: block;
width: 350px;
margin-bottom: .5em;
background: rgb(236, 91, 91);
box-shadow: inset 0 -2px 0px #712E26;
color: #fff;
text-shadow: 0 -1px black;
}

a.btn.regbtn:hover {
box-shadow: inset 0 2px 2px #712E26;
background: rgb(194, 79, 79);
}

a.btn.regbtn.regbtn-small-left {
width: auto;
display: inline-block;
margin-top: -15px;
padding: .5em 1.5em;
}

.a-desc {
font-size: .85em;
text-align: center;
margin-bottom: 2em;
color: rgb(129, 53, 101);
text-shadow: 0 1px white;
}

.agent-loader{
	width: 22px;
	height: 22px;
	display: none;
	vertical-align: middle;
	background: url(../img/mini-loader.gif);

}

.vcontrols{
	float: right;
	cursor: pointer;
	font-size: .85em;
}

p#agentContract {
width: 100%;
background: rgba(165, 81, 139, 0.77);
margin-bottom: 0;
margin-top: .5em;
padding: 1em;
box-sizing: border-box;
border-radius: 3px;
border: 1px solid rgb(112, 42, 91);
}

p#agentContract table td{
	vertical-align: top;
}

p#agentContract a {
color: #fff;
text-decoration: underline;
}

p#agentContract table label {
color: #fff!important;
text-shadow: none;
vertical-align: middle;
}

input#agreedContract {
margin: 0;
margin-top: 1.5em;
}

#agreedContract.errorInput:after {
content: 'Вы должны согласиться с условиями!';
width: 250px;
display: inline-block;
top: 20px;
position: relative;
color: rgb(255, 255, 255);
background: rgb(255, 104, 104);
border-radius: 5px;
padding: .3em;
font-weight: bold;
text-align: center;
}

input#getAgreedContract,input#sellAgreedContract {
  margin-right: .2em;
  vertical-align: middle;
}

.promoteUser{
	width: 100%;
	border: 2px solid rgb(167, 83, 138);
	margin: 5px 0;
	border-collapse: collapse;
}

.promoteUser td{
	vertical-align: top;
	padding: .6em;
	color: rgb(178, 98, 150);
}

.promoteUser a{
	color: rgb(236, 91, 91);
	text-decoration: underline;
}

.promoteUser a.btn.regbtn.regbtn-small-left {
color: #fff;
text-decoration: none;
margin-left: 10px;
}

.promoteUser hr {
border: 0;
border-bottom: 1px dashed rgba(167, 83, 138,0.5);
width: 100%;
}


.matSpan {
border: 1px solid lightgrey;
border-radius: 3px;
box-shadow: inset 0 -1px #ddd;
margin: 1px 1px;
padding: 1px 10px;
padding-left: 0;
display: inline-block;
}

.matSpanColor {
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.15);
display: inline-block;
vertical-align: middle;
width: 1.4em;
height: 22px;
margin-top: -3px;
margin-bottom: -2px;
border-radius: 3px 0 0 3px;
margin-right: .5em;
}

.dotted-block a {
color: rgb(206, 0, 0);
text-decoration: underline;
}
.dotted-block {
background: #eee;
padding: .6em;
margin-top: .6em;
border: 1px dashed #A8A8A8;
}

.subcatf.selsub h4 {
background: rgb(236, 91, 91);
box-shadow: inset 0 3px 10px rgb(162, 45, 45);
display: block;
margin-left: -15px!important;
margin-right: -3px!important;
margin-top: -5px!important;
padding-top: 5px!important;
padding-bottom: 5px!important;
padding-left: 8px!important;
}

#page .ymaps-map {
margin-left: -25px!important;
}

#jewelsOption .jq-selectbox__select {
width: 150px;
max-width: 317px;
height: 24px;
font-size: 14px;
line-height: 24px;
font-family: 'PT Sans Regular', sans-serif;
}

#jewelsOption .jq-selectbox__trigger-arrow {
top: 11px;
}

span.jewelOptionCount {
color: rgb(77, 77, 51);
font-size: 16px;
margin-left: 10px;
}

span.jewelOptionCount strong{
font-size: 16px;
}

span.jewelOptionCount>span {
display: inline-block;
width: 90px;
font-size: 13px;
vertical-align: middle;
line-height: 12px;
border-left: 1px dotted rgb(77, 77, 51);
margin-left: -5px;
padding-left: 4px;
}

span.jewelOptionCount strong .icon-diamond{
margin-left: -3px;
vertical-align: middle;
font-size: 21px;
}

div#itemDescription {
border: 1px solid lightgrey;
padding: .5em;
margin-left: 1em;
margin-top: .5em;
text-align: left;
color: #1D1D1D;
}


div#itemDescription>strong {
display: block;
font-weight: normal;
margin: -.5em;
margin-bottom: .5em;
padding: .5em;
border-bottom: 1px solid lightgrey;
color: #5C5151;
background: #F8F8F8;
}

#itemMaterialsOptions .jq-selectbox__select {
width: 240px;
max-width: 300px;
}

a.addtocart{
background: #bad436;
background: -moz-linear-gradient(top, #bad436 0%, #778d07 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bad436), color-stop(100%,#778d07));
background: -webkit-linear-gradient(top, #bad436 0%,#778d07 100%);
background: -o-linear-gradient(top, #bad436 0%,#778d07 100%);
background: -ms-linear-gradient(top, #bad436 0%,#778d07 100%);
background: linear-gradient(to bottom, #bad436 0%,#778d07 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bad436', endColorstr='#778d07',GradientType=0 );
color: #fff;
box-shadow: none;
text-shadow: 0 -1px rgb(59, 68, 14);
}

a.addtocart:hover{
	background: #c4da52; /* Old browsers */
background: -moz-linear-gradient(top,  #c4da52 0%, #9fbd09 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c4da52), color-stop(100%,#9fbd09)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c4da52 0%,#9fbd09 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c4da52 0%,#9fbd09 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c4da52 0%,#9fbd09 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c4da52 0%,#9fbd09 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4da52', endColorstr='#9fbd09',GradientType=0 ); /* IE6-9 */

}

.wide-item {
width: 810px;
margin: 0 auto;
display: block;
margin-bottom: .5em;
}

.wide-item-cover {
width: 150px;
display: inline-block;
vertical-align: top;
}

.wide-item-info {
width: 380px;
display: inline-block;
vertical-align: top;
padding-top: .5em;
padding-left: .5em;
padding-right: .5em;
padding-bottom: .5em;
margin-top: -5px;
margin-bottom: -5px;
}


.wide-item-info a{
text-decoration: none;
color: #003369;
}

span.item-article {
color: rgb(165, 165, 165);
margin-left: .5em;
}

.item-materials-options>span,.item-jewels-options>span {
font-weight: normal;
font-size: 1.2em;
vertical-align: middle;
color: #434343;
}
.item-materials-options,.item-jewels-options {
color: gray;
font-size: .9em;
}

span.item-wide-totalprice-final {
font-size: 1.4em;
color: #434343;
}

span.item-categories{
	font-size: .8em;
	color: rgb(167, 167, 167);
}

.item-wide-actions {
width: 230px;
display: inline-block;
vertical-align: top;
padding-top: .5em;
padding-bottom: .5em;
padding-left: 1em;
font-size: .9em;
color: gray;
box-shadow: inset 30px 0 30px -30px rgba(0,0,0,.1);
margin-top: -5px;
margin-bottom: -5px;
border-left: 1px dashed rgb(184, 184, 184);
}

a.new-cart-del-btn:hover {
color: rgb(183, 32, 32);
}

a.new-cart-del-btn {
color: rgb(236, 91, 91);
cursor: pointer;
display: inline-block;
border-radius: 3px;
margin-top: 15px;
float: right;
margin-right: -10px;
margin-bottom: 0px;
text-decoration: underline;
}

div#provideFieldsMessage span {
  line-height: 1em;
  font-size: 1.2em;
  margin: 1em auto;
  display: block;
  text-align: center;
  width: 85%;
  color: rgb(162, 45, 45);
}

div#provideFieldsMessage img {
  width: 180px;
  margin: 0 auto;
  display: block;
}

#reg .jq-selectbox__select {
  width: 326px;
  max-width: 900px;
}

#uwUserPass-styler{
  margin-top: .5em;
}

.statusPopup {
  margin: 0 auto;
  margin-top: 100px;
  background: white;
  width: 350px;
  padding: 1em;
  border-radius: 3px;
  box-shadow: 0 0 10px black;
  border: 1px solid rgb(167, 83, 138);
}

.statusPopup h1 {
  margin: 0;
  font-size: 22px;
  color: rgb(167, 83, 138);
border-bottom: 2px solid;
  padding-bottom: .2em;
}

span#statusChangeSelect-styler .jq-selectbox__select {
  width: 292px;
  max-width: 554px;
}

a.statusChangeBtn {
  width: 200px !important;
  max-width: 200px !important ;
  height: 15px !important;
  line-height: 15px !important;
  margin-top: 10px !important;
  margin-bottom: 0 !important;
}

a.cbtn {
  text-align: center;
  display: inline-block;
  margin-top: 10px;
  color: rgb(236, 91, 91);
  border-bottom: 1px dashed;
}


.fselector .jq-selectbox__dropdown {
  width: 100px;
}

table.optionRange {
  width: 100%;
  background: #FFFFA9;
  box-shadow: inset 0 5px 5px #FFFFE5;
  height: 28px;
  border: 1px solid #C1C56D;
  border-bottom-color: #886E59;
  border-radius: 4px;
  border-collapse: collapse;
  overflow: hidden;
}



table.optionRange td {
  padding: 0;
  margin: 0;
  vertical-align: middle;
  width: auto!important;
  color: black !important;
  text-align: center;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  cursor: pointer;
}

table.optionRange td:hover {
  background-color: #FFE55A;
  box-shadow: rgb(255, 255, 229) 0px 5px 5px inset;
  border-left: 1px solid rgb(221, 196, 63);
  border-right: 1px solid rgb(228, 207, 99);
}

table.optionRange td:active {
  box-shadow: none!important;
}

table.optionRange td.optionSelected {
  background: rgb(236, 91, 91);
  box-shadow: inset 0 3px 10px rgb(162, 45, 45);
  color: #fff !important;
  text-shadow: 0 1px rgb(92, 21, 21);
}

table.halfRange {
  width: 50%!important;
}

table.minRange {
	width: 30%!important;
}

.new-discount>span {
  font-weight: bold;
  font-size: 1.2em;
}
.new-discount {
  white-space: normal;
  color: rgb(200, 50, 50);
  font-size: .8em;
}

.bag-discount{
font-size: 18px;
  text-shadow: none;
  margin-top: 3px;
  padding-top: 3px;
  /*border-top: 1px solid rgb(165, 140, 94);*/
}

#product_list h2.bag {
  color: rgb(64, 60, 53);
}

.pay-with-bonuses {
	position: relative;
  margin-top: .5em;
  color: rgb(168, 84, 137);
  border-radius: 3px;
  box-shadow: inset 0 -1px, inset 0 1px white;
  border: 1px solid;
  text-align: left;
  padding: .1em 1em;
  background: rgb(242, 212, 232);
}

.pay-with-bonuses:after, h2.bag:after {
  position: absolute;
  background: url(/customers/img/ribbonTop.png) no-repeat;
  content: '';
  top: -5px;
  right: -14px;
  width: 53px;
  height: 51px;
}

input[name="useBonuses"] {
  margin: 0;
}

div#useBonusesDiv {
  line-height: 1em;
  padding-bottom: .5em;
}

div#useBonusesDiv>label {
  cursor: pointer;
}

div#visibleSumm {
  color: rgb(168, 104, 151);
  font-size: 1.1em;
  line-height: 1em;
  margin-top: .5em;
  margin-bottom: 1em;
}

div#visibleSumm>span {
  font-size: 1.7em;
  margin-top: .3em;
  vertical-align: middle;
  display: inline-block;
}

#visibleSumm>i {
  color: rgb(201, 145, 183);
}

div.orderDetailsWrap{
  border: 1px solid rgb(168, 84, 137);
  border-radius: 3px;
border-bottom-width: 2px;
}

table#orderDetails {
  border-collapse: collapse;
  width: 100%;
}

table#orderDetails td:nth-child(odd) {
  background: rgb(242, 212, 232);
  padding: .5em .5em;
  line-height: 1em;
  color: rgb(129, 53, 101);
	width: 130px;
}

table#orderDetails td:nth-child(even) {
  padding: .2em;
  border-top: 1px solid rgb(242, 212, 232);
}

#buyIngotType>span {
  color: rgb(214, 148, 191);
  text-shadow: 0 1px white;
  cursor: pointer;
  text-align: center;
  width: 48%;
  display: inline-block;
  box-sizing: initial;
  vertical-align: middle;
}
#buyIngotType>span.active {
	color: rgb(167, 83, 138);
  font-weight: bold;
}

#buyIngotType {
  background: rgb(251, 224, 242);
  border-radius: 3px;
  margin: 0 auto;
  padding: .5em;
  margin-bottom: 1em;
  margin-top: .5em;
  width: 64%;
  border: 1px solid rgb(213, 96, 178);
  box-shadow: 0px 1px 5px rgb(112, 42, 91), inset 0 20px 0 rgba(255,255,255,0.6), inset 0 -1px white;
}

#getIngotOffice-styler .jq-selectbox__select,#sellIngotOffice-styler .jq-selectbox__select {
  width: 450px;
  max-width: 450px;
}

#getFormWrap,#sellFormWrap{
	position: relative;
}

#getFormWrap>.disablePanel,#sellFormWrap>.disablePanel{
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255,255,255,.75);
	width: 100%;
	height: 100%;
}

table.buyDogovor{
	  width: 100%;
	  border-collapse: collapse;
}

table.buyDogovor td {
  border: 1px solid black;
  padding: .5em;
}

ul#myCustomersSelect li {
  list-style-type: none;
  display: inline-block;
  padding: .3em .5em .3em .5em;
  margin-bottom: .5em;
  font-weight: bold;
  color: rgb(190, 126, 173);
  cursor: pointer;
}

ul#myCustomersSelect li.active {
  border: 1px solid;
  background: rgb(242, 211, 233);
  color: rgb(167, 83, 138);
  border-radius: 5px;
  text-shadow: 0 1px white;
  box-shadow: inset 0 -1px white, inset 0 -14px rgba(167, 83, 138, 0.1);
}
ul#myCustomersSelect {
  margin: 0;
  padding: 0;
}

@media print { /* Стиль для печати */
body{
margin:0;
padding: 0;
width: 100%;
font-size: .7em;
}
.container,.prepage,#page{
	width: 100%;
	padding: 0;
	margin: 0;
}

{
	margin: 0;
	padding: 0;
}
.agents_list,.vfilter,.dogovor_buttons,.top,.client,.agent,.input_values,.input_header,#topscroll,.btn{
	display: none!important;
}
.noise{
	border:0;
}
.dogovor-page img {
max-width: 300px;
}
.break-before{
	page-break-before: always;
}
.break-after: {
	page-break-after: always;
}
.dogovor-page p{
	margin: 3px;
}
.dogovor-page {
font-size: 14px;
border: none!important;
padding: 0!important;
box-shadow: none!important;
background: none!important;
width: 99%;
display: block!important;
border: none!important;
}
.dogovor-page.main{
	font-size: 10px;
}
.dogovor-page.check{
	text-indent: 0;
	padding: 0;
}
.dogovor-page.check.hidden-active{
	display: none!important;
}
.to-print{
	display: block;
}
}