﻿body 
     {
		text-align:left;
	  font-style:normal;
 
	  font-size: 12px; 
	  font-family: arial,verdana,sans-serif;
	  }
  
     
#all
	{
	  border:2px;
	  width:980px;
	  height:auto;
	}	

#header
	{
	   
	  text-align:left;
	  width:980px;
	  height:36px;
	  vertical-align:middle;
	}	
	
#header1
	{
	  background-position:left;
	  background-image:url(../images/header1.png); 
	  width:195px;
	  height:36px;
	  vertical-align:middle;
	  float:left;
	  
	}	


#header2
	{ 
	  width:auto;
	  height:36px;
	  float:left;
	}
	
#header2 ul li
    {
	  list-style-type:none;	
	  background-position:right;
	  background-image:url(../images/header2.png); 
	  width:85px;
	  height:26px;
	  float:left;
	  padding-top:10px;
	  text-align:center;
      font-weight: bold;
	  color:White; 	
	}
#header2 ul
{
	  width :auto;
	  list-style-type:none;	
	  height:26px;
	  float:left;
	  text-align:center;
      font-weight: bold;
	 padding-left:0px;	  
	 margin-top:0px;
	 margin-bottom:0px;
	 margin-left:0px;
	 margin-right:0px;
	}	
		
#header2 ul li a
    {
	  text-align:center;
      font-weight: bold;
	  color:White;
	  text-decoration:none;
	  text-transform:uppercase; 	
	}
#header2 ul li a:hover,#mennu_mid a:hover
    {
	  color:Red;
	}
#header3
	{
	  background-position:right;
	  background-image:url(../images/header3.png); 
	  width:190px;
	  height:36px;
	  float:right;
	}		
		
#banner
	{
		
	  width:980px;
	  height:140px;
	 
	}
	
#mid
	{
	   	
	  width:980px;
	  height:auto;
	  margin-top:8px;
	}
			
#left
	{
	  display:block;	
	  width:204px;
	  height:auto;
	  float:left;	
	  }

#ctl00_leftproduct
	{
	   vertical-align:middle; 	
	  width:204px;
	  height:auto;
	  float:left;	
	  }			

#leftproduct1
	{
	vertical-align:middle;	
	  background-image:url(../images/leftproduct1.png);
	  background-repeat:no-repeat; 	
	  width:204px;
	  height:20px;
	  float:left;
	  padding-top:10px;
	  text-align:center;
      font-weight: bold;
	  color:White;	
	  text-transform:uppercase;
	  }			

#leftproduct2
	 {
	  width:204px;
	  height:auto;
	  float:left;	
	  text-align:justify;
      font-weight:normal;
      background-image:url(../images/leftproduct2.png);
      background-repeat:no-repeat;
	  }			
											
#leftproduct2 .linkmemu a
	{
	  background-image:url(../images/leftproduct2.png);
	  list-style-type:none;	
	  width:204px;
	  height:18px;
	  float:left;
	  padding-top:10px;
	  text-align:center;
      font-weight:normal;
	  color:White;	
	  padding-left:0px;
	  overflow:hidden;
	  text-transform:uppercase;
	}				
#leftproduct2 .linkmemu a:hover
	{
	  font-weight:bold;
	}				

#leftproduct3
	{
	  background-image:url(../images/leftproduct3.png);
	  background-repeat:no-repeat; 	
	  width:204px;
	  height:61px;
	  float:left;	
	  }
	  
#ctl00_contact
	{	
	 margin-top:4px;	
	 width:200px;
	 display:block;
	 float:left;
     margin-bottom:8px;
	 }	
	  			  	
#contact1
	{
	  background-image:url(../images/contact1.png);
	  background-repeat:no-repeat; 		
	  width:162px;
	  height:19px;
	  float:left;
	  padding-top:10px;
	  padding-left:38px;
	  text-align:left;
      font-weight:bold;
	  color:#8f0598;
	  text-transform:uppercase;	
    }	

#contact2
	{
	  background-image:url(../images/contact2.png);
	  background-repeat:repeat-y; 		
	  width:200px;
	  float:left;	
	  }
	  
#contact2 li
	{
		font-weight:bold;
	  padding-top:10px;
	  list-style-type:none;		
	  width:160px;
	  float:left;	
	  padding-left:20px;
	  text-align:left;
  }
#contact3
	{
	
	  background-image:url(../images/contact3.png);
	  background-repeat:no-repeat; 		
	  width:200px;
	  height:19px;
	  float:left;	
	  }		
		  
#news
	{ 
	 		
	  width:200px;
	  float:left;
	  height:auto;
	  height:100%;	
	  }	
#news1
	{
	  background-image:url(../images/news1.png);
	  background-repeat:no-repeat; 		
	  width:165px;
	  height:20px;
	  float:left;
	  padding-top:10px;
	  padding-left:35px;
	  text-align:left;
      font-weight: bold;
	  color:White;
	  text-transform:uppercase;	
	  }	  					
	  
#news2
	{
	  background-image:url(../images/news2.png);
	  background-repeat:repeat-y; 		
	  width:200px;
	  height:auto;
	  float:left;	
	  }	
	  
	  
#news2 li
	{
	  font-weight:bold;
	  padding-top:10px;
	  padding-left:20px;
	  list-style-type:none;
	  text-align:left;		
	  width:160px;
	  height:20px;
	  float:left;	
	  }	  
	    						  
	  
#news3
	{
	  background-image:url(../images/news3.png);
	  background-repeat:no-repeat; 		
	  width:200px;
	  height:19px;
	  float:left;	
	  }	  						  
	
#bannerleft
	{
	  margin-top:8px;	
	  width:200px;
	  height:auto;
	  float:left;	
     }		 
  

#bannerleft li
	  
	  {
	  list-style-type:none;	
	  width:200px;
	  height:auto;
	  float:left;	
	  }	
	  
#search
	{
	  margin-left:5px;	
	  width:771px;
	  height:45px;
	  float:left;	
     }		
#search1
	{
	  background-image:url(../images/search1.png);
	  background-repeat:no-repeat; 		
	  width:50px;
	  height:45px;
	  float:left;	
     }		  	 
#search2
	{
	  background-image:url(../images/search2.png);
	  background-repeat:repeat-x; 		
	  width:704px;
	  height:35px;
	  float:left;
	  padding-top:10px;
	  padding-left:10px;
	  text-align:left;	
     }		  	 

#search3
	{
	  background-image:url(../images/search3.png);
	  background-repeat:no-repeat; 		
	  width:6px;
	  height:45px;
	  float:left;	
     }		  	 




#center
	{
	  margin-top:8px;	
	  margin-left:4px;		
	  width:582px;
	  height:auto;
	  float:left;	
     }		  	 

#intruduce
	{
	  margin-top:8px;		
	  width:582px;
	  height:204px;
	  float:left;	
     }		  	 
#picture
   
  	{		
	  width:170px;
	  float:left;	
     }	
	
#tin	{
	  margin-left:15px;		
	  width:380px;
	  float:left;	
     }	     


.advcenter
	{
	  margin-top:8px;		
	  width:582px;
	  height:92px;
	  float:left;	
     }
 
#bannercenterproduct
	{
	  margin-top:4px;		
	  width:582px;
	  height:92px;
	  float:left;	
     }    
     
     		  	 
#product, .product
	{
	 margin-top:8px;		
	 width:582px;
	 height:auto;
	 float:left;	
     }	
 
 #product1, .product1
	{
	  background-image:url(../images/product1.png);
	  background-repeat:repeat-x; 		
	  width:547px;
	  height:20px;
	  float:left;
	  padding-top:10px;
	  padding-left:35px;
	  text-align:left;
      font-weight: bold;
	  color:White;
	  text-transform:uppercase;		
     }	    
     
 #product2 , .product2
	{
	 border-color:#f3adf2;
	border-style:none solid none;
	border-width:1px;				
	width:540px;
	height:532px;
	padding-left:40px;
	  float:left;	
	vertical-align:top;
	text-align:center;
	color:#006600;
     }	    
     #product2 a ,.product2 a ,#productnews2 a, .subject a
	{
		font-weight:bold;
		color:#8F0598;
		text-decoration:none;
     }	      
     
     #product2 a:hover,#productnews2 a:hover, .product2 a:hover
	{
	/*	color:red; */
     }	      

 #product3, .product3
	{
	  background-image:url(../images/product3.png);
	  background-repeat:repeat-x; 				
	  width:582px;
	  height:19px;
	  float:left;
     }	  
     
     	     
/*RIGHT*/

#right
	{
	  margin-left:7px;	
	  margin-top:10px; 	
	  width:180px;
	  height:auto;
	  float:left;	
	  }

#login
	{
	 
	 width:180px;
	 height:auto;
	 float:left;
	
	 }	
	  			  	
#login1
	{
	  background-image:url(../images/login1.png);
	  background-repeat:no-repeat; 		
	  width:152px;
	  height:16px;
	  float:right;
	  padding-top:5px;
	  padding-left:28px;
	  text-align:left;
      font-weight:bold;
	  color:#8f0598;	
	  text-transform:uppercase;
	  }	
	  			  		
#login2
	{
	  background-image:url(../images/login2.png);
	  background-repeat:repeat-y; 		
	  width:180px;
	  height:auto;
	  float:left;	
	  }	
#login2 li
	{
	  list-style-type:none;		
	  width:180px;
	  height:30px;
	  float:left;	
	  }	
#login2 li a
{
	text-decoration:none;
	
}	  
	  	  
	  
	  
	  			
#login3
	{
	  background-image:url(../images/login3.png);
	  background-repeat:no-repeat; 		
	  width:180px;
	  height:19px;
	  float:left;	
	  }		
  
  
#productnews
	{
	 margin-top:5px; 			
	 width:180px;
	 height:auto;
	 float:left;
	 }	   
	 
#productnews1
	{
	  background-image:url(../images/productnews1.png);
	  background-repeat:no-repeat; 		
	  width:145px;
	  height:20px;
	  float:left;
	  padding-top:13px;
	  padding-left:35px;
	  text-align:left;
      font-weight: bold;
	  color:White;	
	  text-transform:uppercase;
	  }
	  		 
#productnews2
	{
		
	padding-left:0px;
	border-color:#f3adf2;
	border-style:none solid none;
	border-width:1px;		
	width:178px;
	height:551px;
	float:left;	
	color:#006600;
	  }		 
	
#productnews3
	{
	  background-image:url(../images/productnews3.png);
	  background-repeat:no-repeat; 		
	  width:180px;
	  height:19px;
	  float:left;	
	  
	  }    
	  
#banner_right
	{
	 margin-top:8px;	
	  width:180px;
	  height:auto;
	  float:left;	
     }		 
  

#banner_right li
	  
	  {
	  list-style-type:none;	
	  width:180px;
	  height:auto;
	  float:left;	
	  }		 
#banner_right ul
	  {
	  list-style-type:none;	
	  width:auto;
	  height:auto;
	  float:left;
	  margin:0px;
	  padding-left:0px;	
	  }		   
#mennu_mid

     {
		margin-top:8px;
		width:980px;
		height:20px;
		float:left;
		font-weight:bold;
	    color:#8f0598;
	 }	   
	 #mennu_mid a
     {
	    color:#8f0598;
	    text-decoration:none;
	    text-transform:uppercase;
	 }	    	
#banner_mider
	{ 
	  color:White;	
	  padding-top:15px;  
	  text-align:inherit;
	  margin-top:8px;
	  background-image:url(../images/bannermider.png);
	  background-repeat:no-repeat; 		
	  width:980px;
	  height:67px;
	  float:left;	
	  
	  }  	        
	 
	 
	 

.bottomsearch
		{
		border-style:none;
		cursor:pointer;
		height:26px;
		width:81px;
		margin-top:0px;
		margin-bottom:0px;
		}

.id
    {
	 margin-left :5px;
	 margin-top:10px;
	}
	
.key
    {
	 margin-left:8px;
	 margin-top:5px;
	}	
	
.bottomlogin
        {
		border-style:none;
		cursor:pointer;
		height:22px;
		width:69px;
			
		}	
.vietnam
{
	margin-left:50px;
}


.newoderproduct
    {
	    margin-top:10px;
	    width:125px;
	    height:248px;
	    float:left;
	    padding-left:28px;
	}   

.oderproduct

    {
		margin-right:10px;
	    margin-top:10px;
	    width:120px;
	    height:250px;
	    float:left;
	    vertical-align:top;
	}   
	
.oderproduct1
    {
	    border-color:#DBDEE0;
		border-style:solid;
		border-width:1px; 
	    width:120px;
	    height:138px;
	    float:left;
	    text-align:center;
	    vertical-align:top;
	}   
.oderproduct2
    {
	    margin-top:5px;
	    width:120px;
	    float:left;
	    text-align:center;
	} 
.textname
   {
	color:#8f0598;
   }	  
.by
  {
		background:transparent url(../images/by1.gif) 
		no-repeat scroll left center;
		border-style:none;
		cursor:pointer;
		height:22px;
		width:70px;
		float:left;
		margin-left:20px;
		}
.oderpicture
       { 
       width:140px;
	   height:138px;
        }	
.image_pro1
{
	height:138px;
}
.image_pro
{
	width:120px;
}	

/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;  
border: 5px solid #E69AE7;   
margin: 0 0 1px 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background: #E69AE7; 
color: #fff; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background: #fff; 
color: #E69AE7; 
} 
 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
} 
.category_text
{
	font-weight:bold;
	font-size:12px;
	text-align:left;
}
.subject
{
	text-align:left;	
}
.descript
{
	text-align:justify;
	width:100%;
	float:left;	
}
.detail
{
	text-align:right;
	float:right;
	width:90%;
	vertical-align:bottom;	
	margin-right:10px;
}
.inputSearch
{
	margin-bottom:-5px;
	}
#marqueecontainer{
position: relative;
width: 178px; /*marquee width */
height: 551px; /*marquee height */
background-color: white;
overflow: hidden;
}
.header_tip_uytin
{
	float:left;
	background-image:url(../images/header_ToolTio.png);
	width:374px;
	height:202px;	
	
}

.tool_uytin
{
	float:left;
	display:block;
	background-image:url(../images/backtip.png);
	width:371px;
	background-repeat:repeat-x;
	height:33px;
	padding-top:4px;
	margin-left:2px;
	color:Green;
	text-align:center;
	font-style:italic;	
	display:inline;
}
.bounduytin
{
	float:left;
	width:374px;
}