@charset "UTF-8";

/* **************************************
*Since: 2007-9-11
*Modified: 2007-9-12
           2007-9-14
           2007-9-17
           2007-9-18
           2007-9-19
           2007-9-20
           2007-9-21
           2007-9-26
************************************** */


/* component
---------------------------------------------------------------------------------------- */
#component{
	padding:0px 20px 0px 20px;
}

#component h1{
	margin:20px 0px 15px 0px;
	clear:both;
}

#component h2{
	font-size:120%;
	margin:0px 0px 20px 0px;
	padding:5px 0px 0px 0px;
}

#component h2 span{
	background:#8D99B2;
	color:#fff;
	padding:2px 5px;
	margin:0px 10px 0px 0px;
}

#component h2.table{
	background:url(../../common/images/bg_heading.gif) no-repeat;
	border:1px solid #ccc;
	padding:3px 10px 3px 15px;
	font-weight:bold;
	font-size:110%;
	margin:20px 0px 10px 0px;
	color:#333;
}

#component h2.margin{
	margin:0px 0px 0px 0px;
}

#component h3{
	color:#333;
	border-bottom:1px dotted #ccc;
	font-weight:bold;
	font-size:110%;
	margin:20px 0px 10px 0px;
	background:url(../../common/images/icon_square.gif) no-repeat left center;
	padding:0px 0px 0px 10px;
	clear:left;
}

#component h3.margin{
	margin:20px 0px 5px 0px;
}

#component h3.margin02{
	margin:0px 0px 10px 0px;
}

#component h3.border{
	border-bottom:none;
	margin:20px 0px -5px 0px;
}

#component h3.border02{
	border-bottom:none;
	margin:20px 0px -10px 0px;
}

#component h4{
	color:#333;
	font-size:100%;
	font-weight:bold;
	clear:both;
	line-height:1.2;
	padding:4px 0px 5px 0px;
}

#component h4.margin{
	margin:15px 0px -10px 0px;
}

#component hr{
	visibility:hidden;
	clear:both;
	height:10px;
}

#component p.txt01{
	margin:0px 0px 10px 0px;
}

#component p.txt02{
	clear:left;
	padding:10px 0px 0px 0px !important;
	padding:0px 0px 0px 0px;
}

#component p.txt03{
	text-align:center;
}

#component p.txt04{
	margin:-10px 0px 0px 0px;
}

#component p.txt04 img{
	float:left;
	margin:0px 15px 0px 0px;
}

#component p.txt05{
	clear:left;
	margin:-10px 0px 0px 0px;
}

#component .photo01{
	float:right;
	padding:20px 0px 0px 20px;
}

#component .photo02{
	display:block;
	text-align:center;
	padding:0px 0px 10px 0px;
}

#component .photo03{
	padding:15px 0px 15px 0px;
}

#component .photo04{
	display:block;
	text-align:center;
}

#component .photo05{
	padding:10px 0px 0px 0px;
}

#component .photo06{
	padding:20px 0px 0px 0px;
}

#component .photo06 img{
	float:left;
	margin:0px 10px 0px 0px;
}

#component small.sm01{
	padding:10px 0px 0px 0px;
	display:block;
}

#component .adobe{
	padding:10px 0px 10px 0px;
}

#component .adobe img{
	float:right;
}


/* pumps table
---------------------------------------------------------------------------------------- */
.pumps{
	width:100%;
	font-size:90% !important;
	font-size:85%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	margin:0px 0px 7px 0px;
}

.pumps strong{
	color:#333;
	font-weight:normal;
	font-size:110%;
}

.pumps sup{
	font-size:100%;
}

.pumps small{
	font-size:90%;
}

.pumps a{
	background:url(../../common/images/icon_arrow07.gif) no-repeat left top;
	padding:0px 0px 0px 10px;
	display:block;
	text-align:left;
}

.pumps th{
	color:#000;
	background:url(../../common/images/bg_table.gif) repeat;
	padding:5px 7px;
	text-align:center;
	line-height:1.2;
	border-right:1px dotted #ccc;
	border-bottom:1px solid #ccc;
}

.pumps th.borderBottom{
	border-bottom:1px dotted #ccc;
	border-right:none;
}

.pumps th.borderBottom02{
	border-bottom:1px dotted #ccc;
	border-right:none;
	width:155px;
}

.pumps .series{
	width:135px;
}

.pumps td{
	padding:5px 7px;
	line-height:1.2;
	border-right:1px dotted #ccc;
	border-bottom:1px solid #ccc;
	text-align:center;
}

.pumps td.circle{
	text-align:center;
}

.pumps td.circle02{
	text-align:center;
	border-right:none;
}

.pumps .borderRight{
	border-right:none;
}

.pumps .hydac{
	text-align:left;
}


/* fieldList
---------------------------------------------------------------------------------------- */
#fieldList{
	width:100%;
	text-align:right;
	margin:-10px 0px 5px 0px;
}

#fieldList li{
	display:inline;
	font-size:85%;
	color:#999;
}

#fieldList li a{
	display:inline;
}


/* component photo ul
---------------------------------------------------------------------------------------- */
#photo li , #photo01 li , #photo04 li , #photo05 li{
	width:158px;
	font-size:85%;
	margin:0px 10px 10px 0px !important;
	margin:0px 10px 5px 0px;
	float:left;
}

#photo li img , #photo01 li img , #photo04 li img , #photo05 li img{
	margin:0px 0px 0px 0px;
	display:block;
}

#photo li.steel{
	width:256px;
}

/* component photo02 ul
---------------------------------------------------------------------------------------- */
#photo02 li{
	width:108px;
	font-size:85%;
	margin:0px 10px 10px 0px !important;
	margin:0px 10px 5px 0px;
	float:left;
}

#photo02 li img{
	margin:0px 0px 0px 0px;
	display:block;
}

/* component photo03 ul
---------------------------------------------------------------------------------------- */
#photo03 li{
	width:121px;
	font-size:85%;
	margin:0px 10px 10px 0px !important;
	margin:0px 10px 5px 0px;
	float:left;
}

#photo03 li img{
	margin:0px 0px 0px 0px;
	display:block;
}

/* component photo06 ul
---------------------------------------------------------------------------------------- */
#photo06 li{
	width:158px;
	font-size:85%;
	margin:0px 10px 10px 0px !important;
	margin:0px 10px 5px 0px;
	padding:0px 0px 10px 0px !important;
	padding:0px 0px 0px 0px;
	float:left;
}

#photo06 li img{
	margin:0px 0px 0px 0px;
	display:block;
}


/* component performance ul
---------------------------------------------------------------------------------------- */
#performance , #performance02 , #performance03 , #performance04{
	clear:both;
	padding:5px 0px 0px 15px !important;
	padding:0px 0px 0px 15px;
	margin:0px 10px;
}

#performance li , #performance02 li , #performance03 li , #performance04 li{
	list-style:disc;
	line-height:1.2;
	margin:10px 0px;
}

#performance li ol{
	padding:10px 20px 0px 20px;
}

#performance li ol li{
	list-style:decimal;
	line-height:1.2;
	margin:5px 0px;
}

#performance strong, #performance02 strong, #performance03 strong, #performance04 strong{
	font-weight:bold;
	color:#333;
}

/* component pdf ul
---------------------------------------------------------------------------------------- */
#pdf li{
	background:url(../../common/images/icon_pdf.gif) no-repeat left center;
	padding:2px 0px 2px 15px;
}

#wmv li{
	background:url(../../common/images/icon_wmv.gif) no-repeat left center;
	padding:2px 0px 2px 15px;
}

/* component spec01 table
---------------------------------------------------------------------------------------- */
#spec01 strong , #spec02 strong , #spec03 strong , #spec04 strong , #spec05 strong{
	color:#333;
	font-weight:bold;
}

#spec01 sup , #spec02 sup , #spec03 sup , #spec04 sup , #spec05 sup{
	font-size:100%;
}

#spec01{
	width:100%;
	border-top:1px solid #ccc;
	margin:15px 0px 0px 0px;
	clear:left;
}

#spec02 , #spec04 , #spec05{
	width:100%;
	border-top:1px solid #ccc;
	margin:10px 0px 0px 0px;
	clear:left;
}

#spec01 th , #spec02 th , #spec04 th , #spec05 th{
	color:#333;
	background:url(../../common/images/bg_table.gif) repeat;
	padding:5px 5px;
	text-align:center;
	line-height:1.2;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#spec01 td , #spec02 td , #spec04 td , #spec05 td{
	padding:5px 5px;
	text-align:center;
	line-height:1.2;
	border-right:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}

#spec01 strong , #spec02 strong , #spec04 strong , #spec05 strong{
	font-weight:bold;
	font-size:85%;
	line-height:1;
}

#spec01 .solidNone , #spec02 .solidNone , #spec04 .solidNone , #spec05 .solidNone{
	border-right:none;
	border-bottom:1px solid #ccc;
}

#spec01 .noneRight , #spec02 .noneRight , #spec04 .noneRight , #spec05 .noneRight{
	border-right:none;
}

#spec01 .solidBottom , #spec02 .solidBottom , #spec04 .solidBottom , #spec05 .solidBottom{
	border-bottom:1px solid #ccc;
}

#spec01 .dottedBottom , #spec02 .dottedBottom , #spec04 .dottedBottom , #spec05 .dottedBottom{
	border-bottom:1px dotted #ccc;
}

#spec01 .dottedBottomNone , #spec02 .dottedBottomNone , #spec04 .dottedBottomNone , #spec05 .dottedBottomNone{
	border-bottom:1px dotted #ccc;
	border-right:none;
}

#spec01 .dottedBottomRight , #spec02 .dottedBottomRight , #spec04 .dottedBottomRight , #spec05 .dottedBottomRight{
	border-right:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}

#spec01 .dottedRight , #spec02 .dottedRight , #spec04 .dottedRight , #spec05 .dottedRight{
	border-right:1px dotted #ccc;
}


/* component spec03 table
---------------------------------------------------------------------------------------- */
#spec03{
	width:100%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	margin:20px 0px 0px 0px;
	clear:left;
}

#spec03 th{
	color:#333;
	background:url(../../common/images/bg_table.gif) repeat;
	padding:5px 5px;
	text-align:left;
	line-height:1.2;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	vertical-align:top;
}

#spec03 a{
	background:url(../../common/images/icon_pdf.gif) no-repeat left top;
	padding:0px 0px 0px 15px;
	display:block;
}

#spec03 th.left01{
	width:75px;
}

#spec03 th.left02{
	width:100px;
}

#spec03 th.left03{
	width:80px;
}

#spec03 th.left04{
	width:110px;
}

#spec03 td{
	padding:5px 5px;
	text-align:left;
	line-height:1.2;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
