﻿body {
	font: 100%/11px Verdana, Arial, sans-serif;
	background: #ffffff url(../img/bg-wood.jpg);
	margin: 0;
	padding: 0;
	color: #000;
}

table {
    font-size: 11px;
    line-height: 150%;
}

#wrapper {
	width: 980px;
	margin: 0 auto;	
	background: #fff;
}

a:link, a:visited {
	text-decoration: none;
	color: #000;
	font-size: 12px;
}

a:hover, a:active {
	text-decoration: none;
	color: #999;
	font-size: 12px;
}

img {
	border: none;
}

#top {
	width: 980px;	
}
	#header {
		height: 150px;
	}
		#logo {
			display: none;
			float: left;
			width: 200px;
			height: 150px;
		}
		
		#topBanner {
			float: left;
			width: 980px;
			height: 150px;
		}
	
	#mainMenu {
		clear: both;
		float: left;
		width: 980px;
		height: 30px;
		margin: 0;
		padding: 10px 0 6px 0;
		background: #fff;
		border-top: solid 2px #CCC;
		border-bottom: solid 2px #CCC;
	}
	
	#mainMenu ul.mainMenu {
		display: block;
		clear: both;
		float: left;
		width: 900px;
		list-style: circle;
		text-transform: uppercase;
		font-weight: bold;
		list-style-image: url(../img/bullet.gif);
		margin: 0;
		padding: 0;
	}
	
	ul.mainMenu li {
		float: left;
		/*display: inline-block;*/
		margin: 0 0 0 40px;
	}

#middle {
	clear: both;
	width: 980px;
}
	#left {
		float: left;
		width: 220px;
		margin: 0 0 20px 10px;
		font-size: 11px;
	}
		.blockTitle {
			height: 34px;
			width: 220px;
			text-transform: uppercase;
			font-size: 12px;
			font-weight: 600;
			background: #F19823 url(../img/title-bg.png);
		}
		
		.blockTitle .cTitle {
			float: left;
			display: block;
			height: 24px;
			width: 220px;
			padding: 10px 0 0 0;
			text-align: center;
		}
	
		.blockContent {
			clear: both;
			display: block;
			margin: 0 0 0 20px;
			width: 180px;
			overflow: hidden;
		}
		
		.blockContent a {
			display: block;
			height: 20px;
			width: 170px;
			border-bottom: solid 1px #F60;
			padding: 0 0 0 10px;
			margin: 0 0 0 0;
			font-size: 11px;
		}
		
		.blockContent #lblcounter {
			display: block;
			height: 20px;
			width: 180px;
			text-align: center;
			font-weight: bold;
			color: #F30;
			margin: 0 auto;
			font-weight: bold;
		}
		
		#txtTukhoa {
			width: 180px;
			height: 25px;
			margin: 0;
			font-size: 11px ;
			border: none;
			background: url(../img/121210.png);
		}
		
		#sltSearch {
			width: 200px;
			height: 25px;
			margin: 10px 0 10px 0;
			font-size: 11px;
			border: none;
			background: url(../img/121211.png);
		}
		
		#DDLlienketnhanh { 
			width: 180px;
			height: 25px;
			display: block;
			margin: 0 auto;
			font-size: 11px;
			border: none;
			background: url(../img/121210.png);
		}
		
		#DDLTugia, #DDLDengia {
		    font-size: 11px;
        }
		
		#BtnTimkiem {
		    display: block;
		    margin: 0 auto;
		}
	
	#main {
		float: left;
		width: 730px;
		margin: 0 0 0 10px;
	}
		#featured {
			height: 240px;
			margin: 15px 0 0 0;
		}
		
		#newProduct, #bestSeller {
		    width: 720px;
		}
		
		#newProduct table 
		{
		}
		
		.bigBlockTitle {
			text-transform: uppercase;
			font-weight: 700;
			font-size: 12px;
			margin: 10px 0 10px 0;
			padding: 5px 0 10px 0;
			border-bottom: solid 3px #F60 ;
		}
				
		.bigBlockContent {
		    display: block;
		    width: 720px;
		}
		
		#showroomProduct 
		{
		    border: solid 1px #ccc;
		}
		
		.bigBlockContent table td {
            padding: 0;
            vertical-align: top;
            text-align: center;
            padding: 3px 0;
		}
		
		.bigBlockContent .pImg p {
		    display: block;
		    width: 154px;
		    height: 150px;
		    border: solid 1px #ccc;
		    padding: 2px 0;
		    margin: 0;
		    text-align: center;
		}
		
		.bigBlockContent .pImg p:hover {
		    display: block;
		    width: 154px;
		    height: 150px;
		    border: solid 1px #444;
		    padding: 2px 0;
		    margin: 0;
		    text-align: center;
		}
.bigBlockContent .pImg1 p {
	display: block;
	width: 154px;
	height: 70px;
	border: solid 1px #ccc;
	padding: 2px 0;
	margin: 0;
	text-align: center;
}

	.bigBlockContent .pImg1 p:hover {
		display: block;
		width: 154px;
		height: 70px;
		border: solid 1px #444;
		padding: 2px 0;
		margin: 0;
		text-align: center;
	}
		.pCode, .pName {
		    font-weight: normal;
		    text-align:justify;    
		}
		
		.pPrice {
		    color: Red;
		    text-align:justify;
    	}
		
		.detail {
		    color: Blue;
		    font-size: 11px;
		}

#bottom {
	clear: both;
	width: 980px;
	margin: 20px 0 0 0 ;
	padding: 0 0 10px 0 ;
	border-top: solid 3px #ccc;
	font: 100%/11px Verdana, Arial, sans-serif;
}


/***************************************************/

div#featured {
	//background: url(../img/header-bg.jpg);
	
	
}

div#featured div#slide-holder {
z-index : 40;
width : 710px;
height : 29px;
position : absolute;
}
div#featured div#slide-holder div#slide-runner {
top : 0px;
left : 0px;
width : 710px;
height : 259px;
overflow : hidden;
position : absolute;
}
	div#featured div#slide-holder img {
		margin: 0;
		display: none;
		position: absolute;
		/* Thêm các dòng dưới để ép ảnh khớp khung */
		width: 100%;
		height: 100%;
		object-fit: cover; /* Có thể dùng contain nếu muốn toàn bộ ảnh hiển thị */
	}
div#featured div#slide-holder div#slide-controls {

left : 0;
bottom : 0;
width : 720px;
height : 46px;
display : none;
position : absolute;
background : url(../img/slide-bg.png) 0 0;
}
div#featured div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#featured div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#featured div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
color: #fff;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#featured div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#featured div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(../img/silde-nav.png);
}
div#nav ul li a {
background : url(../img/nav.png) no-repeat;
}

/************** ADD NEW STYLE *************/
/*.mainMenu {
	width: 900px;	
}*/

#adminIcon {
	display: block;
	float: right;
	text-align: center;
	padding: 0; margin: 0 10px 0 0;
	width: 40px;
	height: 30px;
}

#mainSearch {
	float: left;
	width: 960px;
	margin: 0 0 0 0;
}

		#mainSearch .bigBlockTitle 
		{
			text-transform: uppercase;
			font-weight: 700;
			font-size: 12px;
			margin: 10px 10px 20px 10px;
			padding: 5px 0 10px 20px;
			border-bottom: solid 3px #F60;
			width: 920px;
		}
		
		#mainSearch table tr {
			vertical-align: top;
		}
			
		.pagi {
			clear: both;
			display: block;
			height: 25px;
			margin: 0 auto;
			padding: 0 auto;
			text-align: center;
			overflow: hidden;
			list-style: none;
		}
		
		.pagi li {
			display: inline-block;
		}
		
		.pagi li a {
			display: block;
			float: left;
			width: 20px;
			height: 15px;
			padding: 3px 0;
			border: solid 1px #ddd;
			text-align: center;
			color: #999;
		}
		
		.pagi li a:hover {
			display: block;
			float: left;
			width: 20px;
			height: 15px;
			padding: 3px 0;
			border: solid 1px #666;
			text-align: center;
			color: #000;
		}
		
#productDetail {

}

#tblDetail td {
	text-align: justify;
}

	#productDetail table tr {
		vertical-align: top;
	}
	
	#productDetail table tr.row30 {
		height: 30px;
	}
	
	#productDetail table img {
		margin: 0 0 20px 0;
	}
	
	.pInfo, .pDes {
		line-height: 150%;
		text-align: justify;
	}
	
	#productDetail .pName {
		font-weight: bold;
		font-size: 12px;
	}
	
.tblCenter {
    width: 960px;
    margin: 0 auto;
    text-align: center;
}

.tblCenter table 
{
    margin: 0 0 0 10px;
}

.tieude {
    text-align: left;
}

.datePost {
    text-align: left;
}

.content {
    font-family: Times New Roman;
    font-size: 12px;
}

.BaoGiaList a {
    font-size: 11px;
    font-weight: bold;
}

.content { border: solid 1px red; }

.pagi 
{
    display: block;
    text-align: left;
    height: 60px;
    font-size: 11px;
    line-height: 125%;
}