#nav		{ position:absolute; left:1%; top:50px; width:98%; float:left; margin:0px 0px 0px 0px; padding:0px; }

/* The tabs - based on the css sliding doors technique */

#tabs	 	{
	position:relative;
	top:0px;
	left:0px;
	margin:0px 0px 0px 15%;
	padding:0px;
	list-style:none;
}

#tabs a  	{
	display:block;
	float:left;
	margin:0px;
	padding:4px 25px 3px 4px;
	text-decoration:none;

}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tabs a { float:none; }
/* End IE5-Mac hack */

#tabs a:link 	{
	color:#202020;
}

#tabs a:visited {
	color:#202020;
}

#tabs a:hover 	{
	color:#006486; 
	text-decoration:underline;
}

#tabs a:active 	{
	color:#006486;
}

#tabs li 	{
	float:left;
	margin:0px;
	padding:0px 0px 0px 6px;
}

#tabs ul 	{
	list-style:none;
	margin:0px;
	padding:0px;
}


body.www #tabs li.start 	{ background:url("http://www.saigonline.com/halao/Image/db_home-left.gif") no-repeat left top; }
body.www #tabs li.start a	{ background:url("http://www.saigonline.com/halao/Image/db_home-right.gif") no-repeat right top; font-weight:bold; font-size: 12px; }
body.www #tabs li.start a:link 	{ color:#fff; }
body.www #tabs li.start a:visited 	{ color:#fff; }
body.www #tabs li.start a:hover 	{ color:#64bfdb; text-decoration:underline; }
body.www #tabs li.start a:active 	{ color:#64bfdb; }
body.www #tabs .devel	 	{ background:url("http://www.saigonline.com/halao/Image/lb_home-left.gif") no-repeat left top; }
body.www #tabs .devel a 	{ background:url("http://www.saigonline.com/halao/Image/lb_home-right.gif") no-repeat right top; font-weight:bold; font-size: 12px; }
body.www #tabs .solut	 	{ background:url("http://www.saigonline.com/halao/Image/lb_home-left.gif") no-repeat left top; }
body.www #tabs .solut a 	{ background:url("http://www.saigonline.com/halao/Image/lb_home-right.gif") no-repeat right top; font-weight:bold; font-size: 12px; }
body.www #tabs .oshop	 	{ background:url("http://www.saigonline.com/halao/Image/lb_home-left.gif") no-repeat left top; }
body.www #tabs .oshop a	{ background:url("http://www.saigonline.com/halao/Image/lb_home-right.gif") no-repeat right top; font-weight:bold; font-size: 12px;}

body.dev #tabs li.devel 	{ background:url("../tabs/db_dev-left.gif") no-repeat left top; }
body.dev #tabs li.devel a	{ background:url("../tabs/db_dev-right.gif") no-repeat right top; font-weight:bold; font-size: 12px; }
body.dev #tabs li.devel a:link 		{ color:#fff; }
body.dev #tabs li.devel a:visited 	{ color:#fff; }
body.dev #tabs li.devel a:hover 	{ color:#64bfdb; text-decoration:underline; }
body.dev #tabs li.devel a:active 	{ color:#64bfdb; }
body.dev #tabs .start	 	{ background:url("http://www.saigonline.com/halao/Image/lb_home-left.gif") no-repeat left top; }
body.dev #tabs .start a		{ background:url("../tabs/lb_shop-right.gif") no-repeat right top; }
body.dev #tabs .solut	 	{ background:url("../tabs//lb_dev-left.gif") no-repeat left top; }
body.dev #tabs .solut a		{ background:url("../tabs/lb_dev-right.gif") no-repeat right top; }
body.dev #tabs .oshop		{ background:url("../tabs/lb_dev-left.gif") no-repeat left top; }
body.dev #tabs .oshop a		{ background:url("../tabs/lb_dev-right.gif") no-repeat right top; }

body.solutions #tabs li.solut 	{ background:url("../tabs/db_sol-left.gif") no-repeat left top; }
body.solutions #tabs li.solut a	{ background:url("../tabs/db_sol-right.gif") no-repeat right top; font-weight:bold; font-size: 12px; }
body.solutions #tabs li.solut a:link 		{ color:#fff; }
body.solutions #tabs li.solut a:visited 	{ color:#fff; }
body.solutions #tabs li.solut a:hover 	{ color:#64bfdb; text-decoration:underline; }
body.solutions #tabs li.solut a:active 	{ color:#64bfdb; }
body.solutions #tabs .start		{ background:url("http://www.saigonline.com/halao/Image/lb_home-left.gif") no-repeat left top; }
body.solutions #tabs .start a		{ background:url("../tabs/lb_sol-right2.gif") no-repeat right top; }
body.solutions #tabs .devel	 	{ background:url("../tabs/lb_sol-left2.gif") no-repeat left top; }
body.solutions #tabs .devel a		{ background:url("../tabs/lb_sol-right2.gif") no-repeat right top; }
body.solutions #tabs .oshop 		{ background:url("../tabs/lb_sol-left.gif") no-repeat left top; }
body.solutions #tabs .oshop a		{ background:url("../tabs/lb_sol-right.gif") no-repeat right top; }

body.order #tabs li.oshop 	{ background:url("../tabs/db_shop-left.gif") no-repeat left top; }
body.order #tabs li.oshop a	{ background:url("../tabs/db_shop-right.gif") no-repeat right top; font-weight:bold; }
body.order #tabs li.oshop a:link 	{ color:#fff; }
body.order #tabs li.oshop a:visited 	{ color:#fff; }
body.order #tabs li.oshop a:hover 	{ color:#64bfdb; text-decoration:underline; }
body.order #tabs li.oshop a:active 	{ color:#64bfdb; }
body.order #tabs .start		{ background:url("http://www.saigonline.com/halao/Image/lb_home-left.gif") no-repeat left top; }
body.order #tabs .start a	{ background:url("../tabs/lb_shop-right.gif") no-repeat right top; }
body.order #tabs .devel 		{ background:url("../tabs/lb_shop-left.gif") no-repeat left top; }
body.order #tabs .devel a	{ background:url("../tabs/lb_shop-right.gif") no-repeat right top; }
body.order #tabs .solut 		{ background:url("../tabs/lb_shop-left.gif") no-repeat left top; }
body.order #tabs .solut a	{ background:url("../tabs/lb_shop-right.gif") no-repeat right top; }


/* The blue menubar below the tabs */

#menu		{
	background:#026789 url("../tabs/mid.gif") repeat-x bottom;
	float:left;
	margin:0px;
	padding:0px;
	position:relative;
	top:-1px;
	width:99%;
	color:#fff;
}

#menu a				{ text-decoration:none; }
#menu a:link 		{ color:#fff; }
#menu a:visited		{ color:#fff; }
#menu a:hover 		{ color:#64bfdb; text-decoration:underline; }
#menu a:active		{ color:#64bfdb; }

#menu ul				{
	background:#ccc;
	list-style:none;
	margin:0px;
	padding:0px 0px 0px 1%;
}

#menu li				{
	background:url("../tabs/menusep.png") no-repeat center right;
	float:left;
	margin:0px;
	padding:3px 4px 6px 6px;
}

#menu li a			{
	margin:0px;
	padding:0px 4px 0px 0px;
	white-space:nowrap;
}

#menu li strong		{ 
	padding:0px 4px 0px 0px; 
}

#menu li a strong 	{ 
	padding:0px; 
}

/* The submenu */

#subfld			{ 
	width:99%; 
	background:url("../tabs/subfld.png");
	float:left;
	position:relative;
	top:-1px;
}
#subfld h1		{
	padding:10px 0px 0px 1.6%;
} 

#submenu		{
	background:#026789 url("../tabs/sub.png") repeat-x bottom;
	float:left;
	margin:0px;
	padding:0px;
	position:relative;
	top:-1px;
	width:99%;
	color:#fff;
}

#submenu a				{ text-decoration:none; }
#submenu a:link 		{ color:#fff; }
#submenu a:visited		{ color:#fff; }
#submenu a:hover 		{ color:#64bfdb; text-decoration:underline; }
#submenu a:active		{ color:#64bfdb; }

#submenu ul				{
	background:#ccc;
	list-style:none;
	margin:0px;
	padding:0px 0px 0px 1%;
}

#submenu li				{
	background:url("../tabs/menusep.png") no-repeat center right;
	float:left;
	margin:0px;
	padding:3px 4px 7px 6px;
}

#submenu li a			{
	margin:0px;
	padding:0px 4px 0px 0px;
	white-space:nowrap;
}

#submenu li strong { padding:0px 4px 0px 0px; } 

/* Other */

body.dev #head p			{ color:#fff; }
body.dev #head p a:link 	{ color:#fff; }
body.dev #head p a:visited 	{ color:#fff; }
body.dev #head p a:hover 	{ color:#64bfdb; }
body.dev #head p a:active 	{ color:#64bfdb; }


