@charset "utf-8";
body { margin:0; padding:0; background-color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#999; }
a:link { text-decoration:none; color:#fff; }
a:visited { text-decoration:none; color:#fff; }
a:active { text-decoration:none; color:#fff; }
a:hover { text-decoration:none; color:#fff; }
/* STYLE */
.center{ text-align:center;	}

/* LAYOUT */
#wrapper { width:100%; }
#main { width:900px; margin:0px auto; }
#header { float:left; width:100%; height:450px; background:url(../images/bg_main.jpg) center top no-repeat; }
#headersub { float:left; width:100%; height:140px; background:url(../images/bg_sub.jpg) center top no-repeat; }
#headerpanel { float:left; width:100%; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#content { width:100%; }
#contentleft { float:left; width:250px; color:#FFF; margin-top:20px; }
#contentright { float:right; width:620px; color:#CCC; margin-top:20px; margin-left:30px; }
#footer { float:left; width:100%; font-family:"MS Sans Serif", Tahoma; font-size:12px; color:#ccc; padding:15px 0px; border-top:solid 1px #999; background-image:url(../images/bg_bottom.jpg) center center no-repeat; }
#footerleft { float:left; width:50%; }
#footerright { float:left; width:50%; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#fff; }
a.text_footer:link { color:#ccc; text-decoration:none; }
a.text_footer:visited { color:#ccc; text-decoration:none; }
a.text_footer:hover { color:#cc0000; text-decoration:underline; }
a.text_footer:active { color:#cc0000; text-decoration:underline; }
/* MENU */
#mainmenu {
	color:#fff;
	text-align:right;
	height:65px;
	padding-top:32px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}
#menutab1, #menutab2, #menutab3, #menutab4, #menutab5, #menutab6 {
	float:right;
	padding:5px 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}
.tabout { color:#fff; background-image:url(../images/menuhover.png); background-repeat:repeat-x; background-position:left top; }
.tabover { color:#cc0000; background-color:#ccc; }
/* SUB MENU */
.listmenu {
	position:relative;
	float:none;
	margin-bottom:20px;
	padding:0;
	background-color:#000;
	display:block;
	height:auto;
	width:250px;
}
ul.submenu {
	width:250px;
	margin:0;
	padding:0;
	background-color:inherit;
	color:#fff;
	list-style-type:none;
}
ul.submenu li {
	clear:both;
	width:250px;
	margin:0;
	padding:0;
	background-color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	display:block;
	line-height:30px;
}
ul.submenu li a:link, ul.submenu li a:visited {
	background-image:url(../images/submenu.png);
	background-repeat:no-repeat;
	color:#666;
	text-decoration:none;
	display:block;
} 
ul.submenu li a:active, ul.submenu li a:hover {
	background-image:url(../images/submenuhover.png);
	background-repeat:no-repeat;
	color:#fff;
	text-decoration:none;
	display:block;
}
/* INDEX PAGE */
#content_welcome{
	margin:0; padding-bottom:20px; padding-left:240px; width:380px; min-height:240px; background-image:url(../images/head_welcome.jpg); background-position:left top; background-repeat:no-repeat;
}
.text_welcome{
	margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#999; text-align:justify;
}
/* PRODUCTS LIST */
.allproduct { margin-bottom:20px; padding:0; width:620px; height:auto; background-image:url(../images/bg.gif); background-repeat:repeat; }
.allproduct_show { margin:0px 10px; }
.product_list{ margin-right:13px; width:87px; height:110px; float:left; text-align:center; }
.product_list img{ border:none; }
.product_list span{ font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#000; line-height:10px; }
.product_list a:link, .product_list a:visited { color:#000; text-decoration:none; }
.product_list a:hover, .product_list a:active { color:#F00; text-decoration:underline; }
.rbtop div { background: url(../images/tl.gif) no-repeat top left; clear:both; }
.rbtop { background: url(../images/tr.gif) no-repeat top right; clear:both; }
.rbbot div { background: url(../images/bl.gif) no-repeat bottom left; clear:both; }
.rbbot { background: url(../images/br.gif) no-repeat bottom right; clear:both; }
.rbtop div, .rbtop, .rbbot div, .rbbot { width:100%; height:10px; clear:both; }
/* HILIGH PRODUCT */
.hilight { margin:0; padding-top:50px; padding-bottom:10px; padding-left:30px; padding-right:15px; width:205px; height:150px; background-image:url(../images/bg_hilight.png); background-repeat:no-repeat;	}
.hilight img { margin-bottom:5px; border:none; }
.hilight span{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#ffc; }
.hilight a:link, .hilight a:visited { color:#ffc; text-decoration:none; }
.hilight a:hover, .hilight a:active { color:#ffc; text-decoration:underline; }
/* SUB PAGE */
.content_sub{
	margin:0;
	padding:0;
	width:620px;
	height:auto;
	background-image:url(../images/line_bodyhead.png);
	background-repeat:no-repeat;
	background-position:right top;
}
.cate_img {
	border:none;
	margin-right:15px;
	margin-bottom:15px;	
}

/* STYLE FONT */
.text_normal{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#999;
	text-align:justify;	
}
.text_normal span{
	font-size:14px;
	font-weight:bold;
	color:#C00;
}
a.text_normal:link { color:#999; text-decoration:none; }
a.text_normal:visited { color:#999; text-decoration:none; }
a.text_normal:hover { color:#999; text-decoration:underline; }
a.text_normal:active { color:#999; text-decoration:underline; }

/* FORM */
fieldset, form, label, legend{ margin:0px; padding:0px; border:0; vertical-align:baseline; }
fieldset{ margin:0px; padding:10px; border:solid 1px #333; }
legend{ margin-bottom:10px; padding:10px; background-color:#000; border:solid 1px #333; color:#999; font-weight:bold; line-height:20px; }
label{ margin-right:10px; padding:0px; width:150px; float:left; display:block; clear:left; color:#999; text-align:right; }
textarea, input, select, label, button{ margin-top:5px; }
textarea{ border:1px solid #666; width:350px; height:80px; }
input[type="text"]{ border:1px solid #666; width:350px; }
input[type="submit"]{ background-color:#333; color:#ccc; border:solid 1px #000; padding:5px 10px; }
input[type="reset"]{ background-color:#333; color:#ccc; border:solid 1px #000; padding:5px 10px; }
label span{ color:#c00; }


/* PRODUCT PAGE */
.product_name{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#333;
	text-align:left;
}
.product_name span{
	font-size:14px;
	font-weight:bold;
	line-height:30px;
}
.text_head{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#999;
}
/* PRODUCT DETAIL */
.table_text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#333;
	border:none;
}
.table_col1{
	width:150px; line-height:24px; background-color:#ccc; color:#333; text-align:left;
}
.table_col2{
	width:250px; line-height:24px; background-color:#eee; color:#333; text-align:left;
}
.table_col1 span{
	padding-left:10px; font-weight:bold;
}
.table_col2 span{
	padding-left:5px;	
}

.product_list_1{ margin-right:10px; width:190px; height:190px; float:left; text-align:center; }
.product_list_1 img{ border:none; }
.product_list_1 span{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000; line-height:14px; }
.product_list_1 a:link, .product_list_1 a:visited { color:#000; text-decoration:none; }
.product_list_1 a:hover, .product_list_1 a:active { color:#F00; text-decoration:underline; }

.product_list_2{ margin-right:10px; width:140px; height:145px; float:left; text-align:center; }
.product_list_2 img{ border:none; }
.product_list_2 span{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000; line-height:14px; }
.product_list_2 a:link, .product_list_2 a:visited { color:#000; text-decoration:none; }
.product_list_2 a:hover, .product_list_2 a:active { color:#F00; text-decoration:underline; }

.material_list{ margin-right:10px; width:140px; height:145px; float:left; text-align:center; }
.material_list img{ border:none; }
.material_list a:link, .material_list a:visited { color:#000; text-decoration:none; }
.material_list a:hover, .material_list a:active { color:#F00; text-decoration:underline; }

.material_list_2{ margin-right:5px; width:115px; height:120px; float:left; text-align:center; color:#000; }
.material_list_2 img{ border:none; }