/* 
 * Module: Product 
 */

.product.module{}
	.product.module .item{}
		.product.module h1{}
		.product.module h2{}
			.product.module h2 a{}
		.product.module .thumbnail{
			float: left;
			height: 100px;
			width: 100px;
			margin: 0 10px 10px 0;
			text-align: center;
			overflow: hidden;		
		}
			.product.module .thumbnail a{}
			.product.module .thumbnail a:hover{}
				.product.module .thumbnail a img{}
		.product.module .intro{}
			.product.module .intro p{}
		.product.module .content{}
			.product.module .content p{}
		.product.module .link{}
			.product.module .link a{}
			.product.module .link a:hover{}
		.product.module .price{}

/* Product list */
.list.product.module{}
	.list.product.module .item{}
		.list.product.module h2{}
			.list.product.module h2 a{}
		.list.product.module .date-time{}
			.list.product.module .date-time span{}
			.list.product.module .date{}
			.list.product.module .time{}
		.list.product.module .thumbnail{}
			.list.product.module .thumbnail a{}
			.list.product.module .thumbnail a:hover{}
				.list.product.module .thumbnail a img{}
		.list.product.module .intro{}
			.list.product.module .intro p{}
		.list.product.module .link{}
			.list.product.module .link a{}
			.list.product.module .link a:hover{}
		.list.product.module .price{}
		
/* Product detail */
.detail.product.module{}
	.detail.product.module h1{
		margin: 12px 0;
	}
	.detail.product.module .date-time{}
		.detail.product.module .date-time span{}
		.detail.product.module .date{}
		.detail.product.module .time{}
	.detail.product.module .thumbnail{}
			.detail.product.module .thumbnail img{}
	.detail.product.module .intro{
		float: left;
	}
		.detail.product.module .intro p{
			float: left;
		}
	.detail.product.module .content-product {
		display: block;
		float: left;
		width: 100%;
	}
		.detail.product.module .content p{}
	.detail.product.module .link{}
		.detail.product.module .link a{}
		.detail.product.module .link a:hover{}
	.detail.product.module .price{}
	
/* Product Gallery */
.product-block {
	float: left;
	width: 558px;
	margin: 4px 15px 0 0;

}
	.product-block-title {
		float: left;
		width: 531px;
		height: 28px;
		background: url('../image/layout/content-large-top.png') no-repeat;
		padding: 10px 0 0 17px;
	}
	
	.product-block-title span {
		font-family: Arial;
		font-size: 17px;
		text-shadow: none;
		font-weight: bold;
		color: #fff;		
	}
	
	.product-block-top {
		float: left;
		width: 558px;
		height: 10px;
		background: url('../image/layout/content-top.png') no-repeat;	
	}
	
	.product-block-middle {
		float: left;
		width: 524px;
		background: url('../image/layout/content-middle.png') repeat-y;
		padding: 13px 17px 13px 17px;	
	}
	
	.product-block-middle img {
		max-width: 524px;
	}
	
	.product-block-bottom {
		float: left;
		width: 558px;
		height: 10px;
		background: url('../image/layout/content-bottom.png') no-repeat;
	}

.product-categories	{
	float: left;
	width: 299px;
}

	.product-categorie {
		float: left;
		width: 299px;
	}
	
		.product-categorie-title {
			float: left;
			width: 282px;
			height: 34px;
			color: #fff;
			background: url('../image/layout/side-content-title.png') no-repeat;
			position: relative;
			z-index: 3;
			line-height: 18px;
			padding: 13px 0 0 17px;
			cursor: pointer;
			position: relative;
		}
		
		.product-categorie-title span {
			font-family: Arial;
			font-size: 17px;
			text-shadow: none;
			font-weight: bold;			
		}
		
			.product-categorie-content {
				float: left;
				width: 299px;
				position: relative;
				z-index: 2;
				top: -15px;
				display: none;
			}
			
				.product-categorie-top {
					float: left;
					width: 299px;
					height: 10px;
					background: url('../image/layout/side-content-top.png') no-repeat;
				}
				
				.product-categorie-middle {
					float: left;
					width: 260px;
					background: url('../image/layout/side-content-middle.png') repeat-y;
					padding: 13px 17px 13px 17px;
				}
				
				.product-categorie-bottom {
					float: left;
					width: 299px;
					height: 10px;
					background: url('../image/layout/side-content-bottom.png') no-repeat;
				}
	
	.product_item {
		cursor: pointer;
		float: left;
		width: 100%;
	}
	
	.product-button {
		float: right;
		background: url('../image/layout/product_button.png') no-repeat;
		width: 189px;
		height: 31px;
		font-family: Arial;
		color: #5b5b5b;
		font-size: 15px;
		text-shadow: none;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		padding: 10px 0 0 0;
		display: none;
	}
	
	.content-arrow {
		cursor: pointer;
		float: right;
		margin: 3px 20px 0 0;
		position: absolute;
		right: 10px;
	}
	
	.product-images 
	{
		float: left;
		width: 100%;
		margin: 5px 0;
	}