@charset "UTF-8";
/* CSS Document */
 
body { margin: 0; padding: 0; font-family: Verdana, Arial, Tahoma, sans-serif; font-size:12px; color:#333; line-height: 14px; }

a, a:visited, a:active { color:#333; text-decoration: none; }
a:hover { color:#00709e; text-decoration: none; }
img		{ border: none; }

#page { position: relative; width:890px !important; height:auto; margin: 0 auto; }

.header { position: relative; float: left; width:890px; height: auto; }
.logo		{ position: relative; float: left; width: 320px; height: 70px; }
.logo img	{ border: 0; }
.lang		{ position: relative; float: right; width: 50%px; height: auto; text-align: right; vertical-align: middle; margin: 15px 0; }
.lang span	{ position: relative; float: left; margin: 8px 0; padding:0; font-size:12px; }
.lang img	{ border: 0; margin:5px 0; }
.search		{ position: relative; width: auto; height: auto; text-align: right; margin: 5px auto; }
.searchBox	{ position: relative; float: left; width: auto; height: 26px; background:url(../images/bgSearch_01.jpg) left top no-repeat; }
.searchBox input 	{ position: relative; float: left; border: none; background:none; width:100px; margin: 3px 0 0 35px; color:#999; } 
.searchBoxBtn		{ position: relative; float: left; width: 52px; height: 26px; }

.searchSelectBox 	{ position: relative; float: left; width: 191px; height: 25px; background:url(../images/bgSearchSelect.jpg) left top no-repeat; margin-bottom: 5px; }
.searchSelectBox select		{ position: relative; float: left; width: 180px; height: 20px; color: #999; margin: 3px 0 0 5px; }
/*
***************************************************************************************************************************************
															INDEX PAGE
***************************************************************************************************************************************
*/
.banner { position: relative; float: left; width: 890px !important; height: 300px; }
.subIndex { position: relative; float: left; width: 100%; margin: 10px 0; }
.subIndexBox 		{ position: relative; float: left; width: 164px; border-right: 1px #666666 dotted; padding:5px 6px; }
.subIndexBoxLast	{ position: relative; float: left; width: 164px; padding:5px 6px; }

.subIndex img	{ position: relative; float: left; border: none; }
.subIndex .topic	{ position: relative; float: left; border-left:1px #333 solid; width:164px; height:auto; margin: 5px 0 0 0; }
.subIndex .topic span.firstLetter	{ position: relative; float: left; margin: 5px 0 0 5px; font-size:14px; color:#00709e; text-align: left; font-weight:bold;  }
.subIndex .topic span.top	{ position: relative; float: left; width: 90%; margin: 5px 0 0 5px; font-size:12px; color:#00709e; font-weight:bold; text-align: left; }
.subIndex .topic span.whatup	{ position: relative; float: left; width: 90%; margin: 3px 0 0 5px; font-size:11px; color:#999; text-align: left; }
.subIndex ul		{ position: relative; float: left; width:90%; margin:10px 0 0; padding:0; list-style:none; font-size:11px; }
.subIndex ul li	{ position: relative; float: left; width:90%; padding:2px 0 5px 15px; height: auto;  background:url(../images/arrow.jpg) left top no-repeat; }

/*
***************************************************************************************************************************************
															SUB PAGE
***************************************************************************************************************************************
*/
.subBanner	{ position: relative; float: left; width: 890px !important; height: 150px; } 
.menubar	{ position: relative; float: left; width: 890px; height: auto; background:url(../images/bgMenubar.jpg) left top repeat; font-size: 11px; margin-top: 5px; }
.menubar ul	{ position: relative; float: left; list-style:none; margin:0; padding:0; }
.menubar ul li		{ position: relative; float: left; width:147px; height: auto; text-align: center; border-right: 1px #fff solid; padding: 10px 0 10px 0; }
.menubar ul li.last	{ position: relative; float: left; width:147px; height: auto; text-align: center; padding: 10px 0 10px 0; border:0; }
.menubar ul li	a		{ color:#fff; text-decoration: none; font-weight: bold; }
.menubar ul li	a:hover	{ color:#FFFF66; text-decoration: none; font-weight: bold; }

.containPan		{ position: relative; float: left; width: 890px; height: auto; margin: 20px 0 0 0; }
.leftMenu		{ position: relative; float: left; width: 230px; height: auto; }
.leftMenu h4	{ position: relative; float: left; width: 230px; height: auto; color:#00709e; margin:0 0 10px 0; padding:0 0 5px 0; font-size: 18px; font-weight:bold; }
.leftMenu ul	{ position: relative; float: left; list-style:none; margin:0; padding:0; color: #00CCFF; font-size: 14px; font-weight:bold; }
.leftMenu ul li	{ position: relative; float: left; width: 215px; height: auto; border-bottom: 1px #eee solid; padding: 10px 0 0 0; }
.leftMenu ul li a			{ color: #00CCFF; text-decoration: none; }
.leftMenu ul li a:hover		{ color: #00CCCC; text-decoration: none; }
.leftMenu ul.subUl	{ position: relative; float: left; list-style:none; margin:0; padding:0; color: #333; font-size: 12px; font-weight:normal; }
.leftMenu ul.subUl li	{ position: relative; float: left; width: 180px; height: 20px; border-bottom: 1px #bbb solid; background:url(../images/arrow.jpg) left center no-repeat; padding: 10px 0 2px 15px; }
.leftMenu ul.subUl li a				{ color: #333; text-decoration: none; }
.leftMenu ul.subUl li a:hover		{ color: #00CCFF; text-decoration: none; }
  
.detailPan			{ position: relative; float: right; width: 890px; height: auto; text-align: left; }

.detailTopic		{ position: relative; float: left; width: 890px; height: auto; border-bottom: 1px #69d1ee solid; }
.detailTopic span	{ position: relative; float: left; width: 890px; height: 25px; padding-left: 20px; background:url(../images/bluetab.jpg) left top no-repeat; color: #4ba9de; font-weight:bold; font-size: 14px;  } 
.detailPan img		{ position: relative; float: left; width: 890px; height: 120px; height: auto; margin-top: 5px; }
.detailPan p.P1				{ position: relative; float: left; width: 890px; margin: 10px 0 0 0; padding: 0; text-indent: 30px; } 	
.detailPan span.blueText	{ color:#3399CC; text-decoration: none; font-weight:bold; }


.newsimg			{ position: relative; float: left; width: 400px; height: 250px; margin-top: 5px; text-align: center; margin-bottom: 20px; }
.newsimg img		{ position: relative; float: left; width: 400px; height: 250px; text-align: center; margin-left: 120px;  }

.navPage			{ position: relative; float: left; width: 640px; height: auto; margin: 10px 0; border-top: 1px #0099FF solid; }
.navPage ul			{ position: relative; float: left; width: auto; height: auto; margin: 10px 0 0 0; padding:0; list-style: none; }
.navPage ul li		{ position: relative; float: left; width: auto; height: auto; padding: 3px 6px; }
.navPage ul li a			{ color: #0099FF; text-decoration: none; border: 1px solid #0099FF; padding: 3px 6px; }
.navPage ul li a:hover		{ color: #00CCFF; text-decoration: none; border: 1px solid #00CCFF; padding: 3px 6px; }


/*
***************************************************************************************************************************************
															FOOTER PAGE
***************************************************************************************************************************************
*/
.productPage	{ position: relative; float: right; width: 640px; height: auto; }

.productEach		{ position: relative; float: left; width: 640px; height: auto; }
.productTopic		{ position: relative; float: left; width: 640px; height: 30px; border-bottom: 1px #1484d1 solid; margin-bottom: 10px;  }
.productTopic span	{ position: relative; float: left; width: 620px; height: 30px; background:url(../images/bluecolour.jpg) left top no-repeat; padding: 7px 0 0 20px; font-size: 16px; font-weight:bold; }

.productDetail				{ position: relative; float: left; width: 640px; height: auto; }
.productDetail p.topic		{ position: relative; float: left; width: 190px; height: 16px; color: #fff; background-color:#999; padding: 2px 10px 0 0; text-align: center; margin: 0 0 1px 0; font-weight:bold; font-size: 10px; }
.productDetail p			{ position: relative; float: left; width: 400px; height: 18px; padding: 2px 0 0 10px; margin: 0 0 0 1px; font-size: 10px; text-align: left;  }
.productDetail p.year	{ position: relative; float: left; width: 100px; height: 18px; padding: 2px 0 0 10px; margin: 0 0 0 1px; font-size: 10px; }
.productDetail p.hour	{ position: relative; float: left; width: 100px; height: 18px; padding: 2px 0 0 10px; margin: 0 0 0 1px; font-size: 10px; }

.productPicture					{ position: relative; float: left; width: 640px; height: auto; margin: 20px 0 0 0;  }
.productPictureEach				{ position: relative; float: left; width: 200px; height: auto; border: 1px #ccc solid; margin-right: 7px; margin-bottom: 5px; }
.productPictureEach	span.serial	{ position: relative; float: left; width: 180px; height: 20px; margin: 0; padding: 5px 0 0 20px; background: #ccc url(../images/arrow.gif) left center no-repeat; font-size: 10px; }
.productPictureEach	img			{ position: relative; float: left; width: 190px; height: 120px; margin: 5px; }

.productPictureLarge				{ position: relative; float: left; width: 640px; height: auto; margin: 20px 0 0 0; }
.productPictureLarge	span.serial	{ position: relative; float: left; width: 620px; height: 30px; margin: 0; padding: 12px 0 0 20px; background: #ccc url(../images/arrow.gif) left center no-repeat; font-size: 20px; }
.productPictureLarge	img			{ position: relative; float: left; width: 640px; height: auto; margin: 5px; }

.readmore			{ position: relative; float: right; width: auto; height: auto; margin: 20px 0;  }
.readmore a			{ color: #FFFFFF; background-color: #0099CC; text-decoration: none; border: 1px #00CCCC solid; padding: 3px 5px; }
.readmore a:hover	{ color: #0099CC; background-color: #99FFFF; text-decoration: none; border: 1px #0099CC solid; padding: 3px 5px;}


.usedforklift			{ position: relative; float: left; width: 890px; height: auto; }
.usedTopic		{ position: relative; float: left; width: 890px; height: 30px; border-bottom: 1px #1484d1 solid; margin-bottom: 10px;  }
.usedTopic span	{ position: relative; float: left; width: 890px; height: 30px; background:url(../images/bluecolour.jpg) left top no-repeat; padding: 7px 0 0 20px; font-size: 16px; font-weight:bold; }
.usedSearchform			{ position: relative; float: left; width: 890px; height: auto; margin-bottom: 20px; }
.usedSearchform	select	{ position: relative; float: left; background: none; border: none; } 

/*
***************************************************************************************************************************************
															FOOTER PAGE
***************************************************************************************************************************************
*/
.contact us		{ position: relative; float: left; width: 890px; }
.map			{ position: relative; float: right; width: 400px; height: auto; margin-left: 10px; }
.detailContact		{ position: relative; float: left; width: 400px; height: auto; margin-left: 10px; }
.detailContact p	{ position: relative; float: left; width: 395px; height: auto; margin: 0 0 10px 0; padding:0; }

/*
***************************************************************************************************************************************
															FOOTER PAGE
***************************************************************************************************************************************
*/

#footerPage	{ position: relative; float: left; width:100%; height: auto; padding:10px 0; color: #fff; margin: 20px 0 0 0; background-color:#666666; }
.footer		{ position: relative; width: 890px; margin:0 auto; color: #fff; }
.footer p.company { position: relative; float: left; margin: 3px 0; width: 50%; clear: left; }
.footer p.copyright { position: relative; float: right; margin: 6px 0; text-align: right; }