.slogan {font: bold 12px Arial; line-height: 20px; color:#3c3c3c; }
#wrap-all{width:auto ;}
#contactinfo{ margin-left:20px; display:block;}
#txtsearch{width:120px;}
#pageheader {
width: 958px; margin:0px auto;text-align:left;height:auto;color:#27424c;
background-color:#ebecee; padding:0px;
border:1px solid #e0e0e0;
 	border-bottom:0px ;
}
#leftheader{width: 383px; color:#27424c;float:left; text-align:center;}
#rightheader{width: 200px;height:auto;}
hr {
border: none 0;
border-top: 1px dashed #aaaaaa;/*the border*/
width: 97%;
height: 1px;
}



#banner{
background:url("images/banner.jpg");
margin:0px;padding:0;
width:960px; height:247px;
float:right;
}

#banner .textlogo{
position:relative;
top:60px; left:550px;
color:#fff;
font-weight:bold;
text-transform : uppercase;
font-size:18px;
}

#menu
{
  width:960px; clear:both;
  height:35px;background:url(images/link_mainmenu.png) repeat-x;
}
#menu.content{padding:1px 0 3px 0px;}

#footer{
	
	width:100%;
	height:auto;
	padding-bottom:30px;
	color:#fff;
	font-size:11px;
	/*margin-top:3px;*/
	float:left;
	text-align: center;
	background:#1c3146 ;
} 
#footer .content_footer
{
  padding-top:20px;
}
#page {
	width: 960px;margin:0 auto;
	padding:0px;
	text-align:left;
	background:#e1e5ec;
}

.topleft_menu_heading{
margin-left:100px;
}
	
#pagebody {
	 width: 960px; clear:left;
   	
	 
	
}

#pagebody #tab_home{
	background:url("images/bg_tabhouse.png") repeat-x ;
	width:953px ;_width:960px ; height:35px;vertical-align:middle;padding:0 0 0 10px;_padding:15 0 0 10px;
	color:#ececec;font:bold 12px/43px arial ;

	 }
#pagebody #tab_home a{
	color:#fff;

	 }	 
#bodyfooter{
 /* width: 960px;clear:both;
  height:131px; background:url("images/bgbody.png") no-repeat;*/
}
#bodyheader{
  width: 960px;
  height:auto;background: url(images/hoavan_footer.png) top no-repeat;
	border:1px solid #000;
}

#sidebox{
	height:auto;margin:0 0 10px 3px;
	float:left;padding:0px;clear:both;
	/* border:1px solid #000;*/
}

#sidebox ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sidebox li ul {
	padding: 10px;
	color:#737373;
	width:190px;
	
	_width:209px;
	
	/* border:1px solid #000;*/
	/*background: url('images/sidebox_mid.png') repeat-x #fbf8f8;*/
	
	
}
#sidebox li ul.product_category,#sidebox li ul.ul_menu_sidebox  {
	padding: 10px;
	color:#737373;
	width:190px;height:auto;
	_width:210px;
	background:#889fba;

	
}
#sidebox ul li h2 {
	width:165px; padding:7px 0 7px 45px;_width:210px;
	font-weight:bold;color:#fff;
	background: url(images/sidebox_top.png) 5px 3px no-repeat #5277a2;
}

#sidebox li  .menu{
	padding:0 0 0 15px;
	background: url(images/arrow.gif) no-repeat left center;
	text-decoration: none;
	color:#000;
    font-size:90%;
}
#sidebox li a:hover {
  background: url(images/arrow.gif) no-repeat left center #567da9;
  color: #fff;
 
}

#sidebox li li {
	margin: 0;
	padding: 5px 0 5px 0;

}
#sidebox li li.first {
	background-image: none;
	color:#c0d3e9;
}
#sidebox li i{
  font-size:90%;
  color:#c0d3e9;
  /*margin-right:30px;*/
}

#sidebox .sidebox_footer {
/*	background: url(images/hoavan_footer.png) no-repeat;
	float:left;  
	width: 210px;
	height:17px; */
	

}

#sidehightlightbox{
  width:209px; float:left;
  height:109px; margin: 0 0 10px 3px;
  background:url(images/sidehightlightbox.png) no-repeat;
  clear:left;
}
#sidehightlightbox .search_pro{
padding: 2px 0 0 25px;
color:#6a6a6a;
font-weight:bold;
}
#sidehightlightbox .content{
  padding: 30px 0px 20px 5px;
  text-align:center;

}
#sidehightlightbox .content input.text {height:18px;} 


#contentbox {
	width: 730px;height:auto;
	text-align:left;float:right;
	 
   margin:0 0px 10px 0px;
/* border:1px solid #000;*/
}
.inquiry_h2{
	height:41px;
	margin: 0;
    padding: 5px 0px 0px 7px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight:bold;
	background: url(images/bar_bg.png) no-repeat;	
	color:#fff;	
	clear:both;
}
#contentbox .contentbox_footer {
	width: 730px;clear:left;
}
#contentbox ul {
	margin: 0;
	padding: 0;
	/*margin-bottom: 15px;*/
	
}
#contentbox ul li {
	/*margin-bottom: 15px;*/
	list-style: none;
	
}

#contentbox li ul.ul_menu_contentbox,#contentbox2 .content {
	padding: 0px 2px 0px 12px;
	width:714px;_width:730px;
	float:left;border:1px solid #bfbfbf;border-top:0px;
	/*background:url(images/bar_mid.png) repeat-y;*/
	background-color:#fff;
}
#contentbox ul li h2,#contentbox2 h2 {
	height:25px;width:709px;
	_height:26px;_width:730px;
	margin: 0;
    padding: 7px 0px 0px 37px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight:bold;color:#263039;
	background: url(images/top-comment.png) no-repeat ;
}

#contentbox2 {
	width: 730px;height:auto;
	text-align:left;float:left;
   margin:0 3px 10px 5px;
	

}
#contentbox2 h2 {
	margin-left:5px;
}
#contentbox2 .content{
margin-left:5px;}

#contentbox3 {
	width: 748px;
	margin:0 auto;
	text-align:left;
	float:right;
	
}
#contentbox3 h2{
	height: auto;
	margin: 0;	
	padding-left:8px;
	padding-top: 6px;
	padding-bottom: 4px;
	background: url(images/bar_bg.png);
	border:1px solid #CCC;
	color:#E2F0C2;
	font-size: 14px;text-align:left;
}
#contentbox3 .content{  
  margin-bottom:15px;
  padding:5px;
  border:1px solid #CCC;
	border-top:none;	
}

/*
.button{
	display: block;
	height: 17px;
	padding-top: 3px;
	width: 82px;
	color:#fff;
	background-image:url(images/button.gif);
	text-align: center;
	text-decoration:none;
	margin-top:2px;
	position:relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;font-style: normal;font-weight: bold;
	overflow:hidden;
}
*/
.button:hover{background-image:url(images/buttonhover.gif);}

/* button orange */
a.orangebutton{
background: #e7e7e7;
padding: 5px 6px 4px 15px;
font: bold 12px Arial;
border:1px solid #b7b7b7;
text-decoration: none;
margin-right:2px;
}

a.orangebutton span{
background:#e7e7e7;
color: #577eaa; 
cursor: pointer;
}

.searchbutton{
  background-image:url(images/search.png);
  width:40px;
  height:28px;  
  cursor:pointer;
}


.carousel-component { 
	padding:0px 0px 0px 0px;
	margin-bottom:10px;
	-moz-border-radius:0px;
	background-color: white;
	clear:both;
}

.carousel-component .carousel-clip-region { 
	padding:0px;
	margin:0px;

}
.carousel-component ul.carousel-list{
	text-align:left;
	background-color:white;
}
.carousel-component .carousel-list li { 
	text-align:left;
	margin:0px;
	width:auto;
	border: 1px solid gray;	
}
	
#tabset {	
	margin: 5px 0 5px 5px;
	position:absolute;
	z-index:10;
	right:5px;
	
}
#tabset a{
  width:20px;
  background-color:#dedede;
  border:1px solid #346291;
  color:#263C5F;
  text-decoration:none;  
  padding:0 3px 0 3px;
  font:bold 12px verdana;
  margin-right:3px;
}
#tabset a:hover{
   background-color:#346291;
   color: #dedede;
   border:1px solid #dedede;
}	


.headline{
width:100%;
/*background-color:#E7EEF7;*/
color:#4f4f4f;
font-weight:bold;
padding: 3px 3px 3px 1px;
margin-top: 10px;
}
#table{
width:98%;
padding:10px 0 10px 0;
display:absolute;
}
#row{
width:100%;
border-bottom:1px solid #ccc;

/*height:25px;*/

}
#table .col1{
width:30%;
float:left;
padding: 6px 0 4px 0;
height:auto;
}
#table .col2{
width:70%;
float:right;
padding: 6px 0 4px 0;
height:auto;
}
.clear{
clear:both;
width:100%;
height:1px;
}
.horizontal{
border-bottom:1px solid #E2E2E2;
width:100%
}

.griditem
{
border:1px solid #ccc;height:290px;width:160px;padding:5px 0 5px 2px;
overflow:hidden;
}
.gridheader
{
/*
background-color:#DBDBDB;
border-top:solid 1px #DBDBDB;
*/
color:#4b4b4b;
margin:0 0 5px 0;height:20px;padding:0px 0 3px 13px;
}
.gridheader a,input 
{
  font-family:arial;
  color:#262626;
}
.griditemlist{
padding:5px 0 10px 0;
border-bottom:solid 1px #ccc;
}
.griditemlist table tbody tr:hover{
/*background-color:#A0A0A0;*/
}

.imgborder4{
display:block;
padding:1px;
border: 1px solid #ccc;
width:100px;height:100px; 
vertical-align:middle;
}

#QuickContactBox
{
	right:0px;	
	width:150px;	
	height:140px;
  /*border:1px solid #FFB64B;*/		
	bottom: 0px;   
  position:absolute;     
	/*position: fixed;*/
	background: url(images/qcb_bg.gif) no-repeat;
	
	/*z-index: 100;*/	
	/*opacity:.75;filter: alpha(opacity=75);-moz-opacity: 0.75;*/
}

#QuickContactBox .ExpandedHeader table td
{
  padding:0 0 0 7px;
  height:30px;  
  color:#5f5b5a;  
  /*background: url(images/qcb_bg.gif) no-repeat;*/
  font-weight:bold;  
}
#QuickContactBox .QContent
{
  display:block;
  padding:10px;  
  color:#fff;
  font-weight:bold; 
}
#QuickContactBox .QContent a:hover
{
 
  color:#fff;
}
/*Implement*/
/*My partner*/
#grid
{
color:#000;
/*background-color:#E1E2D4;*/
}

.row0
{
}
.row1
{
}
/*directory tree*/
a .directorylink
{
color:#ffffff;/*4A7526*/
}
a .directorylink:hover
{
color:#AAACAB;
}
.searchtext
{
color:#FF9A14;
}


#dropdown2 { margin:0;float:left; }
#dropdown2 * {padding:0; margin:0;}
#dropdown2 dt {padding:1px; cursor:pointer;}
#dropdown2 dt:hover {}
#dropdown2 dd {position:absolute; overflow:hidden; width:180px; display:none; background:#27424c; z-index:200; opacity:0px;}
#dropdown2 ul.ul_menu_dropdown {width:208px; border:1px solid #243c44; list-style:none; border-top:none;text-align:left;}
#dropdown2 ul.ul_menu_dropdown li {display:inline;background:none;text-align:left;text-transform:lowercase;}
#dropdown2 ul.ul_menu_dropdown li a, #dropdown2 ul.ul_menu_dropdown li a:active,#dropdown2 ul.ul_menu_dropdown li a:visited{display:block; padding:5px; color:#fff; text-decoration:none;  width:180px;
font:  11px Arial, Helvetica, sans-serif;}
#dropdown2 ul.ul_menu_dropdown li a:hover  {background:#32515c; color:#fff;}
#dropdown2 .underline {border-bottom:1px solid #243c44}

a.sbb{
  width:22px;
  background-color:#fff;
  border:1px solid #849CC6;
  color:#203558;
  text-decoration:none;  
  padding:2px 5px 2px 5px;
  font:11px verdana;
  margin-right:3px;
  cursor:pointer;
}
a.sbb:hover{
   background-color:#E5EDF9;
   color: #203558;
   border:1px solid #849CC6;
}
a.current{
   background-color:#5E90C3;
   color: #fff;
   border:1px solid #5E90C3;
}

/* button blue */
a.bluebutton{
background: transparent url('images/blue-left.gif') no-repeat;

display: block;
float: left;
font: normal 12px Arial;
line-height: 15px; 
height: 23px; 
padding-left: 9px;
text-decoration: none;
margin-right:4px;

}
a:link.bluebutton, a:visited.bluebutton, a:active.bluebutton{
color: #494949; 
}
a.bluebutton span{
background: transparent url('images/blue-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0;
cursor: pointer;
}
a.bluebutton:hover{
background-position: bottom left;
}
a.bluebutton:hover span{ 
background-position: bottom right;
color: black;
}
/* button blue */
.tab_content_div
{
	width:702px; margin: 3px 0 2px 0; padding: 7px;border:1px solid #ccc;
}
.viewhtml{
padding:4px 0 2px 4px;
}

#tab_addsite{
width:670px;_width:700px; margin:3px 0 10px 0; padding: 7px;border:1px solid #ccc;
}