.nav-category { margin-bottom:15px;}
.nav-category ul {list-style:none} 
.nav-category li {
	float:left;
	height:30px;
	
	margin-right:10px;		
}
.nav-category li a  {
	display:block;
	background:url(../img/tab_bg.gif) #073f93 top repeat-x;	
	line-height:28px;
	text-align:center;
	padding:0px 15px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;	
	border:1px solid #073f93;
}

.nav-category li a:hover  {
	background:url(../img/tab_on.gif) #fb7101 top repeat-x;		 
	border:1px solid #d36d1a;
}

.nav-category li a.current {
	background:url(../img/tab_on.gif) #fb7101 top repeat-x;		 
	border:1px solid #d36d1a;
}

/************************************* CSS FOR SHOW PRODUCT *******************************/


.pro-title {
	overflow:hidden;
	height:30px;	
	margin-bottom:10px;
}
.pro-title .fTitle {
	color:#d51616;
	font-size:22px;
	font-weight:bold;
	line-height:30px;	
}

.pro-title .div-filter .select  { display:inline-block; width:150px;}

 
#List_Product {  }
 

.floatImgPro { 
	right:0;
	top:0;
	position:absolute;
}

/*----------------- VIEW 1 ----------------*/
#List_Product .View1 {
  float:left;  
	width:100%;
	border-top:1px dotted #d9d9d9; 
	background:url(../img/line_mid.gif) center repeat-y    ;
}
#List_Product .View1.last { 
	 
}

#List_Product div.View1 div.item{
 
	
}

#List_Product div.View1 div.item.last{
	border-right:none; 
}
 
#List_Product .View1 div.item .boxItem {
	padding:10px 0px;
	padding-right:10px;	 
	margin-right:1px; 
}
#List_Product .View1 div.item.status1 .boxItem {background:#F7F8E0;}
#List_Product .View1 div.item.last .boxItem { 
	padding-left:10px;	 	 
}

#List_Product .View1 h3 {  
	font-weight:bold; 
	margin-bottom:10px;
	line-height:18px; 
}
#List_Product .View1 h3 a {}
#List_Product .View1 h3 a:hover { 
  text-decoration:none;
}
#List_Product .View1 .div-image {
	float:left;
	width:90px;	
	position:relative; 
}
#List_Product .View1 .img { width:90px;	height:60px; overflow:hidden; }


#List_Product .View1 .div-info {
 	margin-left:100px;
	font-size:11px;
	line-height:18px;
}
#List_Product .View1 .maso {
	font-weight:bold;
	padding-top:5px;
}
#List_Product .View1 .price {
	color:#d51616 ;
	font-weight:bold;
	font-size:12px;
	text-align:left;
}
#List_Product .View1 .price_old {
	color:#333333;
	font-weight:normal;
	text-decoration:line-through;
}


/*----------------- VIEW 2 ----------------*/
 
 

#List_Product .View2 { } 
#List_Product .View2 .row-title {
	color:#666666;
	font-weight:bold;
	text-transform:uppercase;	 
	line-height:20px;
	padding:5px 0px;
	overflow:hidden;  
}
#List_Product .View2 .title{width:60%; float:left}
#List_Product .View2 .city{width:13%; float:left ; text-align:right;}
#List_Product .View2 .area{width:12%; float:left ; text-align:right;}
#List_Product .View2 .price{ width:15%; float:left ; text-align:right;}
 #List_Product .View2 ul {list-style:none;}
 
#List_Product .View2 li.item { 
		line-height:20px;
		padding:5px 0px;
		overflow:hidden;
		padding:5px 0px;	
		border-top:1px dotted #cccccc;
	}
	
#List_Product .View2 li.item .title {
		overflow: hidden; 
    text-overflow: ellipsis;
    white-space: nowrap;
	}
	
	
		
#List_Product .View2 li.item .img {
		float:left;
		margin-right:7px;	
		width:30px;
		height:20px;
		overflow:hidden;
	}
#List_Product .View2 li.item .img img { width:30px;}
	
#List_Product .View2 li.item .city {
		 font-size:11px;
		color:#666666;
	}
#List_Product .View2 li.item .area {
		font-size:11px;
		color:#666666; 
	}
#List_Product .View2 li.item .price {
		color:#d51616;
		font-weight:bold; 
	}
	 

#List_Product .noProduct {
	padding:50px;

	text-align:center;
	color:#ff0000;
}

.price_old{
	color:#999999;
	text-decoration:line-through;
	font-size:11px;
	font-weight:normal;
}
p.time{
	padding:0px;
	margin:0px;
	text-align:center;
	color:#000000;
}

.line_pro {
	background:url(../img/line_pro.gif) left no-repeat;
}

.font_keyword{
	background-color: yellow; 
	color: red; 
	font-weight: bold;
}
.font_keyword a {
	background-color: yellow; 
	color: red; 
	font-weight: bold;
}

/*********** DETAIL **********/
h1.p_name {
	color:#d51616;
	font-size:24px;
	line-height:30px;
	font-weight:normal;	
	margin-bottom:10px;
}

.div-top-info { border-bottom:1px dotted #bfbfbf; margin-bottom:10px; padding-bottom:5px; color:#656464; font-size:11px;}

 
#divInfo{margin:0px;}
	.div-pic-price {}
	.div-pic-price.row {
		margin:0px -5px;	
		margin-bottom:10px;
	} 
	.div-pic-price [class*="col-"] {	 
		padding: 0px 5px; 
	}

	.divImage { margin-bottom:10px;  }
		.picDetail {  }
		.picDetail  img { width:100%; }
 

.boxInfoPro {   }
.boxPriceDetail {
	padding:10px 5px ;
	background:#df3832;
	text-align:center;	
} 
.boxPriceDetail .price {
	font-size:30px;
	line-height:30px; 
	color:#fff;	
}

#divInfo .item-info { margin-bottom:15px; border:1px solid #c5c5c5 ;  padding:1px;}
#divInfo .item-info ul {list-style:none}
#divInfo .item-info li {overflow:hidden; padding:5px; background:#e8e7e7 ; margin-top:1px;}
#divInfo .item-info li .item-left { float:left; width:35% ; font-weight:bold;  text-align:right;}
#divInfo .item-info li .item-right { float:right; width:65% ; padding-left:5px;}
#divInfo .item-info li.row0 {}
#divInfo .item-info li.row1 {  background:#f5f5f5;}
 
#divInfo .box-contact {  border:1px solid #ff9036; background:#fffde0; padding:10px;}
#divInfo .box-contact .title { margin-bottom:5px; color:#d51616; text-transform:uppercase; font-weight:bold; font-size:11px;}
#divInfo .box-contact ul {list-style:none}
#divInfo .box-contact li {padding:2px 0px; }
#divInfo .box-contact li .contact_name { color:#3b5998; font-weight:bold;}
 
 

.boxDetail { margin-bottom:20px;}
.fDetail { color:#df3832; font-size:20px; line-height:30px; text-transform:uppercase; font-weight:normal; background:url(../img/line_detail.gif) bottom repeat-x; margin-bottom:10px; padding-bottom:10px;}
 

#divInfo .box_tag { background:#ffefcc; padding:10px; margin-bottom:15px;}


.tools {
  background:url(../index01.html) top left;
	margin:10px 0px;
	border-top:1px dotted #b2b2b2;
	border-bottom:1px dotted #b2b2b2;
	padding:5px;
}

.tools .plugin { 
	white-space: nowrap;
}
.tools img { vertical-align:middle;}
 
.tools ul {list-style:none; float:right; }
.tools li { 
	float:left;
	padding-left:20px;
}
.tools li a {	 
	text-decoration:none;
	color:#333333;
	display:block;
	line-height:25px;
	font-size:11px;
}
 
.tools li.bao_xau a {
	background: url("../img/icon_baoxau.png") no-repeat scroll left center    ;
	padding-left: 25px;
}
.tools li.tellfriend a {
	background: url("../img/icon_email.gif") no-repeat scroll left center    ;
	padding-left: 20px;
}
.tools li.print a {
	background: url("../img/icon_print.png") no-repeat scroll left center    ;
	padding: 2px 2px 2px 20px;
}
.tools li.back a {
	background: url("../img/icon_back.png") no-repeat scroll left center    ;
	padding: 2px 2px 2px 20px;
}
.tools li.top_page a {
	background: url("../img/icon_toppage.png") no-repeat scroll left center    ;
	padding: 2px 2px 2px 20px;
}
 
 
 
.desc ul {
	list-style:inherit;
	margin:0px;
	margin-left:15px;
}
.desc ol{
	list-style:decimal;
	margin:0px;
	margin-left:15px;
}




/*COMMENT*/
.boxComment { margin-bottom:15px; }
.fComment { 
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold; 
	padding-bottom:5px;
	margin-bottom:5px;
}  
	.form-comment {
		background:#f2f2f2;
		padding:10px;	
		margin-bottom:10px;
	}
	 .form-textarea {
			margin-bottom:10px; 
		}
	 .form-item {	overflow:hidden	 }
	  .item-name {   }
		.item-email  {  }
		.item-hidden-email { }
		.item-input  { text-align:right;}
		

 
#ext_comment {} 
.divCommentList{  }
.list_comment {
 	padding:5px 0px;	 
	display:block;	
	border-bottom:1px dotted #d4d4d4;
}
.list_comment .c-title {
	padding-bottom:5px;	
}
.list_comment .ctitle {font-weight:bold;	color:#882106;}
.list_comment .c-name {font-weight:bold; color:#3b5998; }
.list_comment .c-email	{color:#7c7c7c; font-weight:normal; font-size:11px;}
.list_comment .c-name a {color:#3b5998;}
.list_comment .c-desc {
	text-align:justify;
	padding:5px 0px;
	font-size:11px;
	font-family:Tahoma;
}
.list_comment .c-date	{color:#7c7c7c; font-weight:normal; font-size:11px;}

.list_comment .close{
	width:18px; height:16px; background:url(../index01.html) no-repeat left -87px;  position:absolute;
	margin-left:620px;
	 
}
.list_comment	.close:hover, .closecom:hover{background:url(../index01.html) no-repeat right -87px}

.vk-menu {padding:2px 0px;}

.boxComment .vnt-pagination { border-top:none} 

  
/* box search*/
.block-search {
	background:#f4f4f4;
	border:1px solid #dddddd;
	padding:15px;	
}
.block-search ul {list-style:none}
.block-search li {
	height:35px; 
	overflow:hidden;
	padding:2px 0px;	
}
.block-search li .col-label {
	width:37%;
}
.block-search li .col-text {
	width:60%;
}
.block-search li .select { width:100%;}
.block-search .div-button {   padding-left:115px}
.block-search .div-button .btn {
	width:100%;	
}

p.mess_result {
	font-size:12px;
	margin-bottom:10px;
	text-align:center;
}
p.mess_result span {
	color:#FF0000;
	font-size:14px;
	font-weight:bold;
}

/* THong tin lien he chi tiet*/

.info_contact {background:#fffde0;
	margin-top:10px;
	border:1px solid #ff9036;
	padding:10px;}
.info_contact h3 {color:#ff5400;
	font-size:11px;
	text-transform:uppercase;
	}
.info_contact .contact_name {color:#3b5998;
	padding-top:5px;
	font-weight:bold;}


@media only screen and (max-width: 1600px) {
	#List_Product .row {
		 margin-left:0px;
		 margin-right:0;
	} 
	
	#List_Product .col-xs-12 { padding-left:0 ; padding-right:0;}
}
 
 

@media screen and (max-width: 991px) {
	#vnt-sidebar {display:block; float:none; width:100%;}
	#vnt-sidebar .block-focus-news {/*display:none;*/ width:100%;}
	#vnt-sidebar .advertise {/*display:none;*/ width:100%;}
}

@media only screen and (max-width: 768px) {
	
}

@media only screen and (max-width: 668px) {
	#List_Product .View1 { 
		background:none;
		border:none;
	}
	#List_Product .View1 .item {
		border-top:1px dotted #d9d9d9; 	
	}
	
	.divImage { margin-bottom:10px;  }
	
	.tools .plugin table { text-align:center; width:100%} 
	.tools ul.list-tools {float:none; padding-top:5px; text-align:center;} 
	.tools ul.list-tools li { float:none; display:inline-block; text-align:center;}
	
	.form-comment .item-name {  margin-bottom:10px;  }
	.form-comment .item-email  { margin-bottom:10px;  }
	.form-comment .item-hidden-email { margin-bottom:10px;  }
	.form-comment .item-input  { text-align:center;}
}

@media only screen and (max-width: 480px) {
	.nav-category ul {width:100%; display:table;}
	.nav-category ul li { float:none; display:table-cell; text-align:center; padding:0px 2px;} 
	.nav-category ul li a {padding:2px 5px; line-height:20px;} 
	
	.View2 .area {display:none;}	
	.View2 .city { width:20%; }
	.View2 .price { width:25%;}
}
@media only screen and (max-width: 360px) {
	#List_Product .View2 .area {display:none;}	
	#List_Product .View2 .city { display:none; }
	#List_Product .View2 .price { width:35%;}
}
@media only screen and (max-width: 320px) { 

}