/* CSS Document */

body{
	font-family: Arial, Helvetica, sans-serif;
	margin:0px;
	font-size: 12px;
	background-color: #F7F6F5;
}
a:link,a:visited{color: #000000;}
a:hover{
	color: #fc7922;
	text-decoration: underline;
}
form{margin: 0px;padding: 0px;}
p{margin: 8px 0px 8px 0px;}

.input{border: 1px solid #999999;font-size: 12px;}

.clean{clear: both;}
.fr{ float:right;}
.fl{ float:left;}
.c{text-align: center;}
.l{text-align: left;}

h1{margin: 0px;padding: 0px;}

#top,#content,#copyright{margin-right: auto;margin-left: auto;width:778px;background-color: #FFFFFF;}
#nav{width: 500px;padding-top: 27px;font-weight: bold;}
#nav div{float:left;}
#nav a{text-decoration: none;background: url(../images/manu_left.gif) no-repeat;background-position: left;margin-right: 2px;margin-left: 2px;line-height: 24px;padding-bottom: 3px;padding-top: 5px;height: 26px;}
#nav a span{background: url(../images/manu_right.gif) no-repeat;background-position: right;line-height: 19px;height: 26px;padding: 5px 16px 3px 16px;}

#nav2{
	width: 512px;
	float: right;
	height: 21px;
	background: url(../images/nav2_bg.jpg) no-repeat;
	font-weight: bold;
	text-align: right;
	padding-right: 6px;
	padding-top: 4px;
	color: #FFFFFF;
}
#nav2 a{color: #FFFFFF;text-decoration: none;}
#nav2 a:hover{color: #FFE7CE;}
#top-pic{
	width: 500px;
	float: right;
	height: 110px;
	background: url(../images/top-pic-bg.jpg) no-repeat;
	padding-top: 28px;
	padding-left: 18px;
}


#content{
	padding-top: 16px;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border-bottom: solid 1px #DDD4AB;
}
#left{width: 158px;}
#middle{width: 430px;padding-right: 3px;}
#right{width: 602px;padding-left: 8px;padding-right: 4px;margin-bottom: 8px;}

#search{
	padding: 0px 10px 10px 10px;
	margin: 0px;
	color: #1E456F;
	font-weight: bold;
}
#category{
	background-color: #FF7202;
	border-bottom: 1px solid #954F17;
	background-image: url(../images/angle.gif);
	background-repeat: no-repeat;
	background-position: right top;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 1px;
	padding: 4px 10px 4px 10px;
}
#menu ul{
	margin: 0px;
	padding: 0px;
}
#menu ul li{
	list-style-type: none;
	background-color: #FFA201;
	padding-left: 6px;
	border-bottom: 1px solid #CC8201;;
	border-top: 1px solid #FFDA99;
}
#menu a{
	text-decoration: none;
	display:block;
	padding: 2px 0px 2px 4px;
	line-height: 18px;

}
#menu a:hover{
	background-color: #FBEDD7;
	display: block;
}
#menu #menunow{
	background-color: #FBEDD7;
}
#ad{
	background-color: #FEFBF0;
	margin: 0px 8px 10px 8px;
	padding: 4px;

}
.title{
	background-position: left top;
	padding-left: 16px;
	line-height: 24px;
	font-size: 15px;
	margin-bottom: 4px;
	font-family: Verdana;
	font-weight: bold;
	border-bottom: 2px solid #FF6E02;
	background: url(../images/pic-title.gif) no-repeat;
}
.title2{
	font-family: Verdana;
	font-size: 13px;
	background-color: #eeeeee;
	text-indent: 10px;
	padding-bottom: 2px;
	line-height: 18px;
	border-bottom: solid 1px #cccccc;
}

.pro {
	margin: 10px 4px 4px 4px;
}
.pro DIV {
	display: block;
	float: left;
	margin:0px 6px 25px 6px;
	text-align: center;
	width: 90px;
}
.pro DIV IMG {
	border: #dadada 1px solid;
	width: 77px;
	height: 68px;
	padding: 2px;
}
.about{padding: 8px;}

DL {margin: 4px}
DT {font-weight: bold; font-size: 12px; color: #000000}
DD {
	line-height: 110%;
	padding: 0px;
	margin: 5px 0px 10px 14px;
}



#right-pro{
	width: 164px;
	float: right;
	border: 1px solid #cccccc;
}
#right-pro ul{
	padding: 0px;
	margin: 8px 0px 0px 0px;
}
#right-pro ul li{
	margin-top: 2px;
	margin-bottom: 5px;
	list-style-type: none;
	background: url(../images/spot.gif) no-repeat;
	background-position: 6px top;
	padding-left: 10px;
}
#right-pro ul li a{
	zoom:1;
	padding-left: 8px;
	display: block;
	text-decoration: none;
}
#right-pro ul li a:hover{text-decoration: underline;}

.more{
	text-align: right;
	padding: 2px 10px 6px;
}

#local{
	font-size: 11px;
	border-bottom: dashed 1px #E4DAB6;
	margin-bottom: 10px;
	padding: 3px 3px 3px 10px;
	margin-right: 2px;
}
.company{
	padding-right: 14px;
	padding-left: 14px;
}
.prodetail{
	padding-right: 14px;
	padding-left: 14px;
	margin-bottom: 8px;
}
.imgbig{
	float: left;
	margin-right: 10px;
}
.back,.page{background-color: #EBE6CD;padding: 4px 10px 4px 4px;}
.back{
	text-align: center;
	margin-top: 18px;
}
.page{
	font-weight: bold;
	text-align: right;
	margin-right: 4px;
	margin-left: 4px;
}
/*
#prodir{WIDTH: 100%;FLOAT: left;}
#prodir dl {
	FLOAT: left;
	WIDTH: 160px;
	BACKGROUND-COLOR: #FFFDF7;
	margin: 4px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #E0D8D1;
	border-bottom-color: #E0D8D1;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 10px;
	padding-left: 6px;
}
#prodir dl DT {
	FONT-WEIGHT: bold; margin-bottom: 5px
}
#prodir dl DD A {
	line-height: 18px;
	display: block;
}
*/
#proabout{
	padding: 0px 10px 10px 10px;
	line-height: 18px;
}
.proinfo{
	margin-top: 6px;
	line-height: 18px;
}
#dirlist {margin: 10px 0px 10px 10px;}
#dirlist div{
	float: left;
	margin-bottom: 1px;
	width: 47%;
	margin-right: 1px;
	background-color: #FFFDF7;
	border: 1px solid #DCDCB8;
	padding: 4px;
}
.bookmark{border-bottom: solid 1px #FF7202;}

.proover,.proout{padding: 0px 4px 2px 4px;text-align: center;float: left;border-top: 1px solid #FF7202;border-right: 1px solid #FF7202;border-left: 1px solid #FF7202;	text-decoration: none;line-height: 20px;margin-right: 4px;font-weight: bold;}
.proover{background-color: #FF7202;}
.proout{background-color: #FFE9C4;}
.proover:link,.proover:visited,.proover:hover{color: #FFFFFF;}

.procat{
	border-bottom: dotted 1px #000000;
	margin-bottom: 8px;
	background-color: #F7ECDB;
	padding: 6px;
	width: 574px;
	overflow:auto;
}
.proin{border-bottom: dotted 1px #000000;
	margin-bottom: 8px;
	background-color: #FEEDBA;
	padding: 6px;
	width: 574px;
	overflow:auto;}

#copyright{
	background-color: #FDF9E3;
	border-top: solid 1px #DDD4AB;
	text-align: center;
	color: #696550;
	padding-bottom: 20px;
}
#copy{
	margin-bottom: 14px;
	padding-top: 10px;
}
#copy a{color: #696550;}
#copy a:hover{color: #000000;}
#companybox {
	DISPLAY: block;
	BACKGROUND-COLOR: #EBE6CD;
	padding: 3px;
	text-indent: 10px;
	margin: 6px;
}
#companybox A {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}