@charset "utf-8";
/* CSS Document */
/******************* all *********************/

body {font-family: Arial, Helvetica, sans-serif;}
div {margin:0px; padding:0px;}
#wrapper {width:900px; padding:3px; margin-left:auto; margin-right:auto; border:solid 1px #000000;}
#navTop {}
#webMiddle {float:left; background:url(../images/bgWebMiddle.gif) repeat-y left;}
#navLeft {width:160px; float:left;}
#main {width:740px; float:left;}
#copyright {width:900px; height:19px; clear:both; border-top:#FFFFFF solid 2px; background:url(../images/bgCopyright.jpg);}
#copyright p {margin:1px 20px 0px; font-size:12px; font-weight:bold; color:#FFFFFF; text-align:right;}


/********************** navTop **********************/

#logo {width:140px; height:132px; position:relative; background:url(../images/bgTop_01.gif); float:left;}
#logo h1 {width:300px; margin:0px; padding:0px; position:absolute; top:140px; left:660px; font-size:19px; color:#ffffff; letter-spacing:1px; word-spacing:5px;}

#language {width:760px; height:132px; background:url(../images/bgTop_02.gif); float:left;}
#language a {margin:0px 10px; position:relative; top:1px; left:470px; font-size:13px; font-weight:bold; text-decoration:none;}
#language a:link {color:#ffffff;}
#language a:visited {color:#ffffff;}
#language a:hover {color:#FF3300;}
#language a:active {color:#FF9900;}

#searchBar {width:900px; height:60px; background:url(../images/bgTop_03.gif); clear:both;}
#searchBar form{height:21px; margin:0px; position:relative; top:39px; left:660px;}
#searchBar form input#searchBarInput_1 {border-top:none; border-left:none; border-right:none; border-bottom:2px #E50012; background:#000000; color:#FFFFFF; font-size:12px;}
#searchBar form input#searchBarInput_2 {margin:0px; padding:0px; height:19px; cursor:pointer; border:none; background-color:#E50012; color:#ffffff; font-weight:bold; font-size:11px;}

#topNav {position:relative; clear:both; float:left;}
#topNav ul {width:900px; position:absolute; top:14px; left:0px; list-style:none;}
#topNav ul li {display:inline; margin:0px; padding:0px;}
#topNav ul li a {padding:0px 40px 0px 16px; font-size:15px; font-weight:bold; text-decoration:none;}
#topNav ul li a:link {color:#ffffff; background:url(../images/navTop_link.gif) no-repeat left;}
#topNav ul li a:visited {color:#ffffff; background:url(../images/navTop_link.gif) no-repeat left;}
#topNav ul li a:hover {position:relative; left:1px; top:1px; background:url(../images/navTop_hover.gif) no-repeat left; color:#E50012;}
#topNav ul li a:active {color:#FF9900; background:url(../images/navTop_link.gif) no-repeat left;}

#position {height:16px; background-color:#000000; font-size:12px;}
#position p,#position span, #position a {position:relative; top:0px;}
#position p,#position span {padding:0px 6px; display:inline; font-weight:bold; color:#FFFFFF;}
#position a {font-size:12px; font-weight:bold; text-decoration:none; color:#ffffff;}
#position a:link {color:#ffffff;}
#position a:visited {color:#ffffff;}
#position a:hover {color:#E50012;}
#position a:active {color:#FF9900;}


/****************************************** navLeft ***********************************************/
#navLeftExpanded,#navLeftCollapsed {width:50%; float:left; text-align:center; cursor:pointer; background:#CC0000; font-size:14px; font-weight:bold; color:#FFFFFF;}
#navLeftExpanded img,#navLeftCollapsed img {margin:0px 4px 0px 0px;}

#navLeft_online {margin:0px 0px 5px 14px;}
#navLeft_online img {position:relative; top:6px; margin:0px 6px 0px 0px;}
#navLeft_online a {font-size:12px; font-weight:bold; text-decoration:none;}
#navLeft_online a:link {border-bottom:#FFFFFF 4px solid; color:#ffffff;}
#navLeft_online a:visited {border-bottom:#FFFFFF 4px solid; color:#ffffff;}
#navLeft_online a:hover {border-bottom:#FFFF66 4px solid; color:#E50012;}
#navLeft_online a:active {border-bottom:#FFFFFF 4px solid; color:#FF9900;}
#navLeft_bottom {height:120px; background:url(../images/navLeft_bottomABY.gif) no-repeat;}


/****************************************** main page ***********************************************/
#indexInfo {float:left; width:460px; margin:5px; padding:5px 20px 0px 0px; border-right:#FF3300 solid 3px; font-size:12px; line-height:18px; color:#000033; text-align:justify; text-indent:1em;}
#indexInfo span {font-weight:bold; color:#CC0000;}

#indexContact {float:right; margin:5px; padding:0px; width:210px;}
#indexContact span {font-size:12px; font-weight:bold; color:#000033; line-height:25px;}
#indexContact div {padding:6px 0px 0px 8px; border:#FF6600 solid 5px; border-bottom:none;}
#indexContact div a {position:relative; top:-8px; left:8px; font-size:19px; font-weight:bold; text-decoration:none;}
#indexContact div a:link {border-bottom:#FFFFFF 4px solid; color:#000000;}
#indexContact div a:visited {border-bottom:#FFFFFF 4px solid; color:#000000;}
#indexContact div a:hover {border-bottom:#000000 4px solid; color:#FF6600;}
#indexContact div a:active {border-bottom:#FFFFFF 4px solid; color:#FF9900;}

#indexMiddle {margin-left:6px; width:730px; height:30px; overflow:hidden; background:url(../images/bgIndexMiddle.gif);}
#indexMiddle h3 { margin:0px; padding:0px; position:relative; top:4px; left:10px; font-size:18px; color:#ffffff;}

#company {margin:40px 30px; width:670px; height:400px; background-image:url(../images/bgContact.jpg); background-position:bottom left; background-repeat:no-repeat;}
#company p {font-size:12px; text-align:justify;}
#company p strong {color:#CC0000;}
#company img { margin:40px 40px 0px 0px; float:right;}

#contact {width:700px; height:800px; padding:20px;}
#contact h1 {font-size:20px; color:#CC0033;}
#contact ul {list-style-type:none; clear:left;}
#contact li {display:inline; font-size:12px; color:#666666;}


/******************************************************  products  *************************************************************/
.proImg_wh90 {margin:0px 0px 0px 14px; padding:0px; clear:both;}
.proImg_wh90 li { list-style:none; float:left; text-align:center;}
.proImg_wh90 h6 { width:110px; margin:0px; padding:0px; float:left; text-align:center; font-weight:normal;}
.proImg_wh90 a { width:110px; margin:2px 0px 0px 9px; padding:5px; border:#ffffff 2px solid; float:left;}
.proImg_wh90 a:link {	border:#FFFFFF 2px solid;	color:#000000;}
.proImg_wh90 a:visited { border:#FFFFFF 2px solid; color:#000000;}
.proImg_wh90 a:hover {border:#FF3300 2px solid;color:#FF6600; cursor:pointer;}
.proImg_wh90 a:active {border:#FFFFFF 2px solid;color:#FF9900;}

#proIndex {margin:2px 0px 0px 20px;}
#proIndex ul { margin:0px;}
#proIndex li {float:left;}
#proIndex h4 {font-size:14px; text-align:center;}
#proIndex a { margin:2px 0px 0px 9px; padding:5px; border:#ffffff 2px solid; float:left;}
#proIndex a:link {	border:#FFFFFF 2px solid;	color:#000000;}
#proIndex a:visited { border:#FFFFFF 2px solid; color:#000000;}
#proIndex a:hover {border:#E9E9E9 2px solid;color:#FF3300; background:#F9F9F9; cursor:pointer;}
#proIndex a:active {border:#FFFFFF 2px solid;color:#FF9900;}

#proOneParts, #proOneMeters { margin:10px 0px 0px 16px;}
#proOneParts h3, #proOneMeters h3 {font-size:16px; color:#330000;}
#proOneParts img, #proOneMeters img {float:left; margin:0px 15px 15px 0px;}
#proOneParts h4 {padding:0px 40px 0px 16px; clear:both;	font-size:14px; color:#330000;}
#proOneParts p, #proOneMeters p { margin:0px 15px 0px 5px; text-align:justify; text-indent:20px; font-size:12px; color:#444444;}

#proOneSort { clear:both;margin:10px 0px 0px 10px;}
#proOneSort h4 {font-size:16px; color:#330000;}

#proInterestSort {clear:both;margin:10px 0px 0px 10px;}
#proInterestSort h4 {font-size:16px; color:#330000;}
#proInterestSort h5 { margin:0px 0px 0px 20px;}
#proInterestSort h5 a {font-size:14px;}
#proInterestSort h5 a:link, #proInterestSort h5 a:visited {color:#330000;}
#proInterestSort h5 a:hover {color:#E50012;}
#proInterestSort h5 a:active {color:#330000;}
#proInterestSort ul { margin:4px 0px 0px 35px; list-style:square;}
#proInterestSort li a {font-size:13px;}
#proInterestSort li a:link, #proInterestSort li a:visited {color:#330000;}
#proInterestSort li a:hover {color:#E50012;}
#proInterestSort li a:active {color:#330000;}

#proSort {margin:8px 0px 0px 10px;}
#proSort h4 a {margin:0px; padding:0px 40px 0px 16px; font-size:15px; font-weight:bold; text-decoration:none;}
#proSort h4 a:link, #proSort h4 a:visited{color:#CC3300;}
#proSort h4 a:hover {background:url(../images/navTop_link.gif) no-repeat left ;	color:#E50012;}
#proSort h4 a:active {color:#FF9900;}

#proSort h5 {clear:both;}
#proSort h5 a {margin:0px 0px 0px 10px;	padding:0px 40px 0px 16px;	font-size:15px;	font-weight:bold;	text-decoration:none;}
#proSort h5 a:link, #proSort h5 a:visited{color:#CC3300;}
#proSort h5 a:hover {	background:url(../images/navTop_hover.gif) no-repeat left ;	color:#E50012;	cursor:pointer;}
#proSort h5 a:active {color:#FF9900;}


#search {margin:8px 0px 0px 10px;}
#search h2 {margin:0px; font-size:16px; color:#CC0000;}
#search h3 {margin:10px 0px 0px 0px; padding:0px; clear:both;}
#search h3 a {margin:0px;	padding:0px 40px 0px 16px; font-size:15px;	font-weight:bold;	text-decoration:none;}
#search h3 a:link, #search h3 a:visited{color:#CC3300;}
#search h3 a:hover {background:url(../images/navTop_link.gif) no-repeat left ;	color:#E50012;}
#search h3 a:active {color:#FF9900;}
#search p {margin:4px 0px 60px 30px; clear:both; font-size:12px; font-weight:bold; color:#CC3300;}

#engine img {float:left;}
#engine ul { display:inline-block;}
#engine li {list-style:none;}
#engine li a {font:14px; font-weight:bold; text-decoration:none;}
#engine li a:link, #engine li a:visited{color:#000033;}
#engine li a:hover {color:#E50012;}
#engine li a:active {color:#FF9900;}
#engine li p { display:inline-block; margin:5px 0px 15px 0px; padding:0px 0px 0px 5px; font-size:11px; color:#000033;}