@font-face{
	font-family:"Roboto-BoldCondensed";
	src: url(../font/Roboto-BoldCondensed.ttf);
	src: local("Roboto-BoldCondensed"), url(../../font/Roboto-BoldCondensed.ttf) format("truetype");
}
@font-face{
	font-family:"Roboto-Condensed";
	src: url(../font/Roboto-Condensed.ttf);
	src: local("Roboto-Condensed"), url(../../font/Roboto-Condensed.ttf) format("truetype");
}
a{
	text-decoration:none;
}
.Roboto-Condensed{
	font-family:'Roboto-Condensed';
	font-weight:100;
}
.font_size18{
	font-size:20px;
}
div.img_list{
margin:0 auto;
border:1px solid #CCC;
display:block;
float:left;
width:140px;
height: 100px;
overflow:hidden;
position:relative;
z-index:1;
margin-right:10px;
margin-top:5px;
text-align:center;
}
div.img_list img{
position:relative;
margin:0 auto;
height:100%;
}

.selec{
	color:#0CF;
	font-weight:bold;
}
div .thumbnail{
display:block;
width:110px;
height:110px;
overflow:hidden;
position:relative;
z-index:1;
text-align:center;
margin:0 auto;
}
div.thumbnail img{
position:relative;
height:100%;
top:0;
margin:0 auto;
}

ul, li, p {
	list-style:none;
	margin:0;
	padding:0;
}
.h3{
	font-weight:bold;
	color:#069;
	font-size:18px;
	margin:0;
	padding:0;
}
.v{
	background:url(../images/select.png) no-repeat left top -3px;
	padding:0;
	padding-left:25px;
}
.v2{
	background:url(../images/select.png) no-repeat left top -7px;
	padding:0;
	padding-left:25px;
}

.btn{
	background:#ea281c;
	padding:10px 40px 10px 40px;
	color:#FFF;
	border-radius:4px;
	font-weight:bold;
	margin-left:0px;
	border:none;
	cursor:pointer;
}
.btn2{
	background: -moz-linear-gradient(top, #b6b6b6, #4d4d4d);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b6b6b6), to(#4d4d4d));
	padding:5px 20px 5px 20px;
	color:#FFF;
	border-radius:4px;
	font-weight:bold;
	margin-left:30px;
	border:none;
	cursor:pointer;
}

.btn3{
	background: -moz-linear-gradient(top, #FF0000, #993300);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF0000), to(#993300));
	padding:10px 40px 10px 40px;
	color:#FFF;
	border-radius:4px;
	font-weight:bold;
	margin-left:30px;
	border:none;
	cursor:pointer;
}



.sp{
	width:49.8%;
	float:left; 
	margin:0; 
	height:250px; 
	border-bottom:solid 1px #eeeeee;
	position:relative; 
 	display: inline-block;
	overflow: hidden;
	position:relative;
	line-height:20px;
	cursor:pointer;
	/*border:solid 1px #CCC;*/
}
.sp3{
	width:100%; 
	float:left; 
	margin:0; 
	height:295px; 
	border-left:solid 1px #eeeeee; 
	border-bottom:solid 1px #eeeeee;
	position:relative; 
 	display: inline-block;
	overflow: hidden;
	position:relative;
	line-height:20px;
	cursor:pointer;
	/*border:solid 1px #CCC;*/
}
.sp3:hover{
	/*box-shadow:0px 0px 15px #f2ecec;*/
	/*border:solid 1px #F00;*/
	-webkit-transition: all 200s linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
	
}
.sp3 .button{
	z-index:0;
	display:none;
	}
.sp3:hover .button {
	display:block;
		position:absolute; right:10px; margin-right:2px; bottom:12px; background-color:#FFF; padding:0px 10px 0px 10px; height:20px; line-height:20px; background-color:#a00707; color:#FFF;

	 -webkit-transition: all 300s linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
	
	}
.sp3:hover .product_price_old{
	display:none;
}

.sp2{
	width:24.8%; 
	float:left; 
	margin:0; 
	height:295px; 
	border-left:solid 1px #eeeeee; 
	border-bottom:solid 1px #eeeeee;
	position:relative; 
 	display: inline-block;
	overflow: hidden;
	position:relative;
	line-height:20px;
	cursor:pointer;
	/*border:solid 1px #CCC;*/
}
.sp2:hover{
	/*box-shadow:0px 0px 15px #f2ecec;*/
	/*border:solid 1px #F00;*/
	-webkit-transition: all 200s linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
	
}
.sp2 .button{
	z-index:0;
	display:none;
	}
.sp2:hover .button {
	display:block;
		position:absolute; right:10px; margin-right:2px; bottom:12px; background-color:#FFF; padding:0px 10px 0px 10px; height:20px; line-height:20px; background-color:#a00707; color:#FFF;

	 -webkit-transition: all 300s linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
	
	}
.sp2:hover .product_price_old{
	display:none;
}
.sp:hover{
	/*box-shadow:0px 0px 15px #f2ecec;*/
	/*border:solid 1px #F00;*/
	-webkit-transition: all 200s linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
	
}
.sp .button{
	z-index:0;
	display:none;
	}
.sp:hover .button {
	display:block;
	 -webkit-transition: all 300s linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
	
	}
	#btncart{
	width:181px;
	height:53px;
	background:url(../../images/muahang.jpg) no-repeat center center;
	border:none;
	cursor:pointer;
	color:#FFF;
	font-family:'Roboto-Condensed'; 
	font-size:25px;
	text-align:right;
	padding-right:18px;
	position:absolute;
	margin-top:-1px;
}

.gia_sanpham{
	font-family:'Roboto-Condensed'; 
	color:#000000; 
	float:left; 
	margin-top:0;
}
.title{
	font-family:'Roboto-Condensed'; 
	font-size:20px; 
	color:#4471c2; 
	text-transform:uppercase; 
	padding:10px 10px 10px 0px; 
	background-color:#FFF; 
	z-index:2; 
	float:left; 
	position:absolute; 
	margin-top:-25px;
}
.title2{
	font-family:'Roboto-Condensed'; 
	font-size:18px; 
	color:#a00707; 
	text-transform:uppercase; 
}
.title3{
	font-family:'Roboto-Condensed'; 
	font-size:18px; 
	color:#000000; 
	text-transform:uppercase; 
	padding:15px;
}

.product_name{
	text-align:center;
	padding:0px 5px 0px 5px;
	line-height:16px;
	
}
.product_code{
	text-align:center;
	padding:0px 5px 0px 5px;
}

.product_price{
	width:100%;
	padding:0px 5px 0px 5px;
	position:absolute;
	bottom:5px;
	font-weight:bold;
	color:#da1821;
	font-family:'Roboto-Condensed'; 
	font-size:14px;
	line-height:18px;
}
.product_price_old{
	font-weight:100; color:#999; font-size:12px; float:right;
}
.product_price p{
	margin:0;
	padding:0;
}
.sell{
	font-weight:bold; 
	position:absolute; 
	right:0px; 
	top:2px;
	padding:2px 5px 2px 5px; 
	text-align:center; 
	background-color:#5cb85c; 
	color:#FFF;
	z-index:99; 
}
.new{
	position:absolute; 
	left:0px; 
	top:1px;
	background-color:#5bc0de;
	padding:2px 8px 2px 8px; 
	margin:1px;
	z-index:9; 
	color:#FFF;
}
.hot{
	position:absolute; 
	left:0px; 
	top:1px;
	background-color:#cc0202;
	padding:2px 8px 2px 8px; 
	margin:1px;
	z-index:9; 
	color:#FFF;
}
div.img_sp{
display:block;
width:99%;
margin:0 auto;
margin-bottom:10px;
height:150px;
overflow:hidden;
position:relative;
z-index:1;
text-align:center;
}
div.img_sp img{
position:relative;
height:100%;
top:0;
margin:0 auto;
}
/*#sp:hover{
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 0x 10px rgba(0,0,0,.2), inset 0 0px 0 rgba(0,0,0,.6);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 0 10px rgba(0,0,0,.2), inset 0 0px 0 rgba(0,0,0,.6);
	box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 0 10px rgba(0,0,0,.2), inset 0 0px 0 rgba(0,0,0,.6);
}*/
.khuyenmai{
	position:absolute; 
	left:0px; 
	margin:1px;
	z-index:9; 
	width:40px; 
	height:40px;
	border-radius:42px;
	border:solid 2px #CCCCCC;
	line-height:42px; 
	font-weight:bold;
	text-align:center;
	background-color:#F00;
	/*background:url(../images/sale.png) no-repeat left center; */
	color:#FFF;
}
div.thumb{
float:left;
display:block;
width:110px;
height:230px;
overflow:hidden;
position:relative;
z-index:1;
margin-top:5px;
text-align:center;
margin-bottom:15px;
margin-right:10px;
}
div.thumb img{
position:relative;
height:100%;
width:100%;
top:0;
margin:0 auto;
}
.cart{
	padding:5px 10px 5px 10px;
	border-radius:20px;
	border:solid 1px #a65e27;
	background: -moz-linear-gradient(top, #f48626, #d26306);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f48626), to(#d26306));
	color:#FFF;
	font-weight:bold;
	font-size:11px;
	cursor:pointer;
}
.thumblist .button{
	margin-left:-9999px;
}
.thumblist:hover .button {
	margin-left:0;
}

#splist{
	width:98%; 
	border:solid 1px #CCCCCC; 
	float:left; 
	margin:0; 
	height:130px; 
	position:relative; 
	cursor:pointer;
	margin-left:1%;
	margin-bottom:10px;
	display: inline-block;
	overflow: hidden;
	position:relative;
}
#splist:hover{
	border:solid 1px #990000;
}
div.thumblist{
margin:0 auto;
display:block;
width:130px;
height:120px;
overflow:hidden;
position:relative;
z-index:1;
text-align:center;
}
div.thumblist img{
position:relative;
height:90%;
top:10px;
margin:0 auto;
}


div.thumbsptieubieu{
margin:0 auto;
/*border:1px solid #CCC;*/
display:block;
width:96%;
height:160px;
overflow:hidden;
position:relative;
z-index:1;
margin-top:5px;
}
div.thumbsptieubieu img{
position:absolute;
left:0;
top:0;
width:80%;
}


#title_sp{
	height:30px;
}
#title_sp a p{
	color:#F00; font-size:11px; text-align:center; font-weight:bold; line-height:14px;
}
.price{
	color:#333; font-weight:bold; font-size:13px; padding-top:5px; bottom:25px; width:100%; float:left; text-align:center;
}
.pricesptieubieu{
	color:#F00; font-weight:bold; font-size:18px; padding-top:5px; bottom:25px; float:left; text-align:center; width:100%;
}
.price_old_sptieubieu{
	color:#999; font-size:15px; padding-top:5px; bottom:10px; width:100%; right:0; text-align:center;
}

.price_old{
	color:#999; font-size:11px; padding-top:5px; bottom:10px; position:absolute; width:100%; right:0; text-align:center; text-align:center;
}
.sptieubieu{
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	width:20%; 
	float:left; 
	border:solid 1px #CCCCCC; 
	height:432px; 
	margin-left:.5%;	
}


ul{
 list-style: none;
 margin:0;
 padding:0;
}
li{
 list-style: none;
}

.btngiohang{background-color:#F60; width:170px; height:30px; line-height:30px; color:#FFF; font-weight:bold; border-radius:4px; margin:0 auto; text-align:center;}
#giohang3{
display:none; background-color:#FFF; width:250px; position:absolute; z-index:9999; margin-top:40px; border:solid 1px #CCC;-moz-box-shadow:3px 5px 4px #999; -webkit-box-shadow:3px 5px 4px #999;
    box-shadow:3px 5px 4px #999; color:#333; left:0; cursor:auto;
}
.giohang{
	width:210px; 
	float:right; 
	height:40px; 
	border-radius:4px; 
	cursor:pointer; 
	position:relative;
	background-color:#900;
	color:#FFF;
	font-weight:bold;
}
.giohang:hover{
	background:#000 url(../images/icon-cart-white.png) no-repeat left 15px bottom 9px; color:#FFF;

	
}
#response{
	width:140px; height:40px;  position:absolute;
}


a { text-decoration:none; color:#333;}
a:hover{ text-decoration:none; color:#F90;}

.link5{text-decoration:underline; color:#06F;}
.link5:hover{text-decoration:none; color:#900;}
.link6{text-decoration:none; color:#FFF;}
.link6:hover{color:FFF;}

.linkmenu{text-decoration:none; color:#FFF;}
.linkmenu:hover{text-decoration:none; color:#FF0;}
.linkmenu2{text-decoration:none; color:#F00;}
.linkmenu2:hover{text-decoration:none; color:#F90;}


#scroll{
	width:150px;
	height:30px;
	line-height:30px;
	background:url(../images/down.png) no-repeat right center;
	background-size:20px 20px;
	padding-right:20px;
}


#main_container{
	width:1200px;
	margin:0 auto;
}
.footer{
width:100%;
margin:0 auto;
height:100px;
}
.header{
width:100%;
top:0px;
background-color:#FFFFFF;
margin:auto;
/*position:fixed;*/
z-index:9999;
/*background: -moz-linear-gradient(top, #FFF, #ecedef);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#ecedef));
border-bottom:solid 1px #dadce1;*/
}
.logo{
	float:left;
	margin-top:0px;
	width:25%;
	height:98px;
}
.search{
	float:left;
	width:35%;
	padding:20px 10px 0px 30px;
}
.login{
	float:left;
	width:13%;
	padding:20px 10px 0px 10px;
}
.ttcart{
	float:left;
	width:13%;
	padding:15px 0px 0px 30px;
}
.intro{
	width:100%;
	height:400px;
}
/*------------------------------oferte_content-----------------------*/
/*---------------- menu tab----------------------*/
/*----------------crumb_navigation-------------*/
.crumb_navigation{
width:97%;
height:30px;
line-height:32px;
padding:0px 10px 0 20px;
color:#333333;
background:#FDFDFD url(../images/navbullet.png) no-repeat left;
background-position:5px 10px;
border-bottom:solid 1px #CCCCCC;
border-top:solid 1px #CCCCCC;
}
.crumb_navigation a{
color:#999999;
text-decoration:none;
}
span.current{
color:#666666;
text-decoration:none;
}
#service{
	list-style:none;
	margin:0;
	padding:0;
	margin-top:10px;
}
#service li{
	cursor:pointer;
	min-width:150px;
	height:40px;
	float:left;
	margin-right:15px;
}
#service li:hover{
	color:#09C;
}
.rate{ height:15px; background-color:#F90; float:left; width:100%; position:absolute;}
.bieudo{width:200px; float:right; height:15px; background-color:#EBEBEB; margin-top:4px;line-height:15px; position:relative; text-align:right;}
.tinhot{
	display:none; 
	background-color:#FFFFFF; 
	width:250px; 
	position:absolute; 
	z-index:9999; 
	margin-top:-7px; 
	border:solid 1px #999;
	-moz-box-shadow:1px 2px 5px #999; 
	-webkit-box-shadow:1px 2px 5px #999;
    box-shadow:1px 2px 5px #999; 
	color:#000; 
	cursor:auto;
	padding:5px 5px 5px 5px;
	font-size:11px;
	}

/*-------------left_content------------------*/
#left_content{
width:200px;
margin:0px 10px 0px 5px;
float:left;
background-color:#FFF;
}
#right_content{
width:780px;
margin:0px 0px 0px 5px;
float:right;
background-color:#FFF;
}
#col_left{
	width:40%; margin-left:45px; float:left; height:230px; border:solid 1px #CCCCCC;
	-moz-box-shadow:1px 2px 5px #999; 
	-webkit-box-shadow:1px 2px 5px #999;
    box-shadow:1px 2px 5px #999; 
	padding:20px;
	line-height:30px;
	background-color:#EEFCFD;

}
#col_right{
	width:40%; margin-right:45px; float:right; height:230px; border:solid 1px #CCCCCC;
	-moz-box-shadow:1px 2px 5px #999; 
	-webkit-box-shadow:1px 2px 5px #999;
    box-shadow:1px 2px 5px #999; 
	padding:20px;
	line-height:30px;

}

.leftsp{
float:left;
}
.rightsp{
float:right;
}

#left_{
width:770px;
float:left;
margin-left:5px;
}
#right_{
width:210px;
float:right;
margin-right:5px;
}
.left{
width:70%;
float:left;
}
.right{
width:29%;
float:right;
}


.title-doitac{
min-width:100px;
height:30px;
padding-right:5%;
float:left;
text-transform:uppercase;
/*background: -moz-linear-gradient(top, #0C0, #009900);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0C0), to(#009900));*/
background:#04bb07 url(../images/bgdoitac.jpg) no-repeat left 100% top 3px;
padding-left:10px;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
line-height:30px;
}
.title_box{
width:100%;
height:37px;
text-transform:uppercase;
margin:0px;
/*background: -moz-linear-gradient(top, #FFFFFF, #F00);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#F00));*/
background:url(../menu/skins/images/bg_red.png) repeat-x left top;
-moz-border-radius-topright:6px; 
-moz-border-radius-topleft:6px; 
-webkit-border-top-left-radius:6px; 
-webkit-border-top-right-radius:6px; 
text-align:center;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
line-height:37px;
}
.title_box2{
width:100%;
height:35px;
/*text-transform:uppercase;*/
margin:0;
/*background: -moz-linear-gradient(top, #587c00, #587c00);
background: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#587c00), to(#587c00));*/
-moz-border-radius-topright:6px; 
-moz-border-radius-topleft:6px; 
-webkit-border-top-left-radius:6px; 
-webkit-border-top-right-radius:6px; 
text-align:center;
font-size:13px;
font-weight:bold;
color:#000000;
line-height:35px;
-moz-box-shadow:0px 3px 0px #999;
    -webkit-box-shadow:0px 3px 0px #999;
    box-shadow:0px -2px 0px #999;
	border-left:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
}
.title_box4{
width:100%;
height:25px;
text-transform:uppercase;
margin:0;
padding:0;
float:left;
background-color:#00396e;
/*background: -moz-linear-gradient(top, #587c00, #587c00);
background: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#587c00), to(#587c00));
-moz-border-radius-topright:6px; 
-moz-border-radius-topleft:6px; 
-webkit-border-top-left-radius:6px; 
-webkit-border-top-right-radius:6px;*/ 
text-align:center;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
line-height:25px;
}

.title_box3{
width:100%;
height:30px;
text-transform:uppercase;
margin:0;
background: -moz-linear-gradient(top, #F00, #F00);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F00), to(#F00));
-moz-border-radius-topright:6px; 
-moz-border-radius-topleft:6px; 
-webkit-border-top-left-radius:6px; 
-webkit-border-top-right-radius:6px; 
text-align:right;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
line-height:30px;
}

/*--------left menu---------*/
#form { padding:3px 0 0px 0px; width:260px; }
#form input {border:#CCCCCC 1px solid; background:#FFFFCC; font-size:14px; font-family: Tahoma, Geneva, sans-serif; color:#666666;padding:4px 10px 5px 10px;outline: medium none;width: 338px; height:17px; float:left; }
#form textarea {border:#CCCCCC 1px solid; background:#FFFFCC;font-size:14px; font-family:Tahoma, Geneva, sans-serif;color:#666666; height: 130px;outline: medium none;overflow: auto; padding: 4px 0px 0px 10px;width: 348px;resize:none;margin:0px 0 0 0;float:left; }
#form label {position:relative;display: block;min-height:37px; overflow:hidden;}
.btns {text-align:right; margin-left:0px; overflow:hidden; color:#FFF; background-color:#09F; border:none; border-radius:4px; padding:2px 5px 2px 5px; cursor:pointer;}

.btns2 {text-align:right; margin-left:0px; overflow:hidden; color:#666; border:solid 1px #CCCCCC;
	background: -moz-linear-gradient(top, #FFF, #efeeec);
	background: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#FFF), to(#efeeec));
 border-radius:4px; padding:2px 5px 2px 5px; cursor:pointer;}
 .btns2:hover{text-decoration:none;}
.hoithoai{
	display:none; padding-top:5px; line-height:20px; text-align:justify; padding-left:0px; height:280px; position:absolute; background-color:#FFC; width:195px; z-index:9998; border:solid 1px #CCCCCC;	-moz-box-shadow:0px 0px 2px #999;
    -webkit-box-shadow:0px 0px 3px #999;
    box-shadow:0px 0px 3px #999; border-radius:4px;
}
.btns a.link-1 {display:inline-block; margin:14px 10px 0 25px; color:#090}

.btncart{
	background:url(../images/muahang.jpg) no-repeat center bottom;
	border:none;
	cursor:pointer;
	color:#FFF;
	font-weight:bold;
	font-size:20px;
}
.btncart:hover{
	color:#CCC;
}

/*------------------------end of form------------------------*/

/*center content--------------------------*/
.center_title_bar{
width:100%;
height:33px;
float:left;
line-height:33px;
font-size:12px;
color:#666666;
background: -moz-linear-gradient(top, #eeeeee, #FFF);
background: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#eeeeee), to(#FFF));
border-bottom:solid 1px #CCCCCC;
}
#index_title_bar{
width:100%;
height:33px;
float:left;
line-height:33px;
font-size:12px;
color:#FFFFFF;
text-transform:uppercase;
font-weight:bold;
background-color:#04bb07;
}

/*----------------------right content--------------*/
.right_content{
width:740px;
float:left;
margin-left:10px;
margin-top:5px;
background-color:#FFF;
}
/*---------prod_box----------*/

/*---------prod_box_big----------*/
/*---------------contact_form------------------*/

.clear {clear:both; line-height:0; font-size:0; width:100%; height:0px;}
.clear1 {clear:both; font-size:0; width:100%; height:5px;}
.clear2 {clear:both; font-size:0; width:100%; height:10px;}
.clear3 {clear:both; font-size:0; width:100%; height:15px;}
.clear4 {clear:both; font-size:0; width:100%; height:20px;}
.clear5 {clear:both; font-size:0; width:100%; height:25px;}
.clear6 {clear:both; font-size:0; width:100%; height:33px;}

div.hotline_top{
float:left;
display:block;
width:100%;
height:100px;
overflow:hidden;
position:relative;
z-index:1;
}
div.hotline_top img{
width:100%;
position:absolute;
left:0;
top:0;
}

li.qcleft{
float:left;
display:block;
width:210px;
height:72px;
overflow:hidden;
position:relative;
z-index:1;
border:solid 1px #CCCCCC;
}
li.qcleft img{
width:100%;
position:absolute;
left:0;
top:0;
}
li.qcmini{
float:left;
display:block;
width:50%;
height:77px;
overflow:hidden;
position:relative;
z-index:1;
}
li.qcmini img{
height:100%;
position:relative;
left:0;
top:0;
}


li.width_left{
border:solid 1px #CCCCCC;
float:left;
display:block;
width:252px;
height:170px;
overflow:hidden;
position:relative;
z-index:1;
margin-right:2px;
}
li.width_left img{
width:100%;
position:relative;
left:0;
top:0;
}
a.width_right{
float:left;
display:block;
width:49%;
height:155px;
overflow:hidden;
position:relative;
z-index:1;
margin-right:5px;
}
a.width_right img{
width:100%;
height:155px;
position:absolute;
left:0;
top:0;
}

div.width_bottom{
margin:0 auto;
display:block;
width:100%;
height:100px;
overflow:hidden;
position:relative;
z-index:1;
border:solid 1px #CCC;
text-align:center;
}
div.width_bottom img{
height:100%;
position:relative;
left:0;
top:0;
margin:0 auto;
}
div.news_cart{
float:left;
border:1px solid #CCC;
display:block;
width:60px;
height:60px;
overflow:hidden;
position:relative;
z-index:1;
margin-right:5px;
}
div.news_cart img{
position:absolute;
left:0;
top:0;
width:100%;
}



div.news_box{
float:left;
border:1px solid #CCC;
display:block;
width:60px;
height:60px;
overflow:hidden;
position:relative;
z-index:1;
margin-right:5px;
}
div.news_box img{
position:absolute;
left:0;
top:0;
}
div.icon{
float:left;
display:block;
width:25px;
height:25px;
overflow:hidden;
position:relative;
z-index:1;
margin-right:5px;
margin-left:15px;
margin-top:9px;
}
div.icon img{
position:absolute;
left:0;
top:0;
}


div.news_box1{
float:left;
border:1px solid #CCC;
display:block;
width:100px;
height:90px;
overflow:hidden;
position:relative;
z-index:1;
margin-right:5px;
}
div.news_box1 img{
position:absolute;
left:0;
top:0;
}


div.imgtop{
float:left;
display:block;
width:100%;
height:100%;
overflow:hidden;
position:relative;
z-index:1;
}
div.imgtop img{
position:absolute;
left:0;
top:0;
}

div.doitac_box{
float:left;
border:1px solid #F4F4F4;
display:block;
width:40px;
height:55px;
overflow:hidden;
position:relative;
z-index:1;
margin:7px;
text-align:center;
}
div.doitac_box img{
position:relative;
left:0;
top:0;
height:100%;
}
div.imgthumbs2{
border:1px solid #FFF;
display:block;
width:243px;
height:150px;
overflow:hidden;
position:relative;
z-index:1;
margin:0 auto;
margin-top:5px;
text-align:center;
}
div.imgthumbs2 img{
position:relative;
width:90%;
margin:0 auto;
}

div.imgthumbs{
border:1px solid #EFEFEF;
display:block;
width:50px;
height:50px;
border-radius:50px;
overflow:hidden;
position:relative;
z-index:1;
margin:0 auto;
margin-top:5px;
text-align:center;
}
div.imgthumbs img{
position:relative;
top:0;
height:100%;
margin:0 auto;
}
div.spthumbs{
float:left;
display:block;
width:75px;
height:75px;
overflow:hidden;
position:relative;
z-index:1;
margin:5px 10px 5px 5px;
text-align:center;
}
div.spthumbs img{
position:relative;
height:100%;
margin:0 auto;
}
div.spthumbs2{
float:left;
display:block;
width:40px;
height:50px;
overflow:hidden;
position:relative;
z-index:1;
margin:5px 10px 5px 5px;
text-align:center;
}
div.spthumbs2 img{
position:relative;
height:100%;
margin:0 auto;
}

li.spthumbs{
float:left;
border:1px solid #CCC;
display:block;
width:50px;
height:93px;
overflow:hidden;
position:relative;
z-index:1;
margin:5px;
}
li.spthumbs img{
position:relative;
height:89px;
margin:0 auto;
padding:2px;
}
.cauhoi{
		font-weight:bold;
		float:left;
		width:70%;
		border:solid 1px #CCCCCC;
		border-radius:4px;
		line-height:18px; 
		position:relative;
	}
.traloi{
		float:right;
		width:70%;
		border:solid 1px #CCCCCC;
		border-radius:4px;
		line-height:18px; 
		position:relative;
	}

.sidebar_box{
	line-height:20px;
	width:100%;
	border:solid 1px #CCCCCC;
}
#cat{
	width:186px; border-bottom:solid 1px #CCCCCC; float:left; margin:0; height:190px; position:relative; border-left:solid 1px #CCCCCC; border-top:solid 1px #CCCCCC; cursor:pointer;
		-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);
 margin-left:10px;
 margin-bottom:10px;
}
#cat:hover{
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 0x 10px rgba(0,0,0,.2), inset 0 0px 0 rgba(0,0,0,.6);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 0 10px rgba(0,0,0,.2), inset 0 0px 0 rgba(0,0,0,.6);
	box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 0 10px rgba(0,0,0,.2), inset 0 0px 0 rgba(0,0,0,.6);
}





.chitiet1{
	background-color:#333333;
	border:solid 1px #D4D4D4;
	padding:2px 5px 2px 5px;
	text-align:center;
	color:#FFF;
	text-decoration:none;
}

.chitiet{
	background-color:#EFEFEF;
	border:solid 1px #D4D4D4;
	padding:0px 5px 0px 5px;
	text-align:center;
	color:#333;
	text-decoration:none;
}
.chitiet:hover{
	background-color:#999999;
	border:solid 1px #D4D4D4;
	padding:0px 5px 0px 5px;
	text-align:center;
	color:#FFF;
	text-decoration:none;
}


.npageb{
	background:url(../../images/befor.png) no-repeat left 5px center; 
	border:solid 1px #D4D4D4;
	padding:3px 5px 3px 5px;
	text-align:center;
	color:#333;
	text-decoration:none;
}
.npageb:hover{
	background:#CCCCCC url(../../images/befor.png) no-repeat left 5px center;
	color:#FFF; 
}
.npagea{
	background:url(../images/after.png) no-repeat right 5px center; 
	border:solid 1px #D4D4D4;
	padding:3px 5px 3px 5px;
	text-align:center;
	color:#333;
	text-decoration:none;
}
.npagea:hover{
	background:#CCCCCC url(../images/after.png) no-repeat right 5px center;
	color:#FFF; 
}

.npage{
	background-color:#EFEFEF;
	border:solid 1px #D4D4D4;
	padding:5px 8px 5px 8px;
	text-align:center;
	color:#333;
	text-decoration:none;
}
.npage:hover{
	background-color:#CCCCCC;
	color:#FFF;
}
.npage_select{
	background-color:#c20404;
	border:solid 1px #c20404;
	padding:3px 5px 3px 5px;
	text-align:center;
	color:#FFF;
	text-decoration:none;
}
/*div.chitietsp{
margin:0 auto;
border:1px solid #CCC;
display:block;
width:150px;
min-height: 120px;
height: auto !important;
height: 120px;
overflow:hidden;
position:relative;
z-index:1;
}

div.chitietsp img{
position:absolute;
top:0;
left:0;
}*/
div.img_rate{
margin:0 auto;
border:1px solid #CCC;
display:block;
float:left;
width:120px;
height:200px;
overflow:hidden;
position:relative;
z-index:1;
margin-right:10px;
text-align:center;
}
div.img_rate img{
position:relative;
margin:0 auto;
height:100%;
}


div.img_news{
margin:0 auto;
border:1px solid #CCC;
display:block;
float:left;
width:140px;
height: 100px;
overflow:hidden;
position:relative;
z-index:1;
margin-right:10px;
margin-top:5px;
text-align:center;
}
div.img_news img{
position:relative;
margin:0 auto;
}


.link{
	color:#039;
	font-size:14px;
	text-decoration:underline;
	font-weight:bold;
}
.link:hover{
	color:#900;
	text-decoration:none;
}
.link2{
	color:#4471c2;
	text-decoration:none;
}
.link2:hover{
	color:#FC0;
	text-decoration:none;
}

.link3{
	color:#000000;
	text-decoration:none;
}
.link3:hover{
	color:#FC0;
	text-decoration:none;
}
.link4{
	color:#FFF;
	text-decoration:none;
}
.link4:hover{
	color:#FF0;
	text-decoration:none;
}

/* --------------------------- icon -----------------------*/

.address{
background-image:url(../images/home-icons.png);background-repeat:no-repeat;
background-position:0% 77%; list-style:none;  line-height:18px; padding-left:20px; font-size:11px;
}
.home{
background-image:url(../images/home-icons.png);background-repeat:no-repeat;
background-position:0% 42%; list-style:none;  line-height:19px; padding-left:20px; font-size:12px; font-weight:bold;}

.phone{
background-image:url(../images/home-icons.png);background-repeat:no-repeat;
background-position:0% 79%; width:180px; list-style:none;  line-height:19px; padding-left:20px; font-size:11px;}
.website{
background-image:url(../images/home-icons.png);background-repeat:no-repeat;
background-position:0% 86%; width:180px; list-style:none; line-height:20px; padding-left:20px; font-size:11px;	
}
.email1{
	background-image:url(../images/home-icons.png);background-repeat:no-repeat;
background-position:0% 87.3%; list-style:none; padding-left:20px; color:#F3F3F3; font-weight:bold;
}
.mobile {
background-image:url(../images/home-icons.png);background-repeat:no-repeat;
background-position:0% 81%; list-style:none; padding-left:20px; color:#F3F3F3; font-weight:bold;
}
.fax{
background-image:url(../images/home-icons.png);background-repeat:no-repeat;
background-position:0% 83%; width:180px; list-style:none; line-height:22px; padding-left:20px; font-size:11px;	
}
.facebook{
background-image:url(../images/home-icons.png);background-repeat:no-repeat;
background-position:0% 90%; list-style:none; line-height:20px; padding-left:22px; font-size:11px;
}
.yahoo{
background-image:url(../images/home-icons.png);background-repeat:no-repeat;
background-position:0% 92%; list-style:none; line-height:28px; padding-left:22px; font-size:13px;
}
.skype{
background-image:url(../images/home-icons.png);background-repeat:no-repeat;
background-position:0% 95%; list-style:none; line-height:28px; padding-left:22px; font-size:13px;
}
/* --------------------------- end of icon -----------------------*/
.xemtiep{
	color:#999;
	text-decoration:none;
}
.xemtiep:hover{
	color:#666;
}