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

body 
{
    background-color:Black;
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Tahoma;
	letter-spacing:1px;	
	font-size:small; color:#FFFFFF;
}

h2 {padding:0px}
h2 a{text-decoration:none;}
h2 a:link, h2 a:visited{color:#039;}
h2 a:hover{color:#f60;}
h1,h2,h3,h4,h5,h6{margin:0;} 
pre{font-family:arial;color:#000;margin:0;}

a:link {
	color: #FFFFFF;
	text-decoration:none;
}
a:visited {
	color: #F4F4F4;
	text-decoration:none;
}
a:hover {
	color: #FFFF00;
	text-decoration:underline;
}
a:active {
	color: #F4F4F4;
}

#wrapper
{
    background: url(../layoutimages/default/leftBg.gif) repeat-y scroll left top;
	width:950px; position:relative;
	margin:0 auto;
	z-index:0;
}

#wrappermember
{
	width:950px; position:relative;
	margin:0 auto;
	z-index:0;
	
}

/*******************************/ 

#header{ width:950px; height:210px;  position:relative; z-index: 10;}
#headerMenu{ width:950px; height:45px; background-color:Black;}
#contentleft{ width:205px; float:left; margin-right:10px; margin-bottom:0px;}
#contentcenter{width:545px; float:left; margin-right:10px;
               background:black url(../layoutimages/default/bodyproductBg.gif) repeat-y scroll left top;
               }
#membercenter{width:950px;
               background:black url(../layoutimages/default/memberBg.gif) repeat-y scroll left top;
               display:block;
               }               
#contentright{ width:180px;position:relative; float:left; }
#footerbanner { width:100%; text-align:center; padding:10px; background-color:Black;}
#footerMenu {  width:100%; text-align:center; padding:20px; background:#000000 url(../layoutimages/default/footerBg.gif) no-repeat ;}

#footer{ width:100%; text-align:center; padding:20px; background-color:Black;}
.footerText{ color:#ffffff; font-size:10px;}
.footerText a { cursor:pointer; text-decoration:none;  font-size:10px; font-weight:bold;}
.footerText a:hover{color:Red}
 .text { float:left;position:relative; top: 7px; left: 20px;}
 .time { float:right;  position:relative; top: 7px;}
.contactLeftSubject 
 { float:left; width: 250px; text-align:right; position:relative;}
 .contactRightSubject
  { float:left; width: 450px;position:relative;}
 .UserContactLogin{float:left; width:370px; margin-left:10px;}
 .newUserContactCreate{float:left; width:450px;}
 .UserContactLoginBody{ padding: 10px; margin: 0px; border:solid 1px black;}
 .newUserContactCreateBody{padding: 10px; margin: 0px; border:solid 1px black;}
 .Inline{clear:both}
 .L_colum { float:left; text-align:right; padding-right:10px; width:27%; font-weight:bold;}
 .R_colum { float:left; width:70%;}
 .smallTitleText {font-size:80%; color:Gray;}
 .requireFiles { color:Red;}
 .textInputNewUser { width:67% } 

.success{color:#3C8637;}
.contactToCompanyBlock 
{
    margin: 0px; margin-top:2px; padding:2px; border: solid 1px black
    }


.bottomBarArea
{ height:45px; background:#fff url(../layoutimages/default/bottomMenuBg.jpg) repeat-x;}
.bottomBarArea_leftconner
{ height:45px; width:8px; background: url(../layoutimages/default/leftconner1.gif) no-repeat left bottom;}
.bottomBarArea_rightconner
{ height:45px; width:8px; background: url(../layoutimages/default/rightconner1.gif) no-repeat right bottom;}
.leftPart{  background:#161616 url(../layoutimages/default/leftBg.gif) repeat-y right top;}
.bodyProduct{  background:black url(../layoutimages/default/bodyproductBg.gif) repeat-y left top;}
.sanphamtranhTitle
{ position:relative;height:45px; width:195px; background:#161616 url(../layoutimages/default/sanphamtranhIcon.jpg) no-repeat left bottom;}
.sanphamtranhTitle a{ position:relative; display:block; height:45px; width:195px; cursor:pointer; text-decoration:none;}
.phukientranhTitle
{ position:relative; height:45px; width:195px; background:#161616 url(../layoutimages/default/phukientranhIcon.jpg) no-repeat left bottom;}
.phukientranhTitle a{position:relative; display:block; height:45px; width:195px; cursor:pointer; text-decoration:none;}
form{padding:0;margin:0;}
.categoryBody { position:relative; background-color:#161616}
.leftMenu{ position:relative; left:30px;}
.leftMenu a:link, .leftMenu a:visited  
{   position:relative; 
    display:block;
    height:22px;
	background-image:url(../layoutimages/default/menuOut.gif); background-repeat:no-repeat;
    font-size:11px; padding-left:15px;
    color:#80c747; text-decoration:none;
     }
.leftMenu a:hover
{
    color:Red;
    
    } 
.RightbannerClass
{ display:block; width:180px; margin-top:5px; margin-bottom:5px;}
.treeMenuText
{float:left; position:relative; top:20px; left:20px; color: #a53f3d; font-size:11px; font-weight:bold;}

.treeMenuText_home
{float:left; position:relative;  color: #a53f3d; font-size:11px; font-weight:bold;}

.treeMenuText_home_link
{float:left;  position:relative;  color: #a53f3d; font-size:11px; font-weight:bold;}



.pageCountPanel
{ margin-left:28px; background: url(../layoutimages/default/line1.gif) no-repeat left bottom; width:470px; height:47px; vertical-align:middle}
.pageCountTextAbove { float:right; position:relative; right:20px; top:20px; color:#ffffff}
.addtocard { position:relative; float:right; width:25px; height:21px; background: url(../layoutimages/default/addtocartIcon.gif) no-repeat}
.addtocard a { display:block; width:17px; height:14px; cursor:pointer; text-decoration:none;}
.showFrame { position:relative; float:right; width:25px; height:21px; background: url(../layoutimages/default/showFrame.gif) no-repeat}
.showFrame a   { display:block; width:25px; height:21px; cursor:pointer; text-decoration:none;}
.nameText{ position:relative; width:190px; text-align:left; display:block; height:25px; vertical-align:text-bottom; color:#6da83a; font-size:10px; font-weight:bold;}
.pricearea{ position:relative; height:50px;  width:190px; background: url(../layoutimages/default/bg2.gif) repeat-x; font-size:10px; }
.productImagesBg{ height:130px; vertical-align:middle; text-align:center;  background: url(../layoutimages/default/productImagesBg.gif) no-repeat ;}
.pageCountBtnAbove { position:relative; float:right; right:5px; color:#FFFFFF; font-size:10px; top:20px;}
.pageCountBtnAbove a { cursor:pointer; text-decoration:none; color:#ffffff; font-size:10px;}
.pageCountBtnAbove a:hover{color:Red}

.searchPanel{ position:relative; float:left; left:10px; float:left; font-size:11px; font-weight:bold;}

.keywordTexbox { width:150px; color:#FFFFFF; font-size:12px; height:19px; font-weight:bold; background-color:#000000; border:solid 1px #80807e;}
.catedroplist {font-size:10px;color:#FFFFFF; font-weight:bold; background:#000000 ;  border:solid 1px #80807e;}
.searchBtn{font-size:11px; font-weight:bold;   border:none;
background-image:url(../images/default/rol_easytrade__42.gif); background-repeat:no-repeat;margin-top:3px;  cursor:pointer;}
.title1{color:#476a2a; font-size:12px; font-weight:bold;}
.hrline{ width:100%; position:relative;  height:1px; background: url(../layoutimages/default/lineBg1.gif) repeat-x;}
#pageWide950{}
#page950{position:relative; margin:auto;text-align:left;min-width:760px;max-width:980px;width:980px;}
.utility{text-align:right;padding:3px;height:25px;font:0.85em verdana;}
.utility a:link,.utility a:visited,.utility a:hover{color:#3D5376;text-decoration:none;}
.MainMenu0{}
#MainMenu{ clear:both; position:absolute; top:130px;}
.treeMenu{clear:both; position:absolute; top:192px; margin:0px; display:block; font-size:10px;}
#leftPanel{ float:left; width:180px;position:relative; z-index:8;top:10px;left:0px;}
#bottomPanel{ float:left; width:575px;position:relative; z-index:8;top:10px; left:10px;}
#rightPanel{float:left; width:185px;position:relative; z-index:8;top:10px; left:10px;}

#bottomPanelDetailNews{ float:left; width:475px;position:relative; z-index:8;top:10px;left:10px;}
#rightPanelDetailNews{ float:left; width:305px;position:relative; z-index:8;top:10px;left:10px;}

.categoryNews{width:180px;position:relative;  border:solid 1px #b0bdc6; border-bottom:none;   }
.categoryNews a:link, .categoryNews a:visited {
    color:Black;
    display:block;
    padding:5px;
    border-bottom:solid 1px #b0bdc6;
    text-decoration:none;        
    }
    .activeLink 
        {
            background:blue;
        }
    .SupLink1 
        {         
            margin-left:15px;
            font-size:80%;
        }    
    .SupLink1Visited 
        {         
            margin-left:15px;
            font-size:80%;
            background:blue;
        }  
.categoryNews a:hover{color:Red ; background:#b0bdc6;}

.advertisingLeft{width:180px;position:relative; }

.treasureChest #treasureHref{position:absolute;right:8px;top:5px;font:10px verdana; white-space:nowrap;}
.treasureChest .pop{position:absolute;font:10px verdana;width:157px;height:87px;padding:22px 0 0 8px;margin:3px 0 0 -12px;background:url(http://img.alibaba.com/images/eng/style/icon/icon_treasure_chest_pop.gif) no-repeat;}

#newsHome{float:left; margin-left:10px;}
.newsHome
{
    margin-top:15px;
    
    }
	
.newsPanelsTabGroup {
	margin:0px;
	padding: 0px;

	
}
.newsPanelsTab 
{
   
	position: relative;
	top: 1px;
	float:left;
	padding: 5px 9px 5px 9px;
	margin: 0px 1px 0px 1px;
	color:#FFFFFF;
	list-style: none;			
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	background:#c7c5c1;
	border-bottom:solid 1px #2c6cad;
}


.newsPanelsTab a {
	color: black;
	text-decoration: none;
	
}


.newsPanelsContentGroup 
{
    margin:0px;
	clear: both;
	
	border:solid 1px #2c6cad;
	
}


.newsPanelsContent {
	padding:10px;
	
}
.NewsPanelsTabSelected {
	background:#2c6cad ;
	}
.mewsPanelsTabHover {
	background-color: #2c6cad;

}

.titleNewsHomeBig{margin:0px; padding-bottom:10px; display:block;}
.titleNewsHomeBig a:link, .titleNewsHomeBig a:visited { font-size:14px; color:#1c367b; font-weight:bold; text-decoration:none;}
.titleNewsDetail{ font-size:16px; color:#1c367b; font-weight:bold; text-decoration:none;  display:block;}

.hotBigImage {width:135px; height: 135px; position:relative; border:none;}
.hotSmallImage{width:40px; height: 40px; position:relative; border:none;}
.newsHomeBigBlock{ width:270px; height:250px; text-align:justify; padding:5px; padding-right:3px; position:relative; float:left;}

.newsHomeBigBlock img{
	float: right;
	padding: 0px 0px 5px 10px;	
}

.newsHomeBigBlock1{ width:270px; height:300px; text-align:justify; padding:5px; padding-right:3px; position:relative; float:left;}

.newsHomeBigBlock1 img{
	float: right;
	padding: 0px 0px 5px 10px;	
}

.newsHomeSmallBlock  
{
    float:right; border:dotted 1px #b0bec7; 
    margin:2px; width:270px; text-align:justify;  
    font-size:10px; padding-left:5px;  
    padding-top:5px; padding-right:8px; position:relative;}
.newsHomeSmallBlock img{
	float: left;
	padding: 0px 5px 1px 0px;	
}
.MoreBtn{}
.MoreBtn a:link, .MoreBtn a:visited  
{
    float:right;  
    margin:2px; text-align:justify; 
    font-size:10px; padding:5px; padding-left:270px;  
    padding-right:15px; position:relative;
    color:Blue;     
     }
.MoreBtn a:hover
{
    color:Red;
    
    }    

.titleNewsHomeSmall{margin:0px; padding-bottom:0px; display:block;}
.titleNewsHomeSmall a:link, .titleNewsHomeSmall a:visited  { font-size:12px; color:#1c367b; font-weight:bold; text-decoration:none;}

.advertising1 { float:left; border:solid 1px #b0bec7; margin:2px; width:500px; text-align:justify;  font-size:10px; padding-left:5px;  padding-top:5px; padding-right:8px; position:relative;}
/*Phan noi dung chi tiet ban tin*/
#detailNewsBody{border:solid 1px #b0bec7; padding:5px; text-align:justify; }
.DetailNewsText
{
    position:relative;
    font-size:12px;
    }
.DetailNewsText a:link, .DetailNewsText a:visited 
{
    color:Blue;
} 

/* Vung ban tin nho , ban tin chi tiet*/
#newsRightPanel{}
.BigImage1 {width:135px; height: 135px; position:relative; border:none;}
.SmallImage1{width:50px; height: 50px; position:relative; border:none;}
.SmallImage2{width:80px; height: 80px; position:relative; border:none;}
.newsBigBlock1 
{ float:right; 
  border:solid 1px #b0bec7; 
  margin:0px; 
  width:295px; 
  text-align:justify;  
  font-size:10px; 
  padding:0px; 
  position:relative;}

.newsBigBlock1 img{
	float: right;
	padding: 0px 5px 5px 5px;	
}
.newsHomeSmallBlock1  
{
    float:right; 
    border:dotted 1px #b0bec7; 
    margin-top:2px; width:295px; 
    text-align:justify;  
    font-size:10px; 
    padding:0px; 
    position:relative;}
.newsHomeSmallBlock1 img{
	float: left;
	padding: 5px 5px 0px 5px;	
}
/* hien thi cac mau tin ngan dai*/
.newsHomeSmallBlock2  
{
    float:right; 
    border:dotted 1px #b0bec7; 
    margin-top:5px; width:575px; 
    text-align:justify;  
    font-size:10px; 
    padding:0px; 
    position:relative;}
.newsHomeSmallBlock2 img{
	float: left;
	padding: 5px 5px 5px 5px;	
}

.titleNewsBig1{margin:0px; padding-left:5px; padding-right:5px; padding-top:5px; display:block;}
.titleNewsBig1 a:link, .titleNewsBig1 a:visited 
{
     font-size:12px; 
     color:#1c367b; 
     font-weight:bold; 
     text-decoration:none;
     }
.titleNewsSmall1
{
    margin:0px; 
    padding-left:5px; padding-right:5px; padding-top:0px;
    display:block;}
.titleNewsSmall1 a:link, .titleNewsHomeSmall a:visited   
{
    font-size:11px; 
    color:#1c367b; 
    font-weight:bold; 
    text-decoration:none;}
.textSmall1 {padding:5px; padding-top:0px}    
.textSmall2 {padding:5px; padding-top:0px}
.advGoogle1Home
{
    position:absolute; top: 280px; width:270px; height:135px; padding:5px; text-align:center; vertical-align:middle;
    }
.homeHotMenuBg
{ width:470px; height:31px; background: url(../layoutimages/default/homeHotMenuBg.gif) no-repeat;    
  
}

.homeHotMenuBg1
{ width:470px; height:31px; background: url(../layoutimages/default/homeHotMenuBg_1.gif) no-repeat;    
  
}

.homeHotMenuBg2
{ width:470px; height:31px; background: url(../layoutimages/default/homeHotMenuBg_2.gif) no-repeat;    
  
}

.onlinesupport
{ position:relative; width:180px; text-align:center; color:Red; height:132px; background: url(../layoutimages/default/onlinesupport.jpg) no-repeat;
}
.hopthu
{ position:absolute;  bottom:245px; width:180px; height:163px; background: url(../layoutimages/default/hopthu.jpg) no-repeat;
}

.ListProductsBlock
{ position:relative; float:left; left:55px; display:block; width:190px; height:200px;  margin-right:45px;}
.leftBlockRaovat{float:left; position:relative; width:330px;
    top: 0px;
    left: 0px;
}
.leftBlockNews{float:left; position:relative; width:470px;
    top: 0px;
    left: 0px;
}
.rightBlockRaovat{float:right; width:130px; position:relative; text-align:right}
.smallImgRaoVat{width:55px; height:60px; border:none; background:black url(../layoutimages/default/noImage_raovat.jpg) no-repeat}
.productItemBlog{ height:60px; position:relative; margin:0px;  padding:5px; border-bottom:dotted 1px #FFFFFF;}
.productItemBlog IMG{ float:left; margin:0px;  padding:5px; padding-left:0px; padding-top:0px;}

.newsDetailBlog{ position:relative; margin:0px;  padding:5px;}
.newsDetailBlog IMG{ float:left; margin:0px;  padding:5px; padding-left:0px; padding-top:0px;}


.newsItemBlog{ height:85px; position:relative; margin:0px;  padding:10px; border-bottom:dotted 1px #FFFFFF;}
.newsItemBlog IMG{ float:left; margin:0px;  padding:10px; padding-left:0px; padding-top:0px;}

.titleRaoVat{font-weight:bold; display:block; text-decoration:none;}
.titleRaoVat a:link, .titleRaoVat a:visited { text-decoration:none;}

.nguoidang{ font-size:80%; display:block}
.nguoidang a:link, .nguoidang a:visited {}

.titleRaoVat a:hover{}
.noidungraovat_ngan{ font-size:85%}
.giodang{ font-size:70%}
.giodangNews{ font-size:60%}
.raovatSmallImages{ float:left; position:relative; width:55px; height:55px; background:black url(../layoutimages/default/noImage_raovat.jpg) no-repeat}
.raovatShortText{ float:left; margin:0px; position:relative;}
 
.pageSelectNum
{word-spacing:0px; letter-spacing:0px; }
.pageSelectNum a:link,.pageSelectNum a:visited
{display:block; margin:0px; margin-right:2px; float:left; padding:5px; padding-left:8px; padding-right:8px; border:solid 1px #316ac5;}
.pageSelectNum a:hover
{ background-color:#d8dbe0; text-decoration:underline;}
.currentPage
{ }
.headerBg
{ width:950px; height:203px; background: url(../layoutimages/banner_logo/headerBg.jpg) no-repeat;  }
 .mbtMenu
 { height:106px; vertical-align:bottom;}
 .mbtLogo
 {
 	}
 .searchResult { display:block; padding: 10px 10px 10px 10px} 
  .chemcls { background-color:#000000}
  .staticbox{ width:165px; height:87px; background: url(../layoutimages/default/staticbg.jpg) no-repeat;}
  .staticbox p.title{ color:#80c747; font-size:12px; font-weight:bold}
  
  .detailraovat{ width:480px; position:relative; display:block; margin-top:10px; }
  .detailraovat .hinhanh{ width:200px; max-width:200px; position:relative; float:right; text-align:center; margin :0px 0px 15px 15px;}
  
  .memberTitleBgTop{ width:900; height:31px; background: url(../layoutimages/default/titlebg01.gif) repeat-x;}
  
legend {font-size:14px; font-weight:bold; color:#FFFFFF; padding:0px;}
legend.qlttrv{ margin-left:50px;}
fieldset.qlttrv{padding:15px;}
fieldset.tttv table tbody tr td{padding:5px;} 
fieldset.tttv table tbody tr td input{width:300px;}
ul.quanlyraovat{}
ul.quanlyraovat li{ width:100%; display:block; float:left; margin-bottom:5px;}
ul.quanlyraovat li .command{float:left; padding:5px 10px 5px 10px;}
ul.quanlyraovat li .title{float:left; padding:5px 10px 5px 10px; width:450px}
ul.quanlyraovat li .date{ float:left; padding:5px 10px 5px 10px; width:150px; font-size:10px;}
ul.quanlyraovat li .rvimg{ float:left; margin-left:20px;}
ul.quanlyraovat li .rvimg img{width:40px; height:40px;}
.loginPanel { background: url(../layoutimages/default/loginpanelBg.gif) no-repeat;  width:360px; height:220px;
              position: relative; padding:20px; margin-bottom:20px; float: left; font-size: 11px;}  

.newmemberpanel{text-align: justify; position: relative; left: 50px; float: left; width: 300px;
                font-size: 11px;}
.newmemberpanel input { width:200px; height:25px; text-align:center; margin:10px; margin-left:40px; background-color:Red; font-size:12px; font-weight:bold;}                

.langcontrolarea {position:absolute; float:right; z-index:999; right:0px; background:#000000;}
.clearboth{clear:both; height:10px; background-color:Black;  z-index:10;}
.adnoteTopPanel{background:gray; border-left-color:Gray; border-right-color:Gray;}
.adnoteTopPanel .turnoffbtn{float:right; font-weight:bold; cursor:pointer; border:solid 1px red; padding:3px 7px 3px 7px;}
.adnoteTopPanel .cbo{ float:right; padding:5px 10px 3px 3px;}
.adnoteTopPanel .atext{float:right; font-size:10px; padding:5px 0px 3px 10px;}
.adnoteTopPanel .adName{ float:left; padding:5px 0px 3px 10px;}