*
{
margin:0px;
padding:0px;
}
body
{
margin:auto;
width: 880px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background:url(../images/bg.jpg) fixed;
}
#bg
{
background-color:#FFFFFF;
border:3px solid #FFFFFF;
}
#header
{
height:164px;
clear:left;
}
a {
font-size:12px;
text-decoration:none;
color:#333333;
}
#left
{
width:180px;
float:left;
}

#left h1
{
background:#009900 url(../images/bg_menu.jpg) no-repeat;
color:#FFFFFF;
font-size:13px;
font-weight:700;
padding-left:10px;
height:30px;
line-height:30px;
}

#left ul{
margin:0px;
padding:0px;
list-style-type:none;
}

#left ul a{
text-decoration:none;
line-height:18px;
color:#000000;
width:160px;
display:block;
border-bottom:1px solid #CCCCCC;
padding-left:20px;
height:30px;
line-height:30px;
font-size:13px;
font-weight:700;
background: url(../images/arrow.gif) no-repeat 4px 10px ;
}

#left ul a:hover{
background-color:#00CC00;
color:#FFFFFF;
}

#center
{
width:520px;
float:left;
}
#right
{
width:170px;
float:left;
}
#right h1
{
background:#009900 url(../images/bg_menu.jpg) no-repeat;
color:#FFFFFF;
font-size:13px;
font-weight:700;
padding-left:10px;
height:30px;
line-height:30px;
}
#footer
{
clear:left;
height: 70px;
background: #009900 url(../images/bg_footer.jpg) repeat-x;
text-align:center;
padding-top:20px;
}

.xoa
{
margin-top:2px;
border-top:1px solid #CCCCCC;
clear:left;
}
#border
{
border:1px dotted #999999;
margin-left:10px;
margin-right:10px;
}
.borderimage{
border:1px solid white;
}

.tin
{
margin-top:4px;
padding-top:2px;
padding-bottom:2px;
margin-bottom:4px;
padding-left: 3px;
}
.tin a
{
color:#009900;
text-decoration:none;
font-weight:500;
font-size:13px;

}
 .tin a:hover
{
color:#FF6600;
}
.vien
{
border-top: 3px solid #FFFFFF;
clear:left;
}

#center h1
{
background:#009900 url(../images/bg_menu_cen.jpg);
color:#FFFFFF;
font-size:13px;
font-weight:700;
padding-left:10px;
height:30px;
line-height:30px;
}

.sanpham
{
float:left; 
width:460px; 
height:200px;
border: 1px solid #CCCCCC;
margin: 20px;
}
.sanpham img {
padding: 2px;
margin: 4px;
}

#left li{
position: relative;
}

#left li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 190px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
}

#left li ul li{
float: left;
background-color:#FFFFFF;
}

#left li ul a{
width: 180px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}

#left .arrowdiv{
position: absolute;
right: 2px;
background: transparent url(arrow.png) no-repeat center right;
}

/* Holly Hack for IE \*/
* html #left li { float: left; height: 1%; }
* html #left li a { height: 1%; }
/* End */