/* -- default style -- */
body {
	margin:0; padding:0;
	text-align: center;
	background-color:#fff; color:#393939;
	font:normal 12px/15px Arial, Helvetica, sans-serif;}
div, h1, h2, h3, h4, p, a, img, ul, ol, li, form, input, textarea, select {
	margin:0; padding:0;}
img {
	border:none;}
ul {
	list-style:none;}
a {
	outline:none;}
.spacer {
	clear:both; line-height:0; font-size:0;}

/* -- header style -- */
#header {
	width:1024px; height:212px; margin:0 auto; padding:5px 5px 0 5px;
	background:url(../images/header-bg.jpg) no-repeat 125px 25px;}
#header img.logo {
	margin:0 0 0 7px; float:left;}
#header ul.info {
	float:right; font:bold 11px/18px Arial, Helvetica, sans-serif; background-color:#fff; color:#2F594F;}
#header ul.info li {
	float:left; padding:0 0 0 12px;}
#header ul.info li.email {
	color:#000; background-color:#fff;}
#header ul.info li.email a {
	color:#000; background-color:#fff; text-decoration:none;}
#header ul.info li.email a:hover {
	color:#000; background-color:#76BCE0;}
#header ul.topNav {
	clear:both; width:178px; padding:21px 0 0 0;}
#header ul.topNav li {
	background:url(../images/dot-01.gif) repeat-x 0 100%; padding:0 0 1px;}
#header ul.topNav li a {
	background:url(../images/arrow-01.gif) no-repeat 2px 50% #fff; color:#000; padding:0 0 0 13px;
	font-size:11px; font-weight:bold; line-height:19px; text-decoration:none;
	width:165px; display:block;}
#header ul.topNav li a:hover {
	background:url(../images/arrow-01.gif) no-repeat 2px 50% #76BCE0; color:#000;}

/* -- body style -- */
#body {
	width:1024px; margin:0 auto; padding:5px 0px 0px 0px;}

/* -- menu panel start -- */
.menu td {
	float: left;
}

.menu a {
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	color: White;
	height : 18px;
	background: url(../images/menu-bg.jpg) repeat-x;
	text-align: center;
	width: 170px;
}

.menutop a:visited{
	font-family: Arial, Helvetica, sans-serif, Verdana;
	color: White;
	font-size: 14px;
	text-decoration: none;
}

.menu a:hover {
	background: url(../images/menu-bg-over.jpg) repeat-x;
	color: #000;
}
/* -- left panel start -- */	
#left {
	width:166px; float:left;text-align:left;}

#left .top {
	color:#565656;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:bold;
	padding-left:30px;
	background:url(../images/menu-bg-left-top.jpg) no-repeat;
	height: 39px;
	width: 162px;
	text-align: left;
}

#left .menu-item {
	background:url(../images/menu-bg-left.jpg) no-repeat;
	height: 26px;
	width: 162px;
	color:Black;
	font-size:12px;
	font-weight:bold;
	padding-left:30px;
}

#left .menu-item a {
	text-decoration: none;
}

#left .menu-item a:hover {
	color: Red;
}

#left .sub-item {
	background:url(../images/menu-bg-sub.jpg) no-repeat;
	height: 26px;
	width: 162px;
	color:Black;
	font-size:12px;
	font-weight:bold;
	padding-left:30px;
}

#left .sub-item a {
	text-decoration: none;
}

#left .sub-item a:hover {
	color: Red;
}

#left .bottom {
	background:url(../images/menu-bg-bottom.jpg) no-repeat;
	height: 42px;
	width: 162px;
}
/* -- right panel start -- */
#right {
	width:853px; padding: 0 0 0 5px; margin: 0; float:left;text-align:left;}
#right h1.welcome {
	height:23px; margin:0 0 14px; line-height:0; font-size:0; text-indent:-12000px;
	background:url(../images/welcome-txt.gif) no-repeat 0 0; }
#right h2 {
	font:normal 18px/20px Georgia, "Times New Roman", Times, serif; color:#323232; background-color:#fff;
	padding:0; margin:6px 0 14px;}
#right h2 span {
	color:#C90C0F;}
#right p {
	padding:0 0 16px 7px;}
#right ul.product {
	padding:18px 0; margin:2px 0 0 0;
	background:url(../images/product-green-bg.gif) repeat-x 0 0;}
#right ul.product li {
	float:left; background:url(../images/dot-02.gif) repeat-y 0 0;
	padding:0 15px 0 16px; width:auto; margin:0; text-align:left; position:relative}
#right ul.product li.noDivider {
	background:none; padding:0 15px;}
#right ul.product li img {
	display:block; margin:0 0 5px;}
#right ul.product li span {
	display:block; text-align:left;}
#right ul.product li a.details {
	background:url(../images/detail-btn.gif) no-repeat 0 0;
	width:50px; height:16px; display:block; margin:3px 0 0 0;
	text-indent:-120000px; line-height:0; font-size:0;}
#right ul.product li a.details:hover {
	background:url(../images/detail-btn-h.gif) no-repeat 0 0;}

#right .td1 {
	border:1px solid #B4BDC4;
}

/* -- footer style -- */
#footer {
	background:url(../images/footer-bg.gif) repeat-x 0 0; margin:0 auto; width : 1024px; color:#000; text-align:center;}
#footer p.nav {
	font:bold 10px/15px Verdana, Arial, Helvetica, sans-serif; padding:0 0 12px; }
#footer p.nav a {
	margin:0 10px; text-decoration:none; color:#000;}
#footer p.nav a:hover {
	color:#2F594F;}
#footer p {
	padding:0 0 5px; font-size:9px; line-height:12px;}
#footer p a {
	color:#C90C0F; text-decoration:none;}

/* duy.thanh */
#footer .title {
	color: #134187;
	font-size: 13px;
	font-weight: bold;
}
#footer .text {
	color:#172C66;
	font-size:12px;
	font-weight:bold;
}
#footer .number {
	color:#FF5919;
	font-size:12px;
	font-weight:bold;
}

/* -- misc style -- */
.bottomDot {
	background:url(../images/dot-01.gif) repeat-x 0 100%; padding:0 0 1px;}
.leftMarOne {
	margin-left:47px !important}
.bottomMarZero {
	margin-bottom:0 !important;}

.text {
	font:bold 12px/20px Arial, Helvetica, sans-serif;
}