﻿body 
{
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: arial, Tahoma, Verdana;
	margin: 0px;
	background:#CDCDCD url(../img/image/ici_bg_homepage.png);		
}
#web-body{background:#FFFFFF; width:1002px;}
a{ text-decoration:none;}
.alwayTop{z-index:9999999999999;}
.cBody td{vertical-align:top;}
.left-zone{vertical-align:top;}
/* Cac thanh phan cua website --------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*--------------------------------Thực đơn ngang ----------------------------------------------------------------*/
.thuc-don-ngang{ font-family: Verdana, Arial; font-size:12px;}
.thuc-don-ngang a span{padding: 8px 10px 8px 10px; color:#FFF;} 
.thuc-don-ngang a:visited span{padding: 8px 10px 8px 10px;} 
.thuc-don-ngang a:hover span{padding: 8px 10px 8px 10px;color:#84FD42;} 

/*--------------------------------Hết thực đơn ngang ----------------------------------------------------------------*/
/* Cac khoi du lieu ------------------------------------------------------------------------------*/
.NguonGocSP {font-family:Arial, tahoma;font-size:14px;color:red;padding:6px 0px 3px 0px;font-weight:bold;}
.NguonGocSP a{font-family:Arial, tahoma;font-size:14px;color:green;padding:6px 0px 3px 0px;font-weight:bold;}


.wbody{width:897px; background:#FFFFFF;}
.wbody_left{width:160px;vertical-align:top; z-index:1000; border:solid 0px #555556;border-top:solid 0px #CDCDCD;border-right:solid 0px #CDCDCD;}
.wbody_center{width:489px;overflow:hidden;}
.wbody_right{width:160px;overflow:hidden;}

.bangtimkiem td{width:100%; height:24px; text-align:right;}
.bangtimkiem td .searchbox{width:140px; height:17px; border:solid 1px #CDCDCD;margin:3px;margin-top:8px; font-family:Verdana,Tahoma, Arial; font-size:11px; background:#FFF url(/images/blue/google-logo.png); background-position:right top; background-repeat:no-repeat;}
.bangtimkiem td .cmdfind{height:20px; border:solid 1px #CDCDCD; font-family:Arial, Tahoma, Verdana; font-size:11px;margin:3px;margin-top:3px;}

#movnext{width:24px;height:24px; border:solid 0px #000000;}
#pagestatus{width:50px;height:17px;border:solid 1px #CDCDCD; font-family:Verdana, Tahoma, Arial; font-weight:bold; font-size:11px; padding-top:3px; text-align:center;color:#c61111;}

#WebPostion{color:#FF0000; text-decoration:none; font-size:12px; font-family:Arial,tahoma, Verdana; font-weight:bold;border:solid 1px #FFFFFF; margin-top:3px;}
#WebPostion a,#WebPostion a:visited {color:#0436A7; text-decoration:none; font-size:12px; font-family:Arial,tahoma, Verdana; font-weight:normal;border:solid 1px #FFFFFF; padding-left:3px;padding-right:3px;}
#WebPostion a:hover {color:#0436A7; text-decoration:none; font-size:12px; font-family:Arial,tahoma, Verdana; font-weight:normal;border:solid 1px #00AEFF; }


#FocusNew{background:url(/images/top_03.png);width:378px; height:25px; overflow:hidden; text-align:left;}
#FocusNewsTitle{background:url(/images/top_02.png);height:18px;width:68px;Text-align:right; font-family:verdana,Arial, Tahoma; font-size:11px; font-weight:bold;color:white; padding-top:7px;padding-right:25px; color:White; overflow:hidden;}

.wleftblock{ background:#1145C6; background-position:top left; background-repeat:no-repeat; padding-top:3px; text-align:center; margin-top:4px;  }
.wleftblock h3{font-weight: bold;font-size: small;color:white;font-family: Verdana,Arial,Tahoma ;	
	margin:0px;position:relative;height:23;top:3; padding-left:10px; text-align:left; overflow:auto;}
.wleftblock div{background:#FFF; position:relative; margin-top:7px; overflow:hidden;padding:1px;}
.wleftblock div a,.wleftblock div a:visited{color:black; text-decoration:none;}
.wleftblock div a:hover{color:red; text-decoration: underline;}

.wrightblock{background:green; background-position:top left; background-repeat:no-repeat; padding-top:2px; text-align:left; margin-top:2px; margin-left:3px;}
.wrightblock h3{font-weight: bold;font-size: 12px;color:white;font-family: Verdana,Arial,Tahoma ;	
	margin:1px;position:relative;height:19px;top:3; text-align:center; overflow:auto; text-decoration: none;}
.wrightblock div{background:#FFFFFF; position:relative; margin-top:0px; margin-left:1px; overflow:hidden;padding-right:2px;font-size:11px; padding-bottom:4px;}
.wrightblock div a,.wrightblock div a:visited{color:black; text-decoration:none; font-family:Arial; font-size:12px;}
.wrightblock div a:hover{color:#004FC8; text-decoration: none;font-family:Arial; font-size:12px;}

.NoEvent{background:#CDCDCD;}
.EventImage{width:120px; height:110px; overflow:hidden;margin-right:4px; cursor:crosshair;}
#TopNewDiv {background:#FDFAE9; background-repeat:repeat-y; border:solid 1px #8E8C86;height:380px; overflow:hidden;text-align:justify;margin-left:3px; padding-right:2px; margin-top:5px;}
#TopNewDiv #Image {background-repeat:repeat-x; width:50px; height:40px; overflow:hidden;}
#TopNewDiv #TopNewsTitle{color:#505153;font-family:Arial, Tahoma; font-size:11px; margin-top:5px;}
#TopNewDiv a,#TopNewDiv a:visited{color:#505153; text-decoration:none; font-family:Arial, Tahoma; font-size:11px; }
#TopNewDiv a:hover{text-decoration: none;}
#TopNewDiv .TopNew_SpaceTop{ height:4px;}
#TopNewDiv .TopNew_SpaceLine{background:#cdcdcd; height:1px;}
#TopNewDiv .TopNew_SpaceBottom{height:4px;}
#TopNewDiv #HotTitle{color:red; height:20px;position:relative; font-weight:bold; font-size:11px; font-family:Arial, Tahoma;}

.sImage {overflow:hidden; border:solid 2px #FFFFFF;}
.ImageBounder {border:solid 1px #CDCDCD;}
.mNews {padding-top:6px; text-align:justify; padding-right:6px; position:relative;}
.mNews a #NewsTitle,.mNews a:visited #NewsTitle{color:#C20202;font-family:Arial, Tahoma; font-size:14px; font-weight:bold; margin-top:13px; text-decoration:none;}
.mNews a:hover #NewsTitle{color:#5A57FF;font-family:Arial, Tahoma; font-size:14px; font-weight:bold; margin-top:13px;text-decoration:none;}
.oNews{text-align:left; padding-left:10px; height:20px; margin-left:6px; padding-bottom:3px;}
.ViewMoreNews{text-align:left; padding-left:10px; height:20px; margin-left:6px; position:relative;}
.ViewMoreNews a,.ViewMoreNews a:visited{font-family:Arial, Tahoma; color:#0000FF; font-size:12px; text-decoration:none;}
.ViewMoreNews a:hover{font-family:Arial, Tahoma; color:#C20202; font-size:12px; text-decoration:underline;}

#shNewTitle{ font-size:medium; font-family:Arial, Tahoma; color: red; font-weight:bold; padding-top:4px;}
#shNewTools{text-align:right;height:30px;padding-top:30px;}
.wbodyblock{ background:blue; background-position:top left; background-repeat:repeat-x; padding-top:0px; text-align:center; position:relative; vertical-align:top;}
.wbodyblock h3{font-weight: bold;font-size:11px;color:#FFF;font-family:verdana,Arial,Tahoma ;margin-top:0px; text-align:left; text-transform:uppercase;padding-top:3px; padding-left:5px; height:1px;
	}
	
.wbodyblock div{background:#FFFFFF;margin-bottom:1px;overflow:hidden;position:relative;}
.wbodyblock div a,.wleftblock div a:visited{color:black; text-decoration:none;}
.wbodyblock div a:hover{color:red; text-decoration: underline;}
#OtherNewTitleList{}
#OtherNewTitle{ font-size: small; position:relative; margin-bottom:5px; font-weight:bold; padding-left:0px; color:#C20202;height:15px; padding-bottom:5px;}
.right_box{border:solid 1px green;}
.explain{font-family: Arial;font-size: x-small;color: #CDCDCD;font-style: italic;height: 15px;padding-top: 3px;}

.DnInfoItem{height:20px; overflow:inherit; font-family:Arial, Tahoma; font-size:11px;}
.DnInfoItem label{font-weight:bold; height:20px;}

.searchbox{border:solid 1px #CDCDCD; height:14px; width:180px; font-family:arial, Tahoma; font-size:10px;}

.PhanLoaiDn {text-align:left; font-family:arial; width:98%; height:120px; overflow:scroll; overflow-x:hidden; border:solid 1px #CDCDCD;}
.PhanLoaiDn a:visited div,.PhanLoaiDn a div{border:solid 1px #FFF;color:#000;}
.PhanLoaiDn a:hover div{border:solid 1px red;}
.PhanLoaiDnTitle{font-weight:bold; font-family:arial, Tahoma; font-size:12px; padding:3px; height:20px;}
.PhanLoaiDn .PhanLoaiDn_Item{ padding-left:5px; height:20px; margin-left:3px;}
.DoanhNghiepInfo{ border:dashed 1px #CDCDCD; margin-bottom:5px;margin-top:5px;}
.DoanhNghiepInfo_item .DnName{ font-family:Arial, Tahoma;font-size:14px;font-weight:bold; color:#FF5A00; padding:5px;}
.DoanhNghiepInfo_item .DnSummary{padding:8px;}
.DnInfoTitle{font-weight:bold; font-family: Arial, Tahoma; font-size:12px;color:red; padding:5px; width:300px;}

/*************************************************************************************************************************/
/* Top news */
div.HomeTopStory{
	overflow:hidden;
	position:absolute;
	z-index:1;
}
div.HomeTopStoryBorder{
	overflow:hidden;
	position:absolute;
	background-color:white;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
	z-index:99;
}
div.HomeTopStoryColorLayer{
	overflow:hidden;
	position:absolute;
	background-color:black;
	filter:alpha(opacity=40);
	-moz-opacity:0.40;
	opacity:0.40;
	z-index:3;
}
div.HomeTopStoryColorLayerContent{
	overflow:hidden;
	position:absolute;
	z-index:4;
}
div.HomeTopStoryColorLayerSubImage{
	position:absolute;
	z-index:6;
}
div.HomeTopStoryTitle{
	cursor:pointer;
	position:absolute;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	color:#FFD800;
	z-index:10;
}
div.HomeTopStoryTitleShadow{
	position:absolute;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	color:black;
	z-index:9;
}

/*Tom tat hot new*/
div.HomeTopStoryLead{
	position:absolute;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:white;
	z-index:10;
}

#topStoryPadding{ background:#FFFFFF;}
.myStar ul.star { LIST-STYLE: none; MARGIN: 0; PADDING: 0; WIDTH: 65px; HEIGHT: 13px; LEFT: 10px; POSITION: relative; FLOAT: left; BACKGROUND: url('/images/stars.gif') repeat-x; CURSOR: pointer; }
.myStar li { PADDING: 0; MARGIN: 0; FLOAT: left; DISPLAY: block; WIDTH: 65px; HEIGHT: 13px; TEXT-DECORATION: none; text-indent: -9000px; Z-INDEX: 20; POSITION: absolute; PADDING: 0; }
.myStar li.curr { BACKGROUND: url('/images/stars.gif') left 13px; FONT-SIZE: 1px; }
.myStar div.user { LEFT: 15px; POSITION: relative; FLOAT: left; FONT-FAMILY: Arial; COLOR: #888; }
/* CSS for the scrollers*/
#pscroller2{
width: 98%;
height: 20px;
padding: 6px;
}

#pscroller2 a{
font-family:Arial, tahoma;
text-decoration: none;
font-size:12px;
font-weight:bold;
color:white;
}

/************************************************************************************************************
*	DHTML modal dialog box	(CSS for the DHTMLSuite_modalMessage class)
*
*	Created:						August, 26th, 2006
*	@class Purpose of class:		Display a modal dialog box on the screen.
*			
*	Css files used by this script:	modal-message.css
*
* 	Update log:
*
************************************************************************************************************/

.modalDialog_transparentDivs{	
	filter:alpha(opacity=90);	/* Transparency */
	opacity:0.9;	/* Transparency */
	background-color:#4C0101;
	z-index:99999998;
	position:absolute; /* Always needed	*/
}
.modalDialog_contentDiv{
	border:6px solid #003D59;	
	padding:6px;
	z-index:99999999;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color:#FFF;	/* White background color for the message */
	overflow:auto;	
}
.modalDialog_contentDiv_shadow{
	z-index:99999999;/* Always needed	- to make it appear below the message */
	position:absolute;	/* Always needed	*/
	background-color:#FFF;
	filter:alpha(opacity=80);	/* Transparency */
	opacity:0.8;	/* Transparency */	
}

.srvDialog
{
	border:solid 0px # blue;
	 width:100%
	}
.dlQuery
{
	font-family: Arial , Tahoma, Verdana;
	font-size:18px;
	text-align:center;
	color:Green;
	height:200px;
	font-weight:bold;
	padding:8px;
	}
.dlSelection input
{
	width:180px;
	height:34px;
	font-family:Arial;
	color: #036DC1;
	background-color:#FFEAC8;
	margin:8px;
	border:solid 2px #D7030D;
	font-weight:bold;
	}
	
	.dlSelection
{
	text-align:center;
	padding:11px;
	}
	
.gold-price, .forex-rate {margin:0px 0px; padding:0px; width:100%;}
.tbl-goldprice, .tbl-weather {background-color:#FFFFFF;font:11px arial;}
.tbl-goldprice td{border:solid 1px #CDCDCD;}
.tbl-goldprice {width:100%;}
.tbl-weather{width:100%;}
.tbl-weather td{border:solid 1px #CDCDCD;}
.goldprice {width:150px; padding-left:11px;}
.fr {float:right;}
#eForex{width:148px; height:60px; overflow:scroll;overflow-x:hidden;}

/*bo vien quanh box*/
.box {
	margin: 8px auto;
}

.box-content {margin-left:-64px; overflow: visible;}

.box-title{background:#FFF url("/images/dctm/box-title.png"); background-repeat:no-repeat; background-position:left top;
	font-family: Tahoma, Arial,  Verdana; font-size:18px; color:#E93C02; font-weight: bold; padding:13px 0px 0px 50px; text-align:left;}
.box div.topleft {
	display: block;
	background: url("/images/dctm/box-bg.gif") top left no-repeat white;
	padding: 2.0em 0em 0em 2.0em;
}

.box div.topright {
	display: block;
	background: url("/images/dctm/box-bg.gif") top right no-repeat white;
	padding: 2.0em;
	margin: -2.0em 0 0 2.0em;
}

.box div.bottomleft {
	display: block;
	height: 45px;
	margin-top: -2.0em;
	background: url("/images/dctm/box-bg.gif") bottom left no-repeat white;
}

.box div.bottomright {
	display: block;
	background: url("/images/dctm/box-bg.gif") bottom right no-repeat white;
	height: 45px;
	margin-left: 3.0em;
}
.ds-san-pham td{ text-align:center; position:relative;}
.ds-san-pham img{border-style:none;}
.ds-san-pham td .top-layer{border:solid 1px red;display: block; height:30px;}
.ds-san-pham .anh-san-pham{width: 96%; height:160px; overflow:hidden; position:relative; margin:0px 0px 0px 4px;}
.ds-san-pham .spInfo{width: 100%; height:45px;color:blue; padding-top:5px; position:relative;}
.ds-san-pham .tools{width: 100%; height:25px; overflow:hidden;font-size:11px; padding-top:5px; text-align:right; position:relative;}
.oldprice{font-size: 11px;color: #B0B0B0;font-family: Tahoma,Arial;text-decoration: line-through;}
.newprice{font-size: 11px;color: #17B701;font-family: Tahoma,Arial; font-weight:bold;}
.gia_moi_to{font-size: 16px;color:red;font-family: Tahoma,Arial; font-weight:bold;}
.ds-san-pham .dsItem{width: 100%; height:240px;border:dashed 1px #CDCDCD;padding-top:6px;}
/*Tooltip anh san pham*/
.border_preview {	BORDER-RIGHT: #444 1px solid; BORDER-TOP: #444 1px solid; Z-INDEX: 100; BACKGROUND: #eaf0f5; BORDER-LEFT: #444 1px solid; BORDER-BOTTOM: #444 1px solid; POSITION: absolute; }

.preview_temp_load {PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; VERTICAL-ALIGN: middle; PADDING-TOP: 10px; TEXT-ALIGN: center; }
#loader_container {	WIDTH: 100%; POSITION: absolute; TOP: 40%; TEXT-ALIGN: center}

#loader {	BORDER-RIGHT: #6a6a6a 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #6a6a6a 1px solid; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 10px; Z-INDEX: 255; PADDING-BOTTOM: 16px; MARGIN: 0px auto; BORDER-LEFT: #6a6a6a 1px solid; WIDTH: 135px; COLOR: #000000; PADDING-TOP: 10px; BORDER-BOTTOM: #6a6a6a 1px solid; FONT-FAMILY: Tahoma, Helvetica, sans; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left}

#loader_bg {	FONT-SIZE: 1px; LEFT: 8px; WIDTH: 113px; POSITION: relative; TOP: 8px; HEIGHT: 7px; BACKGROUND-COLOR: #ebebe4}

#progress {	FONT-SIZE: 1px; LEFT: 10px; WIDTH: 1px; POSITION: relative; TOP: 1px; HEIGHT: 5px; BACKGROUND-COLOR: #9d9d94}
/*-----------------------------------------------------------------------------------------------------------------------*/

.title_h2{font-size:15px; font-family: Verdana; font-weight:bold; color:#E93C02;}
.wloading{ padding:0px 2px 0px 2px; background-color:#CDCDCD; width:90%;border:solid 1px #000;}
.shopcart{ width:100px;}
#shopcart{font-size:13px;;color:#0072A1;}
.tools {width:98%;}
.tools a{ border:solid 1px #CDCDCD; margin-right:3px; font-weight:normal;padding:3px 15px 3px 15px;}
.tools a:hover{border:solid 1px #CDCDCD; margin-right:3px;background:blue; color:white; padding:3px 15px 3px 15px;}
h3{font-family: Tahoma, Arial,  Verdana; font-size:13px; color:#E93C02; font-weight: bold;}
.preload{height:1px; width:1px;}
.san-pham-noi-bat a div,.san-pham-noi-bat a:visited div{ border:solid 1px #CDCDCD;}
.san-pham-noi-bat a:hover div{ border:solid 1px red;}
  #imgbox{height:400px;width:400px;border:solid 0px #CDCDCD; padding-top:6px;} 
	.mainImg{border:solid 1px #CDCDCD;}
    #mainImg{}
    #otherImg{height:100px;width:400px;border:solid 0px red;}
    .otherImgItem{height:60px;width:80px;border:solid 1px #CDCDCD;}
    #otherImg td{text-align:center;}
    #imgbox a div,#imgbox a:visited div{}
    #imgbox a:hover div{border:solid 1px red;}
    .chi-tiet-san-pham td{ vertical-align:top;}
    .thuoc-tinh-san-pham{}
    .thuoctinhsanpham{text-align:left;width:360px;border:solid 0px #B0BDC6;background:#2498E9;position:relative;font-size:11px; margin-top:6px;}
    .thuoctinhsanpham td{text-align:left;background:#FFFAFA;padding:3px;font-size:11px; vertical-align:middle;}
    .thuoctinhsanpham #title{color:white; padding:3px 0px 0px 5px; height:18px; font-size:12px; font-family:Verdana; font-weight:bold;}        
    .xem-tat-ca-danh-muc{text-align:right;}
	.xem-tat-ca-danh-muc a,.xem-tat-ca-danh-muc a:visited{ font-family: Verdana, Arial, Tahoma; font-size:11px;color:#B20D4F;}
	.danh-sach-phan-trang-title{ font-family:Arial, Verdana, Tahoma; font-size:12px; color:#098500; text-align:right; padding:3px 3px 3px 3px;text-align:left;}
	.danh-sach-phan-trang-title hlight{color:red; font-weight:bold;}
	.danh-sach-phan-trang{ text-align:left;}
	.danh-sach-phan-trang span{font-weight:bold; padding:0px 5px 0px 5px; border:solid 1px #CE6100; margin-right:5px; background-color:#FFAD65; color:white;}
	.danh-sach-phan-trang a,.danh-sach-phan-trang a:visited{ padding:0px 5px 0px 5px; border:solid 1px #CDCDCD; margin-right:5px;}
	.danh-sach-phan-trang a:hover{font-weight:bold; padding:0px 5px 0px 5px; border:solid 1px #CE6100; margin-right:5px; background-color:#FFAD65; color:white;}
	impress{font-family:Verdana, arial; font-size:13px; color:yellow; font-weight:bold;}
	.zonetitle{font-family:Verdana, arial; font-size:13px; color:red; font-weight:bold; padding:6px 6px 6px 6px;}
	.listothervideo{width:507px;}
	.listothervideo a div,.listothervideo a:visited div{border:solid 1px #CDCDCD;}
	.listothervideo a:hover div{border:solid 1px red;}
	price{font-weight:bold;}
	.topsanpham img{width:200px;}
	#footnav {margin-top:3px;margin-bottom:3px;}
	#footnav a,#footnav a:visited{padding:2px 10px 2px 10px;border-right:dashed 1px #CDCDCD; font-size:11px; font-family: Verdana; margin-top:3px;}
	#footnav a:hover{ text-decoration:underline;}
	.san_pham_ria_trai a img{border:solid 1px #FFF;}
	.san_pham_ria_trai a:hover img {border:solid 1px red;}
	
	/*---------------------------- san pham nong ------------------------------------------------------------*/
.stepcarousel{
position: relative;
border: 1px solid #1D77FF;
overflow: scroll;
width: 777px;
height: 120px;
margin:6px 0px 0px 4px;
}

.stepcarousel .belt{
position: absolute;
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left;
overflow: hidden;
margin: 4px;
height:200px;
width: 150px;
text-align:center;
}
.stepcarousel .imgdiv{
overflow: hidden;
margin: 4px;
width: 140px;
height:80px;
border:solid 1px #CDCDCD;
}
.stepcarousel a:hover div{ 
border:solid 1px red;
}
.stepcarousel .mpTitle{font-family: Tahoma, Arial,  Verdana; font-size:11px; color:#E93C02; font-weight: bold;}

.f_search{ margin:3px;}
.f_search #keyword{border:solid 1px #FF1DBD;font-family:arial, tahoma; font-size:12px; background:#FFE9FE; width:120px;}
.f_search #cmdSearch{border:solid 1px #FF886C;background:#FFC96C;font-family:verdana, tahoma; font-weight:bold; color:#FFFDFD;}
.f_search select{border:solid 1px #cdcdcd; background:#E2FFE3;}
.f_search label{font-family:arial, tahoma; font-weight:bold; color:#1590F8; font-size:12px;}

.rItem {border:solid 1px #BFFFB0; margin:3px; padding:5px; overflow: visible;}