@charset "utf-8";

body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;  background:url(../images/home16.jpg) repeat-x fixed}

li, ul, ol {float:left; list-style:none}
img {border:none}

#header {width:980px; height:114px; }
#header_logo {width:980px; height:103px; font-size:12px}
#header_menu {width:656px; height:35px; background:url(../images/index_07.jpg) no-repeat; margin-top:12px; line-height:35px; float:left}
#header_menu a {color:#333; text-decoration:none; margin:0 36px; font-weight:bold; font-size:11px}
#header_menu a:hover {color:#666; text-decoration:none}
/*#header_menu1 {width:656px; margin-left:324px}
*/#header_menu2 {height:18px; line-height:18px; width:626px; padding-right:30px; text-align:right; color:#fff; margin:5px 0; font-size:12px}

/****===left====*/
#left {background:url(../../images/index_10.jpg) no-repeat; width:203px; height:119px; float:left}
#left div {float:left; width:100%}
#left1 {height:35px}
#left1 input {margin:10px 0 0 6px; border:none}
#left1_go {margin:10px 0 0 10px}
#left1_go a {text-decoration:none; font-weight:bold; color:#333; font-size:12px}
#left1_go a:hover {text-decoration:underline}
#left1_cart {margin:20px 0 0 20px; text-align:left; color:#FFF; line-height:18px; font-size:12px}
#left1_cart1 {margin-left:10px}

#left_cata {width:203px; margin-bottom:5px; float:left}
#left_cata div, #left_cata_sp {float:left; width:100%}
#left_cata1 {background:url(../images/index_15.jpg) no-repeat; width:178px; height:44px; line-height:44px; font-weight:bold; font-size:13px; text-align:left; padding-left:25px}
#left_cata2 {background:url(../images/index_19.jpg) no-repeat; width:178px; height:42px; line-height:42px; font-weight:bold; font-size:13px; text-align:left; padding-left:25px}
#left_cata3 {background:url(../images/index_21.jpg) no-repeat; width:203px; height:11px}
#left_cata_sp {background:url(../images/vttg_03.jpg) repeat-y; width:203px}
#left_cata_sp li {width:180px; height:30px; line-height:30px; text-align:left; padding-left:20px; border-bottom:1px solid #ccc}
#left_cata_sp li a {color:#333; text-decoration:none; font-size:12px}
#left_cata_sp li a:hover {text-decoration:underline}

#left_adv {float:left; width:203px}
#left_nw_cata1 {width:204px; background:url(../images/rindex_06.jpg) -2px 0 no-repeat; height:45px; line-height:45px; text-align:left; padding-left:25px; font-weight:bold; font-size:13px}
#left_st {width:204px; background:url(../images/lindex_08.jpg) -2px 0 repeat-y; font-size:12px}
#left_st li {width:170px; margin:3px 0 3px 20px; text-align:left; height:20px}

/*============= right =============*/
#right {background:url(../images/index_14.jpg) no-repeat; width:208px; height:118px; float:left; font-size:13px; text-align:center}
#right div {width:100%}
#right input {margin:2px}
#right_lg {height:37px; line-height:37px; color:#fff; font-size:13px; font-weight:bold}

#right_nw {width:204px; float:left; margin-bottom:5px; margin-left:4px}
#right_nw_cata {width:204px; background:url(../images/rindex_03.jpg) no-repeat; height:44px; line-height:44px; text-align:left; padding-left:25px; font-weight:bold; font-size:13px}
#right_nw_cata1 {width:204px; background:url(../images/rindex_06.jpg) no-repeat; height:45px; line-height:45px; text-align:left; padding-left:25px; font-weight:bold; font-size:13px}
#right_nw_cata2 {background:url(../images/rindex_08.jpg) no-repeat; width:204px; height:12px}
#right_nw_tt {background:url(../images/lindex_08.jpg) repeat-y;}
#right_nw_tt li {border-bottom:1px solid #ccc; height:36px; line-height:36px; text-align:left; padding-left:10px; width:175px; margin-left:10px; float:left}
#right_nw_tt li div {float:left}
#right_nw_tt a {color:#333; text-decoration:none; font-size:12px}
#right_nw_tt a:hover {text-decoration:underline}
#right_lk {height:25px; background:url(../images/lindex_08.jpg) repeat-y; width:204px;padding-top:5px; text-align:center}
#right_st {width:204px; background:url(../images/lindex_08.jpg) repeat-y; font-size:12px}
#right_st li {width:170px; margin:3px 0 3px 20px; text-align:left}
#right_adv {width:204px; margin-left:4px}

/*================ content =================*/

#content {width:564px; height:246px; margin-left:4px}
#cont_adv {width:564px; height:238px; margin-left:4px; background:url(../images/cindex_03.jpg) no-repeat}
#cont_adv div {float:left; margin:8px 0 0 8px}

#content {height:auto}
#content div {float:left}
#content1 {background:url(../images/cindex_04.jpg) no-repeat; width:564px; height:48px; color:#0796be; font-size:13px; text-align:left; padding-left:20px; line-height:48px; font-weight:bold}
#content2 {background:url(../images/cindex_06.jpg) repeat-y; width:564px; height:auto; text-align:left; padding:0; margin:0}
#content4  {background:url(../images/cindex_07.jpg) no-repeat; width:163px; height:202px;  float:left; margin:5px 12px}
#content4 div {width:158px}
#content5 {height:30px; text-align:left; padding-left:5px; line-height:30px; font-weight:bold; color:#333; font-size:12px }
#content6 {text-align:center; margin:5px 0}
#content7 {text-align:center; font-size:11px}
#content8 {text-align:center;  height:23px; line-height:23px }
#content8 li {margin:15px 5px 0 23px}
#content8 li a {color:#f12dae; font-size:10px; text-decoration:none}
#content8 li a:hover {text-decoration:underline}
#content3 {background:url(../images/cindex_18.jpg) no-repeat;width:564px; height:13px}

/*=========== Contact ===============*/
#contact {margin:10px 10px 10px 45px}
#contact table tr td {font-size:12px}

/*===========  News =============*/
#news {width:540px; margin:5px 10px; font-size:12px}

#news div {width:100%;float:left; margin-bottom:5px}
#news div a {color:#0796be; text-decoration:none; font-size:11px}
#news div a:hover {text-decoration:underline}
#news div strong a{font-size:13px;}
#news div li {margin-left:5px; text-align:justify}
#news_re {width:540px; margin:5px 10px; border-bottom:1px solid #ccc; padding-bottom:4px; font-size:12px; color:#0796be}
#news_re1 {width:540px; margin:5px 10px; font-size:12px}
#news_re1 a {color:#333; text-decoration:none; font-size:12px}
#news_re1 a:hover {text-decoration:underline}

/*===========  News =============*/
#news {width:550px; margin:5px 10px; font-size:12px}
#news ul {width:100%}

/*============  Detail Product  =============*/
#prdt, #prdt_de {width:540px; margin:5px 10px}
#prdt_img {background:url(../images/prd_03.jpg) no-repeat; width:231px; height:204px; padding:10px; text-align:center; margin-left:15px}
#prdt_img1 {width:100%;}
#prdt_img2 {width:250px;  margin-left:10px; font-size:12px}
#prdt_img2 li {margin:5px 0; width:100%}
#prdt_de li{width:98%;}
#prdt_de1 {color:#0796be; font-size:13px; margin:5px 0; border-bottom:1px solid #ccc}
#prdt_de2 {font-size:12px; text-align:justify; line-height:18px}

/*================  dang ky ======================*/
#reg, #reg table {font-size:12px}
#reg a {color:#0796be; text-decoration:none}
#reg a:hover {text-decoration:underline}
/* #cart tr td {border:1px solid #f60}*/


/*#danhmuc_lf {clear:left;overflow:hidden;border-left:1px solid #ededed; border-right:1px solid #ededed; width:199px}*/
#footer {background:url(../images/index_05.jpg) no-repeat; width:980px; height:83px; text-align:center; color:#fff; line-height:18px; font-size:12px}

#sadv {width:564px; height:auto; float:left; font-family:Arial,Helvetica,sans-serif;background:#fff}
#sadv div {float:left}
#sadv_title {width:564px; margin:10px 0 5px 20px; color:#0163AF; font-weight:bold; text-align:left;}
#sadv_adv {background:url(../images/footer.jpg) no-repeat; width:564px; height:124px; }
#sadv_adv1 {margin:10px 0}
#sadv_adv1 img {border:none; height: 88px; width: 110px; cursor: pointer;}
#sadv_adv1 div {border: medium none ; overflow: hidden; white-space: nowrap; width: 530px;}
/*#sadv_adv1 div li {margin:5px; float:left}
#sadv_adv1 div li img {border-width: 0px; height: 96px; width: 118px; cursor: pointer;}*/
#sadv_adv2 {margin:45px 3px 0 3px}



a
{
	text-decoration:none;
}

ul
{
	list-style-type:none;
	margin-left:0px;
	padding-left:0px;
}

#navList a
{
	text-decoration:none;
}

#navList a:hover
{
	text-decoration:underline;
}

#navList ul
{
	margin-top:0px;
	margin-bottom:0px;
}

#navList ul
{	
	background-color:#F1F1F1;	
}

#navList ul ul,
#navList ul ul ul
{
	display:none;
	padding-top:5px;
}

.classshow
{
  display:block!important;
}

.classhide
{
  display:none;
}

#navList li
{
	padding-bottom:1px;
	line-height:20px;	
	border-bottom:1px solid #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:bold;
	color:#088ACA;
}

div#navList a,
div#navList a:hover,
div#navList ul li a, 
div#navList ul li a:hover,
div#navList ul li:hover,
div#navList ul li:hover a,
div#navList li:hover a,
div#navList ul li ul li a, 
div#navList ul li ul li a:hover,
div#navList ul li ul li a,
div#navList ul li ul li:hover a,
div#navList li:hover,
div#navList ul li ul li ul li a, 
div#navList ul li ul li ul li a:hover,
div#navList ul li ul li ul li a,
div#navList ul li ul li ul li :hover a
{
	display:block!important;
}

#navList li a
{	
	height:20px;
	line-height:20px;
	color:#088ACA;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:bold;
	/*background-color:#f1f1f1;	*/
	padding-left:15px;
	padding-top:2px;
}

#navList li ul
{
	background-color:#FFFFFF;
	padding:0px;
	/*display:none;*/
}

#navList li ul.selected
{
	background-color:#FFFFFF;
	padding:0px;
	/*display:block;*/
}

#navList li li
{
	border-bottom    : 1px dotted #E8E6E6 ;
	background-image : url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	/*padding-left     : 25px;*/
	background-color : #FFFFFF;
	
}

/*, #navList li li a:hover*/
#navList li li a
{
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	/*background-color:#ffffff;*/
	padding-left:25px;
}

/*======================== 3RD LEVEL MENU DEFINITIONS ========================*/
#navList li li li
{
	background-image : url(../images/bullet5.gif);
	background-repeat: no-repeat;
	background-position: 30px 3px;
	/*padding-left     : 25px;*/
	background-color : #FFFFFF;
	height:19px;
	
}

/*, #navList li li a:hover*/
#navList li li li a
{
	color:#666666;
	font-family:Arial;
	font-size:8pt;
	font-weight:normal;
	/*background-color:#ffffff;*/
	padding-left:45px;
}


