@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
/*table, caption, tbody, tfoot, thead, tr, th, td,*/
 canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

@media all and (min-width: 320px){
#body
{
background:url() 50% 0 no-repeat fixed;
margin:auto;
}

#iContainer{
	width:320px;
	margin:auto;
	background-color:#FFFFFF; 
}

#iHeader
{
    width:320px;
	height:auto;
	/*float:left;
	margin-left:5px;*/
	position:relative;
}
.ibanner{
max-width: 320px;
height: auto;
}

#iTopmenu
{
	/*background-image:url(../images/menutop.png);
	background-repeat:no-repeat;
	float:left;*/
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
	width:auto;
	height:auto;
	margin-left:5px;
	position:relative;
	border-radius:5px;
    margin-bottom:5px;
}
#iLeftmenu
{
	width:220px;
	left:inherit;
	margin-top:0px;
	margin-left:5px;
	/*float:left;*/
	background-color:#FFF;
    display:none;
}
#iRightmenu
{
	width:220px;
	/*float:right;*/
	right:inherit;
	margin-right:5px;
	background-color:#FFF;
	font-weight:normal;
}
#imnslide
{
   	width:320px;
	height:auto;
	margin-bottom:5px;
	margin-left:0px;
	padding-right:10px;
	/*float:right;*/
}
#iContent
{
	width:320px;
	padding: 0px 8px;
	float:inherit; 
	background-color:#FFF;
	color:#000;
	font-size:14px;
}
#lkw
{
	width:320px;
	background-image:url(../images/bg_foot_panel_2.gif);
	/*clear:both;*/
	margin-left:5px;
	font-size:14px;
	text-align:center;
}


#iFooter
{
	width:320px;
	background-color:#01D1FE;
	/*clear:both;*/
	margin-left:5px;
	font-size:14px;
	text-align:left;
}
#div1{border:1px solid #999; background-color:#9CC; padding-left:5px;}
#iFooter a {
	text-decoration:none;
	color:#000;
}
#iFooter a:hover {
	color:#FFF;
}

#gt1{
	background-image:url();
	width:320px;
	height:220px;
	margin-left:120px;
	}
#gt2{
	background-image:url();
	width:220px;
	height:222px;
	margin-left:120px;
	}
.inserttop{background-image:url(../images/bgtitle1.jpg); background-repeat:repeat-x; border-radius:5px; padding:7px 17px; font-weight:bold;color:#FFF; width:320px; margin-top:5px;}
.insertcen{border:0px solid #999; /*float:left;*/ width:320px; padding-left:5px;}
#ins{background-image:url(../images/bgtitle.jpg); background-repeat:no-repeat; }
#nsp{background-image:url(../images/bg_tieude3.jpg); border:1px solid #CCC; background-repeat:repeat-x; color:#FFF; font-weight:bold; padding:5px 15px; margin:2px 5px;}
#lsp{background-image:url(../images/bg_lsp.png); background-repeat:no-repeat; height:30px; padding-left:15px; color:#FFFFFF; font-size:16px;}
#cont{ margin-top:3px; border:0px solid #CCC; padding:0px 0px; width:320px; height:auto; }
#cont img {width:100%;}
.show{/*float:left;*/ overflow:hidden; width:172px; height:240px; text-align:center; margin:3px 4px; }
.showct{/*float:left;*/ overflow:hidden; width:140px; height:240px; text-align:center; padding:3px;}
.show1{text-align:center; width:170px; height:220; padding:0px; border:1px solid #FFF;}
.showlsp{float:left; overflow:hidden; width:187px; height:240px; text-align:center; margin:3px 4px;}
#sc{ 
background-image:url(../images/quangcao/sc.png);
width:200px;
height:200px;
}

/*menu danh mục*/
#dm li 
{
list-style:none;
}
#dm li a
{
line-height:30px;
width: 195px;
float:left;
display: block;
color: #0d2474;
text-decoration: none;
text-align: center;
}
ul#dm
{
margin-top:0px;
padding-left:0px;
}

#td1{
	height:35px; 
	width:220px; 
	text-align:center; 
	color:#FFF;  
	font-weight:bold;
    font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;
	border-radius:5px;  
	background-image:url(../images/bgmenuall.png); 
	background-repeat:repeat-x;
	}

#logo{
	background-image:url();
	background-repeat:no-repeat;
	width:200px;
	height:200px;}
.button{background-image:url(../images/button-o.gif); background-repeat:no-repeat; color:#FFF; vertical-align:middle; width:80px; padding:5px;}
a
{
	text-decoration:none;
	color:#000;
}
a:hover
{
	color:#09F;
}
.b a {text-decoration:none; color:#000; }
.b a:hover {color:#F90;}

#menu{
	margin-left:10px;
	height:30px;
}
#menu ul{
    margin:0px;
	}
#menu ul li {
	background-color:#0F3;
	list-style:none;
	float:left; 
	text-align:center;
	display:block;
	height:30px;
	width:140px;
	}
#menu ul li a{
	/*background-image:url(../images/bgmntop.png);
	background-repeat:repeat-x;*/
	   color:#FFF;
       text-align:center; 
	   height:35px;
       display:block;
	   padding:12px 17px;
	   text-decoration:none;
	/*cursor: pointer;*/ }
	 
#menu ul li a:hover{background-image:url(../images/menu-active-bg.png); background-repeat:repeat-x; z-index:-1; height:35px; font-size:13px; color:#000; }


.mntl{
	background-image:url(../images/menuloai.png);
	padding-top:5px;
	 }
#ul1 ul a:hover{
	color:#FFF; 
	background-image:url(../images/menu-active-bg.gif); 
	background-repeat:repeat-x;
    height:20px; 
	font-weight:bold; 
	margin:0px; 
	z-index:-1; 
 }

#menu1{
	margin:0px auto;
	height: 44px;
	}
#menu1 ul{
	padding-left:150px;
	}
#lu1 li {list-style:none;
	float:left; 
	width:100px; 
	display:block;
	}
#lu1 li a{text-align:center; text-decoration:none; display:block; color:#000; padding-top:10px;}

#dmbv tr td
{   
    background-image:url(../images/bg_menu.png); 
	width:195px;
	height:30px;
	font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	text-align:left; 
	padding-left:10px;
}


/*menu danh mục sản phẩm*/
.qmmc a, .qmmc li {
	float:left;
	display:block;
	position:relative;
	font-size:13px;
	font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
	}
.qmmc ul {
	visibility:hidden;
	position:absolute;
	}
.qmmc, .qmmc ul, .qmmc dl {
	list-style:none;
	padding:0px;
	margin:0px;}
.qmmc li a {
	float:none;
	padding-left:15px;
	text-align:left;
	}
.qmmc li:hover>ul{
	visibility:inherit;
	left:auto;}
#qm0 li{
	float:none;
    background-image:url(../images/bg_menu.png);
    line-height:30px; 
    width: 195px;
    text-align: center;}
.qmloai{
	background-image:url(../images/menuloai.png);
	border-radius:5px;
	line-height:25px; 
	width: 200px;}
#qm0 li:hover>ul{visibility:inherit;top:0px;left:100%; font-size:13px;
	font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;}
#qm0 ul dd:hover>ul{visibility:inherit;top:0px;left:100%; font-size:13px;
	font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;}



#dl  {width: 200px; margin:0px;}     
#dt{background:url(../images/bg_menu.png); background-repeat:no-repeat; border-bottom: 1px solid white; font-size: 14px; padding: 5px 30px; margin:0px;}
#dd{margin:0px; background-image:url(../images/bg_menu42.png); background-repeat:repeat-y;}
#wrapper{ margin:0px; padding:0px; border: 1px solid #999;}
.item {
	width: 165px;
	min-height: 165px;
	margin: 3px 1px;
	text-align: center;
	padding: 2px;
	border: 0px solid #CCCCCC;
}
.item:hover {
	width: 165px;
	min-height: 165px;
	text-align: center;
	padding: 2px;
	border: solid 1px #F4BC1D;
	cursor: pointer;
}
.itemsptb {
	width: 181px;
	height:205px;
	text-align: center;
	margin:6px;
	/*padding: 2px;*/
	border: 1px solid #CCCCCC;
}
.itemsptb:hover {
	width: 181px;
	height:205px;
	text-align: center;
	/*padding: 2px;*/
	border: solid 1px #F4BC1D;
	cursor: pointer;
}


.span_tooltipgia {
	color: red;
	font-size: 12px;
	font-weight: bold;
}
.div_tools_tnnb {
	color: #333333;
	font-weight: bold;
	background-image: url(../images/icon_tooltip.gif);
	background-repeat: no-repeat;
	background-position: 3px 3px;
	padding-left: 12px;
}
div.pagination {
width:320px;
padding:10px 0 10px 0;
margin:0px;
text-align:center;
font-size:13px;
}
div.pagination a {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #52bfea;
text-decoration: none; 
color: #52bfea;
}
div.pagination a:hover, div.pagination a:active {
border:1px solid #52bfea;
color: #fff;
background-color: #52bfea;
}
div.pagination span.current {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #52bfea;
font-weight: bold;
background-color: #52bfea;
color: #FFF;
}
}

@media all and (min-width: 400px){
#body
{
background:url() 50% 0 no-repeat fixed;
margin:auto;
}

#iContainer{
	width:400px;
	margin:auto;
	background-color:#FFFFFF; 
}


#iHeader
{
   	width:400px;
	height:auto;
	/*float:left;
	margin-left:5px;*/
	position:relative;
}
.ibanner{
max-width: 400px;
height: auto;
}

#iTopmenu
{
	/*background-image:url(../images/menutop.png);
	background-repeat:no-repeat;
	float:left;*/
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
	width:auto;
	height:100px;
	margin-left:5px;
	position:relative;
	border-radius:5px;
    margin-bottom:5px;
}
#iLeftmenu
{
	width:220px;
	left:inherit;
	margin-top:0px;
	margin-left:5px;
	/*float:left;*/
	background-color:#FFF;
}
#iRightmenu
{
	width:220px;
	/*float:right;*/
	right:inherit;
	margin-right:5px;
	background-color:#FFF;
	font-weight:normal;
}
#imnslide
{
   	width:400px;
	height:auto;
	margin-bottom:5px;
	margin-left:0px;
	padding-right:10px;
	/*float:right;*/
}
#iContent
{
	width:400px;
	padding: 0px 8px;
	float:inherit; 
	background-color:#FFF;
	color:#000;
	font-size:14px;
}
#lkw
{
	width:400px;
	background-image:url(../images/bg_foot_panel_2.gif);
	/*clear:both;*/
	margin-left:5px;
	font-size:14px;
	text-align:center;
}


#iFooter
{
	width:400px;
	background-color:#01D1FE;
	/*clear:both;*/
	margin-left:5px;
	font-size:14px;
	text-align:left;
}
#div1{border:1px solid #999; background-color:#9CC; padding-left:5px;}
#iFooter a {
	text-decoration:none;
	color:#000;
}
#iFooter a:hover {
	color:#FFF;
}

#gt1{
	background-image:url();
	width:400px;
	height:220px;
	margin-left:120px;
	}
#gt2{
	background-image:url();
	width:220px;
	height:222px;
	margin-left:120px;
	}
.inserttop{background-image:url(../images/bgtitle1.jpg); background-repeat:repeat-x; border-radius:5px; padding:7px 17px; font-weight:bold;color:#FFF; width:400px; margin-top:5px;}
.insertcen{border:0px solid #999; /*float:left;*/ width:400px; padding-left:5px;}
#ins{background-image:url(../images/bgtitle.jpg); background-repeat:no-repeat; }
#nsp{background-image:url(../images/bg_tieude3.jpg); border:1px solid #CCC; background-repeat:repeat-x; color:#FFF; font-weight:bold; padding:5px 15px; margin:2px 5px;}
#lsp{background-image:url(../images/bg_lsp.png); background-repeat:no-repeat; height:30px; padding-left:15px; color:#FFFFFF; font-size:16px;}
#cont{ margin-top:3px; border:0px solid #CCC; padding:0px 0px; width:400px; height:auto; }
#cont img {width:100%;}
.show{/*float:left;*/ overflow:hidden; width:172px; height:240px; text-align:center; margin:3px 4px; }
.showct{/*float:left;*/ overflow:hidden; width:140px; height:240px; text-align:center; padding:3px;}
.show1{text-align:center; width:170px; height:220; padding:0px; border:1px solid #FFF;}
.showlsp{float:left; overflow:hidden; width:187px; height:240px; text-align:center; margin:3px 4px;}
#sc{ 
background-image:url(../images/quangcao/sc.png);
width:200px;
height:200px;
}

/*menu danh mục*/
#dm li 
{
list-style:none;
}
#dm li a
{
line-height:30px;
width: 195px;
float:left;
display: block;
color: #0d2474;
text-decoration: none;
text-align: center;
}
ul#dm
{
margin-top:0px;
padding-left:0px;
}

#td1{
	height:35px; 
	width:220px; 
	text-align:center; 
	color:#FFF;  
	font-weight:bold;
    font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;
	border-radius:5px;  
	background-image:url(../images/bgmenuall.png); 
	background-repeat:repeat-x;}

#logo{
	background-image:url(../images/quangcao/hanphat.jpg);
	background-repeat:no-repeat;
	width:200px;
	height:200px;}
.button{background-image:url(../images/button-o.gif); background-repeat:no-repeat; color:#FFF; vertical-align:middle; width:80px; padding:5px;}
a
{
	text-decoration:none;
	color:#000;
}
a:hover
{
	color:#09F;
}
.b a {text-decoration:none; color:#000; }
.b a:hover {color:#F90;}

#menu{
	margin-left:10px;
	height:30px;
}
#menu ul{
    margin:0px;
	}
#menu ul li {
	background-color:#0F3;
	list-style:none;
	float:left; 
	text-align:center;
	display:block;
	height:30px;
	width:140px;
	}
#menu ul li a{
	/*background-image:url(../images/bgmntop.png);
	background-repeat:repeat-x;*/
	   color:#FFF;
       text-align:center; 
	   height:35px;
       display:block;
	   padding:12px 17px;
	   text-decoration:none;
	/*cursor: pointer;*/ }
	 
#menu ul li a:hover{background-image:url(../images/menu-active-bg.png); background-repeat:repeat-x; z-index:-1; height:35px; font-size:13px; color:#000; }


.mntl{
	background-image:url(../images/menuloai.png);
	padding-top:5px;
	 }
#ul1 ul a:hover{
	color:#FFF; 
	background-image:url(../images/menu-active-bg.gif); 
	background-repeat:repeat-x;
    height:20px; 
	font-weight:bold; 
	margin:0px; 
	z-index:-1; 
 }

#menu1{
	margin:0px auto;
	height: 44px;
	}
#menu1 ul{
	padding-left:150px;
	}
#lu1 li {list-style:none;
	float:left; 
	width:100px; 
	display:block;
	}
#lu1 li a{text-align:center; text-decoration:none; display:block; color:#000; padding-top:10px;}

#dmbv tr td
{   
    background-image:url(../images/bg_menu.png); 
	width:195px;
	height:30px;
	font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	text-align:left; 
	padding-left:10px;
}


/*menu danh mục sản phẩm*/
.qmmc a, .qmmc li {
	float:left;
	display:block;
	position:relative;
	font-size:13px;
	font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
	}
.qmmc ul {
	visibility:hidden;
	position:absolute;
	}
.qmmc, .qmmc ul, .qmmc dl {
	list-style:none;
	padding:0px;
	margin:0px;}
.qmmc li a {
	float:none;
	padding-left:15px;
	text-align:left;
	}
.qmmc li:hover>ul{
	visibility:inherit;
	left:auto;}
#qm0 li{
	float:none;
    background-image:url(../images/bg_menu.png);
    line-height:30px; 
    width: 195px;
    text-align: center;}
.qmloai{
	background-image:url(../images/menuloai.png);
	border-radius:5px;
	line-height:25px; 
	width: 200px;}
#qm0 li:hover>ul{visibility:inherit;top:0px;left:100%; font-size:13px;
	font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;}
#qm0 ul dd:hover>ul{visibility:inherit;top:0px;left:100%; font-size:13px;
	font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;}



#dl  {width: 200px; margin:0px;}     
#dt{background:url(../images/bg_menu.png); background-repeat:no-repeat; border-bottom: 1px solid white; font-size: 14px; padding: 5px 30px; margin:0px;}
#dd{margin:0px; background-image:url(../images/bg_menu42.png); background-repeat:repeat-y;}
#wrapper{ margin:0px; padding:0px; border: 1px solid #999;}
.item {
	width: 165px;
	min-height: 165px;
	margin: 3px 1px;
	text-align: center;
	padding: 2px;
	border: 0px solid #CCCCCC;
}
.item:hover {
	width: 165px;
	min-height: 165px;
	text-align: center;
	padding: 2px;
	border: solid 1px #F4BC1D;
	cursor: pointer;
}
.itemsptb {
	width: 181px;
	height:205px;
	text-align: center;
	margin:6px;
	/*padding: 2px;*/
	border: 1px solid #CCCCCC;
}
.itemsptb:hover {
	width: 181px;
	height:205px;
	text-align: center;
	/*padding: 2px;*/
	border: solid 1px #F4BC1D;
	cursor: pointer;
}


.span_tooltipgia {
	color: red;
	font-size: 12px;
	font-weight: bold;
}
.div_tools_tnnb {
	color: #333333;
	font-weight: bold;
	background-image: url(../images/icon_tooltip.gif);
	background-repeat: no-repeat;
	background-position: 3px 3px;
	padding-left: 12px;
}
div.pagination {
width:400px;
padding:10px 0 10px 0;
margin:0px;
text-align:center;
font-size:13px;
}
div.pagination a {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #52bfea;
text-decoration: none; 
color: #52bfea;
}
div.pagination a:hover, div.pagination a:active {
border:1px solid #52bfea;
color: #fff;
background-color: #52bfea;
}
div.pagination span.current {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #52bfea;
font-weight: bold;
background-color: #52bfea;
color: #FFF;
}
}

@media all and (min-width: 700px){
#body
{
background:url() 50% 0 no-repeat fixed;
margin:auto;
}

#iContainer{
	width:700px;
	margin:auto;
	background-color:#FFFFFF; 
}

#iHeader
{
    background:url(../images/bannerhtp.jpg);
	width:700px;
	height:auto;
	/*float:left;
	margin-left:5px;*/
	position:relative;
}
#iTopmenu
{
	/*background-image:url(../images/menutop.png);
	background-repeat:no-repeat;
	float:left;*/
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
	width:auto;
	height:100px;
	margin-left:5px;
	position:relative;
	border-radius:5px;
    margin-bottom:5px;
}
#iLeftmenu
{
	width:195px;
	left:inherit;
	margin-top:0px;
	margin-left:5px;
	/*float:left;*/
	background-color:#FFF;
}
#iRightmenu
{
	width:195px;
	/*float:right;*/
	right:inherit;
	margin-right:5px;
	background-color:#FFF;
	font-weight:normal;
}
#imnslide
{
   	width:700px;
	height:auto;
	margin-bottom:5px;
	margin-left:0px;
	padding-right:10px;
	/*float:right;*/
}
#iContent
{
	width:700px;
	padding: 0px 8px;
	float:inherit; 
	background-color:#FFF;
	color:#000;
	font-size:14px;
}
#lkw
{
	width:700px;
	background-image:url(../images/bg_foot_panel_2.gif);
	/*clear:both;*/
	margin-left:5px;
	font-size:14px;
	text-align:center;
}


#iFooter
{
	width:700px;
	background-color:#01D1FE;
	/*clear:both;*/
	margin-left:5px;
	font-size:14px;
	text-align:left;
}
#div1{border:1px solid #999; background-color:#9CC; padding-left:5px;}
#iFooter a {
	text-decoration:none;
	color:#000;
}
#iFooter a:hover {
	color:#FFF;
}

#gt1{
	background-image:url();
	width:330px;
	height:220px;
	margin-left:120px;
	}
#gt2{
	background-image:url();
	width:220px;
	height:222px;
	margin-left:120px;
	}
.inserttop{background-image:url(../images/bgtitle1.jpg); background-repeat:repeat-x; border-radius:5px; padding:7px 17px; font-weight:bold;color:#FFF; width:700px; margin-top:5px;}
.insertcen{border:0px solid #999; /*float:left;*/ width:700px; padding-left:5px;}
#ins{background-image:url(../images/bgtitle.jpg); background-repeat:no-repeat; }
#nsp{background-image:url(../images/bg_tieude3.jpg); border:1px solid #CCC; background-repeat:repeat-x; color:#FFF; font-weight:bold; padding:5px 15px; margin:2px 5px;}
#lsp{background-image:url(../images/bg_lsp.png); background-repeat:no-repeat; height:30px; padding-left:15px; color:#FFFFFF; font-size:16px;}
#cont{ margin-top:3px; border:0px solid #CCC; padding:0px 0px; width:700px; height:auto; }
#cont img {width:100%;}
.show{/*float:left;*/ overflow:hidden; width:172px; height:240px; text-align:center; margin:3px 4px; }
.showct{/*float:left;*/ overflow:hidden; width:140px; height:240px; text-align:center; padding:3px;}
.show1{text-align:center; width:170px; height:220; padding:0px; border:1px solid #FFF;}
.showlsp{float:left; overflow:hidden; width:187px; height:240px; text-align:center; margin:3px 4px;}
#sc{ 
background-image:url(../images/quangcao/sc.png);
width:200px;
height:200px;
}

/*menu danh mục*/
#dm li 
{
list-style:none;
}
#dm li a
{
line-height:30px;
width: 195px;
float:left;
display: block;
color: #0d2474;
text-decoration: none;
text-align: center;
}
ul#dm
{
margin-top:0px;
padding-left:0px;
}

#td1{
	height:35px; 
	width:220px; 
	text-align:center; 
	color:#FFF;  
	font-weight:bold;
    font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;
	border-radius:5px;  
	background-image:url(../images/bgmenuall.png); 
	background-repeat:repeat-x;}

#logo{
	background-image:url(../images/quangcao/hanphat.jpg);
	background-repeat:no-repeat;
	width:200px;
	height:200px;}
.button{background-image:url(../images/button-o.gif); background-repeat:no-repeat; color:#FFF; vertical-align:middle; width:80px; padding:5px;}
a
{
	text-decoration:none;
	color:#000;
}
a:hover
{
	color:#09F;
}
.b a {text-decoration:none; color:#000; }
.b a:hover {color:#F90;}

#menu{
	margin-left:10px;
	height:30px;
}
#menu ul{
    margin:0px;
	}
#menu ul li {
	background-color:#0F3;
	list-style:none;
	float:left; 
	text-align:center;
	display:block;
	height:30px;
	width:140px;
	}
#menu ul li a{
	/*background-image:url(../images/bgmntop.png);
	background-repeat:repeat-x;*/
	   color:#FFF;
       text-align:center; 
	   height:35px;
       display:block;
	   padding:12px 17px;
	   text-decoration:none;
	/*cursor: pointer;*/ }
	 
#menu ul li a:hover{background-image:url(../images/menu-active-bg.png); background-repeat:repeat-x; z-index:-1; height:35px; font-size:13px; color:#000; }


.mntl{
	background-image:url(../images/menuloai.png);
	padding-top:5px;
	 }
#ul1 ul a:hover{color:#FFF; background-image:url(../images/menu-active-bg.gif); background-repeat:repeat-x;
 height:20px; font-weight:bold; margin:0px; z-index:-1; 
 }

#menu1{
	margin:0px auto;
	height: 44px;
	}
#menu1 ul{
	padding-left:150px;
	}
#lu1 li {list-style:none;
	float:left; 
	width:100px; 
	display:block;
	}
#lu1 li a{text-align:center; text-decoration:none; display:block; color:#000; padding-top:10px;}

#dmbv tr td
{   
    background-image:url(../images/bg_menu.png); 
	width:195px;
	height:30px;
	font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	text-align:left; 
	padding-left:10px;
}


/*menu danh mục sản phẩm*/
.qmmc a, .qmmc li {
	float:left;
	display:block;
	position:relative;
	font-size:13px;
	font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
	}
.qmmc ul {
	visibility:hidden;
	position:absolute;
	}
.qmmc, .qmmc ul, .qmmc dl {
	list-style:none;
	padding:0px;
	margin:0px;}
.qmmc li a {
	float:none;
	padding-left:15px;
	text-align:left;
	}
.qmmc li:hover>ul{
	visibility:inherit;
	left:auto;}
#qm0 li{
	float:none;
    background-image:url(../images/bg_menu.png);
    line-height:30px; 
    width: 195px;
    text-align: center;}
.qmloai{
	background-image:url(../images/menuloai.png);
	border-radius:5px;
	line-height:25px; 
	width: 200px;}
#qm0 li:hover>ul{visibility:inherit;top:0px;left:100%; font-size:13px;
	font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;}
#qm0 ul dd:hover>ul{visibility:inherit;top:0px;left:100%; font-size:13px;
	font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;}



#dl  {width: 200px; margin:0px;}     
#dt{background:url(../images/bg_menu.png); background-repeat:no-repeat; border-bottom: 1px solid white; font-size: 14px; padding: 5px 30px; margin:0px;}
#dd{margin:0px; background-image:url(../images/bg_menu42.png); background-repeat:repeat-y;}
#wrapper{ margin:0px; padding:0px; border: 1px solid #999;}
.item {
	width: 165px;
	min-height: 165px;
	margin: 3px 1px;
	text-align: center;
	padding: 2px;
	border: 0px solid #CCCCCC;
}
.item:hover {
	width: 165px;
	min-height: 165px;
	text-align: center;
	padding: 2px;
	border: solid 1px #F4BC1D;
	cursor: pointer;
}
.itemsptb {
	width: 181px;
	height:205px;
	text-align: center;
	margin:6px;
	/*padding: 2px;*/
	border: 1px solid #CCCCCC;
}
.itemsptb:hover {
	width: 181px;
	height:205px;
	text-align: center;
	/*padding: 2px;*/
	border: solid 1px #F4BC1D;
	cursor: pointer;
}


.span_tooltipgia {
	color: red;
	font-size: 12px;
	font-weight: bold;
}
.div_tools_tnnb {
	color: #333333;
	font-weight: bold;
	background-image: url(../images/icon_tooltip.gif);
	background-repeat: no-repeat;
	background-position: 3px 3px;
	padding-left: 12px;
}
div.pagination {
width:400px;
padding:10px 0 10px 0;
margin:0px;
text-align:center;
font-size:13px;
}
div.pagination a {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #52bfea;
text-decoration: none; 
color: #52bfea;
}
div.pagination a:hover, div.pagination a:active {
border:1px solid #52bfea;
color: #fff;
background-color: #52bfea;
}
div.pagination span.current {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #52bfea;
font-weight: bold;
background-color: #52bfea;
color: #FFF;
}
}

@media all and (min-width: 1200px){
#body
{
background:url(jpg) 50% 0 no-repeat fixed;
margin:auto;
}

#iContainer{
	width:1210px;
	margin:auto;
	background-color:#FFFFFF; 
}
#iHeader
{
	width:1200px;
	height:200px;
	float:left;
	margin-left:5px;
	background-repeat:no-repeat;
	position:relative;
}
/*#ilogo
{
	width:200px;
	height:170px;
	float:left;
}*/
#ibanner
{
	background-image:url(../images/bannerhtp.jpg);
	width:1200px;
	height:200px;
	float:right;
	background-repeat:no-repeat;
	position:relative;
}
#iTopmenu
{
	float:left;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
	width:auto;
	height:40px;
	margin-top:5px;
	margin-left:5px;
	position:relative;
	border-radius:5px;
  }
#iTimkiem{
	width:350px; 
	height:35px; 
	/*width:500px;
	height:30px;
	position:absolute;
	top:40px;
	right:180px;*/
	padding-top:10px; 
	margin-right:0px;
	float:right;
	}
#iLeftmenu
{
	width:220px;
	left:inherit;
	margin-top:0px;
	margin-left:5px;
	float:left;
	background-color:#FFF;
    display:inline;
}
#iRightmenu
{
	width:220px;
	float:right;
	right:inherit;
	margin-right:5px;
	background-color:#FFF;
	font-weight:normal;
}
#imnslide
{
   	width:965px;
	height:250px;
	margin-bottom:0px;
	margin-left:0px;
	padding-right:10px;
	float:right;
	
}
#iContent
{
	width:920px;
	padding: 0px 8px;
	float:left;
	background-color:#FFF;
	color:#000;
	font-size:14px;
}


#iFooter
{
	width:1200px;
	clear:both;
	margin-top:30px;
	margin-left:5px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
	color:#F00;
}
#div1{border:1px solid #999; background-color:#9CC; padding-left:5px;}
#iFooter a {
	text-decoration:none;
	color:#F00;
	}
#iFooter a:hover {
	color:#FFF;
}

#gt1{
	background-image:url();
	width:330px;
	height:220px;
	margin-left:120px;
	}
#gt2{
	background-image:url();
	width:220px;
	height:222px;
	margin-left:120px;
	}
.inserttop{background-image:url(../images/bgtitle1.jpg); background-repeat:repeat-x; border-radius:5px; padding:7px 17px; font-weight:bold;color:#FFF; width:935px; margin-top:5px;}
.insertcen{border:0px solid #999; float:left; width:960px; padding-left:5px;}
#ins{background-image:url(../images/bgtitle.jpg); background-repeat:no-repeat; }
#nsp{background-image:url(../images/bg_tieude3.jpg); border:1px solid #CCC; background-repeat:repeat-x; color:#FFF; font-weight:bold; padding:5px 15px; margin:2px 5px;}
#lsp{background-image:url(../images/bg_lsp.png); background-repeat:no-repeat; height:30px; padding-left:15px; color:#FFFFFF; font-size:16px;}
#cont{ border:0px solid #CCC; padding-top:15px; padding-left:10px; width:920px; height:auto; }
#cont img {width:100%;}
.show{float:left; overflow:hidden; width:198px; height:240px; text-align:center; margin:22px 18px; border:1px solid #999;}
.showct{float:left; overflow:hidden; width:140px; height:240px; text-align:center; padding:3px;}
.show1{text-align:center; width:170px; height:220; padding:0px; border:1px solid #FFF;}
.showlsp{float:left; overflow:hidden; width:187px; height:240px; text-align:center; margin:3px 4px;}
#sc{ 
background-image:url(../images/quangcao/sc.png);
width:200px;
height:200px;
}

/*menu danh mục*/
#dm li 
{
list-style:none;
}
#dm li a
{
line-height:30px;
width: 195px;
float:left;
display: block;
color: #0d2474;
text-decoration: none;
text-align: center;
}
ul#dm
{
margin-top:0px;
padding-left:0px;
}

#td1{
	background-repeat:no-repeat;
    height:26px; 
	width:220px; 
	color:#FFF;  
	font-weight:bold;
    font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;
	padding-top:9px;
	border-radius:5px;  
	background-image:url(../images/bgmenuall.png); 
	text-align:center;}

#logo{
	background-image:url(../images/quangcao/hanphat.jpg);
	background-repeat:no-repeat;
	width:200px;
	height:200px;}
.button{background-image:url(../images/button-o.gif); background-repeat:no-repeat; color:#FFF; vertical-align:middle; width:80px; padding:5px;}
a
{
	text-decoration:none;
	color:#000;
}
a:hover
{
	color:#09F;
}
.b a {text-decoration:none; color:#000; }
.b a:hover {color:#F90;}

#menu{
	margin-left:35px;
	height:30px;
}
#menu ul li {
	list-style:none;
	float:left; 
	text-align:center;
	display:block;
	height:30px;
	width:auto;
	}
#menu ul li a{
	/*background-image:url(../images/bgmntop.png);
	background-repeat:repeat-x;*/
	   color:#FFF;
       text-align:center; 
	   height:35px;
       display:block;
	   padding:12px 17px;
	   text-decoration:none;
	/*cursor: pointer;*/ }
	 
#menu ul li a:hover{background-image:url(../images/menu-active-bg.png); background-repeat:repeat-x; z-index:-1; height:35px; font-size:13px; color:#000; width:auto; }


.mntl{
	background-image:url(../images/menuloai.png);
	padding-top:5px;
	 }
#ul1 ul a:hover{color:#FFF; background-image:url(../images/menu-active-bg.gif); background-repeat:repeat-x;
 height:20px; font-weight:bold; margin:0px; z-index:-1; 
 }

#menu1{
	margin:0px auto;
	height: 44px;
	}
#menu1 ul{
	padding-left:150px;
	}
#lu1 li {list-style:none;
	float:left; 
	width:100px; 
	display:block;
	}
#lu1 li a{text-align:center; text-decoration:none; display:block; color:#000; padding-top:10px;}

#dmbv tr td
{   
    background-image:url(../images/bg_menu.png); 
	width:220px;
	height:30px;
	font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	text-align:left; 
	padding-left:16px;
}


/*menu danh mục sản phẩm*/
.qmmc a, .qmmc li {
	float:left;
	display:block;
	position:relative;
	font-size:13px;
	font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
	}
.qmmc ul {
	visibility:hidden;
	position:absolute;
	}
.qmmc, .qmmc ul, .qmmc dl {
	list-style:none;
	padding:0px;
	margin:0px;}
.qmmc li a {
	float:none;
	padding-left:15px;
	text-align:left;
	}
.qmmc li:hover>ul{
	visibility:inherit;
	left:auto;}
#qm0 li{
	float:none;
    background-image:url(../images/bg_menu.png);
    line-height:30px; 
    width: 220px;
    text-align: center;}
.qmloai{
	background-image:url(../images/menuloai.png);
	border-radius:5px;
	line-height:25px; 
	width: 200px;}
#qm0 li:hover>ul{visibility:inherit;top:0px;left:100%; font-size:13px;
	font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;}
#qm0 ul dd:hover>ul{visibility:inherit;top:0px;left:100%; font-size:13px;
	font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;}



#dl  {width: 200px; margin:0px;}     
#dt{background:url(../images/bg_menu.png); background-repeat:no-repeat; border-bottom: 1px solid white; font-size: 14px; padding: 5px 30px; margin:0px;}
#dd{margin:0px; background-image:url(../images/bg_menu42.png); background-repeat:repeat-y;}
#wrapper{ margin:0px; padding:0px; border: 1px solid #999;}
.item {
	width: 198px;
	min-height: 198px;
	margin: 0px 0px;
	text-align: center;
	padding: 2px;
	border: 0px solid #CCCCCC;
}
.item tr td {
	text-align: center;
}
.item:hover {
	width: 198px;
	min-height: 198px;
	text-align: center;
	padding: 2px 0 16px 0;
	border: solid 1px #F4BC1D;
	cursor: pointer;
}
.itemsptb {
	width: 181px;
	height:205px;
	text-align: center;
	margin:6px;
	/*padding: 2px;*/
	border: 1px solid #CCCCCC;
}
.itemsptb:hover {
	width: 181px;
	height:205px;
	text-align: center;
	/*padding: 2px;*/
	border: solid 1px #F4BC1D;
	cursor: pointer;
}


.span_tooltipgia {
	color: red;
	font-size: 12px;
	font-weight: bold;
}
.div_tools_tnnb {
	color: #333333;
	font-weight: bold;
	background-image: url(../images/icon_tooltip.gif);
	background-repeat: no-repeat;
	background-position: 3px 3px;
	padding-left: 12px;
}
div.pagination {
width:400px;
padding:10px 0 10px 0;
margin:0px;
text-align:center;
font-size:13px;
}
div.pagination a {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #52bfea;
text-decoration: none; 
color: #52bfea;
}
div.pagination a:hover, div.pagination a:active {
border:1px solid #52bfea;
color: #fff;
background-color: #52bfea;
}
div.pagination span.current {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #52bfea;
font-weight: bold;
background-color: #52bfea;
color: #FFF;
}
}