@charset "utf-8";
/* CSS Document */

* { outline:0; vertical-align:baseline; margin:0; padding:0;}
html, body { text-align:center; height:100%; _height:100%; margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:20px; color:white}
.wrapper{ width:1024px; margin:0 auto}
.header{ background:url(../images/images/header.jpg) no-repeat; width:1024px; height:347px; margin:0 auto}
.content{ background:url(../images/images/content.jpg) no-repeat; width:1024px; height:auto; margin:0 auto}
body{ background-color:#ececec}
.menu_sanpham{ width:246px; height:auto; float:left}
.header_menu_sanpham{ background:url(../images/images/khung_menu.png) no-repeat; width:246px; height:auto;}
.footer_menu_sanpham{ background:url(../images/images/footer_khung_menu.png) no-repeat; width:246px; height:34px;}
.repeat_menu_sanpham{ background:url(../images/images/repeat_menu_sanpham.png) repeat-y}
.clearb{ clear:both}
.pd_menu{ text-align:left; padding-left:50px; line-height:35px;}
.phuocan_btn{ background:url(../images/phuocan_btn.png) no-repeat; width:93px; height:37px; margin:0 auto; padding-left:27px; padding-top:5px; color:#FFF}
.phuocan_btn:hover{ background:url(../images/phuocan_btn_hover.png) no-repeat; width:93px; height:37px; margin:0 auto; padding-left:27px; padding-top:5px; color:#FFF; cursor:pointer}

.phuocan_btn_xemgiohang{ background:url(../images/phuocan_btn_giohang.png) no-repeat; width:110px; height:37px; margin:0 auto; padding-left:27px; padding-top:5px; color:#FFF; overflow:hidden}
.phuocan_btn_xemgiohang:hover{ background:url(../images/phuocan_btn_giohang_hover.png) no-repeat; width:110px; height:37px; margin:0 auto; padding-left:27px; padding-top:5px; color:#FFF; cursor:pointer; overflow:hidden}

.glossymenu{
padding: 0;
width: 180px; /*width of menu*/
border-bottom-width: 0;
padding-top:5px;
}

.glossymenu a.menuitem{
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
text-decoration: none;
text-align:left;
padding-left:21px;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 10px;
#top: 0px;
left: 0px;
border: none;
vertical-align:middle;
}

div.glossymenu a.menuitem:hover{
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
height:auto;
margin-left:7px;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid black;
text-align:left;
height:25px;
#margin-top:-8px;
vertical-align:text-top;
}

.glossymenu div.submenu ul li a{
display: block;
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
font-weight:bold;
color: black;
text-decoration: none;
height:25px;
padding-left:10px;
vertical-align:middle;
}

.glossymenu div.submenu ul li a:hover{
background:#900;
color: white;
height:25px;
}

.cot1{ width:247px; float:left; }
.cot2{ width:547px; float:left}
.cot3{ width:230px; float:left}

.khung_lienhe{ background:url(../images/images/khung_lienhe.png) no-repeat; width:246px; height:359px;}
.khung_thongke{ background:url(../images/images/khung_thongke.png) no-repeat; width:246px; height:75px;}
.pd_truycap{ text-align:left; padding-top:25px; padding-left:62px;}

.khunggiua_content{ background:url(../images/images/khunggiua_content.png) no-repeat; width:550px; min-height:484px;  height:auto}
.khunggiua_footer{ background:url(../images/images/khunggiua_footer.png) no-repeat; width:550px; height:61px; }
.khung_sanphammoi{ background:url(../images/images/khung_sanphammoi.png) no-repeat; width:228px; height:239px; margin-left:2px;}
.khung_tinmoi{ background:url(../images/images/khung_tinmoi.png) no-repeat; width:228px; height:313px; margin-left:2px;}
.footer{ background:url(../images/images/footer.jpg) no-repeat; width:1024px; height:68px; margin:0 auto}
.pd_content{ text-align:left; color:#000; padding-left:35px; padding-top:15px; padding-right:20px; height:auto}
.pd_content2{ text-align:left; color:#000; padding-left:35px; padding-top:15px; padding-right:20px; margin-left:10px;}

/*form lien he------------------------------------------------*/
.form-lienhe{ width:500px; _width:490px; margin:0 auto; text-align:center;}
.input-radio{ width:20px; vertical-align:middle;}
.line2-contact{ margin-left:-20px; margin-bottom:10px;}
.line1-contact{ margin-left:12px; margin-bottom:10px;}
.textarea1{ width:270px; height:100px;}
.line3-contact{ margin-left:-14px;margin-bottom:10px;}
.midd{ width:15px; vertical-align:middle;}
.btn_gui{ height:25px;}
.css-form{ border:solid 1px color:#CCCCCC}
.center{ text-align:center}
.form-lienhe input { background-color:#CCC;}
.form-lienhe textarea { background-color:#CCC; border:none}

/*google map------------------------------------------------------------*/
.plan {
	width: 485px;
	height: 480px;
	border: solid 2px #a10911;
}
#map .infosbulle {
	width: 210px;
	border: none;
	margin: 0;
	padding: 0;
	height:500px;
}
#map .infosbulle p {
	display: block;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
.plan-titre {
	font-size: 14px;
	color: #5F0666;
	font-weight: bold;
	margin-bottom: 1em;
}
.plan-adresse {
	font-size: 12px;
	color: #333;
}
.plan-printer {
	display:block;
	text-align: right;
}
.plan-printer img, 
.plan-printer a {
	border: none;
}

.wrapper_khunggiua{ background:url(../images/images/repeat_y_khung_giua.png) repeat-y; text-align:left; margin-left:-1px;}

.hover_chitiet{display: block; background:url(../images/read-detail.png) no-repeat; width:80px; height:28px;}
.hover_chitiet:hover{ background:url(../images/read-detail2.png) no-repeat; width:80px; height:28px;}

.title_daily{ background:url(../images/title-news-image.png) no-repeat; width:276px; height:25px; color:white; padding-left:10px; font-weight:bold; padding-top:2px;}
.khung_daily{ background:#f3f1f1; border:solid 1px #a4a4a4; padding:15px;}
.daily_item:hover{ background:#fdd0d0; cursor:default; border:solid 1px #b60000; cursor:pointer}
.tin_moi{ color:black; padding:2px; margin-bottom:15px; height:50px;}
.pd_tinmoi{ text-align:left; padding-top:60px; padding-left:15px; padding-right:15px; line-height:20px;}
.tin_moi:hover{ background:#a50000; color:white; cursor:pointer; padding:2px;}
.product{ width:200px; height:200px; float:left; margin-right:20px; border: solid 1px #cacaca; margin-bottom:20px; padding:10px; background-color:#eeeeee; text-align:center}
.img{ border: solid 2px white; margin-bottom:5px; }
.price{ font-weight:bold; color:#F00; margin-bottom:10px;}
.hover_chitiet1{ background:url(../images/chitiet-product.png) no-repeat; width:70px; height:26px; margin:0 auto}
.hover_chitiet1:hover{ background:url(../images/chitiet-product_hover.png) no-repeat; width:70px; height:26px; cursor:pointer}
.ten{ padding-top:0px; padding-bottom:0px; margin-bottom:5px;font-weight:bold; background:url(../images/tieude.jpg) no-repeat; width:195px; height:20px;}
.ten_tips{ background:#a60000; color:white; padding-top:2px; padding-bottom:2px; margin-bottom:5px; text-align:left; padding-left:10px;}
.ten_chitiet{background:#a60000; color:white; padding-top:2px; padding-bottom:2px; margin-bottom:15px; text-align:left; margin-left:-15px; padding-left:10px; border: solid 1px #6a0000}
.ui-corner-all1 { -moz-border-radius: 10px/*{cornerRadius}*/; -webkit-border-radius: 10px/*{cornerRadius}*/; }

#loading{   /* hiding the rotating gif graphic by default */
		visibility:hidden;}
.short_des_tips{ float:left; width:180px; text-align:justify; margin-left:10px;}
.img_chitiet{ width:360px; float:left; background-color:white; height:240px; margin-left:-15px; border: solid 1px #cfcfcf; overflow:hidden}
.cot2_chitiet{ width:100px; float:left; height:240px; margin-left:15px;}
.ten_1{ text-align:center; font-weight:bold; color:#000}
.mota_1{ text-align:left; padding-left:10px; color:#707070}
.info_chi_tiet{ background:#eaeaea;  min-height:100px; height:auto; margin-left:-15px; margin-top:-5px; padding:10px; border: dotted 1px #b8b8b8}
.btn_add_cart{ background:url(../images/add_cart.png) no-repeat; width:161px; height:39px; margin-top:10px; margin-bottom:10px; float:left}
.btn_add_cart:hover{ background:url(../images/add_cart_hover.png) no-repeat; width:161px; height:39px;cursor:pointer}
.printer{ float:left; background:url(../images/printer.png) no-repeat; width:40px; height:37px; margin-top:10px; margin-left:10px;}
.printer:hover{ float:left; background:url(../images/printer_hover.png) no-repeat; width:40px; height:37px; margin-top:10px; margin-left:10px; cursor:pointer}
.email{ float:left; background:url(../images/email.png) no-repeat; width:40px; height:31px;   margin-top:15px; margin-left:10px;}
.email:hover{ float:left; background:url(../images/email_hover.png) no-repeat; width:40px; height:31px;   margin-top:15px; margin-left:10px; cursor:pointer}

.prev_btn{float:left; ; height:100px; background:url(../images/prev_btn.png) no-repeat; width:32px; height:32px; margin-top:48px;}
.prev_btn:hover{float:left;  height:100px; background:url(../images/prev_btn_hover.png) no-repeat; width:32px; height:32px; cursor:pointer}

.sanpham_lq{ float:left; height:130px; }

.next_btn{float:left;  height:100px; background:url(../images/next_btn.png) no-repeat; width:32px; height:32px; margin-top:48px;}
.next_btn:hover{float:left; height:100px; background:url(../images/next_btn_hover.png) no-repeat; width:32px; height:32px; cursor:pointer}
.ten_lq{ background-color:#990000; color:white; border: solid 1px white; overflow:hidden; width:136px;; height:20px;}
.sp_tt{ background-color:#616161; color:white; width:125px; margin-left:-15px; padding:6px; vertical-align:middle}
.ten_2{ font-size:12px; font-weight:bold; color:#940000}
.khung1_osx{ width:250px; float:left;}
.khung2_osx{ width:320px; float:left; }
.header_sanpham{ background:url(../images/bg-title-module.png) no-repeat; width:488px; height:26px; margin-left:-10px; padding-left:15px; color:white; font-weight:bold}
.khung_giohang{ 
	background:url(../images/images/khung_giohang.png) no-repeat; width:228px; height:125px; #height:125px; margin-left:2px;
	padding-top:80px;
	padding-left:20px;
	overflow:hidden;
	}

.giohang{
	width:180px;
	height:100px;
	padding-left:20px;
	text-decoration:none !important;
	color:#000 ;
	overflow:hidden;
	}
#soluong{
	font-weight:bold;}	
	
.xemgiohang{
	background-repeat:no-repeat;
	margin-left:40px !important;
	color:#00F;
	cursor:pointer;
	overflow:hidden;
}

.xemgiohang:hover{
	cursor:pointer;
	color:#FFF;
	}
.xemgiohang-text{
	overflow:hidden;
	margin-left:-53px;
	color:#FFF;
	}	
.input_tieude{ width:455px; height:22px; border:solid 1px white; background:#c2c2c2; padding-left:10px;}
.txt_noidung{width:455px; height:70px; border:solid 1px white; background:#c2c2c2; padding-left:10px; padding-top:8px;}



.comments-list{
	margin-bottom:10px;
	width:455px;
	max-height:250px;
	padding:10px 5px 10px 5px;
	border:1px solid #CCC;
	overflow:auto;
	}
.comments-list-title{
	width:30%;
	padding-left:5px;
	padding-right:5px;
	border-bottom:1px solid #CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	overflow:auto;
	}	
.comments-list-comment{
	width:65%;
	#width:62%;
	padding-left:5px;
	padding-right:5px;
	border-bottom:1px solid #CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	overflow:auto;
	}

.black_txt{ color:black}

.footer-text{
	width:100%;
	padding-top:275px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	clear:both;
	}
.footer-text a{
	color:#FFF;
}

.footer-text a:hover{
	color:#F00;}

.footer-text a:active, .footer-text a:visited{
	color:#FFF;}

.footer-menu{
	width:90% !important;
	padding-top:0px;
	padding-left:275px;
	text-align:center;
	}

.footer-menu-item{
	margin:2px 10px 5px 10px;
	width:auto; 
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#00F;
	text-decoration:underline;
	}
a.link_intro{ color:#000; font-family:Verdana, Geneva, sans-serif; font-size:11px;}
a.link_intro:hover{color:#F00}

a.link_intro1{ color:#000; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
a.link_intro1:hover{color:#F00}

.logo-efe{
	width:100%;
	padding-top:0px;
	}	
.sitemap{
	margin-left:30px;
	padding-left:15px;
	padding-right:15px;
	text-align:left;
	padding-top:20px;
	}
.sitemap li, .sitemap li a{
	color:#00F;
	line-height:20px;
	}	
.sitemap-sub, .sitemap-sub ul li, .sitemap-sub ul li a {
	color:#00F;
	line-height:20px;
	margin-left:50px;
	}
.sitemap li a:hover, .sitemap-sub ul li a:hover{
	color:#F00;
	line-height:20px;
	}	
  .timkiem{
  	position:absolute; 
	margin-left:725px; 
	margin-top:-335px; 
	#margin-top:12px;
	#margin-left:-300px;
	height:20px;
	width:240px; 
	#width:250px;
	overflow:hidden;
	}
   .nuttimkiem{
	position:absolute;
	margin-left:186px;
	margin-top:-21px;
	#margin-top:0px;
	#margin-left:-50px;
	
	padding-top:5px;
	padding-left:10px;
	width:60px; 
	height:25px; 
	cursor:pointer;
	cursor:hand;
	float:left;
	z-index:999999999;
	
	} 	
  .xuly_input{ 
  	width:130px;
	padding-left:2px;
	border:none; 
	background:#FFF;
	}
.noidungtimkiem{
	margin-left:20px;}	
.center-title{
	color:#000;
	}	
.center-content{
	text-align:left; margin-top:-5px; padding-top:10px; padding-left:10px;
	}	
.tukhoa{
	color:#000;
	padding-left:20px; padding-right:15px; text-align:left; padding-top:10px;
	}	

.pd_footer{ text-align:center; padding-top:10px; color:black}

.chay2{ text-align:center}
.chay3{ text-align:center; margin-top:60px; height:130px;}
.link_sitemap { color:black; }
.link_sitemap:hover { color:red; cursor:pointer; text-decoration:none}
.almost_hidden{ color:#CCC; font-size:11px;}
.khung_gthieu{ background:url(../images/images/khung_hinhanhgioithieu.png) no-repeat; width:246px; height:207px;}
.khung_thongtin{ background:url(../images/images/khung_thongtinhuuich.png) no-repeat; width:246px; height:207px; }
.ten_giohang{ background-color:#860000; padding:3px;}
.pd_khung_thongtin{ padding-top:65px; line-height:25px; text-align:left; margin-left:55px;}