@charset "utf-8";
/* CSS Document */
html, body {padding:0; margin:0; font:normal 12px/130% Tahoma, Verdana, Arial; background:#eee;}
img, table {border:none;}
form
{
	margin:0;
	padding:0;
}
#pageContent {width:1000px; margin:0 auto; background:#fff;}

/* --- Header --- */
.Header {height:140px; background:url(../images/header_bg.jpg) top no-repeat; margin-bottom:10px;}
.headerCart {height:75px; padding-top:20px; text-align:right; padding-right:115px; font-size:11px; line-height:150%;color:#000;}
.headerCart .title {font:bold 18px Tahoma, Verdana, Arial; color:#000;}
.headerCart a {color:#000;}
.headerCart a:hover {color:#000;}
.headerCart b {font-size:12px;}
.headerCart b a {color:#000; text-decoration:none;}
   
.topMenu {height:35px; font-weight:bold; margin-left:208px;}
.topMenu ul {padding:0; margin:0; list-style:none;}
.topMenu li {float:left; padding:0 3px;}
.topMenu li a {display:block; padding-left:18px; color:#000; text-decoration:none;}
.topMenu li a span {display:block; padding:10px 18px 10px 0; width:auto;}
.topMenu li a:hover {background:url(../images/topMenu_overL.png) left no-repeat; color:#fff;}
.topMenu li a:hover span {background:url(../images/topMenu_overR.png) right no-repeat;}
.topMenu li.current a {background:url(../images/topMenu_overL.png) left no-repeat; color:#fff;}
.topMenu li.current a span {background:url(../images/topMenu_overR.png) right no-repeat;}

/* --- Main Container --- */
.widthBody {width:1000px; margin-bottom:10px;}

/*Left Column*/
.widthLeft {float:left; width:202px; overflow:hidden}
.leftMenu {width:200px; padding-top:35px; margin-bottom:10px; background:url(../images/leftMenu_title.gif) top left no-repeat; line-height:200%;}
.leftMenu ul {padding:0; margin:0; padding-left:5px; list-style:none;}
.leftMenu li {padding-left:15px; background:url(../images/left_bullet_ul.gif) left 8px no-repeat; font-weight:bold;}
.leftMenu li a {color:#000; text-decoration:none;}
.leftMenu li a:hover {text-decoration:underline; color:#ec008c;}
.leftMenu li li {background:url(../images/left_bullet_li.gif) left 8px no-repeat; font-weight:normal;}
.leftMenu li li a{ clear:both; color:#000; text-decoration:none; font-size:12px;}
.leftMenu li.current a{color:#ec008c; text-decoration:none; font-size:13px;}
.leftMenu li li.current a{color:#ec008c; text-decoration:none; font-size:12px; font-weight:700;}

.leftMenuvn {width:190px; padding-top:25px; margin-bottom:10px; background:url(../images/leftMenu_title.gif) top no-repeat; line-height:200%;}
.leftMenuvn ul {padding:0; margin:0; padding-left:5px; list-style:none;}
.leftMenuvn li {padding-left:15px; background:url(../images/left_bullet_ul.gif) left 8px no-repeat; font-weight:bold;}
.leftMenuvn li a {color:#000; text-decoration:none;}
.leftMenuvn li a:hover {text-decoration:underline; color:#ec008c;}
.leftMenuvn li li {background:url(../images/left_bullet_li.gif) left 8px no-repeat; font-weight:normal;}


.leftMenuen {width:190px; padding-top:25px; margin-bottom:10px; background:url(../images/leftMenu_title_en.gif) top no-repeat; line-height:200%;}
.leftMenuen ul {padding:0; margin:0; padding-left:5px; list-style:none;}
.leftMenuen li {padding-left:15px; background:url(../images/left_bullet_ul.gif) left 8px no-repeat; font-weight:bold;}
.leftMenuen li a {color:#000; text-decoration:none;}
.leftMenuen li a:hover {text-decoration:underline; color:#ec008c;}
.leftMenuen li li {background:url(../images/left_bullet_li.gif) left 8px no-repeat; font-weight:normal;}


.leftSearch {height:30px; margin-bottom:10px; background:url(../images/left_search_bg.gif) no-repeat;}
.leftSearchTxt {margin-left:10px; padding:0 10px;width:140px; height:16px; border:1px solid #999; font:normal 11px Tahoma, Verdana, Arial;}

.leftCounter {
	width:182px;
	height:38px; padding:6px 10px; 
	background:url(../images/left_counter_bg.gif) no-repeat; color:#fff; 
	font-size:11px; margin-bottom:10px;
	text-align:center;
}
.leftCounter b {font-size:13px; padding-left:5px;}

.leftSupport {
	background:url(../images/left_support_bot.gif) bottom right no-repeat; 
	padding-bottom:20px; margin-bottom:10px;
	width:202px;
}
.leftSupportTitle {
	background:url(../images/left_support_top.gif) top right no-repeat; 
	padding-top:5px; padding-left:15px; font-weight:bold; height:35px;
}
.leftSupportContent {
	background:url(../images/left_support_bg.gif) top right repeat-y; font-size:11px; 
	padding-bottom:10px; padding-right:15px;
	text-align:center;
}
.leftSupportContent li {padding:3px 0; margin:0; list-style:none;}
.leftSupportContent a {text-decoration:none; color:#000;}
.leftSupportContent a strong{font-size:14px;}

.leftWeblinks {width:180px; margin:0 5px 10px 5px;}

.leftAds {margin-bottom:10px; text-align:center;}
.leftAds img {max-width:190px; width:expression(this.width > 190 ? 190 : true); padding-top:5px;}

/*Main Column*/
.widthMain {float:left; margin-left:8px; width:790px; overflow:hidden} 

.mainNewPro {width:790px; height:160px;}
.mainNewProTD {float:left; width:120px; height:160px; background:url(../images/newproduct_bg.gif) no-repeat;}
.mainNewProSpace {float:left; padding:70px 0; margin:0; width:10px;}
.mainNewProImg {padding:10px 0;}
.mainNewProInfo {text-align:center;}
.mainNewProInfo .name {font-weight:bold;}
.mainNewProInfo .name a {text-decoration:none;}
.mainNewProInfo .price {color:#ec008c;}
.mainNewProInfo a {color:#000; font-size:11px;}
.mainNewProInfo a:hover {color:#555;}

.mainBanner {width:790px; height:200px;}

.width100{width:100%;}
.width625{width:625px;}

.mainContent {}
.mainContent .mainContentL { float:left; overflow:hidden;}
.mainContent .mainContentR {float:left; width:160px; margin-left:5px; overflow:hidden;}
.titleBannerRight{background:#05429F; padding:3px 5px; font-weight:bold; color:#FFF; margin-bottom:5px; display:block;}

.mainTitle {height:30px; padding:20px 20px 0; background:url(../images/maintitle_bg.gif) no-repeat; font:bold 20px Tahoma, Verdana, Arial; color:#ec008c;}

/* -- Feature Product -- */
.mainProduct {margin-bottom:10px;}
.mainProductTD {float:left; width:150px; border:1px solid #aaa; margin-top:20px;}
.mainProductTDImg {height:140px; text-align:center;}
.mainProductTDInfo {height:43px; padding-top:7px; text-align:center; line-height:150%;}
.mainProductTDInfo .name {font-weight:bold;}
.mainProductTDInfo .name a {color:#000; text-decoration:none; font-size:12px;}
.mainProductTDInfo .name a:hover {color:#ec008c;}
.mainProductTDInfo .price {color:#000; padding-right:10px;}
.mainProductTDInfo a {color:#ec008c; font-size:11px; padding-left:10px;}
.mainProductTDInfo a:hover {color:#555;}
.mainProductTDSpace {float:left; width:5px; padding:50px 0; margin:0;}
/* -- Product detail -- */
.proDetail {padding:10px 10px 0 20px; line-height:150%;}
.proDetailTitle {padding-bottom:10px; font:bold 16px Tahoma, Verdana, Arial; color:#ec008c;}
.proDetail .price {font-size:13px; color:#ec008c; font-weight:bold;}
.proDetailImg {max-height:200px; height:expression(this.height > 200 ? 200 : true); float:left; padding:5px; margin-right:20px; border:1px solid #aaa;}
.proDetailOthers {margin-top:10px;}
.proDetailOthers .title {font:bold 13px Tahoma, Verdana, Arial; text-decoration:underline; margin-bottom:15px;}
.proDetailOthers img {padding:0 10px; max-width:100px; width:expression(this.width > 100 ? 100 : true);}

/* -- About Us -- */
.mainAbout {text-align:justify; padding-left:10px;}
.mainAbout img {padding:5px 15px; max-width:775px; width:expression(this.width > 775 ? 775 : true);}
.mainAbout .comBlack {font-weight:bold; font-family:VNI-Helve-Condense, Tahoma, Arial;}
.mainAbout .comPink {font-weight:bold; font-family:VNI-Helve-Condense, Tahoma, Arial; color:#ec008c;}
.mainAboutImg {float:right; max-width:280px; width:expression(this.width > 280 ? 280 : true);}

/* -- Contact Us -- */
.mainContact {padding:10px 25px; line-height:150%;}
.mainContact .comName {text-transform:uppercase; font-weight:bold; color:#ec008c;}
.mainContact .line {height:1px; line-height:1px; border-bottom:1px solid #ccc;}
.formTitle {font-weight:bold;}
.textForm {border:1px solid #aaa; margin:1px 0;}

/* -- Buttons -- */
.button {margin:5px; padding:1px 10px; font:normal 11px Tahoma, Verdana, Arial;}
.buttonCart {border:none; height:20px; width:85px; text-align:center; font:bold 11px Tahoma, Verdana, Arial; background:url(../images/btn_Cart.jpg) no-repeat;
cursor:pointer;
}

/* --Page Number -- */
.pageNumber {padding:5px 10px; border-top:2px solid #ddd;}
.pageNumber a {float:left; display:block; padding:1px 4px; color:#333; font-weight:bold; margin-left:1px;}
.pageNumber a:hover {background:#ddd; color:#ec008c; text-decoration:none;}
.pageNumber a.current {background:#ec008c; color:#fff; text-decoration:none;}

/* --- Footer --- */
.Footer {
	clear:both; height:67px; padding-top:8px; /*background:#ec008c;05429F*/background:#ff2eca;
	color:#fff; font-size:11px;
}
.Footer a {color:#fff; text-decoration:none;}
.footerAddress {float:left; width:475px; padding-left:25px;}
.footerMenu {float:left; width:490px; padding-top:5px; padding-right:10px; text-align:right; line-height:150%;}
.footerMenu a {font-weight:bold; padding:0 10px;}
a.vietaz {font-weight:normal; text-decoration:underline; padding:0; padding-right:10px; color:#ff0;}

/* -- Others -- */
.clear {clear:both;}

/*-------news----------------*/
.newsTitle
{
	 color:#ec008c;
	 
}
.newsTitle a
{
	 color:#ec008c;
	 text-decoration:none;
}
.newsTitle a:hover
{
	 color:#ec008c;
	 text-decoration:underline;
}
.other_newsdetail
{
	color:#ec008c;
}
.other_newsdetail a
{
	color:#ec008c;
	text-decoration:none;
}
.other_newsdetail a:hover
{
	color:#ec008c;
	text-decoration:underline;
}
/*Button*/
.buttonAddtoCart {
	width:100px;
	height:15px;
	background: url(../images/button_cart.gif) left center no-repeat;
	padding:0 0 0 15px;
	text-align:left;
	font:bold 11px/100% Arial; 
	cursor:pointer;
	color:#FFF;
	border:0 none;
}
.buttonEmpty {
	width: 100px; 
	height: 20px; 
	border: none; 
	background: url(../images/empty.gif) top left no-repeat;
	cursor: pointer; line-height: 0px; 
	padding-left:10px; 
	font:normal 11px/100% Arial; 
	color:#444;
}
.buttonUpdate {
	width: 100px; 
	height: 20px; 
	border: none; 
	background: url(../images/update.gif) top left no-repeat;
	cursor: pointer; line-height: 0px; 
	padding-left:10px; 
	font:normal 11px/100% Arial; 
	color:#444;
}
.buttonContinue {
	width: 120px; 
	height: 20px; 
	border: none; 
	background: url(../images/continue.gif) top left no-repeat;
	cursor: pointer; line-height: 0px; 
	padding-left:10px; 
	font:normal 11px/100% Arial; 
	color:#444;
}
.buttonCheckout {
	width: 120px; 
	height: 20px; 
	border: none; 
	background: url(../images/checkout.gif) top left no-repeat;
	cursor: pointer; line-height: 0px; 
	padding-left:10px; 
	font:bold 11px/100% Arial; 
	color:#444;
}
.buttonLogin {
	width: 80px; 
	height: 20px; 
	border: none; 
	background: url(../images/login.gif) top left no-repeat;
	cursor: pointer; line-height: 0px; 
	padding-left:10px; 
	font:normal 11px/100% Arial; 
	color:#444;
}

/*Shopping cart*/
.mainBagTitle{
	background:#f21387;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	padding-left:5px;
	border:1px solid #c146a4;
}
.mainBagContent{
	font-size:11px;
	padding-left:5px;
	border-bottom:1px solid #D7DFE3;
}
.mainBagPrice{
	font-size:12px;
	padding-right:10px;
	background:#F2f4f5;
	border-bottom:1px solid #D7DFE3;
}
.mainBagTotalPrice{
	font-size:12px;
	font-weight:bold;
	padding-right:10px;
}
.mainBagContent a{
	color:#333333;
	font-weight:bold;
	text-decoration:none;
}
.mainBagContent a:hover{text-decoration:underline;}
.mainBagProName {color:#555;}

.logodb
{
	background: url(../images/bglogo.jpg) top left no-repeat;
	width:157px;
	height:55px;
	text-align:center;
	padding-top:50px;

}
