/*=================NETTEX main CSS Document(gray)  edited by Chris=========================*/

body{
	color: black;
	background-color: #dddddd;
	font-size: smaller;
	font-family:"Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
	line-height: 150%;
	text-align: center;
}
/* nettex div*/
#nettex{

}
/* top div*/
#top{
	WIDTH:100%; 
	PADDING: 0px;
	COLOR: #666;
	HEIGHT:100px;
	background-color:#EEEEEE;
}

#top_l{
	float:left;
	width:200px;
	height:90%;
	padding:0px;
	margin:0px;
	background:url(logo.gif) no-repeat right bottom;
}

#img_logo{
	float:right;
	border-width:0px;
	bottom:0px;
}

#top_r{
	height:100%;
	padding:0px;
	border-right:#CECECE 10px solid;
	margin-left:200px;
	color:black;
	background:url(nettex_name.gif) #EEEEEE no-repeat left top;
}

#top_r_t{
	float:right;
	height:20px;
	width:100%;
	margin:0px;
	border-width:0px;
	padding:0px;
}
#top_r_t ul{
	list-style-type:none;
	clear:left;
	display:inline;
}
#top_r_t li{
	float:right;
	padding:0px 5px 0px 5px;
	background-color:#CECECE;
	color:#FFFFFF;
	text-align:center;
}
#top_r_t li a:visited{
	color:black;
	background-color:#CECECE;
}
#top_r_m{
	position: relative;
	float: left;
	height:55px;
	width:100%;
}

#top_r_b{
	float:left;
	width:100%;
	height:25px;
	color:white;
	background:url(trb_mn.jpg) #636363 repeat-y right top;
}
#top_r_b ul{
	list-style-type:none;
	clear:left;
	display:inline;
}
#top_r_b li{
	float:left;
	border-left:#FFF 1px solid;
	width:80px;
	text-align:center;
	line-height: 25px;
}
#top_r_b li a{
	display: block;
	width:100%;
	height: 100%;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#636363;
}
#top_r_b li a:hover{
	font-weight:bold;
	color:white;
	background-color:#006600;
}
/*end of top div*/
/*main div*/
#main{
	width:100%;
	color:black;
	background-color:#cccccc;
	border-bottom:white 4px solid;
}

#main_top_line{
}

/*MIAN_LEFT*/
#leftmenu{
	float:left;
	width:200px; 
	margin:0px 0 0 0;
	text-align:left;
	border:#636363 0px solid;
}
#leftmenu ul{
	list-style-type:none;
	margin:0;
	padding:0;
	border:none;
	text-align:left;
}
#leftmenu li{
	margin:0px 5px 0px 15px;
	border: 1px solid #bdbdbd;
}
#leftmenu li a {
	DISPLAY: block; 
	TEXT-DECORATION: none;
	OVERFLOW: hidden;
	border:1px #bdbdbd solid;
	padding:0px 5px 0px 5px;
}
#leftmenu li a:hover{
	border:gray 1px solid;
	color:black;
	background-color:#eeeeee;
}
#leftmenu li a:visited{
	color:black;
	background-color:inherit;
}
#contact_mini{
}
#leftmenu img{
	text-align:center;
	border:#9c9c9c 1px solid;
}

.little_box{
	margin:0px 0 5px 0;/*
	height:100px;*/
	border:#636363 1px solid;
	text-align:center;
	color:black;
	background-color:#bdbdbd;
}
.little_box_head{
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 10px;
	color:#eeeeee;
	background-color:#636363;
	text-align:left;
	font-weight:bold;
}
/*END OF MAIN_LEFT
MAIN_MiDDLE*/
#main_r{
	margin-left:200px;
	border-left:white 4px solid;
	min-height: 420px;
}
#main_r_top{
	margin:0px;/*
	width:100%;
	border:#636363 1px solid;*/
	height:100px;
	color:black;
	background-color:#cccccc;
	border-bottom:#cccccc 10px solid;
}

#welcome_text{
	float:right;
	margin:2px;
	padding:5px;
	text-align:left;
}
#welcome_img{
	float:left;
}

#recommand_product{/*
	margin:1px;
	width:100%;*/
	border:#636363 1px solid;
	color:black;
	background-color:#9C9C9C;
}
#re_pro_head{
	width:100%;
	padding:0 10px 0 0px;
	text-align:left;
	font-weight:bold;
	color:WHITE;
	background:#636363;
}
.re_pro_content{
	width:100%;
	height:120px;
}
.pro_text{
	float:left;
	height:120px;
	margin:5px;
	padding:5px;
	overflow:hidden;
	text-align:left;
	color:white;
	background-color:#808080;
}
.pro_img{
	text-align:center;
	float:right;
	width:160px;
	margin:10px;
}
#recommand_product img{
	width:100px;
	border:#666666 1px solid;
}
#recommand_product strong{
	font-weight:bolder;
	font-size:small;
	color:black;
	font-style:italic;
	background-color:#808080;
}
/*end of main_middle
end of main div*/

/* bottom div */
#bottom{
	width:100%;
	height:80px;
	color:black;
	text-align:center;
	background:url(bg_bottom_g.jpg) #dddddd repeat-x left top;
}

#validatorxhtml{
	background-image:url(valid-xhtml10.bmp);
}
/*end of bottom div*/

.clr{
	clear: both;
}