/*kiểu tiles*/
.list-product-tiles
{
	padding:8px 0;
	list-style:none;
	margin:0;			
}
.list-product-tiles li
{
	float:left;
	width:185px;	
	height:232px;	
	margin-left:5px;
	_margin-left:3px;
	padding:5px;
	border:dotted 1px #ccc;
	margin-bottom:10px;	
	text-align:center;
}
.list-product-tiles li.li-hover
{
	border:solid 1px #25b2db;
	background:#f7f7f7;
}
.list-product-tiles li .name-product-home
{
	background:url(images/products/bg-namepro_03.png) repeat-x left top;
	width:95%;
	height:24px;
	line-height:24px;	
	overflow:hidden;	
	margin:0 auto 8px auto;
}
.list-product-tiles li .name-product-home div
{
	background:url(images/products/bg-namepro_01.png) no-repeat left top;
	height:24px;
}
.list-product-tiles li .name-product-home div div
{
	background:url(images/products/bg-namepro_05.png) no-repeat right top;
	height:24px;
}
.list-product-tiles li .name-product-home a
{
	color:#fff;
	font-weight:bold;
	padding:0 5px;
}
.list-product-tiles li .image-product img
{	
	border:solid 1px #f7f7f7;
}
.list-product-tiles li  .info-right-product
{
	margin-top:5px;
}
.list-product-tiles li .price-product-home
{	
	width:100%;			
}
.list-product-tiles li  .price-product-home span
{
	padding:0 5px;
}
.list-product-tiles li .price-product-home .cost-right
{
	font-weight:bold;
	color:#999;
	text-decoration:line-through;
}
.list-product-tiles li .price-right
{
	font-weight:bold;
	color:#CC3333;	
}
.list-product-tiles li .btn-detail
{
	background:url(images/products/btn-detail-2.gif) no-repeat left top;
	width:53px;
	height:18px;
	text-align:center;
	line-height:18px;
	margin:5px auto 0;
}
.list-product-tiles li .btn-detail a
{
	color:#323232;
}
.list-product-tiles li .bg-discount
{
	background:url(images/products/bg-disscount.gif) no-repeat left top;
	width:76px;
	height:20px;
	text-align:center;
	line-height:20px;
	color:#fff;
	font-weight:bold;
	margin-top:10px;
}
/*kiểu list*/
.list-product-list
{
	padding:8px 5px 0 0;
	list-style:none;
	margin:0;	
}
ul.list-product-list li
{
	float:left;	
/*	width:185px;	*/
	margin-left:5px;
	margin-bottom:10px;		
	text-align:center;
	padding:0 5px;
}
ul.list-product-list li .list-top
{
	background:url(images/products/list-center-top.jpg) repeat-x left top;
	height:16px;
}
ul.list-product-list li .list-top div
{
	background:url(images/products/list-left-top.jpg) no-repeat left top;
	height:16px;
}
ul.list-product-list li .list-top div div
{
	background:url(images/products/list-right-top.jpg) no-repeat right top;	
}
ul.list-product-list li .list-bottom
{
	background:url(images/products/list-bot-center.jpg) repeat-x left top;
	height:18px;
}
ul.list-product-list li .list-bottom div
{
	background:url(images/products/list-bot-left.jpg) no-repeat left top;
	height:18px;
}
ul.list-product-list li .list-bottom div div
{
	background:url(images/products/list-bot-right.jpg) no-repeat right top;	
}
ul.list-product-list li .list-bg-li
{
	background:url(images/products/list-bg-li.jpg) repeat-x left top;
	height:226px;
	_overflow:hidden;
}
ul.list-product-list li .name-product-home
{	
	text-align:left;
	height:17px;
	overflow:hidden;		
	margin:0 auto 5px auto;
	width:90%;
}
ul.list-product-list li .name-product-home a
{
	font-weight:bold;
	color:#323232;	
}
ul.list-product-list li .name-product-home a:hover
{
	text-decoration:underline;
	color:#f61d73;
}
ul.list-product-list li .image-product
{	
	background:#fff;
	width:90%;
	height:155px;
	margin:auto;
	text-align:center;	
}
ul.list-product-list li .image-product img
{
	margin-top:12px;	
}
ul.list-product-list li .price-product-home
{		
	padding-top:7px;
	color:#525252;
}
ul.list-product-list li .price-product-home .cost-right
{
	text-decoration:line-through;
	color:#525252;
}
ul.list-product-list li .price-product-home .price-right
{
	font-weight:bold;
	color:#f61d73;	
}
ul.list-product-list li .button-detail
{
	background:url(images/products/list-btn-detail.jpg) no-repeat left top;
	width:100px;
	height:25px;
	text-align:center;
	line-height:24px;
	margin:3px auto 0 auto;
}
ul.list-product-list li .button-detail a
{
	color:#fff;
	font-weight:bold;
}
/*kieu icons*/
.list-product-icons
{
	padding:8px 0 10px 8px;	
	list-style:none;
	margin:0;		
}
.list-product-icons li
{
	float:left;
	width:180px;	
	padding:7px;
	*padding:6px;
	text-align:center;
	border:dotted 1px #ccc;
	margin-bottom:5px;
	margin-right:4px;		
	height:206px;	
}
.list-product-icons li.li-hover
{
	border:solid 1px red;
}
.list-product-icons li .button-product
{
	padding-top:7px;
}
.list-product-icons li .image-product
{
	margin:auto;
	margin-bottom:5px;
	width:90%;	
	text-align:center;
}
.list-product-icons li .image-product .img-top
{
	background:url(images/products/thum-center-top.jpg) repeat-x left top;
	height:14px;
	overflow:hidden;
}
.list-product-icons li .image-product .img-top div
{
	background:url(images/products/thum-left-top.jpg) no-repeat left top;
	height:14px;
}
.list-product-icons li .image-product .img-top div div
{
	background:url(images/products/thum-right-top.jpg) no-repeat right top;
	height:14px;
}
.list-product-icons li .image-product .img-bg
{
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	text-align:center;
}
.list-product-icons li .image-product .img-bottom
{
	background:url(images/products/thum-center-bot.jpg) repeat-x left top;
	height:10px;
	overflow:hidden;
}
.list-product-icons li .image-product .img-bottom div
{
	background:url(images/products/thum-left-bot.jpg) no-repeat left top;
	height:10px;
}
.list-product-icons li .image-product .img-bottom div div
{
	background:url(images/products/thum-right-bot.jpg) no-repeat right top;
	height:10px;
}
.list-product-icons li .name-product-home
{
	height:17px;
	overflow:hidden;
	margin-bottom:5px;
}
.list-product-icons li .name-product-home a
{
	color:#4E4E4E;
	font-weight:bold;
	margin-bottom:3px;
}
.list-product-icons li .button-product .button-detail
{
	background:url(images/products/icons-detail.jpg) no-repeat left top;
	width:78px;
	height:18px;
	float:left;
}
.list-product-icons li .button-product .button-detail a,
.list-product-icons li .button-product .button-addcart a
{
	color:#fff;
	font-size:11px;
	font-weight:bold;
	line-height:17px;
	padding-left:10px;
}
.list-product-icons li .button-product .button-addcart
{
	background:url(images/products/icon-cart.png) no-repeat left center;
	width:102px;
	height:18px;
	float:right;
}
.list-product-icons li .button-product .button-addcart a
{
	padding-left:7px;
	color:#4e4e4e;	
}
.list-product-icons li .name-product-home a:hover,
.list-product-icons li .button-product .button-addcart a:hover
{
	text-decoration:underline;
	color:#ff3000;
}
.list-product-icons li .price-product-home .cost-right
{
	font-weight:bold;
	color:#999;
	text-decoration:line-through;
}
.list-product-icons li .price-product-home .price-right
{
	font-weight:bold;
	color:#ed460c;	
}
/*kieu mac dinh cua gian hang my pham*/
.list-product-hot
{
	padding:10px 0 5px 20px;	
	*width:97.3%;
	margin:auto;
	list-style:none;	
}
.list-product-hot li
{
	float:left;
	width:127px;
	margin:0 10px 10px 0;
	height:255px;
	border:solid 1px #e7e7e7;
	padding:5px;
	background:#f4f4f4;
	text-align:center;	
}
.list-product-hot li .image-product
{
	background:#fff;
	width:127px;
	height:150px;
	text-align:center;
	margin-bottom:5px;
}
.list-product-hot li .product-name
{
	font-weight:bold;
	margin-bottom:5px;
	height:17px;
	overflow:hidden;
}
.list-product-hot li .product-name a
{
	color:#3D3D3D;
}
.list-product-hot li .product-name a:hover
{
	text-decoration:underline;
}
.list-product-hot li .product-price
{
	color:#d7135b;
	font-weight:bold;
	font-size:13px;
}
.list-product-hot li .buy-now
{
	background:url(images/products/productActionAdd.png) no-repeat left top;
	width:73px;
	height:19px;
	line-height:19px;
	text-align:center;
	color:#fff;
	margin:5px auto 0 auto;
}
.list-product-hot li .buy-now a
{
	color:#fff;
}
.list-product-hot li.li-hover
{
	border:solid 1px #db155e;
	cursor:pointer;
}
.list-product-hot li .image-product img
{
	margin-top:14px;
}
/*format cho cac loai san pham*/
/*loai thunbnail*/
ul.list-product-thumbnail
{
	padding:5px 0 5px;	
	list-style:none;
	margin:0;			
}
ul.list-product-thumbnail li
{
	float:left;	
	width:196px;
	height:310px;	
	overflow:hidden;	
	margin-left:5px;			
	margin-bottom:10px;	
	text-align:center;		
}
ul.list-product-thumbnail li .button-product
{
	width:113px;	
	margin:auto;	
	padding-top:5px;
}
ul.list-product-thumbnail li .button-detail
{
	background:url(images/products/thum-detail-btn.jpg) no-repeat left top;
	height:31px;
	width:86px;
	text-align:center;
	font-weight:bold;
	line-height:28px;
	margin:auto;
}
ul.list-product-thumbnail li .button-detail a
{
	color:#633B10;
}
ul.list-product-thumbnail li .button-addtocart
{
	background:url(images/products/thum-add-btn.jpg) no-repeat left top;
	height:33px;
	width:113px;
	text-align:center;
	font-weight:bold;
	line-height:28px;
	margin:auto;
}
ul.list-product-thumbnail li .button-addtocart a
{
	color:#fff;
}
ul.list-product-thumbnail li .thum-top
{
	background:url(images/products/thum-center-top.jpg) repeat-x left top;
	height:14px;
	overflow:hidden;
}
ul.list-product-thumbnail li .thum-top div
{
	background:url(images/products/thum-left-top.jpg) no-repeat left top;
	height:14px;
	overflow:hidden;
}
ul.list-product-thumbnail li .thum-top div div
{
	background:url(images/products/thum-right-top.jpg) no-repeat right top;
	height:14px;
	overflow:hidden;
}
ul.list-product-thumbnail li .thum-bottom
{
	background:url(images/products/thum-center-bot.jpg) repeat-x left top;
	height:10px;
	overflow:hidden;
}
ul.list-product-thumbnail li .thum-bottom div
{
	background:url(images/products/thum-left-bot.jpg) no-repeat left top;
	height:10px;
	overflow:hidden;
}
ul.list-product-thumbnail li .thum-bottom div div
{
	background:url(images/products/thum-right-bot.jpg) no-repeat right top;
	height:10px;
	overflow:hidden;
}
ul.list-product-thumbnail li .thum-content
{
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	overflow:hidden;
	padding:0 5px;
	*width:94%;
}
ul.list-product-thumbnail li .name-product-home
{	
	font-weight:bold;
	margin-bottom:5px;
	height:32px;
	overflow:hidden;
	margin-top:5px;
}
ul.list-product-thumbnail li .name-product-home a
{
	color:#633B10;
}
ul.list-product-thumbnail li .name-product-home a:hover
{
	text-decoration:underline;
}
ul.list-product-thumbnail li .price-product-home
{
	margin-top:5px;
}
ul.list-product-thumbnail li .price-product-home .cost-right
{
	text-decoration:line-through;
	color:#999999;
	font-weight:bold;
}
ul.list-product-thumbnail li .price-product-home .price-right
{
	font-weight:bold;
	color:#DB3327;
	font-size:14px;
}
ul.list-product-thumbnail li .sale-off
{
	background:url(images/products/icon-saleoff.png) no-repeat left top;
	width:95px;
	height:99px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	font-size:16px;
	float:left;
	margin-left:10px;
	display:none;
}
ul.list-product-thumbnail li .sale-off span
{
	margin-top:20px;
	display:block;
}
ul.list-product-thumbnail li .discount-percent
{
	font-size:27px;
}
ul.list-product-thumbnail li .discount-money
{
	font-size:12px;
}
/*loai detail*/
ul.list-product-detail
{
	padding:8px;	
	*width:97%;
	list-style:none;
	margin:0;	
}
ul.list-product-detail li
{	
	margin-bottom:10px;	
	padding:7px;
	background:#f4f7f9;
	border:solid 1px #f4f7f9;
}
ul.list-product-detail li.li-hover
{
	border:solid 1px #CB1A02;
}
ul.list-product-detail li .info-product
{
	width:68%;
	float:left;	
}
ul.list-product-detail li .image-product
{	
	float:left;
	text-align:center;
	width:30%;
	padding:8px 0;	
	margin-right:10px;
	position:relative;
	background:#fdfdff;
}
ul.list-product-detail li .name-product-home
{	
	font-weight:bold;
	margin-bottom:5px;
	overflow:hidden;	
}
ul.list-product-detail li .name-product-home a
{
	color:#323232;
}
ul.list-product-detail li .name-product-home a:hover
{
	text-decoration:underline;
}
ul.list-product-detail li .price-product-home
{
	color:#4294D0;
	margin-top:5px;
}
ul.list-product-detail li .brief-product
{	
	color: #252525;
    font: 11px Verdana,Geneva,Arial,Helvetica,sans-serif;
	background:#fdfdff;
	padding:8px;
	margin-top:7px;	
}
ul.list-product-detail li .cost-right
{	
	font-weight:bold;
	color:#323232;
	font-size:14px;
	text-decoration:line-through;
}
ul.list-product-detail li .price-right
{
	color:#CB1A02;
	font-size:14px;
	font-weight:bold;
}
ul.list-product-detail li .sale-off
{
	background:url(images/products/icon-saleoff.png) no-repeat left top;
	width:85px;
	height:99px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	font-size:16px;
	float:left;
	margin-left:10px;
	position:absolute;
	top:0;
	right:-10px;
	padding:0 5px;
	display:none;
}
ul.list-product-detail li .sale-off span
{
	margin-top:20px;
	display:block;
}
ul.list-product-detail li .discount-percent
{
	font-size:27px;
}
ul.list-product-detail li .discount-money
{
	font-size:14px;
}
ul.list-product-detail li  .btn-detail
{
	background:url(images/products/btn-detail.gif) no-repeat left top;
	width:103px;
	height:28px;
	text-align:center;
	line-height:28px;
	font-weight:bold;
	float:left;
	margin-right:5px;	
	margin-top:10px;
}
ul.list-product-detail li  .btn-detail a
{
	color:#4294d0;
}
/*scroll*/
.product-scroll .list-product-scroll
{
	margin:0; padding:0;
	list-style:none;
	height:90px;
}
.product-scroll .bx-wrapper
{
	height:100px;
	width:998px !important;
	border:solid 1px #AFB1B2;
}
.product-scroll .bx-window
{
	position:absolute !important;
	top:5px;
	left:33px;
}
.product-scroll .list-product-scroll li
{
	float:left;
	text-align:center;
	width:133px;
	height:90px;
}
.product-scroll .bx-prev
{
	background:url(images/arrow-left.gif) no-repeat left top;
	width:16px;
	height:84px;
	position:absolute;
	top:5px;
	left:10px;
}
.product-scroll .bx-next
{
	background:url(images/arrow-right.gif) no-repeat left top;
	width:16px;
	height:84px;
	position:absolute;
	top:5px;
	right:10px;
}