@IMPORT url("../common.css");

.hot_items h1 {
	color: #0b7;
}
.category_list h1 {
	color: #1c92c2;
}
.product_list h1 {
	color: #187da6;
}




/* Category List */
ul.categories {
	list-style: none;
	margin: auto;
	padding: 0;
}
ul.categories li {
	float: left;
	display: block;
	margin: 0 5px 0;
	width: 225px;
	height: 115px;
}
ul.categories li img {
	width: 225px;
	height: 80px;
	border: 0;
}
ul.categories li a {
	display: block;
}
ul.categories li a:hover {
	text-decoration: none;
}
ul.categories li span {
	display: block;
	margin-top: 2px;
	text-align: center;
	font-size: 11px;
}
ul.categories li span.img {
	display: table-cell;
	width: 225px;
	height: 80px;
	margin: 0 0 3px;
	vertical-align: middle;
	text-align: center;
}
ul.categories li span.img.nophotos { background: url("img/cat_icon_bg.png") no-repeat; }
ul.categories li span.img.nophotos.en { background-position: 0 0; }
ul.categories li span.img.nophotos.tc { background-position: -225px 0; }
ul.categories li span.img.nophotos.sc { background-position: -450px 0; }
ul.categories li .title {
	color: #7f7f7f;
}
ul.categories li a:hover .title {
	color: #000000;
}




/* Product List */
ul.products {
	list-style: none;
	margin: auto;
	padding: 0;
}
ul.products li {
	float: left;
	display: block;
	margin: 0 17px 0;
	width: 122px;
	height: 218px;
}
ul.products li a {
	display: block;
}
ul.products li a:hover {
	text-decoration: none;
}
ul.products li span {
	display: block;
	margin: 2px auto 0;
	text-align: center;
	font-size: 11px;
}
ul.products li span.img {
	display: table-cell;
	width: 122px;
	height: 122px;
	margin: 0 0 3px;
	vertical-align: middle;
	text-align: center;
}
ul.products li span.img.nophotos { background: url("img/t122_bg.png") no-repeat; }
ul.products li span.img.nophotos.en { background-position: 0 0; }
ul.products li span.img.nophotos.tc { background-position: -122px 0; }
ul.products li span.img.nophotos.sc { background-position: -244px 0; }
ul.products li span.img img {
	max-width: 122px;
	max-height: 122px;
	border: 0;
}
ul.products li .title {
	color: #000;
}
ul.products li a:hover .title {
	color: #000000;
}
ul.products li .price {
	color: #930;
	font-weight: bold;
}
ul.products li .price.old {
	text-decoration: line-through;
}
ul.products li .price.discount {
	margin: 2px 15px 0;
	background-color: #ffdff1;
	border: 1px solid #FFBFE3;
	color: #000000;
}
ul.products li .price.foreign {
}
ul.products li .outofstock {
	background-image: url("img/out-stock.png");
	background-position: -0px -0px;
	width: 75px;
	height: 18px;
}
ul.products li .outofstock.sc { background-position: -0px -40px; }
ul.products li .outofstock.tc {	background-position: -0px -20px; }