﻿body {margin:0 auto;font-family:Arial;font-size:12px;min-width:980px;background: #EEECDE;}
* {margin:0; padding:0;}
.clear {clear:both;}
ul {list-style:none;}
a {text-decoration:none;}
a:hover {cursor:pointer;}
.block_top	{margin:0 auto;}
.banner	{margin:0 auto; width:950px; position:relative;}
.flash {}
.block_search { padding:10px 0px 0px 10px;}
.txtkeysearch { position: absolute; top: 9px; right: 40px; width: 148px; height: 20px; padding: 1px 2px; color:#ccc; border:none; background-color:Transparent;}
.btnsearch{ position: absolute; top: 8px; right:11px; width: 26px; height:24px; border:none; cursor:pointer; background:url(../Images/bt_search.png) no-repeat;}
.menu_top { position:absolute; top:0; left:150px; height:50px;}
.menu_top ul {position:relative;}
.menu_top ul li {margin:0px;float:left;position:relative;line-height:50px; }
.menu_top ul li a {display:block;font-size:14px;text-transform:uppercase; color:#8a5d1a; font-weight:bold; padding:0px 16px; background:url(../_Images/mtop_li.png) no-repeat left center;}
.menu_top ul li a:hover	{color:#8a5d1a;}
.menu_top ul li ul {position:absolute;width:200px;z-index:5000;display:none; top: 50px;}
.menu_top ul li ul li	{background:none;width:200px;line-height:25px; padding:0px;}
.menu_top ul li:hover ul	{display:block;}
.menu_top ul li:hover ul ul, .menu_top ul li:hover ul ul ul  {display:none;}
.menu_top ul li:hover ul li:hover ul	{display:block;}
.menu_top ul li:hover ul li:hover ul ul	{display:none;}
.menu_top ul li:hover ul li:hover ul li:hover ul	{display:block;}
.menu_top ul li ul ul {position:absolute;width:200px;z-index:5000;  padding:0px; display:none; background:#8A5D1A; top:0; left:200px;}
.menu_top ul li ul li a {display:block;text-align:left; color:#ffffff; background:#8A5D1A; border-bottom:solid 1px #f1f0e8;   padding-left:20px;    line-height:25px;}
.menu_top ul li ul li a:hover {padding-left:20px;color:red;}
.wrapper {margin:0px auto 0px auto;width:950px; background:#fff; }
/*------------------CSS bên trái---------------------*/
.block_left {width:213px;float:left;}
.mleft_tit	{line-height:36px; padding-left:20px; margin-top:10px; font-weight:bold; background:url(../Images/bg_left_colume.png) no-repeat left top;  color:#ffffff; text-transform:uppercase; height:36px;}
.menu_left { padding:10px 5px 10px 10px; background:#ffffff; border:1px solid #ccc; border-top: none; border-radius: 0px 0px 5px 5px;}
.menu_left ul	{}
.menu_left ul li	{line-height:26px; position:relative; padding-left:5px;}
.menu_left ul li a	{display:block;padding-left:16px;color:#736e70; background:url(../_Images/mleft_li1.png) no-repeat left center; font-weight:bold; }
.menu_left ul li a:hover	{text-decoration:none; color:#F16B13;}
.menu_left ul li:hover ul {display:block;} 
.menu_left ul li:hover ul li ul, .menu_left ul li:hover ul li ul li ul	{display:none;}
.menu_left ul li ul	{}
.menu_left ul li ul li	{ padding-left:20px;}
.menu_left ul li ul li a	{padding-left:10px;display:block; background:url(../_Images/mleft_li2.png) no-repeat left center; border-bottom:dotted 1px #cccccc;}
.menu_left ul li ul li a:hover	{color:#F16B13; }
.menu_left ul li ul li:hover ul	{display:block;	}
.menu_left ul li ul li ul	{position:absolute;left:200px;top:0px;width:200px;display:none;z-index:5000;}
.menu_left ul li ul li ul li	{width:200px;  padding:0px;margin:0px;}
.mleft_cont	{padding:10px 10px 10px 10px ; border-radius: 0px 0px 5px 5px;margin-bottom:10px; background: #fff;}
a.link	{border-bottom:dotted 1px #cccccc; padding:5px 0px 5px 24px; line-height:20px; display:block; background:url(../_Images/link.png) no-repeat 4px 6px; color:#5446dc;}
a.link:hover	{text-decoration:underline;}
.adv_item	{overflow:hidden; text-align:center; padding:6px 0px 6px 0px;}
.sup_cont	{ border-left:solid 1px #cccccc; border-right:solid 1px #cccccc;}
.sup_bot	{height:4px; background:url(../_Images/sup_bot.png) no-repeat left top;}
.support_item {padding:6px 0px 6px 0px; font-weight:bold; border-bottom:dotted 1px #cccccc; height:50px;}
.support_item .yahoo	{ float:left; width:75px;}
.support_item .yahoo a img	{width:75px; height:50px;}
.support_item .info {float:right; width:95px; font-weight:bold; line-height:25px;}
.support_item span	{}
.hotline {padding:10px 0px 20px 44px; width:140px; height:68px; background:url(../_Images/hotline_bg.png) no-repeat right top;}
.hotline p	{line-height:20px;}
#divAdRight {border:solid 1px #ffffff; text-align:center}
.sup_tit {line-height:26px; background:url(../_Images/sup_tit.png) no-repeat left top; padding-left:12px; color:#096C00; font-weight:bold;}
.support_item1 {padding:3px 0px 3px 0px; font-weight:bold; color:#ffffff; text-align:center;}
.support_item1 p	{padding:4px 10px 4px 10px;}
.support_item1 a {padding-left:10px;}
.support_item1 span	{padding-left:6px;}
a.hnews	{background:url(../Images/linew.png) no-repeat left center; display:block; padding:7px 0px 7px 15px;  color:#6b6b6b;}
a.hnews:hover	{ text-decoration:underline;}
/*------------------CSS nội dung---------------------*/
.block_center_right	{ width:775px; float:right; padding-right:5px;}
.block_center {width:580px;float:left;}
.block_right { float:right; width:754px;}
.cent_tit	{ height:36px; margin:10px 0px; line-height:36px; padding-left:10px; color:#8a5d1a; font-weight:bold; border-bottom:solid 2px #8a5d1a}
.cent_tit a {color:#8a5d1a; text-transform:uppercase; padding:0px 3px;}
.cent_top	{height:6px; background:url(../_Images/cent_top.png) no-repeat left bottom; margin-top:8px;}
.cent_bot	{height:6px; background:url(../_Images/cent_bot.png) no-repeat left top; margin-bottom:8px;}
.cent_cont	{ padding:0px 10px;}
.pro_item {float:left; width:210px; padding:11px;}
.pro_img {display:block; height:210px; position:relative}
.pro_img img {position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; max-width:100%; max-height:100%;}
.pro_item h3 a {display:block; line-height:20px; height:40px; margin:6px 0px; color:#8a5d1a; font-size:13px; text-align:center;}
.pro_item h3 a:hover {}
.pro_item p { color:#F16B13; font-weight:bold; text-align:center;}
.pro_item p span.price_old {color:#a5a5a5; text-decoration:line-through;} 
.pro_item h4 {margin-top:6px; text-align:center;}
.pro_item h4 a {display:inline-block; background:url(../_images/icon-cart.png) no-repeat 6px center; padding:4px 8px 4px 30px; color:#8a5d1a; border:solid 1px #8a5d1a; border-radius:3px; line-height:20px;}
.pgrid_price	{line-height:20px; font-weight:bold; color:red; text-align:center; height:40px;}
.pgrid_price lable { color:#ff0000; display:block; text-align:center;}
.pgrid_price span.giacu	{color:#a5a5a5; text-decoration:line-through;  font-size:10px; display:block;}
.pgrid_cart {padding:4px 0px 4px 0px; text-align:center;}
.pgrid_cart a	{display:block; margin:0 auto;  background:url(../Images/btn_buy.png) no-repeat center top; text-align:center; width:96px; height: 23px;}
.plist_item {padding:15px 9px 15px 9px; height:120px;}
.plist_img	{float:left; height:120px; width:124px; background:#e1e1e1 url(../_Images/shadow2.png) no-repeat left bottom; padding:1px 1px 6px 1px; text-align: center;}
.plist_img a	{display:block; background:#ffffff;}
.plist_img a img	{width:120px; height:120px;}
.plist_info { float:right; padding:0px 20px 0px 0px; width:570px; line-height:18px;}
.plist_name {height:20px; font-weight:bold; line-height:20px; padding:0px 0px 4px 0px; overflow:hidden;}
.plist_name a  {color:#686667; display:block;}
.plist_name a:hover {color:#95bd04;}
.plist_desc	{height:54px; overflow:hidden;}
.plist_price	{line-height:20px; font-weight:bold; color:#686667;}
.plist_price span { color:#ff0000;}
.plist_price span.giacu	{color:#a5a5a5; text-decoration:line-through; padding-right:8px;}
.plist_cart {padding:4px 0px 4px 0px; text-align:center;}
.plist_cart a	{display:block; padding-left:16px; line-height:24px; background:url(../_Images/cart.png) no-repeat left top; color:#ffffff; font-weight:bold; height:24px; width:80px;}
.cart_detail	{ height:28px; text-align:center;}
.cart_detail a	{height:28px; padding-left:10px; line-height:28px; display:block; background:url(../_Images/add_cart.png) no-repeat center top; color:#565253; font-weight:bold;}
.view_all {text-align:right; padding:6px;}
.view_all a {font-weight:bold; color:#266399;}
/*------------------CSS khác---------------------*/
.footer	{margin:0 auto; position:relative; background:#380b05 url(../_images/footer_bg.png) repeat-x left top; padding-top:8px; }
.menu_bottom { padding:10px 0px 10px 0px; text-align:center;}
.menu_bottom a {padding:0px 10px 0px 10px;color: #010101;font-weight: bold;}
.copyright {  margin:0 auto; width:950px; padding-top:20px; color:#fff;}
.copyright p {line-height:20px;}
#img_lager_show {max-width:200px;max-height:200px;}
.div_tool {background:white;padding:10px;text-align:center;	}
.img_tool {max-width:240px;max-height:240px;min-width:200px;min-height:200px;}
.name_tool {padding:6px 0px 6px 0px;line-height:20px;text-align:center;color:#fff;font-weight:bold;}
.download { background:url(../Images/dowload_icon.png) no-repeat; height:24px; width:24px; display:block; }
.pro_relative { line-height:32px; background:url(../Images/span_bg.png) repeat-x;padding-left:20px;}
.detail_cart {display:block; width:110px; height:32px; line-height:26px; padding-left:6px; text-align:left; font-weight:bold; color:#fff;background:url(../Images/muahang.jpg) no-repeat left top; }
.detail_cart:hover { text-decoration:none; }
.hcontact { position:absolute; width:170px; height:70px; top:30px; right:220px; padding:20px 22px 0px 0px; background:url(../_Images/contact_bg.png) no-repeat left top; text-align:right; color:#ffffff; font-weight:bold; }
.hcontact p, .cart_moment p { padding-top:6px; }
.cart_moment { position:absolute; width:170px; height:70px; top:30px; right:12px; padding:20px 22px 0px 0px; background:url(../_Images/contact_bg.png) no-repeat left top; text-align:right; color:#ffffff; font-weight:bold; }
.cart_moment p span { padding:0px 2px 0px 2px; font-size:14px; color:#fff500; }
#contentshow{position: relative;z-index: 100;background:#000000;-webkit-border-radius: 8px;-moz-border-radius: 8px;padding:10px;border-radius:8px;}
.LB-black-overlay {display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;z-index: 1;-moz-opacity: 0.80;opacity: .80;filter: alpha(opacity=80);background: #000000;}
.LB-white-content {display: none;position:fixed;min-width:450px;  z-index: 1002; top:40%; left:40%;}
#contentshow .close	{background:url(../_Images/bg1.png); height:30px; line-height:30px; color:#ffffff; padding:0px 10px 0px 10px;}
.close a {float:right; padding-right:6px;}
#contentshow .content {background:#ffffff; padding:10px; height:60px;}
#contentshow .content p {}
#contentshow .content a { display:block; float:left; color:#006699; font-weight:bold; line-height:30px;}
#contentshow .back	{ background:url(../Images/back.png) no-repeat left center; padding:0px 6px 0px 20px;}
#contentshow .tcart	{ background:url(../Images/cart1.png) no-repeat left center; padding:0px 6px 0px 22px;}
#contentshow .dat	{ background:url(../Images/tt.png) no-repeat left center; padding:0px 6px 0px 36px;}
/*------------------End CSS khác---------------------*/
.func_top {height:40px; }
#viewgrid {float:right; width:32px; height:32px; background:url(../Images/gridicon.png) no-repeat left top; padding-right:6px;}
#viewlist {float:right; width:32px; height:32px; background:url(../Images/listicon.png) no-repeat left top; padding-right:6px;}
#viewgrid:hover , #viewlist:hover {cursor:pointer;}
.pagesize, .orderby {float:right; padding:5px 8px 0px 0px;}
.pagesize select:hover, .orderby select:hover {cursor:pointer;}
.pagesize select, .orderby select {height:24px;}
.ajaxpaging {clear:both; padding:10px 0px; height:26px; text-align:center}
.ajaxpaging a { padding:0px 11px; height:26px; line-height:26px; text-align:center; display:inline-block; background:#8a5d1a; color:#fff;}
.ajaxpaging a.active {color:#ffffff; font-weight:bold;background:#F16B13;}
p.loc	{padding:4px 0px 4px 15px !important; background :url(../_Images/mleft_li1.png) no-repeat left center;}
.loc a {line-height:20px; display:block; color:#000000; font-weight:bold;}
.mleft_cont p.tygia{ background:url(../Images/icon_tygia.png) no-repeat left center; }
.mleft_cont p.giavang{ background:url(../Images/icon_giavang.png) no-repeat left center; }
.mleft_cont p.chungkhoan{ background:url(../Images/icon_chungkhoan.png) no-repeat left center; }
.mleft_cont p{ padding: 7px 0px 7px 25px; }
.mleft_cont p a{ color:#6b6b6b;}
.mleft_cont p a span{ color:red;}
.mleft_cont p a:hover{ color:Red;}
span.online{ padding: 7px 0px 7px 20px; background: url(../Images/i-online.png) no-repeat left center; color: #000000; width: 200px; display: block;}
span.truycap{ padding: 7px 0px 7px 20px; background: url(../Images/i-truycap.png) no-repeat left center; color: #000000;width: 200px;display: block;}
span.dongnhat{ padding: 7px 0px 7px 20px; background: url(../Images/i-dongnhat.png) no-repeat left center; color: #000000;width: 200px;display: block;}
.box-cart { background:#f5f5f5; border-radius: 5px 5px 5px 5px; border:1px solid #f1f1f1; padding:10px; color:#525252; font-size:11px;}
h3.header-cart {  background:url(../Images/i-pack.png) no-repeat left center; padding: 7px 0px 10px 20px; text-transform:uppercase; font-weight:bold;}
.box-cart p{ font-weight:bold; margin: 7px 0px;}
.box-cart a.lnkcart{ background:url(../Images/i-cart.png) no-repeat left center; font-weight:bold; padding-left:20px;}
.box-cart a.lnkcart:hover{ color:Red;}
.item-other_img{ float: left; border: 1px solid #ccc; margin: 2px 2px;}
/*---------------Giỏ hàng (Dũng viết)----------------*/
.info_tt { margin: 0px 0px 15px 0px;}
.info_tt h3.acti { border: 1px solid #DDDDDD;color: #444444;cursor: pointer;font-size: 14px;height: 35px;line-height: 35px;padding: 0 0 0 10px;background:#F8F8F8;}
.info_tt .content {display: none;padding:10px;}
#orderinfo, #receivedinfo, #payinfo, #traninfo { line-height:20px; margin-top:15px;}
#orderinfo p, #receivedinfo p, #payinfo p, #traninfo p { line-height:20px; padding-bottom:10px;}
.content h4 {color: #000000;padding-bottom:10px;}
#orderinfo p span, #receivedinfo p span, #payinfo p span, #traninfo p span { font-weight:bold; padding:0px 6px 0px 6px;}
.content table label { font-weight:bold;}
.content p, .content, .content span, .content label {color: #444444;}
.cl { clear:both;}
table.rdbtThanhToan tr td, table.rdbtVanChuyen tr td { padding-bottom:6px;}
.cl-l { float: left;position: relative;line-height:20px;}
.cllogin-l01 {width: 38%;}
label {padding-left:6px;}
.cl-r {float: right;position: relative;line-height:20px;}
.cllogin-l, .cllogin-r {width: 48%;}
.cllogin-l02 {padding: 10px 0 0;width: 60%;}
.cllogin-l02 p, .cllogin-l02 span {display: block;height: 20px;line-height: 20px;text-align: left;}
.cmd_mgcr {cursor: pointer;padding: 4px 10px;border:solid 1px #342112; border-radius:5px;height:30px;color:#ffffff; font-weight:bold;background:#8a5d1a;}
.cmd_mgcr:hover { color:#ffffff;}
label, input, button, select, textarea {font-weight: normal;line-height: 20px;}
.info_tt h3 { text-align:right; background:#f8f8f8;border: 1px solid #DDDDDD;color: #444444;cursor: pointer;font-size: 14px;height: 35px;line-height: 35px;padding: 0 0 0 10px;}
.for-lgin {margin-top: 10px;}
.for-lgin p{padding:3px 0px 3px 0px;max-height:80px;}
.for-lgin p span.title1 {float:left; width:150px;}
.for-lgin p input, .for-lgin span input  {border:solid 1px #cccccc;border-radius: 4px;height: 20px;padding: 2px;width: 300px;}
.for-lgin span select, .for-lgin p select {border:solid 1px #cccccc;border-radius: 4px;height: 26px;padding: 2px 5px 2px 5px;}
.for-lgin p textarea {border:solid 1px #cccccc;border-radius: 4px;height: 26px;padding: 2px; width:300px;}
.content p, .content, .content span, .content label {color: #444444;}
.nguonhan {display: inline;}
.cmdButton, .cssbt { background: url("/Images/bg_bt.png") repeat-x scroll left top transparent; border: 1px solid #58A6F2; border-radius: 2px 2px 2px 2px; box-shadow: 0 1px 0 #FFFFFF;color: #FFFFFF;cursor: pointer;font-weight: bold;line-height: 100%;padding: 10px;}
.cmDanghang {background: url("/Images/dang_hang.png") repeat-x scroll left top transparent;cursor: pointer;height: 40px;margin-right: 10px;padding: 0 10px;width: 170px;}
.cmDanghang:hover {background: url("/Images/dat_hang-hov.png") repeat-x scroll left top transparent;height: 40px;padding: 0 10px;width: 170px;}
.cmdButton:hover, .cssbt:hover {background: url("/Images/bg_bt-hov.png") repeat-x scroll left top transparent;}
.signup-ct {margin: 0;padding: 0;background:#ffffff;}
.mart {color: #CCCCCC;font-size: 12px;}
.cssCheck label {padding-left:8px;}
.info_tt h3 span { text-align:left; float:left; display:block;}
.info_tt h3 a { display:none;}
/*-----End dũng viết--------*/