@import "libs/lightbox.min.css";
@import "modules/helpers.css";

.ProductContainer {}

.ProductContent {}

.ProductSidebar {
	float: right;
	margin: 0 0 25px 25px;
	width: 255px;
	display: block;
}

.ProductImagePreviewContainer {
	position: relative;
	width: 250px;
	height: 165px;
	margin-bottom: 6px;
}

.ProductImagePreviewContainer .ProductImagePreview {
	position: absolute;
}

.ProductImages {
	border-bottom: 1px solid #000000;
	padding-bottom: 5px;

	.ProductImage {
		float: left;
		cursor: pointer;
		width: 60px;
		height: 40px;
		margin: 0 3.5px 3.5px 0;
	}
}

.ProductPurchase {
	.ProductPrice {
		margin-top: 20px;
		text-align: right;
		width: 100%;
		height: 50px;
		font-size: 40px;
	}

	.AddToCart {
		.QtyLine {
			@include clearfix;

			.QtyLabel {
				float: left;
			}

			.QtyInput {
				float: left;

				input {
					width: 50px;
				}
			}
		}

		.AddButton {}
	}
}