@import url(framework.css);
html,body {
   margin: 0px;
   padding: 0px auto;
   background-image: url(../images/xbg.png);
	background-repeat: repeat-y;
	background-position:center;
	background-color: #e1e1e1;
	min-height: 700px;
	height: 100% !important;
	height: 700px;
}
p {
   line-height: 21px;
   margin: 20px;
}
a {
   text-decoration: none;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   color: #CCCCCC;
}
a:hover {
   text-decoration: underline;
   color: #282828;
}
a img {
   border: none;
}
form {
   margin: 0px;
}
#top_menu {
	float: left;
	width: 690px;
	padding-top: 16px;
	padding-left: 16px;
	padding-bottom: 5px;
}
#top_menu ul {
	margin:0;
	padding:0;
	list-style:none;
	width:647px;
}
#top_menu ul li {
	display: block;
	float: left;
	padding-top: 3px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
	height: 16px;
}

/* Tab¬ÛÃö CSS */
	.STabs{
		background-color:#FFFFFF;
		background-image:url(../images/etpc_stabg.png);
		background-position:bottom right;
		background-repeat:no-repeat;
		margin-top:5px;
		margin-left:20px;
		padding:0px auto;
		border:none;
		width:500px;
		float: left;
	}
	.STabs div.tabTitle{
		float: left;
		border:none;
		width:100%;
		height:32px;
		margin:0px;
	}

	.STabs div.tabTitle ul{
		height:32px;
		list-style:none;
		margin:0px;
		border:none;
		padding:0px;
	}
	
	.STabs div.tabTitle ul li{
		cursor:pointer;
		background-image:url('../images/mnavbg.png');
		border:solid #CCCCCC 1px;
		border-bottom:none;
		float:left;
		height:32px;
		line-height:32px;
		vertical-align:middle;
		padding:0px 10px;
		margin:0px 2px 0px 0px;
	}
	
	.STabs div.tabTitle ul li.current{
		color:#FFFFFf;
		background-color:#FAFAFA; 
		border-bottom-color:#fafafa;
		background-image:url('../images/mnavb.png');
		height:32px;
	}

	
	.STabs div.tabTitle ul li img{
		border:none;
		vertical-align:middle;
	}
	.STabs div.tabTitle span{
		cursor:pointer;
		margin-right:0px;
		padding:5px 15px 5px 15px;
		background-image:url('../images/mnavbg.png');
		color:#4576ae;
		font-family:Arial;
		font-size:11pt;
		vertical-align:bottom;
		border:solid #cccccc 1px;
	}
	
	.STabs div.tabTitle span img{
		border:none;
		vertical-align:middle;
	}
	
	.STabs div.tabTitle span.current{
		color:#FFFFFf;
		background-color:#FAFAFA; 
		border-bottom-color:#fafafa;
		background-image:url('../images/mnavb.png');
		height:32px;
	}
	.STabs div.tabContent{
		float:left;
		border:solid #CCCCCC 1px;
		width:100%;
		min-height:200px;
		height:100% !important;
		height:200px;
	}
	
	.tabContent ul{
		list-style:none;
		font-size:9pt;
		padding-left: 10px;
	}
	.tabContent li{
		border-bottom:1px dotted #CCCCCC;
		padding-bottom:3px;
		margin:5px 0;
		font-size:10pt;
	}
	
	.tabContent div{
		margin-top:10px;
		width:100%;
		border:none;
	}
	.tabContent ul a{
		text-decoration:none;
	}
	
	.tabContent ul a:hover,a:visted{
		text-decoration:none;
		color:#1E90FF;
	}
	
.product_cont{
	text-align:left;
	border-width:1px;
	border-style:solid;
	border-color:#A0C702;
	color:#6F8B01;
	padding: 5px auto auto 45px;
}
.product_cont .image{
	width:167px;
	height:200px;
	padding:4px;
	border:1px solid #cccccc;
	background-color:#ffffff;
	float:left;
}

.image{
	width:200px;
	height:167px;
	padding:4px;
	border:1px solid #cccccc;
	background-color:#ffffff;
	float:left;
	}
