
body
{
    margin:0;
	padding:0;	
	background-image:url(images/background-top.jpg);
	background-repeat: no-repeat;
	background-color:#365F09;	
}
body, td, th, textarea, select, h2, h3, h4, h5, h6
{font: 12px/1.25em arial;}
a
{
	text-decoration: none;
	color: white;
}
input
{
    border: solid 1px #D8D8D8;	
}
.headertop{
	height: 20px;
	width: 920px;
	background-image:url(images/header-top-content.jpg);
	background-repeat: no-repeat;
}
.headercenter
{
	width: 920px;
	background-image:url(images/header-center-content.png);
	background-repeat: repeat-y;
}
.headerbottom{
	width: 920px;
	height: 22px;
	background-image:url(images/footer-content.png);
	background-repeat: no-repeat;
}
.headertitle{
	clear:both;
	width: 920px;
	height: 33px;
	background-image:url(images/tittle.jpg);
	background-repeat: no-repeat;
}
.menu{
	float:left; 
	margin-top:40px; 
	margin-left: 40px;
}
* html .menu{	
	margin-top:40px; 
	margin-left: 0px;
	padding-left: 40px;
}
.menu_auto{
	float: left;
	width: 93px;
	height: 70px;
	background-image:url(images/menu-down.jpg);
	background-repeat: no-repeat;
}
.menu_child{
	clear:both; color:#FFFFFF; font-weight: bold; padding-top: 10px; text-align: center;
}

* html .menu_child{
	margin-top: 10px;
	padding-top: 0px;
}
.menu_auto_hover{
	float: left;
	width: 93px;
	height: 70px;
	background-image:url(images/menu-over.jpg);
	background-repeat: no-repeat;
}
#main1{
	width:920px; 
	margin-top: 40px;
	margin-left:auto; 	
	margin-right:auto;
}	

.main
{	
	clear:both;
	background-image:url(images/content-center-bg.png);
	background-repeat: repeat-y;
	width: 920px;
}
.main_center{
	width: 778px;
	/*height: 260px;*/
	margin-left: 70px;
	padding-top: 15px;
}
.main_center_bottom{
	margin-left: 70px;
}
.main_center_left{
	float: left;
	background-image:url(images/slide-left-bg.jpg);
	background-repeat: no-repeat;
	width: 11px;
	height: 251px;
}
.main_center_center{
	float: left;
	background-image:url(images/slide-center-bg.jpg);
	background-repeat: repeat-x;
	height: 251px;
	width: 756px;
}
.main_center_right{
	float: left;
	background-image:url(images/slide-right-bg.jpg);
	background-repeat: no-repeat;
	width: 11px;
	height: 251px;
}
.main_home_left
{
	float: left;
	background-image: url(images/show-bg-left.jpg);
	background-repeat: no-repeat;
	width: 12px;
	height: 210px;
}
.main_home_center
{
	float: left;
	background-image: url(images/show-bg-center.jpg);
	background-repeat: repeat-x;
	height: 210px;	
}
.main_home_right
{
	float: left;
	background-image: url(images/show-bg-right.jpg);
	background-repeat: no-repeat;
	width: 11px;
	height: 210px;
}
.main_details{
	float: left;
	background-image:url(images/show-icon-bg.gif);
	background-repeat: no-repeat;
	width: 158px;
	height: 167px;
	margin-right: 14px;
}
.bottom_details{
	text-align: center;
	background-image: url(images/more-button.jpg);
	background-repeat: no-repeat;
	width: 95px;
	height: 20px;
	padding-top: 3px;
	color: #336600;
}

#apDiv1 {
	width:778px;
	z-index:2;
	position:relative;
}
#apDiv2 {
	z-index:1;
	clear:right; 
	margin-top:-105px; 
	width: 778px; 
	height: 207px; 
	background-image:url(images/content-bottom-bg.jpg); 
	background-repeat: no-repeat;
}
#dv_details{
	text-align:center; 
	background-image:url(images/show-item-bg.png); 
	background-repeat: no-repeat; 
	width: 229px; 
	height:220px; 
	z-index:1;
	margin-top: -50px;
}
#dv_details_main{
	z-index:2;
	position:relative;
	width: 224px;
	height:168px;
	text-align:center;
}

/* lien he */
.lienhe{
	padding-top:10px;
	width:415px;
	height:300px;
	color:#000000;	
}
.colorx{color:#000000; height:35px;}
.butonlienheful{ padding-left:150px;}
.butonlienhe{ width:70px; height:24px; background:url(images/button.png) no-repeat;  color:#000000; text-align:center; float:left;}
.butonlienhe1{margin:20px 0 0 20px;}

.butonlienhe{margin:20px 0 0 ;}

.butonlienhe a,.butonlienhe1 a{ text-decoration:none; color:#000000;padding-top:3px; display:block; }

/*  hte end lien he */

/*JQuery*/
body{
 cursor:default;
 text-align:center;
 background-position:50% 0;
 background-repeat:no-repeat;
}
a:link,a:visited{
 text-decoration:none;
}
a img{
 border:0;
}
div.wrap{
 	width:756px;
	margin:0 auto;
 	text-align:left;
}
div#top div#nav{
	float:left;
	clear:both;
	width:756px;
	height:52px;
	margin:22px 0 0;
	background: url(../images/nav-bg.png) 0 0 no-repeat;
 } 
  div#top div#nav ul{
   float:left;
   width:700px;
   height:52px;
   list-style-type:none;
  }
   div#nav ul li{
    float:left;
    height:52px;
   }
    div#nav ul li a{
     border:0;
     height:52px;
     display:block;
     line-height:52px;
     text-indent:-9999px;
    }
 
div#header{
 margin:-1px 0 0;
 margin-top: 10px;
}
div#video-header{
 height:683px;
 margin:-1px 0 0;
}
 div#header div.wrap{
  height:240px;
 /*background:url(../images/header-bg.png) 50% 0 no-repeat;*/
 }
 div#header div#slide-holder{
  z-index:40;
  width:756px;
  height:240px;
  position:absolute;
 }
  div#header div#slide-holder div#slide-runner{
   /*top:9px;
   left:11px;*/
   width:756px;
   height:230px;
   overflow:hidden;
   position:absolute;
  }
  div#header div#slide-holder img{
   margin:0;
   display:none;
   position:absolute;
  }
  div#header div#slide-holder div#slide-controls{
   left:0;
   /*bottom:228px;*/
   width:736px;
   height:46px;
   display:none;
   margin-top: 185px;
   position:absolute;   
  }
   div#header div#slide-holder div#slide-controls p.text{
    float:left;
    color:#fff;
    display:inline;
    font-size:10px;
    line-height:16px;
    margin:15px 0 0 20px;
    text-transform:uppercase;
   }
 
   div#header div#slide-holder div#slide-controls p#slide-nav{
    float:right;
    height:24px;
    display:inline;
    margin:11px 15px 0 0;
   }
    div#header div#slide-holder div#slide-controls p#slide-nav a{
     float:left;
     width:24px;
     height:24px;
     display:inline;
     font-size:11px;
     margin:0 5px 0 0;
     line-height:24px;
     font-weight:bold;
     text-align:center;
     text-decoration:none;
     background-position:0 0;
     background-repeat:no-repeat;
    }
    div#header div#slide-holder div#slide-controls p#slide-nav a.on{
     background-position:0 -24px;
    }
div#header div#slide-holder div#slide-controls p#slide-nav a{background-image:url(../images/silde-nav.png);}
div#nav ul li a{background:url(../images/nav.png) no-repeat;}

/*End JQuery*/

.btn_checked
{
	background-image:url(images/check-button.png);
	background-repeat: no-repeat;
	width: 54px;
	height: 21px;
}
/* Phan lam tooltip */
#dhtmltooltip
{
	position: absolute;
	left: 300px;
	width: 150px;
	border: 1px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS -- Tao bong cho tooltip*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=green,direction=150);
}

/*----------------------------*/
<style type="text/css" media="screen">
#slider {
    width: 563px; /* important to be same as image width */
    height: 230px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 563px; /* important to be same as image width or wider */
    position: absolute;
	top: -12px;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 560px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}
</style>
