/* CSS Design by DSI */

@import url("../css/templates.css");

/* CSS Design by DSI */

div#wapper		{
				margin:0 auto;
				padding:0;
				}

div#main	{
			margin:0 auto;
			padding:0;
			width:1000px;
			border:1px solid #FFF;
			background:#fff;
			
			}



/*  Head    */


div#head { margin:0px; padding:0px; width:1000px; float:left; border:0px}
div#head #baner_top{ margin:0px; padding:0px; width:1000px; float:left; border:0px}	
div#head #baner_under{ margin:0px; padding:0px; width:1000px; float:left; border:0px}						

/* Menu */
 #tabs {
	float:left;
	width:1000px;
	height:33px;
	background:url(../images/bg_navi1.png) no-repeat;
	font-size:11px;
	font-weight:normal;
	text-transform:uppercase;
	border-top:1px solid #C39194;
	line-height:normal;
	font-family:Tahoma;
}
 #tabs ul {
	margin:0;
	padding:0px;
	list-style:none;
	}
 #tabs li{
	display:inline;
	margin:0;
	padding:0px 20px;
	line-height:33px;
	float:left;
	}
	
	
	#tabs li.menu1,  #tabs li.menu2{ padding:0px 30px; }
	#tabs li.menu3{ padding:0px 20px; }
	
	#tabs li a{
		text-decoration:none;
		color:#fff;
		font-weight:bold;
	}
	
	#tabs li a:hover{ color:#FFFF00; }
	#tabs #active a{ color:#FFFF00; font-weight:bold;}


/* Search  */

#tabs .search{ margin-top:0px; padding:0px; width:180px; height:20px; float:left;}
#tabs .search form{ width:180px; border:0; float:left; margin-top:3px;}
#tabs .search form .table_search_head{ margin:3px 0px 0px 0px; padding:0px; border:0px;}

#tabs .search form .table_search_head .input_search{ margin:0px; padding:0px; height:20px; width:110px; background:url(../images/bg_search_text.png) no-repeat; float:left; border:1; color:#fff; font-size:11px; text-align:left; line-height:22px; behavior: url(http://tvahat.com/themes/tvahat/css/iepngfix.htc);}
#inputtext_se{ background:none; border:0; font-size:11px; margin-top:2px; padding:0px; width:140px; color:#fff;}
#tabs .search form .table_search_head .Sbmit_search{ margin:0px 0px 0px 0px;  padding:0; height:20px; width:22px; background:url(../images/bg_search_submit.png) no-repeat; float:left; border:0; color:#fff; font-size:11px; text-align:left; behavior: url(http://tvahat.com/themes/tvahat/css/iepngfix.htc); border:0;}
#inputtext_se{ background:none; border:0; font-size:11px; margin-top:2px; padding:0px 5px; width:130px; color:#fff;}

#submit_head{ width:20px; height:20px; background:none; border:0;}




/* under_menu  */

 #under_menu{
	margin-top:1px;
	padding:0px;
	width:1000px;
	height:29px;
	border-top:1px solid #C39194;
	background:url(../images/bg_under_menu.png) top left repeat-x;
	float:left;
}


/* ################### content ##################   */

#content{ width:1000px; float:left;}


/* ################### Left ##################   */

#left{ margin:0px 0px 0px 2px; width:177px; float:left;}
#left .boxA{width:177px; height:33px; background:url(../images/bg_title_l.jpg) no-repeat; text-align:center; line-height:33px; color:#fff; font-weight:bold;  float:left;}

#left .box2A{ 
	margin-bottom:5px; 
	width:175px; 
	border:1px solid #D0D0D0; 
	float:left; 
	position:relative
}


#left .boxB{
			width:177px;
			height:31px; 
			background: url(../images/bg_title_l.jpg) no-repeat; 
			text-align:center;
			line-height:33px;
			color:#fff; 
			font-weight:bold; 
			float:left; 
 		 }
 
#left .box2B{ *margin-top:-2px;width:177px; float:left; padding-left:5px}		 
#left .box2B img{float:left;}		 


#evaluation{ 
	margin:5px 0px; width:177px; height:216px; float:left;
	font-family:Tahoma;
	font-size:11px;
}
#evaluation .top{
	background:url(../images/bg_evaluation_top.jpg) bottom no-repeat;
	width:177px;
	height:6px;
	margin:0px;
	padding:0px;
}
#evaluation .mid{
	background:url(../images/bg_evaluation_mid.jpg);
	width:177px;
	margin:0px;
	padding:0px;
}
#evaluation .bot{
	background:url(../images/bg_evaluation_bot.jpg) no-repeat;
	width:177px;
	height:6px;
	margin:0px;
	padding:0px;
}
#evaluation table{ margin:0; padding:0px 5px; font-size:11px; text-align:left;}
#evaluation table td{ padding:0px 5px;}
#evaluation ul{
	text-align:left;
	padding:0px;
	margin:0px;
}
#evaluation ul li{
	margin:0px;
	padding:5px 3px 5px 10px;
	font-size:11px;
	line-height:normal;
}


#left .chungcau_kq{ margin:0px; width:160px; height:25px;}
#left .chungcau_kq .bc{ width:76px; height:25px; float:left;}
#left .chungcau_kq .kq{ width:83px; height:25px; float:left;}


/* ################### component ##################   */

#components{
	margin:0px 0px 0px 10px;
	width:605px;
	border:0px solid #0000FF;
	float:left;
}

/* ################### video ##################   */
#components .slide{ margin:0; padding:0; height:270px; float:left;}
#components .slide .video{ width:362px; height:270px; float:left;}
#List_video{ width:240px!important; width:230px; height:268px; border:1px solid #E7E7E7; overflow:auto; float:left;}
#List_video .row{ margin:1px 0px 5px 0px;;width:220px; float:left;}
#List_video .row .image img{width:60px; float:left; border:1px solid #666; padding:1px;}
#List_video .row .text{width:140px; text-align:left; float:right;}
#List_video .row .text span{ color:#666666; font-size:10px; width:10px;}
#List_video .row .text a, #List_video .row .text a:visited{ color:#00A8D2; font-weight:bold;}
#List_video .row .text a:hover{text-decoration:underline;}

/* ################### End video ##################   */

/* ################### new_products ##################   */

#components .new_products{ margin-top:5px; width:605px; float:left; border:0px solid #0000FF;}
#Hightlight_products{ margin-top:5px; width:605px; float:left; border:0px solid #0000FF;}
#components .new_products .top{ width:605px; height:29px; background:url(../images/top_new_products.png) no-repeat;}
#components .new_products .products{ margin:10px 13px 0px 0px; width:193px; height:206px; background:url(../images/khung_products.png) no-repeat; float:left;}
.category{
	background:url(../images/khung_products1.png) no-repeat;
}
#components .new_products span.giaco{ font-weight:bold; text-align:left; width:160px; float:left; padding:0px 5px;}
#components .new_products span.giaco a{ color:#00A8D2; text-decoration:underline;}
#components .new_products span.giaco a:hover{ color:#9F1312;}
#components .new_products .products img{ margin:10px 6px; width:180px; height:110px; float:left;}
#components .new_products .products_r{ margin:10px 0px 0px 0px; width:193px; height:206px; background:url(../images/khung_products.png) no-repeat; float:right;}
#components .new_products .products_r img{ margin:10px 6px; width:180px; height:110px; float:left;}

#components .new_products .products .pice_by{ width:180px; height:30px; line-height:22px;  font-size:10px; float:left; text-align:left; 
border:0px solid #0000FF; color:#FF0000; padding:5px 0px 0px 10px;}
#components .new_products .products .pice_by  img{ margin-top:0px;padding:0; width:73px; height:22px; float:right;}

#components .new_products .products_r .pice_by{ width:180px; height:30px; line-height:22px;  font-size:10px; float:left; text-align:left; 
border:0px solid #0000FF; color:#FF0000; padding:5px 0px 0px 10px;}
#components .new_products .products_r .pice_by  img{ margin-top:0px;padding:0; width:73px; height:22px; float:right;}



/* ################### Hightlight_products ##################   */

#Hightlight_products #tabs_products {
	float:left;
	margin-top:10px;
	padding:0px;
	width:605px;
	height:30px;
	font-size:12px;
	font-weight:normal;
	line-height:normal;
	border-bottom:1px solid #D0B858;
	}
 #Hightlight_products #tabs_products ul {
	margin:0;
	padding:0px 10px 0 10px;
	list-style:none;
	}
#Hightlight_products #tabs_products li {
	display:inline;
	margin:0;
	padding:0;
	}
	
	
#Hightlight_products  #tabs_products li.search{
	float:left;
	background:url("../images/tableft.jpg") no-repeat left top;
	behavior: url(iepngfix.htc);
	margin:0 2px;
	padding:0 0 0 4px;
	text-decoration:none;
}

#Hightlight_products #tabs_products li.search span {
	float:left;
	display:block;
	background:url("../images/tabright.jpg") no-repeat right top;
	padding:3px 15px 3px 6px;
	*padding:2px 15px 2px 6px;
	color:#4A2619;
	}
	
#Hightlight_products #tabs_products a {
	float:left;
	background:url("../images/tableft.jpg") no-repeat left top;
	margin:0 2px;
	padding:0 0 0 4px;
	text-decoration:none;
	}
#Hightlight_products #tabs_products a span {
	float:left;
	display:block;
	background:url("../images/tabright.jpg") no-repeat right top;
	padding:9px 15px 6px 6px;
	color:#553102;
	}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#Hightlight_products #tabs_products a span {float:none;}
/* End IE5-Mac hack */
#Hightlight_products #tabs_products a:hover span {
	color:#8B3806;
	}
#Hightlight_products #tabs_products a:hover {
	background-position:0% -30px;
	}
#Hightlight_products #tabs_products li.active a {
	background-position:0% -30px;
	}
	
#Hightlight_products #tabs_products a:hover span {
	background-position:100% -30px;
	}
	
#Hightlight_products #tabs_products li.active a span {
	background-position:100% -30px;
	} 	
	
/* ################### Hightlight_products ##################   */
#Hightlight_products{ margin-top:5px; width:605px; float:left; border:0px solid #0000FF;}
#Hightlight_products{ margin-top:5px; width:605px; float:left; border:0px solid #0000FF;}
#components .new_products .top{ width:605px; height:29px; background:url(../images/top_new_products.png) no-repeat;}
#Hightlight_products .products{ margin:10px 13px 0px 0px; width:193px; height:206px; background:url(../images/khung_products.png) no-repeat; float:left;}
#Hightlight_products span.giaco{ font-weight:bold; text-align:left; text-decoration:underline; width:160px; float:left; padding:0px 5px;}
#Hightlight_products span.giaco a{ color:#00A8D2; text-decoration:underline;}
#Hightlight_products span.giaco a:hover{ color:#9F1312;}
#Hightlight_products .products img{ margin:10px 6px; width:180px; height:110px; float:left;}
#Hightlight_products .products_r{ margin:10px 0px 0px 0px; width:193px; height:206px; background:url(../images/khung_products.png) no-repeat; float:right;}
#Hightlight_products .products_r img{ margin:10px 6px; width:180px; height:110px; float:left;}

#Hightlight_products .products .pice_by{ width:180px; height:30px; line-height:22px;  font-size:10px; float:left; text-align:left; 
border:0px solid #0000FF; color:#FF0000; padding:5px 0px 0px 10px;}
#Hightlight_products .products .pice_by  img{ margin-top:0px;padding:0; width:73px; height:22px; float:right;}

#Hightlight_products .products_r .pice_by{ width:180px; height:30px; line-height:22px;  font-size:10px; float:left; text-align:left; 
border:0px solid #0000FF; color:#FF0000; padding:5px 0px 0px 10px;}
#Hightlight_products .products_r .pice_by  img{ margin-top:0px;padding:0; width:73px; height:22px; float:right;}
	

/* ################### Right ##################   */
#right{ margin-right:2px; width:196px; float:right;}
 .News_box_list{ width:196px; float:left; background:url(../images/all_left_box.png) top left repeat-y;}
 .News_box_list .bottom_left_box{ width:196px; float:left; background:url(../images/bottom_left_box.png) bottom left no-repeat;}
.News_box_list .bottom_left_box .top_left_box{ width:196px; float:left; background:url(../images/top_left_box.png) top left no-repeat; padding-bottom:10px;}
.News_box_list .bottom_left_box .top_left_box h3{
	color:#666666; font-size:12px; margin:0px; padding-left:20px; line-height:34px; text-align:left; font-weight:normal; text-transform:uppercase;
}

/* ################### News ##################   */
#List_News{ width:190px; float:right;}
#List_News .row{ margin:4px 0px 5px 3px;width:190px; float:left;}
#List_News .row .image img{width:50px; float:left; border:1px solid #e4e4e4; padding:1px;}
#List_News .row .text{width:120px; text-align:left; float:left; margin-left:3px;}
#List_News .row .text a, #List_News .row .text a:visited{font-weight:normal; color:#00A8D2}
#List_News .row .text a:hover{text-decoration:underline;}

/* ################### Hotline ##################   */

#right .hotline_head{ margin:5px 0px 0px 0px; width:194px; height:44px; float:right; background:url(../images/hotline_top.png) no-repeat;  text-align:left;
}
#right #hotline{ margin:0px 0px 0px 0px; width:194px; float:right; background:url(../images/hotline.png) repeat-y;  text-align:left;
}
#right .hotline_head .phone{ width:160px; height:22px; background:url(../images/phone.png) top left no-repeat; float:right; margin:10px; *margin:5px;
 font-size:10px; color:#333333; font-weight:normal; text-transform:uppercase; text-align:left; padding-left:10px; line-height:22px;}
 #right .hotline_head .phone span{ padding:0px 30px;}
 #right #hotline table{ margin:10px 0px 10px 0px; float:right; color:#006787;}
#right .hotline_foot{ margin:0px 0px 0px 0px; width:194px; height:10px; float:right; background:url(../images/hotline1.jpg) no-repeat;  text-align:left;}
 
 /* ################### Hotline ##################   */
 
 #right #tygia{ width:196px; float:right; margin:10px 0px; padding-bottom:10px;}
#sphot{ width:196px; float:right;}

  .title{ width:160px; text-align:left; line-height:34px; color:#FFFFFF; padding-top:0px!important;  *padding-top:10px; text-transform:uppercase; color:#666666}
  
   /* ################### Sphot##################   */
  
#sphot .row{ margin:10px 0px 0px 10px!important;  *margin:20px 0px 5px 5px; width:180px; float:left;}
#sphot .row .image img{width:40px; height:40px; float:left; border:1px solid #e4e4e4; padding:1px; margin:4px 8px!important;}

 
 
 
/* footer    */


div#footer{ width:990px; background:url(../images/bg_footer.png) no-repeat; float:left; border:0px solid #0000FF;}
div#footer .item_footer{ 
	font-family:Tahoma;
	font-size:11px;
	margin-top:20px; padding:0px; width:940px; float:left; text-align:center;
}



/*Exrate*/
.tbl_exrate{
	font-size:11px;
}
.tbl_exrate th{
	padding:3px;
	border-bottom:1px #666666 dashed;
}
.tbl_exrate td{
	padding:2px;
	border-bottom:0px #F5F5F5 dashed;
}
.txt_price{
	color:#FF0000;
	font-weight:bold;
}
.tbl_exrate .even{
	background:#FFFFFF;
	color:#AA1004;
}
.tbl_exrate .odd{
	background:#e3dfde;
	color:#AA1004;
}
.tbl_exrate .inc{
	color:#207115;
}



 /*Begin News*/
.bg_title{
	padding-left:15px; font-weight:bold; font-family:Tahoma;
	/* border-bottom:1px solid #d0b858;*/
	background:url(../images/bg_news.png) no-repeat;
	color:#FFFFFF;
}
.bg_title a{
	color:#FFFFFF;
}
.news_block{
	font-size:12px;
	color:#575757;
}
.news_block .title{
	padding:3px 0px 3px 0px;
	font-weight:bold;
	width:100%;
	line-height:24px;
}
.news_block .image{
	background:url(../images/bg_img.jpg) no-repeat;
	padding:0px 5px 5px 0px;
	width:160px;
	height:113px;
	float:left;
}
.news_block .image img{
	padding-top:6px;
	padding-left:6px;
	width:148px;
	height:101px;
}
.news_block .date{
	font-size:12px;
	color:#f8b150;
}
.news_block .intro{
	line-height:16px;
	color:#575757;
	text-align:justify;
}
.news_block .detail{
	text-align:right;
}
.news_block .detail a{
	font-size:11px; 	
}
.news_nonews{
	color:#FF0000;
	font-size:11px;
}
.news_paging{
	height:30px;
	padding:5px;
}

.news_block2{
	color:#575757;
	font-family:Tahoma;
	font-size:12px;
	padding:0px;
}

.news_block2 .nav{
	color:#999999;
	font-weight:bold;
}
.news_block2 .posted_at{
	text-align:right;
	color:#919090;
	font-size:10px;
}
.news_block2 .title{
	padding:10px 0px 10px 0px;
	color:#2b79b7;
	font-weight:bold;
	font-size:18px;
	width:100%;
}
.news_block2 .image{
	padding:0px 5px 5px 0px;
	float:left;
}
.news_block2 .content{
	color:#575757;
	text-align:justify;
}
.news_block2 .author, .news_block2 .source{
	padding:10px 0px 10px 0px;
	text-align:right;
}
.news_block2 .share{
	padding:10px 0px 10px 0px;
	text-align:right;
	font-size:11px;
	font-weight:bold;
}
.news_block2 .otitle{
	padding:10px 0px 10px 0px;
	color:#5D9400;
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
}
.news_block2 .qcao{
	text-align:center;
}
.news_block2 .feedback{
	font-size:10px;
}
.main_content{

}
.main_content a{
	color:#004F7E;
}
.main_content a:visited{
	color:#004F7E;
}
.main_content a:hover{
	color:#004F7E;
}

.news_block2 .content ul{
  display: block;
  list-style-type: disc;
  margin: 1em 0;
  -moz-padding-start: 40px;
}
.news_block2 .content ol{
  display: block;
  list-style-type: disc;
  margin: 1em 0;
  -moz-padding-start: 40px;
}
.content_page ul{
  display: block;
  list-style-type: disc;
  margin: 1em 0;
  -moz-padding-start: 40px;
}
.content_page ol{
  display: block;
  list-style-type: disc;
  margin: 1em 0;
  -moz-padding-start: 40px;
}
.content_page p{
	margin: 1em 0;
}
.content_page h1 {
  display: block;
  font-size: 2em;
  font-weight: bold;
  margin: .67em 0;
}

.content_page h2 {
  display: block;
  font-size: 1.5em;
  font-weight: bold;
  margin: .83em 0;
}

.content_page h3 {
  display: block;
  font-size: 1.17em;
  font-weight: bold;
  margin: 1em 0;
}

.content_page h4 {
  display: block;
  font-weight: bold;
  margin: 1.33em 0;
}

.content_page h5 {
  display: block;
  font-size: 0.83em;
  font-weight: bold;
  margin: 1.67em 0;
}



.button{
	font-family:Tahoma;
	padding:0px 3px 0px 3px;
	border:1px #004F7E solid;
	background:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	color:#004F7E;
}
.secure_code{
	width:120px; 
	height:39px; 
	vertical-align:middle; 
	font-size:30px; 
	letter-spacing:3px;
	font-weight:bold;
	/*text-transform:uppercase;*/
	font-family:Verdana;
}
.secure_code2{
	width:100px; 
	height:18px; 
	vertical-align:middle; 
	font-size:16px; 
	letter-spacing:3px;
	font-weight:bold;
	font-family:Verdana;
}
/*pagination*/
.pagination{
	margin-top:10px;
	padding: 2px;
	padding-top:10px;
}
.pagination ul{
	margin: 0;
	padding: 0;
	text-align: left; /*Set to "right" to right align pagination interface*/
	font-size: 11px;
}
.pagination li{
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
	float:left;
	
}
.pagination a, .pagination a:visited{
	padding: 0 5px;
	border: 1px solid #FF0000;
	text-decoration: none; 
	color: #FF0000;
}
.pagination a:hover, .pagination a:active{
	border: 1px solid #FF0000;
	color: #FFFFFF;
	background-color: #FF0000;
}
.pagination a.currentpage{
	background-color: #FF0000;
	color: #FFF !important;
	border-color: #FF0000;
	font-weight: bold;
	cursor: default;
}
.pagination a.disablelink, .pagination a.disablelink:hover{
	background-color: white;
	cursor: default;
	color: #929292;
	border-color: #929292;
	font-weight: normal !important;
}
.pagination a.prevnext{
	font-weight: bold;
}
/*end Paging*/

.product_tbl{
	width:100%;
	font-family:Tahoma;
	text-align:left
}
.product_tbl td{
	border-bottom:1px #CCCCCC dotted;
}
.product_tbl .scaledimg{
	width:500px;
}
.txt_title_small{
	font-size:11px;
	
}

/*Begin Tooltip*/
#tooltip {
    position: absolute;   
    border: 1px solid #CCCCCC;
    background: #FFFFFF ;/*url(../images/icon-rb.gif) no-repeat top left*/
    padding: 2px 5px 2px 5px;
    opacity: 0.9;
	filter: alpha(opacity = 90);
	margin:0px;
    color: #000000;
	font-size:11px;
}
#tooltip h3, #tooltip div {
    text-align: left;
    font-size: 11px;
    font-weight: normal;
    margin: 0px;
	padding:0px;
	
}
#tooltip .price{
	color:#FF0000;
}
#tooltip.darktip {
    background: #333;
}
/*End Tooltip*/


#maingallery{
	font-size:11px;
}
#maingallery .nav{
	padding:8px 2px 8px 2px;
	border:1px solid #CCCCCC;
	border-bottom:2px solid #000000;
}
#maingallery .paging{
	padding:5px 2px 5px 2px;
	border:1px solid #CCCCCC;
	border-bottom:2px solid #000000;
}
#maingallery .listimg{
	padding-top:5px;
	padding-bottom:5px;
}
#maingallery .slideshow{
	padding-top:5px;
	padding-bottom:5px;
}
.img_album{
	padding:2px;
	border:#CCCCCC 1px solid;
	width:60px;
	height:45px;
}
.img_bg{
	padding:9px 2px 2px 10px;
	background:url(../images/image_bg.jpg) no-repeat;
	width:160px;
	height:121px;
}
.img_one{
	border:#CCCCCC 0px solid;
	width:140px;
	height:100px;
}

#cart_totalQuantity_id{
	font-weight:bold;
}
#cart_totalPrice_id{
	color:#FF0000;
	font-weight:bold;
}


.bgg_title{
	margin-top:5px;
	background:url(../images/bgg_bg.jpg);
	height:29px;
	text-align:left;
	color:#FFFFFF;
	font-family:Tahoma;
	font-size:12px;
	font-weight:bold;
}
.bgg_title a, .bgg_title a:visited{
	color:#FFFFFF;
}
.bgg_left{
	float:left;
	background:url(../images/bgg_left.jpg);
	width:23px;
	height:29px;
}
.bgg_mid{
	float:left;
	background:url(../images/bgg_mid.jpg);
	height:24px;
	padding-top:5px;
}
.bgg_right{
	float:left;
	background:url(../images/bgg_right.jpg);
	width:53px;
	height:29px;
}

#faq{
}
#faq .nav{
	font-size:11px;
	padding:8px 2px 10px 2px;
	border:1px solid #CCCCCC;
	border-bottom:2px solid #000000;
}
#faq a, #faq a:visited{
	color:#00A8D2;
}
#faq a:hover{
	text-decoration:underline;
}
#faq ul{
	list-style:none;
	padding-left:10px;
	padding-top:10px;
}
#faq ul li{
	background:url(../images/help_16.gif) no-repeat;
	padding-bottom:10px;
	padding-left:20px;
	line-height:18px;
}
