@charset "utf-8";
/* CSS Document */
p{FONT-FAMILY: Arial, Verdana, Helvetica; FONT-SIZE: 12px;}
div{FONT-FAMILY: Arial, Verdana, Helvetica; FONT-SIZE: 12px;}
input{FONT-FAMILY: Arial, Verdana, Helvetica; FONT-SIZE: 12px;}
textarea{FONT-FAMILY: Arial, Verdana, Helvetica; FONT-SIZE: 12px;}
form{FONT-FAMILY: Arial, Verdana, Helvetica; FONT-SIZE: 12px;}

* {margin:0px;
padding:0px;}
a{color:#000000;
text-decoration:none;}
a:hover{color:#a3a3a3;
text-decoration:none;}
img{border:0;}
li{list-style: none;}

body {
background:#000000 url(../img/bg.jpg) repeat-x fixed;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
padding:0;}

/* STRUCTURE */
#wrapper{
width:1000px;
margin:0 auto;
padding:0;}
#banner{
background:url(../img/banner.jpg) no-repeat;
width:1000px;
height:141px;
margin:0;
overflow:hidden;}

.menu{
background:url(../img/menu.jpg) repeat;
width:1000px;
height:28px;
margin:0;
position:relative;
overflow:hidden;}
.menu ul{
width:1000px;
height:28px;
list-style:none;
overflow:hidden;}
.menu li{
background:url(../img/menukak.jpg) top right no-repeat;
height:28px;
display:inline;
font-weight:bold;
margin:0;
top:0;
line-height:28px;
padding:7px 26px 20px 26px;}
.menu .active{color:#075fc5;}
/* ######### Style for Drop Down Menu ######### */
.dropmenudiv{
	position:absolute;
	top:0px;
	border: 1px solid #BBB; /*THEME CHANGE HERE*/
	font:normal 12px Verdana;
	line-height:18px;
	z-index:99;
	background-color: white;
	width: 150px;
	visibility: hidden;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=0,strength=0); /*Add Shadow in IE. Remove if desired*/}
.dropmenudiv a{
	width: auto;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
	padding: 2px 0;
	text-decoration: none;
	color: black;}
* html .dropmenudiv a{ /*IE only hack*/
	width: 100%;}
.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
	background-color: #F0F0F0;
	font-weight:bold;}

#ads1000{
background:url(../img/ads1000.jpg) no-repeat;
width:994px;
height:250px;
padding:6px 6px 6px 0px;
margin:0;
text-align:center;
overflow:hidden;}

#page{
background:url(../img/bgpage.jpg) top left repeat-y;
width:998px;
margin:0;
padding:1px 1px 0 1px;}

#hotnews{
background:url(../img/hotnews.jpg) no-repeat;
width:706px;
height:24px;
margin:0;
padding:10px 1px 0px 90px;}
/* News Ticker */
.NewsTicker   { list-style-type: none; margin:0;  position:relative; float:left; overflow:hidden;}
.NewsTicker, .NewsTicker li { width: 700px; height: 24px; display: block; padding-left:0px; overflow:hidden;}
/* edit on 19 dec*/
.NewsTicker li              { padding-top: 0; visibility:hidden; overflow:hidden;}
.NewsTicker li, .NewsTicker li a, .NewsTicker li a:hover, .NewsTicker li a:visited { font-size: 11px;}
.NewsTickerInner   { width: 700px; height: 24px; display: block; overflow:hidden;}
.NewsTickerSummary { color:#000; overflow:hidden; }
.NewsTicker li a:hover .NewsTickerLink {text-decoration:underline; overflow:hidden;}

/* LEFT */
#left{
/*background:url(../img/bgpage.png) top left no-repeat;*/
width:776px;
margin:0;
float:left;
padding:12px 11px 10px 10px;}

#Lform{
background:#FFFFFF;
width:776px;
margin:0;
padding:0;
float:left;}
.LFtitle{
background:url(../img/LFtitle.jpg) no-repeat;
width:754px;
height:31px;
margin:0;
padding:0 0 0 22px;}
#Lform2{
background:#FFFFFF;
width:776px;
margin:10px 0;
padding:0;
float:left;}
.LFtitle2{
background:url(../img/LFtitle2.jpg) no-repeat;
width:754px;
height:31px;
margin:0;
padding:0 0 0 22px;}

.LFnav{
background:#ffffff;
height:23px;
margin:0;
padding:8px 15px 0 15px;
font-weight:bold;
color:#333333;
float:left;
text-transform:uppercase;}

.LFlist{
width:765px;
margin:0;
float:left;
padding:0 5px 0 6px;}
.LFlist ul{
width:765px;
margin:0;
list-style:none;}
.LFlist li{
width:143px;
margin:0;
padding:0 5px 10px 5px;
display:inline;
float:left;
overflow:hidden;}
.LFsp{
width:135px;
height:170px;
margin:0;
padding:3px;
overflow:hidden;
border:1px dotted #cccccc;}

.BBimg{
width:135px;
height:75px;
margin:0;
text-align:center;
padding:0 0 6px 0;
overflow:hidden;}
.BBname{
width:135px;
height:30px;
margin:0;
overflow:hidden;
padding:0 0 5px 0;}
.h1bbname{
font-size:12px;
text-align:center;
overflow:hidden;}
.BBgia{
width:135px;
height:23px;
margin:0;
overflow:hidden;
text-align:center;
padding:0 0 5px 0;}
.BBbaohanh{
width:135px;
height:23px;
margin:0;
overflow:hidden;
text-align:center;
padding:0;
font-size:11px;
line-height:30px;}

.LFshow{
width:756px;
margin:0;
float:left;
padding:10px;
overflow:hidden;}
.h1titlenews{color:#327e0f;
font-size:13px;
text-decoration:none;
margin:0;
padding:0;
font-weight:bold;}
.h1titlenews a{text-decoration:none;
font-weight:bold;}
.h1timenews{margin:0;
padding:0;
font-size:10px;
color:#a3a3a3;}
.nvpeople{
width:100%;
text-align:right;
margin:5px 0 0 0;
padding:0;
font-size:12px;
font-weight:normal;
float:left;}
.nMORE{
width:100%;
margin:5px 0 0 0;
float:left;}
.nMORE ul{
width:100%;
display:block;
margin:0;
font-size:10px;
line-height:15px;
color:#a3a3a3;}
.nMORE li{
background: url(../img/li.jpg) no-repeat;
width:100%;
list-style:none;
margin:0;
padding:0 0 0 7px;}
.nMORE a{text-decoration:none;}
.nMORE a:hover{color:#a3a3a3; text-decoration:underline;}


.LFnews{
background:url(../img/LFnews.jpg) top left repeat-y;
width:776px;
margin:0;
float:left;
overflow:hidden;
padding:0;}
.LFnews ul{
list-style:none;
margin:0;
padding:0;
float:left;
overflow:hidden;}
.LFnews li{
width:368px;
display:inline;
margin:0;
padding:5px 10px;
float:left;
overflow:hidden;}
.nvl{
width:368px;
height:110px;
margin:0;
padding:0 0 10px 0;
border-bottom:1px dotted #c9cacb;
overflow:hidden;}
.nvl-IMG{
width:100px;
height:100px;
margin:0;
padding:4px;
float:left;
border:1px solid #c9cacb;}
.nvl-TEXT{
width:248px;
height:110px;
margin:0;
float:right;
text-align:justify;
line-height:16px;
overflow:hidden;}
.h1titlenews{
color:#0869ca;
font-size:13px;
text-decoration:none;
margin:0;
padding:0;
font-weight:bold;}
.h1titlenews a{text-decoration:none;
font-weight:bold;}
.h1timenews{margin:0;
padding:0;
font-size:10px;
color:#a3a3a3;}

.LFshownews{
width:756px;
margin:0;
float:left;
padding:10px;}

#Lads{
width:776px;
height:150px;
margin:10px 0;
padding:0;
float:left;}
.LAleft{
background:#FFFFFF;
width:383px;
height:150px;
margin:0;
padding:0;
float:left;}
.LAright{
background:#FFFFFF;
width:383px;
height:150px;
margin:0;
padding:0;
float:right;}

#Lnews{
width:776px;
margin:10px 0 0 0;
padding:0;
float:left;}
.LNleft{
background:#ffffff url(../img/company.jpg) top left no-repeat;
width:231px;
margin:0;
padding:40px 10px 0 11px;
float:left;}
.LNcenter{
background:#ffffff url(../img/saleoff.jpg) top left no-repeat;
width:231px;
margin:0 10px;
padding:40px 10px 0 11px;
float:left;}
.LNright{
background:#ffffff url(../img/digital.jpg) top left no-repeat;
width:231px;
margin:0;
padding:40px 10px 0 11px;
float:left;}

#listnews{
width:231px;
margin:0;
padding:0;}
#listnews ul{
width:231px;
margin:0;
list-style:none;}
#listnews li{
width:231px;
margin:0 0 10px 0;
padding:0 0 10px 0;
display:block;
border-bottom:1px dotted #cccccc;}
.formnews{
width:231px;
margin:0;
padding:0;}
.Nimg{
background:#cdcdcd;
width:53px;
height:53px;
margin:0;
padding:0;
border:1px solid #cdcdcd;}
.Ntext{
width:166px;
height:55px;
margin:0;
padding:0;
text-align:justify;
overflow:hidden;
line-height:17px;}
.Ntext a{color:#494949;}
.Ntext a:hover{color:#000000;}

/* RIGHT */
#right{
width:199px;
margin:0;
padding:0 0 0 2px;}

#cataloge{
background:url(../img/cataloge.jpg) no-repeat;
width:199px;
margin:0;
padding:35px 0 0 0;}
/* MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU*/
.glossymenu{
margin: 0px 0;
padding: 0;
width:199px; /*width of menu*/
border-bottom-width: 0;}
.glossymenu a.menuitem{
background:url(../img/dot_on.jpg) top left no-repeat;
font: bold 12px Arial, Helvetica, sans-serif;
color: #333333;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left:25px;
text-decoration: none;
border-bottom:1px solid #cccccc;}
.glossymenu a.menuitem:hover{
padding-left:8px;
border-left:0px solid #ffffff;
color:#000000;}			
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color:#333333;}
.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
color:#000000;}			
.glossymenu a.menuitem:hover{
background:url(../img/dot_of.jpg) top left no-repeat;
padding-left:25px;
color:#be170e;
cursor:pointer;
border-bottom:1px solid #cecfd1;}
.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;}
.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;}
.glossymenu div.submenu ul li{
border-bottom: 1px solid #cecfd1;}
.glossymenu div.submenu ul li a{
display: block;
font: normal 12px Arial, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 3px 0;
padding-left:30px;}
.glossymenu div.submenu ul li a:hover{
background: #ffe6c0;
color: black;
font-weight:bold;}

#giohang{
background:url(../img/giohang.jpg) no-repeat;
width:193px;
height:47px;
margin:15px 0 0 0;
padding:5px 3px 3px 3px;}
.giohang{
width:138px;
height:45px;
float:right;
text-align:center;
line-height:16px;}

#Rtable{
width:199px;
margin:0;
padding:15px 0 0 0;}
.RTtitle{
background:url(../img/Rtable.jpg) no-repeat;
width:184px;
height:26px;
margin:0;
padding:0 0 0 15px;
line-height:28px;
text-transform:uppercase;
font-weight:bold;}
.RTview{
width:199px;
margin:0;
padding:0;
overflow:hidden;
font-weight:bold;}
.price {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-weight:bold;}

.searchbgr{
background:url(../img/Sbg.jpg) top no-repeat;
width:168px;
margin:1px 0 0 0;
padding:15px 15px 0 16px;
overflow:hidden;}
.SF1{
width:168px;
overflow:hidden;
margin:0 0 10px 0;
padding:0;}
.SF2{
width:168px;
overflow:hidden;
height:22px;
margin:0 0 10px 0;
padding:0;}
.SF3{
margin:0 0 7px 0;
padding:0;}
.Sbuttom{
width:48px;
height:20px;
background: transparent url(../img/Sbottom.gif);
background-position:left;
background-repeat:no-repeat;
border-style:none;
cursor:pointer;}
.Rads{
width:199px;
margin:15px 0;}
.counter{
background:url(../img/counter.jpg) no-repeat;
width:199px;
height:98px;
margin:0px 0 0 0;
padding:0;
font-size:12px;}


#nextpage{
width:756px;
margin:0;
padding:10px 10px 15px 10px;
float:left;}
.navigation a:link,.navigation a:visited,.navigation a:active {
	text-decoration:none;
	color:#545454;
	background-color:#f9f9f9;
	border:1px solid #a3a3a3;
	font-size:11px;
	padding:3px 6px;
	text-align:center;
	margin:0;}
.navigation a:hover {
	background-color:#a3a3a3;
	color:#fff;
	border-color:#e0e0e0;}
.navigation span {
	text-decoration:none;
	background-color:#fff;
	border:1px solid #a3a3a3;
	color:#ff0000;
	font-size:11px;
	padding:3px 6px;}

/* LIEN HE */
#contact{
width:756px;
margin:0;
padding:0;
line-height:26px;}
.cform{
width:756px;
margin:20px 0 0 0;
padding:20px 0 0 0;
line-height:24px;
border-top:1px solid #b2cfe2;}

/* GIO HANG */
.SGH{
margin:0px;
padding:0px;
overflow:hidden;
line-height:30px;}
.SGH2{
margin:0 0 10px 0;
padding:0px;
overflow:hidden;
line-height:18px;}
.smalltextbox{
width:30px;
height:16px;
margin:0;
padding:0;
text-align:center;}
.submitform{
width:756px;
margin:10px 0 0 0;
padding:0;
overflow:hidden;}

.formguidonhang{
width:599px;
margin:6px;
padding:10px;
line-height:18px;
overflow:hidden;
border:1px solid #cecfd1;}
.smallfont{
margin:3px;
padding:3px;}

/* SUB MENU */
#submenu{
width:736px;
border:1px solid #cecfd1;
margin:0;
padding:10px;
background:url(../img/sub_menu.jpg) bottom right no-repeat;}
#submenu .stitle{
font-weight:bold;
font-size:130%;
width:736px;
line-height:24px;
margin:0 0 10px 0;
padding:0;}
#submenu ul{
width:736px;
overflow:hidden;
margin:0;
padding:0;
list-style:none;}	
#submenu li{
width:245px;
line-height:24px;
display:inline;}
#submenu a{
width:245px;
line-height:24px;
float:left;
font-size:110%;
font-weight:bold;
color:#0161b1;}
#submenu a:hover{
color:#333333;}

/* VIEW LIET KE */
.viewlietke{
width:756px;
margin:0 0 10px 0;
padding:0;
overflow:hidden;
border-top:1px solid #cecfd1;}
.viewlietke ul{
width:756px;
margin:0;
list-style:none;
overflow:hidden;}
.viewlietke li{
width:734px;
margin:0;
padding:10px;
overflow:hidden;
border-left:1px solid #cecfd1;
border-right:1px solid #cecfd1;
border-bottom:1px solid #cecfd1;}

.LKleft{
width:264px;
margin:0;
overflow:hidden;
text-align:center;}
.LKimg{
width:264px;
margin:0 0 10px 0;
overflow:hidden;}
.LKright{
width:460px;
margin:0;
overflow:hidden;
text-align:justify;}
.h1_tensp{
margin:0 0 10px 0;
font-size:14px;}
.h1_giasp{
font-size:16px;
color:#18a439;}
.LKRdes{
width:100%;
margin:5px 0 0 0;
font-size: 10pt;
font-family: Arial;
text-align:justify;}
.LKRsale{
width:100%;
margin:5px 0 0 0;
overflow:hidden;}
.khuyen_mai
{color:#0000cd;
font-weight:bold;
overflow:hidden;}
.LKRbottom{
width:460px;
margin:0;
padding:0;
overflow:hidden;
font-weight:bold;}

/* SHOW CHI TIET */
#showsp{
background:url(../img/infobg.jpg) no-repeat;
width:738px;
height:300px;
border:0px solid #cecfd1;
margin:0;
padding:10px;
float:left;
overflow:hidden;}
.imgsp{
width:271px;
height:200px;
margin:0;
padding:0 10px;
overflow:hidden;}
.giasp{
width:271px;
height:69px;
padding:10px;
margin:0;
text-align:center;
overflow:hidden;}
.namesp{
width:427px;
height:41px;
font-size:150%;
line-height:30px;
text-transform:uppercase;
text-align:center;
color:#e4ff00;
overflow:hidden;}
.khuyenmaisp{
width:427px;
height:140px;
margin:0 0 10px 0;
padding:10px 0;
border-bottom:1px solid #e0dfdf;
line-height:24px;}
.xuatxusp{
width:427px;
height:37px;
line-height:20px;
margin:0;
padding:0 0 10px 0;}
.chonmuasp{
width:427px;
height:29px;
margin:3px 0 0 0;
text-align:right;
padding:10px 0;
overflow:hidden;}
.motasp{
width:734px;
margin:0;
float:left;
padding:10px;
line-height:18px;
border:1px solid #a3a3a3;
overflow:hidden;}

/* BAO GIA */
.aa{
background:#a3a3a3;
border-bottom:1px solid #FFFFFF;
color:#FFFFFF;
font-weight:bold;
text-transform:uppercase;
line-height:16px;
height:20px;}
.bb {
color:#000000;
font-weight:bold;
text-transform:uppercase;
height:20px;}

/* FOOTER */
#footer{
background:url(../img/footer.jpg) no-repeat;
width:1000px;
height:74px;
margin:0;
padding:0;}


/* BAO HANH */
#baohanh{
background:#FFFFFF;
width:776px;
border:0px solid #cecfd1;
margin:10px 0 0 0;
padding:10px 0 5px 0;
float:left;}
.TCtitle{
width:776px;
text-align:center;
margin:0;
padding:0;
font-size:200%;
font-weight:bold;
text-transform:uppercase;}
#tracuu{
background:#FFFFFF url(../img/tracuu.jpg) repeat-x;
width:776px;
border:0px solid #cecfd1;
margin:10px 0 0 0;
padding:10px 0 5px 0;
text-align:center;
float:left;}
#tabsearch{
width:776px;
margin:8px 0 8px 0px;
padding:0;
font-size:120%;
text-transform:uppercase;
text-align:center;
font-weight:bold;}
#tabsearch ul{
list-style:none;
padding:0;
margin:0;}
#tabsearch li{
display:inline;
margin:0 30px 0 0;}

#searchform{
	width:600px;
	height:31px;
	text-align:center;
	padding:0 0 10px 0;
	margin:0 88px 0 88px;}
.sform1{
	background:url(../img/search1.png) no-repeat;
	width:7px;
	height:31px;
	float:left;}
.sform2{
	background:url(../img/search2.jpg) repeat-x;
	width:508px;
	height:31px;
	float:left;
	overflow:hidden;}
.input{
	color : #000000;
	height:25px;
	width:495px;
	text-transform:none;
	margin:1px 0 0 0;
	padding:3px 7px 0 6px;
	font: normal 12px arial;
	border:0px solid #ffffff;}
.sform3{
	width:85px;
	height:31px;
	float:left;}
.submit{
	width:85px;
	height:31px;
	background: url(../img/search_buttom.png) no-repeat;
	background-position:left;
	background-repeat:no-repeat;
	border-style:none;
	cursor:pointer;}
.TCbot{
background:url(../img/TCbot.png) no-repeat;
width:776px;
height:23px;
float:left;
padding:0;
margin:0;}


#listBH{
background:#FFFFFF;
width:756px;
border:0px solid #cecfd1;
margin:10px 0 0 0;
padding:10px;
float:left;}