@charset "utf-8";
/* CSS Document */

html, body {padding:0; margin:0; font:normal 11.5px Tahoma, Verdana, Arial;
line-height:1.5;
}
img, table {border:none;}

#pageContent {width:1000px; margin:0 auto;}

/* --- Header --- */
.Header_vn {width:1000px; height:100px; background:url(../images/header_bg.gif) no-repeat;}
.Header_en {width:1000px; height:100px; background:url(../images/header_bg_en.gif) no-repeat;}

.headerRight {float:right; width:525px;}
.headerLogo {float:left; width:75px; height:75px; padding:13px 10px 12px 15px;}
.buttonLogo {background:none; border:none; width:75px; height:75px; cursor:pointer;}

.shoppingCart {float:right; width:100px; height:54px; padding-right:65px; padding-top:20px; text-align:right; line-height:140%;}
.shoppingCart b {font-size:12px;}
.shoppingCart a.product {color:#d7204a; text-decoration:none;}

.topMenu {height:26px; font:bold 11px Arial, Helvetica, sans-serif; color:#fff;}
.topMenu ul {padding:0; margin:0; list-style:none;}
.topMenu ul li {float:left; background:url(../images/topmenu_bgL.png) left 0px no-repeat; margin-right:1px; padding-left:10px;}
.topMenu ul ul li {padding-left:0;}
.topMenu ul li a {display:block; padding:6px 20px 6px 10px; background:url(../images/topmenu_bg.png) right 0px no-repeat; color:#fff; text-decoration:none; text-transform:uppercase;}
.topMenu ul ul li a {display:block; padding:6px 0; right 0px no-repeat; color:#fff; text-decoration:none; text-transform:uppercase;}
.topMenu ul li a:hover {color:#ff0;}
.topMenu ul li.lang {background:none; padding:0; padding:7px 0 0 5px;}
.topMenu ul li.lang a {background:none; padding:0;}
.topMenu ul li.current {background:url(../images/topmenu_bgL.png) left -26px no-repeat;}
.topMenu ul li.current a {background:url(../images/topmenu_bg.png) right -26px no-repeat;}


/* --- Main Container --- */
.widthMainContent {width:1000px;}

.mainBanner {height:260px; padding:10px; background:url(../images/banner_bg.gif) no-repeat;}
.mainBannerBot {clear:both; height:20px; background:url(../images/banner_bottom.gif) top repeat-x;}

/* - Left Column - */
.widthLeftCol {float:left; width:200px; margin:0; padding:0;}
/* Left menu */
.leftMenu {line-height:25px;}
.leftMenuTitle {height:25px; padding-left:10px; background:url(../images/leftMenu_title.gif) no-repeat; color:#fff; font-weight:bold; text-transform:uppercase; margin-bottom:1px;}
.leftMenu ul {padding:0; margin:0; list-style:none;}
.leftMenu li {margin-bottom:1px; background:#d7e7f9 url(../images/leftMenu_li_bg.gif) top no-repeat; font-weight:bold;}
.leftMenu li a {color:#000; text-decoration:none;}

.leftMenu li span {padding-left:25px;}
.leftMenu li li {padding-left:25px; border:1px solid #62a0e4; background:url(../images/left_bullet.gif) 15px 9px no-repeat; border-top:none; font-weight:normal; margin:0;}
.leftMenu li li.current a
{
	color:#FF0000;
}
.leftMenu li li a 
{
	color:#000; text-decoration:none;
}
.leftMenu li li a:hover
{
	color:#FF0000; text-decoration:none;
}

.leftCounter {height:30px; padding-left:30px; line-height:30px; background:url(../images/counter_bg.gif) no-repeat; color:#fff; margin-bottom:1px;}
.leftSupport {padding:5px 15px; margin-bottom:1px; line-height:17px; color:#fff; background:url(../images/support_bg.gif) no-repeat;}
.leftSupport b {text-transform:uppercase;}
.leftSupport a {display:block; padding-left:30px; margin-top:7px;  10px no-repeat; color:#000; text-decoration:none;}
.Advertising {padding:0; padding-bottom:10px;}
.Advertising img {max-width:200px; width:expression(this.width > 200 ? 200 : true); padding:0; padding-top:10px;}

/* - Main Column - */
.widthMainCol {float:left; width:600px; padding:0; margin:0; overflow:hidden;}
.widthMainCol a {color:#36c;}
.mainContent {padding:0 20px 30px;}
.mainTitle {padding:0px 10px 2px 0; background:url(../images/main_title_bg.gif) bottom no-repeat; color:#36c; font:bold 18px Tahoma, Verdana, Arial;}
.mainAbout {text-align:justify;}
.mainProductTable {padding-bottom:10px;}
.mainProductTD {float:left; width:135px; padding-top:20px; text-align:center; line-height:150%;}
.mainProductTD a {color:#FF0000; text-decoration:none;}
.mainProductTD a:hover {color:#2A3FFF; text-decoration:none;}
.mainProductTD img {max-width:120px; width:expression(this.width > 120 ? 120 : true);}
.spaceH25px {float:left; width:5px; padding:10px;}



/* About Us page */
.aboutUs {padding:0 20px 30px; text-align:justify; line-height:150%;}
.aboutUs li {list-style-position:inside; padding-left:15px;}
.aboutUs .hightlight {font:bold 14px Tahoma, Verdana, Arial; color:#d7204a; padding-left:15px;}
.aboutUsImg {padding:10px 0; text-align:center;}
.aboutUsImg img {max-width:550px; width:expression(this.width > 550 ? 550 : true);}

/* Contact Us page */
.contactUs {padding:0 20px 30px; text-align:justify; line-height:150%;}
.contactAdd {font:bold 11px/150% Tahoma, Verdana, Arial; padding:0 20px;}
.Line {margin:10px 0; height:1px; line-height:1px; border-bottom:1px dotted #36c;}
.contactForm {padding:0 20px;}
.textForm {height:18px; margin:1px 0; padding:0 5px; font:normal 11px/18px Tahoma, Verdana, Arial;}
.textArea {margin:1px 0; padding:3px 5px; font:normal 11px/18px Tahoma, Verdana, Arial;}
.button {margin-top:5px; margin-right:5px; height:22px; font-size:11px;}

/* Product Detail page */
.proDetail {padding:0 20px 30px; line-height:150%;}
.proDetailContent {padding:20px 0;}
.proDetailImg {float:right; padding-left:15px; max-width:250px; width:expression(this.width > 250 ? 250 : true);}
.proDetailTitle {color:#d7204a; font:bold 14px/150% Tahoma, Verdana, Arial;}
.proDetailCode {color:#999; text-transform:uppercase; font:bold 12px Tahoma, Verdana, Arial;}
.proDetailPrice {color:#d7204a; font:bold 12px/150% Tahoma, Verdana, Arial;}

/* News page*/
.news {padding:0 0px 30px; line-height:150%;}
.news b {color:#36c; line-height:200%;}
.newImg {float:left; padding:5px 15px 5px 0; max-width:150px; width:expression(this.width > 150 ? 150 : true);}

/*Page number*/
.pageNumber {border-top:1px solid #999; padding:5px 10px; margin-top:10px;}
.pageNumber .current {text-align:center; width:15px;float:left;padding:2px 3px; background:#36c; border:1px solid #36c; margin:0 1px; color:#fff;}
.pageNumber a { text-align:center; width:15px; float:left; display:block; padding:2px 3px; background:#fff; border:1px solid #36c; margin:0 1px; text-decoration:none; color:#000;}
.pageNumber a:hover {background:#36c; color:#fff;}

/* - Right Column - */
.widthRightCol {float:right; width:200px; margin:0; padding:0; overflow:hidden;}
/* Search */
.rightSearch {height:18px; width:180px; padding:16px 5px 16px 15px; background:url(../images/search_bg.gif) no-repeat; color:#fff; font-weight:bold; line-height:17px;}
.searchTxt {width:100px; height:14px; padding:0 3px; margin:0; margin-top:1px; margin-left:5px; color:#fff; font:normal 11px/15px Tahoma, Verdana, Arial; border:1px solid #36c; background:#36c;}
.buttonSearch {height:15px; width:15px; margin-left:5px; background:none; border:none; cursor:pointer;}
/* News */
.rightNewsBG {width:200px; margin:10px 0; padding:0 0 40px; background:url(../images/right_box_bot.gif) bottom no-repeat;}
.rightNewsTitle {height:40px; line-height:35px; padding-left:15px; text-transform:uppercase; font-weight:bold; background:url(../images/right_box_top.gif) top no-repeat;}
.rightNews {padding:0 10px; text-align:justify; line-height:130%;}
.rightNews b {color:#36c;}
.rightNews a
{
	color:#36c;
	text-decoration:none;
	font-weight:bold;
}
.rightNews a:hover
{
	color:#FF0000;
	text-decoration:none;
	font-weight:bold;
}



.rightNewsLine {margin:10px 0; height:1px; line-height:1px; border-bottom:1px solid #36c;}

/* --- Footer --- */
.Footer {clear:both; width:1000px; background:url(../images/footer_bg.gif) top repeat-x; text-align:center;}
.footerMenu {height:20px; padding:5px; font:normal 11px/20px Tahoma, Verdana, Arial; color:#fff;}
.footerMenu a {color:#fff; text-decoration:none; padding:0 20px;}
.footerMenu a:hover {color:#ff0;}
.footerCopyright {padding:5px 0; color:#333;}
.footerCopyright a {color:#36c;}

/* Others */
.clear {clear:both;}
.Cshow
{
	display:none;
}
.tdProduct
{
	border:#E9E9E9 solid 1px;
}

/*chitiet*/
.chitiet{width:220px; float:left; padding: 10px;}
.chitiet img {max-width:220px; width:expression(this.width > 220 ? 220 : true); margin:0px 0px 0 0px;border:1px solid  #CCCCCC}
.text_chitiet{ font:normal 11px Tahoma; float:right; padding-top:10px; padding-right:5px; width:290px;text-align:justify; line-height:160%; }
.text_chitiet span{ color:#FF9900;}
.icon_mua{ background:url(../images/icon_mua.jpg) no-repeat; width:74px; height:24px;; border:none; margin-top:5px;cursor:pointer;}

.zoomImage
{
	padding-top:5px;
	color:#FF9900;
	text-align:left;
	
}
.zoomImage img
{
	color:#FF9900;
	text-align:center;
	border:0px;	
}

.zoomImage a
{
	color:#999999;
	text-decoration:none;
	text-align:center;
}
.zoomImage a:hover
{
	color:#FF9900;
	text-decoration:none;
	text-align:center;
	
}
.productCart{float:left; width:100px; height:15px; background: url(../images/button_cart.gif) left center no-repeat; padding:1px 0 0 15px; margin-bottom:5px; text-align:left;}
.productCart a{font:bold 11px/100% Arial; color:#FFF; text-decoration:none; line-height:15px;}
.productCart a:hover{font:bold 11px/100% Arial; color:#FFF; text-decoration:none; line-height:15px;}
.productDetail{float:right; width:100px; height:15px; background: url(../images/button_detail.gif) left center no-repeat; padding:1px 0 0 15px;margin-bottom:5px; text-align:left;}
.productDetail a{font:bold 11px/100% Arial; color:#ffffff; text-decoration:none; line-height:15px;}
/*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: 90px; 
	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:#3f7ed8;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	padding-left:5px;
	border:1px solid #003f82;
}
.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;}
.mainBagDelete a {color:#f8951d; font-weight:bold;}
.mainLoginTitle {font:bold 11px Tahoma, Verdana, Arial; color:#777;}
.mainLoginContent {font:normal 11px/125% Tahoma, Verdana, Arial;}
.requiredInfo {color:#f8951d;}