body {
background: #000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
margin:0 auto;
}
table.showp {
	border-style:double;
	border-color:#333333;
	border-collapse:collapse;
}
td.showp {
border:1px solid #333333;
padding:3px;
}
a {
text-decoration:none;
color:#FFFFFF;
}
a:hover{
	color:#FF9900;
}
img{
border:0;
}
#page {
width:990px;
margin:0 auto;
margin-top:10px;
}
#head{
width:990px;
height:75px;
float:left;
}
#language{
float: left;
width:990px;
height:43px;
color:#FFCC00;
}
#banner{
float: left;
}
#menu{
width:990px;
height:30px;
float:left;
}
#li {
float:left;
padding-top:9px;
margin-left:30px;
}
#li a{
color: #FFFFFF;
text-decoration:none;
font-size:14px;

}
#li a:hover{
color: #FF9900;
}
#main{
float:left;
width:950px;
padding:20px;
background:url(../images/bg.jpg) no-repeat top;
background-color:#16130e;
}
/*#content{
float:left;
width:900px;
padding:15px 25px 15px 25px;
background:url(../images/content_bg.png) repeat-y;
}
*/
html>body #content
{
	float:left;
	width:900px;
	padding:15px 25px 15px 25px;
	background:url(../images/content_bg.png) repeat-y;
	position:relative;
}
* html #content
    {  
	float:left;
	width:900px;
	padding:15px 25px 15px 25px;
	background-color:#000000;
	  /* for IE */
	  filter:alpha(opacity=20);
	  /* CSS3 standard */
	  opacity:0.2;
    }
#header{
width:900px;
float:left;
border-bottom:1px solid  #333333;
padding-bottom:20px;
position:relative;
}
#header a{
color:#FFCC00;
}
#header a:hover{
color: #FF9900;
}
#index{
width:900px;
float:left;
position:relative;
}
#left{
width: 650px;
float:left;
position:relative;
}
#left_{
float:left;
width:310px;
}
#left__{
margin-left:40px;
float:left;
}
#left_ a{
color: #FFCC00;
}
#left_ a:hover{
color: #FFFFFF;
}
.title{
color: #FFCC00;
background:url(../images/ico.jpg) left  no-repeat;
padding-left:20px;
font-size:14px;
font-family:Verdana, Geneva, sans-serif;
text-transform:uppercase;
}
.title2{
color: #FFCC00;
font-size:15px;
font-family:Verdana, Geneva, sans-serif;
font-weight:bold;
text-transform:uppercase;
}
.title a{
color: #FFCC00;

}
.title a:hover{
color: #FFFFFF;
}
#right{
width: 224px;
float: right;
border-left:1px solid  #333333;
padding-left:15px;
position:relative;
}
#right a{
color: #FFCC00;
}
#right a:hover{
color: #FFFFFF;
}
#right_{
width:250px;
float:left;
}
#top_box{
width: 220px;
height:10px;
float:right;
margin-top:5px;
background:url(../images/top_bg_box.png) bottom no-repeat;
position:relative;
}
#bot_box{
width: 220px;
height:10px;
float:right;
margin-bottom:5px;
background:url(../images/bot_bg_box.png) top no-repeat;
position:relative;
}
*html #top_box{
width: 220px;
height:10px;
float:right;
margin-top:5px;
background:url(../images/top_bg_box_ie.png) bottom no-repeat;
position:relative;
}
*html #bot_box{
width: 220px;
height:10px;
float:right;
margin-bottom:5px;
background:url(../images/top_bg_box_ie.png) top no-repeat;
position:relative;
}
#mid_box{
width: 220px;
float:right;
height:auto;
background:url(../images/mid_bg_box.jpg) repeat-y;
position:relative;
}
#footer{
width:950px;
margin-top:10px;
float:left;
text-align:center;
}
#footer a{
color:#FFFFFF;
text-decoration: none;
padding-left:10px;
padding-right:10px;
}
#footer a:hover{
color:#FF9900;
}
#product{
border:1px solid #CCCCCC;
clear:none;
display:inline;
float:left;
margin:15px;
padding:0;
text-align:center;
width:20%;
background:#ffffff;
}
#product2{
border:1px solid #CCCCCC;
clear:none;
display:inline;
float:left;
margin:10px;
padding:0;
text-align:center;
width:21%;
background:#ffffff;
}
#product_detail{
border:1px solid #CCCCCC;
clear:none;
display:inline;
float:left;
margin:10px;
padding:0;
text-align:center;
width:44%;
background:#ffffff;
}
#product3{
border:1px solid #CCCCCC;
clear:none;
display:inline;
float:left;
margin:10px;
padding:0;
text-align:center;
background:#ffffff;
}
#product_info {
background-color:#DADADA;
padding:5px;
text-align:center;
color:#000;
min-height:40px;
}
#discription_outer {
border:1px dotted #D7D7D7;
float:left;
padding:10px;
width:610px;
}
.scroll {
	height:20px;
	overflow:auto;
	text-align:left;
}
.scroll2 {
	height:355px;
	* height:400px;
	overflow:auto;
	text-align:left;
}
#pscroll {
	height:500px;
	overflow:auto;
	text-align:left;
}
.menu_title
{
	border-bottom: #FFF 1px solid;
	color:#FFFFFF;
}
/*###################################################################*/
.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	color:#FFF;
	font-size:0.9em;
	width:280px;
	background-repeat:no-repeat;
	background-position:top right;	
	height:90px;
	
	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	border:1px dotted #666;
	width:278px;
	
	/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding-left:10px;
	padding-right:10px;
	font-size:0.9em;	
	position:relative;
}
/*###################################################################*/
#contact-area {
	width: 550px;
	margin-top: 25px;
	margin-left: 30px;
}

#contact-area input, #contact-area textarea{
	padding: 5px;
	width: 300px;
	font-family: Helvetica, sans-serif;
	font-size: 1.1em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

 #contact-area select {
	padding: 5px;
	width: 415px;
	font-family: Helvetica, sans-serif;
	font-size: 1.1em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 150px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	margin-left:115px;
	background: #3399CC;
	color:#FFFFFF;
	cursor:pointer;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 105px;
	padding-top: 5px;
	font-size: 1.0em;
	color:#fff;
}

/* Popup div */
*html {
padding: 0;
margin: 0;
}
*html #blackout {
position: absolute;
}
*html #divpopup {
position: absolute;
}
html, body {
height:100%;
}
#blackout {
visibility: hidden;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: none;
background-color: #000;
filter: alpha(opacity=60);
-moz-opacity: .8;
opacity: .8;
z-index: 9;
}
#divpopup{
position: fixed;
top: 30%;
left: 38%;
margin-top: -81px; /*half of the height plus a little to the top*/
margin-left: -150px; /*half of the width */
visibility: hidden;
display: none;
border: 1px solid #000;
background-color: #FFF;
color: #333;
padding: 0;
height: 400px;
width: 600px;
z-index: 10;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
#divpop_head{
position:absolute;
top:0;
left:0;
width:100%;
background-color: #999999;
text-align:center;
padding:2px 0;
z-index:-1;
}
#close_pop{
float:right;
text-align:right;
cursor:pointer;
padding-right:10px;
}
#close_pop a{
text-decoration:none;
color: #333;
}
#close_pop a:hover{
color:#FF0000;
}
#pop_content{
clear:both;
padding: 10px;
}
/* /- Popup div */

/*################## PH�N TRANG ##################*/

#paging {width:auto; margin:5px; padding:0px;}

#paging_main {margin:0px; padding:0px;}

#paging_main li{float: left;overflow: hidden;list-style-type: none;margin-right:5px;}

#paging_main li a{color:#FFCC00}

#paging_main li a:hover{color:red}

#paging_current {width:20px;background-color:#CCCCCC;border:1px solid #AAAAAA;text-align:center;font-weight:bold;}

#paging_link {width:20px;background-color:#EEEEEE;border:1px solid #DDDDDD;text-align:center;font-weight:bold;}

#paging_previous {text-align:right; margin-right:5px; padding:1px;}

#paging_next {text-align:left;padding:1px;}

#paging_status {margin-top:5px;width:100%;text-align:center;color:#666666;float:left;}