#catalog .item {
	height:100%;
	/*overflow:hidden;*/
	margin-bottom:1px;
	cursor:pointer
}

/* категория */
#catalog .category {
	height:40px;
	overflow:hidden;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
	background-color:#585858
}
#catalog .category-title {
	float:left;
	display:inline;
	width:235px;
	height:40px;
	padding-left:15px;
	overflow:hidden;
	font:bold 14px/40px Tahoma, Arial, Geneva, sans-serif;
	color:#f2f2f2;
	text-shadow:0 -1px 0 #373737;
	background:url(../images/categories.png) repeat-x 0 0
}
#catalog .category-title span {
	float:left;
	display:inline;
	width:9px;
	height:10px;
	margin:15px 10px 0 0;
	background:url(../images/arrows.png) no-repeat 0 0
}
#catalog .category-title a {
	color:#fff;
}
#catalog .category-text {
	float:left;
	display:inline;
	height:40px;
	padding-left:22px;
	font:normal 13px/40px Tahoma, Arial, Geneva, sans-serif;
	color:#fff;
	text-shadow:0 1px 0 #373737;
	background:url(../images/categories.png) no-repeat 0 -80px
}

/* группа */
#catalog .group {
	margin:0 -10px 10px;
	display:none;
	/*overflow:hidden*/
}
#catalog .group ul {
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	/*overflow:hidden;*/
	list-style:none
}
#catalog .group li {
	display:inline-block;
	vertical-align:top;
	width:439px;
	height:100%;
	min-height:141px;
	margin:0;
	padding:24px 30px 30px;
	overflow:hidden;
	list-style:none;
}

#upsell #catalog .group li {width:100%}
#upsell #catalog .group .group-text:after {display:none}

#catalog .group li:nth-child(4n+3) {background-color:#fff}
#catalog .group li:nth-child(4n+4) {background-color:#fff}
#catalog .group li.last {
	margin-bottom:0;
	padding-bottom:0;
	background:none
}

/* ховер-эффект */
#catalog .item:hover .category, #catalog .item:hover .category-title, #catalog .item:hover .category-title span, #catalog .item:hover .category-text {
	text-shadow:0 -1px 0 #373737;
	background:#373737
}
#catalog .item:hover .category-title span {background:url(../images/arrows.png) no-repeat -10px 0}

/* активная группа */
#catalog .item.active {cursor:default}
#catalog .item.active .category-title, #catalog .item.active:hover .category-title {
	text-shadow:0 -1px 0 #ee6023;
	background:url(../images/categories.png) repeat-x 0 -40px
}
#catalog .item.active .category-title span, #catalog .item.active:hover .category-title span {background:url(../images/arrows.png) no-repeat -10px -11px}
#catalog .group.active {display:block}
#catalog .item.active:hover .category {background:#585858}
#catalog .item.active:hover .category-text {background:url(../images/categories.png) no-repeat 0 -80px}

/* картинка */
#catalog .group .border {
	float:left;
	display:inline;
	margin-top:6px
}

/* просмотр */
#catalog .view-wrapper {
	position:relative;
	float:left;
	width:135px;
	height:135px;
	overflow:hidden
}
#catalog .view-wrapper img {
	width:135px;
	height:135px
}
#catalog .view {
	position:absolute;
	left:0;
	top:111px;
	width:135px;
	height:75px;
	text-align:center;
	background:url(../images/pixel.png) repeat left top
}
#catalog .view .price {
	height:25px;
	margin:0 10px 8px 10px;
	text-align:center;
	font:normal 12px/24px Tahoma, Arial, Geneva, sans-serif;
	color:#aaa;
	border-bottom:1px solid #aaa
}
#catalog .view .price em {
	font-style:normal;
	font-weight:bold
}
#catalog .view span, #catalog .view a {
	 display:-moz-inline-stack;
	 display:inline-block;
	 vertical-align:top;
	 zoom:1;
	 width:32px;
	 height:32px;
	 cursor:pointer;
	 background:url(../images/view_icons.png) no-repeat;
     *display:inline;
	 *margin:0 9px
}
#catalog .view .pdf {background-position:0 0}
#catalog .view .photo {background-position:-33px 0}
#catalog .view .votes {background-position:-66px 0}
#catalog .view span {position:relative}
#catalog .view span em {
	position:absolute;
	top:-1000px
}

#catalog .group p {margin:0 0 13px 150px}
#catalog .group p.overflow {
	margin-bottom:0
}
#catalog .group .group-title {
	margin-top:4px;
	margin-bottom:12px;
	font-size:15px;
	font-weight:bold;
	line-height:14px
}
#catalog .group .group-title span {
	padding-left:20px;
	font-size:12px;
	font-weight:normal;
	color:#999
}
#catalog .group .group-text {
	position:relative;
	height:67px;
    margin-bottom:14px;
	overflow:hidden;
	text-align:left;
	font-size:13px;
	
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:4;
	text-overflow:-o-ellipsis-lastline;
}
#catalog .group .group-text:after {
  content: "";
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 30%;
  height: 1.2em;
  background: linear-gradient(to right, rgba(242, 242, 242, 0), rgba(242, 242, 242, 1) 50%);
}
#catalog .group li:nth-child(4n+3) .group-text:after,
#catalog .group li:nth-child(4n+4) .group-text:after
 {background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%)}
#catalog .group .group-table {
	display:none;
}
#catalog table.tbl {
	width:100%;
	margin:0;
	margin-top:10px;
}
#catalog table.tbl th, #catalog table.tbl td {
	width:25%;
	min-width:0;
	padding:7px 5px
}

/* кнопки */
#catalog a.group-buy, #catalog a.group-more {
	display:inline-block;
	vertical-align:top;
	width:auto;
	height:30px;
	padding:0 20px;
	text-align:center;
	font:bold 14px/30px Tahoma, Arial, Geneva, sans-serif;
	color:#f2f2f2 !important;
	text-decoration:none !important;
	text-shadow:0 -1px 0 #ee6023;
	border:1px solid #ee6023;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
	background:url(../images/categories.png) repeat-x 0 -45px
}
#catalog a.group-more {
	margin-left:10px;
	text-shadow:0 -1px 0 #373737;
	border:1px solid #454545;
	background-position:0 -5px
}
/*
#catalog a.group-more span {
	padding-right:20px;
	background:url(../images/blank.gif) no-repeat right center
}
*/
#catalog a.group-buy:hover {background:#f48322}
#catalog a.group-more:hover {background:#585858}
#catalog table.tbl a.group-buy {
	width:auto;
	height:24px;
	line-height:24px;
	margin:0 auto;
}

#catalog span.group-buy {
	position:absolute;
	left:50%;
	top:0;
	display:block;
	width:120px;
	height:28px;
	margin:-5px 0 0 -60px;
	z-index:999;
	line-height:14px;
	text-align:center;
	font:bold 14px/30px Tahoma, Arial, Geneva, sans-serif;
	color:#f2f2f2 !important;
	text-shadow:0 -1px 0 #ee6023;
	box-shadow:0 -4px 10px #222;
	border:1px solid #ee6023;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
	background:url(../images/categories.png) repeat-x 0 -45px
}

/* blockui */
.blockui-title {
	padding:10px;
	text-align:center;
	font:bold 14px/normal Tahoma, Arial, Geneva, sans-serif;
	color:#fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
	background:#454545
}
.blockui-text {
	height:100%;
	margin-top:15px;
	overflow:hidden;
	text-align:left
}