.mod-catalog .images {padding-right:50px; padding-top:4px; width:330px}
.mod-catalog .images .big {
	display:-moz-inline-stack;
	display:inline-block;
	margin-top:1px;
	cursor:url(/include/images/zoomin.cur),pointer;
	outline:none;
}
.mod-catalog .images .big img {
/*
	-webkit-box-shadow: 0px 0px 15px #222;
	-moz-box-shadow: 0px 0px 15px #222;
	box-shadow: 0px 0px 3px #777;
*/
	border:1px solid #ccc;
	border-radius:5px;
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	outline:none;
}
.mod-catalog .images .big:hover {border-color:#888}
.mod-catalog .images .big:active {border-color:#ccc}
.mod-catalog .images .scrollable {margin-top:10px; vertical-align: middle; display: inline-block}
.mod-catalog .images .scrollable a {
	border:1px solid #ccc;
	display:block;
	float:left;
	cursor:url(/include/images/zoomin.cur),pointer;
	width:69px;
	height:66px;
	overflow:hidden
}
.mod-catalog .images .scrollable a:not(:last-child) {
	margin-right:2px;
}
.mod-catalog .images .scrollable a.sixPcs {
	width:77px;
	height:77px;
	border-radius:4px;
    -moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
}
.mod-catalog .images .scrollable a:hover {border-color:#888}
.mod-catalog .images .scrollable a:active {border-color:#ccc}
.mod-catalog .images .nav {
	display:inline-block;
	vertical-align: top;
	background:#ddd;
	height:68px;
	width:30px;
	margin-top:10px;
	line-height:66px;
	text-decoration:none;
	text-align:center;
	color:#444;
	font-size:14px;
}
.mod-catalog .images .nav:hover {background:#ccc}
.mod-catalog .images .nav:active {background:#aaa}
.mod-catalog .images .left {
	float:left;
	margin-right:2px;
	border-radius:4px 0px 0px 4px;
    -moz-border-radius:4px 0px 0px 4px;
	-webkit-border-radius:4px 0px 0px 4px;
	-khtml-border-radius:4px 0px 0px 4px;
}
.mod-catalog .images .right {
	margin-left: -3px;
	border-radius:0px 4px 4px 0px;
    -moz-border-radius:0px 4px 4px 0px;
	-webkit-border-radius:0px 4px 4px 0px;
	-khtml-border-radius:0px 4px 4px 0px;
}
.mod-catalog .filters {margin-top:30px}
.mod-catalog .filters .content {color: #999}
.mod-catalog .filters .content .name {color: #000}
.mod-catalog .content {
	padding:15px 0px;
	border-radius:5px;
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}
.mod-catalog .content p:first-child {margin-top: 0px}
.mod-catalog .filters a {color:#888}
.mod-catalog .filters a:hover {color:#333}
.mod-catalog .filters a:active {color:#888}
.mod-catalog td {vertical-align:top}
.mod-catalog .details .descr {margin-top:15px}
.mod-catalog .details h3 div,
.mod-catalog .deliveryPayment h3 div {font-size: 18px; background: #fff; display: inline-block; padding: 0px 15px}
.mod-catalog .details h3,
.mod-catalog .images h3 {
	background: url('data:image/gif;base64,R0lGODlhAQABAIAAAP9mAAAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==') repeat-x center;
	text-align: center
}

/*** КНОПКА КУПИТЬ ***/

.mod-catalog a.buy {
	display:inline-block;
	padding:3px 10px;
	background:#aaa no-repeat center;
	color:#fff;
	vertical-align:0px;
	margin-left:20px;
	text-decoration:none
}
.mod-catalog a.buy:hover:not(.loading) {background-color:#888}
.mod-catalog a.buy:active:not(.loading) {background-color:#aaa}
.mod-catalog a.buy.loading {text-indent:-9999px; background-image:url(/include/images/btnLoading.gif)}

/*** ВКЛАДКИ ***/

.tabs .hide {display:none}

/*.mod-catalog .price {font-size:140%; margin-bottom:20px}*/
.mod-catalog.item .price .btnCell .button {
	line-height:auto;
	padding:2px 15px 4px;
	-background:#3cb21d;
	-border-color:#25a100;
	margin-left:10px;
	margin-top: 0px;
	font-size: 18px;
	float: right
}
.mod-catalog .price .button:hover {
	color:#fff;
	-background:#25a100
}
.mod-catalog.item .price .button .fa {vertical-align:1px; margin-right:6px}
.mod-catalog h3 {margin:0px 0px 10px}
.mod-catalog.item .price .options {padding-top: 10px}
.mod-catalog.item .price .value {vertical-align: middle}
.mod-catalog.item .valueList {min-width: 250px; max-width: 280px}

/* ASK */

form.ask input {margin-bottom:4px; width:320px}
form.ask textarea {resize:none; width:320px; height:150px; margin-bottom:4px}

/* PRICE WATCH */

form.priceWatch h3 {margin: 0px 0px 10px 0px}
form.priceWatch input {margin-bottom:4px; width:270px}

/* MISC */

.mod-catalog .misc {
	border-radius:5px;
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	background:#f5f5f5;
	padding:10px;
	margin-top:30px;
	overflow:hidden
}
.mod-catalog .social {float:right}
.mod-catalog .social .descr {margin-right:5px}
.mod-catalog .links {display:inline-block}
.mod-catalog .links a {text-decoration:none; display:block; margin:4px 0px}
.mod-catalog .links a span {border-bottom:1px dashed #000}
.mod-catalog .links a:hover span {border-color:#f60}
.mod-catalog .links a:active {color:#000}
.mod-catalog .links a:active span {border-color:#000}
.mod-catalog .links .fa {color:#f60; margin-right:5px}

/* OTHER PROD */

.mod-catalog .otherProd {
	margin-top:33px
}
.mod-catalog .otherProd .prodScroll {
	margin-top:0px;
}
.mod-catalog .otherProd .controls {float:right; color:#ccc; margin-top:-5px}
.mod-catalog .otherProd .controls a {color:#ccc; line-height:35px; outline:none}
.mod-catalog .otherProd .controls a:hover {color:#f60}
.mod-catalog .otherProd .controls a:active {color:#777}
.mod-catalog .otherProd .controls .fa-stack {width:30px}
.mod-catalog .otherProd .controls .fa-chevron-right {margin-left:1px}
.mod-catalog .otherProd .controls .fa-chevron-left {margin-left:-1px}

/* DELIVERY & PAYMENT */
	
.mod-catalog .deliveryPayment {width: 100%; margin-top: 30px}
.mod-catalog .deliveryPayment td {width: 50%; padding-right: 20px}
.mod-catalog .deliveryPayment td:nth-child(2) {padding-right: 0px; padding-left: 20px}
.mod-catalog .deliveryPayment h3 div {font-size: 15px; padding: 0px 10px}
.mod-catalog .deliveryPayment ul {margin: 0px; padding-left: 15px}
.mod-catalog .deliveryPayment .content {padding: 5px 0px}

/* COLOR LIST */

.colorList.overlay {top: 50px; padding: 30px}
.colorList .wrap {width: 840px; margin: auto}
.colorList .img {
	overflow: hidden;
	width: 113px;
	height: 113px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	display: inline-block
}
.colorList h3 {clear: both; margin: 28px}
.mod-catalog .details .colorList h3 div {background: #f4f4f4}
.colorList .item {display: inline-block; margin: 15px; width: 135px; vertical-align: top; text-align: center}
.colorList .info {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	padding: 20px;
	background: #e0e0e0;
	margin: 0px 28px;
}
.colorList .info .fa {
	float: left;
	margin: 0px 30px 0px 10px;
	color: #25A100;
	line-height: 0.8
}
.mod-catalog .colorList .close.button {
	float:right;
	line-height:20px;
	padding:0px 5px;
	background:#aaa;
	border:1px solid #909090;
	margin-top: -15px;
	margin-right: -15px
}
.colorList .close:hover {background:#999}
.mod-catalog .colorList .button.close .fa {margin:0px; vertical-align:0px}
.colorBtn {display: inline-block; text-decoration: none; border-bottom: 1px dashed #000; margin-top: 10px}
.colorBtn:hover {border-color: #f60}
.colorBtn:active  {color: #000; border-color: #000}

/*WHITE COLOR*/

.whiteColor {margin-top: 10px}
.whiteColor input {vertical-align: middle}
.whiteColor label {border-bottom: 1px dashed #000; cursor: pointer; margin-left: 4px}
.whiteColor label:hover {border-color: #f60; color: #f60}
.whiteColor label:active {border-color: #000; color: #000}