#product_list, .product_list {
	list-style: none outside;
	margin: 0px;

	li {
		float: left;
		margin-right:17px;
		margin-bottom: 20px;
		width: 315px;
		height: 374px;
		cursor: pointer;

		div.right_block {
			height: 30px;

			a.button {
				.button_flat;

				&.disabled {
					background: #c1c7c7 url("../img/pattern.png") repeat;
					color: #444d52;
				}
			}
		}

		div.center_block > div {
			padding: 0px 0px 15px;
			height: 20px;
		}

		a.product_img_link {
			display: block;
			font-size: 0px;
			line-height: 0px;
			text-align:center;
		}

		span.price {
			color: @color_price;
			font-weight: bold;
		}

		span.old_price {
			color: @color_price_old;
			text-decoration: line-through;
		}

		span.reduction {
			color: @color_price_reduction;
		}

		h3 {
			font-size: 12px;
			font-weight: normal;
			margin: 0px;

			a {
				text-decoration: none;
				color: @color_text;
			}

			.title_product_list;
		}
	}

	li.alternate_item{
	    margin-right:0px;
	    width: 316px;
	}

	.oos, .avail {
		float: left;
		font-size: 12px;
		padding: 3px 6px;
		.radius(3px);
		text-shadow: 0px 1px 0px #ffffff;
		margin-top: 4px;
	}

	.oos {
		color: #ffc0cb;
		background: #c22742;
	}

	.avail {
		color: #5e6e5e;
		background: #cdeecd;
	}

	.productlist_style;
}

.other_sale_title {
	h1 {
		//text-align: center;
	}
}

.other_sales_container {
	border : 1px solid #CCCCCC;
	height : 150px;
	overflow: hidden;
	position : relative;

	.other_sales_container_delimiter {
		margin-left : 60px;
		width : 860px;
		overflow : hidden;
	}
	#other_sales_scroll_left {
		background : url('../img/arrow.png') no-repeat -5px -43px #504C89;
		position : absolute;
		left : 5px;
		top : 45px;
		border-radius : 90%;
		border : 10px solid #FFFFFF;
		color : #FFFFFF;
		text-decoration: none;
		height : 30px;
		width : 30px;
		box-shadow : 0 0 1px 1px #DDDDDD;
	}
	#other_sales_scroll_right {
		background : url('../img/arrow.png') no-repeat 8px 9px #504C89;
		position : absolute;
		right : 5px;
		top : 45px;
		border-radius : 90%;
		border : 10px solid #FFFFFF;
		color : #FFFFFF;
		text-decoration: none;
		height : 30px;
		width : 30px;
		box-shadow : 0 0 1px 1px #DDDDDD;
	}
	ul {
		list-style : none;
		margin : 13px 0 0;
		height : 125px;
		padding : 2px;
	}
	li {
		float : left;
		margin-right : 20px;
		a {
			box-shadow : 0 0 1px 1px #CCCCCC;
			display : block;
			width : 272px;
			height : 123px;
			background : #FFFFFF;
			img, .text {
				float : left;
			}
			.text {
				width : 127px;
				padding : 10px;

				.percent {
					display : none;
				}
			}
			img {
				width : 125px;
				height : 123px;
			}
			h2 {
				font-size : 14px;
				margin-bottom : 0;
				color : #796DC7;
			}
			p {
				color : #1E1633;
				&.date {
					padding-top : 10px;
					color : #796DC7;
				}
			}
			.small_title {
				color : #666666;
			}
		}
	}
}

#gotop {
	background : url('../img/top_arrow.png') no-repeat center top;
	position : fixed;
	padding-top : 15px;
	color : #504C89;
	right : 100px;
	bottom : 150px;
	opacity : 0;
	width : 43px;
	text-align: center;
	line-height: 1.2;
	cursor : pointer;

	&.active {
		opacity : 1;
	}
}