body{
	/*background: #122754;*/
	padding: 0;
	margin: 0;
	font-family:verdana;
	font-size: 10px;
	line-height: 18px;
	margin: 0 10px 0 0;
	text-align: left;
	color:#666666;
	word-spacing:2px;
}


/* align center */
#divHorizon{
	text-align: center;
	display: block;
	width: 100%;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 0;
	padding: 0;
	margin: 0;
	overflow: visible;
}
#divWrapper{
	text-align: left;
	width: 800px;
	height: 489px;
	position: absolute;
	top: -260px;
	left: 50%;
	padding: 0;
	margin: 0 0 0 -400px;
}
#divWrapperSplash{
	text-align: left;
	width: 645px;
	height: 433px;
	position: absolute;
	top: -233px;
	left: 50%;
	padding: 0;
	margin: 0 0 0 -323px;
}

/* splash */
#splashTop{
	width:645px;
	height:99px;
	background:url(../images/splash/logo.jpg) 0 0 no-repeat;
	overflow:hidden;
} 
#splashMid{
	width:645px;
	height:254px;
	overflow:hidden;
}
#splashImg{
	float:left;
	width:369px;
	height:254px;
}
#splashNews{
	float:left;
	width:234px;
	*width:274px;
	height:212px;
	*height:252px;
	border-style:solid;
	border-width:1px;
	border-color:#CCCCCC;
	padding:20px;
	color:#999999;
}
.splashTitle{
	font-size:15px;
	color:#666666;
	margin-right:20px;
	
}
.splashLink{
	color:#40ABCE;
}
#splashEnter{
	position:absolute;
	top:290px;
	*top:100px;
	left:362px;
	*left:10px;
	z-index:2;
}
#splashbase{
	width:645px;
	height:80px;
	overflow:hidden;
}
#splashnuage{
	z-index:10;
	position:absolute;
	top:330px;
	left:5px;
	width:50px;
	height:20px;
}
/* top section */

#topSection{
	width:802px;
	height:134px;
	background:url(../images/topBg.gif) 0 0 no-repeat;
}

#topNavContainer01{
	width:802px;
	height:89px;
}

/* roll over buttons */
#netWork a, #netWork a:visited{
	margin:71px -2px 0 0;
	*margin:71px 0 0 0;
	float:right;
	width:80px;
	*width:81px;
	height:18px;
	background: url(../images/navigation/network01.gif) 0 0 no-repeat; 
	display: block;
}
#netWork a:hover, #netWork.active a, #netWork.active a:visited{
	margin:71px -2px 0 0;
	*margin:71px 0 0 0;
	float:right;
	width:80px;
	*width:81px;
	height:18px;
	background: url(../images/navigation/network02.gif) 0 0 no-repeat; 
	display: block;
}
#news a, #news a:visited{
	margin:71px 0 0 0;
	float:right;
	width:80px;
	height:18px;
	background: url(../images/navigation/news01.gif) 0 0 no-repeat; 
	display: block;
}
#news a:hover, #news.active a, #news.active a:visited{
	margin:71px 0 0 0;
	float:right;
	width:80px;
	height:18px;
	background: url(../images/navigation/news02.gif) 0 0 no-repeat; 
	display: block;
}
#about a, #about a:visited{
	margin:71px 0 0 0;
	float:right;
	width:80px;
	height:18px;
	background: url(../images/navigation/about01.gif) 0 0 no-repeat; 
	display: block;
}
#about a:hover, #about.active a, #about.active a:visited{
	margin:71px 0 0 0;
	float:right;
	width:80px;
	height:18px;
	background: url(../images/navigation/about02.gif) 0 0 no-repeat; 
	display: block;
}

#topNavContainer02{
	width:802px;
	height:45px;
	border-width:1px;
	border-color:#cccccc;
	border-style:solid;
}

/* roll over buttons */
#category_navbar {
  width: 804px;
  height: 45px;
  border-collapse: collapse;
  border-width: 1px 0 1px 0;
  border-color: #cccccc;
  border-style: solid;
}

#category_navbar TD {
  border-width: 0 1px 0 1px;
  border-color: #cccccc;
  border-style: solid;
  padding: 6px;
  font-family: Verdana, Georgia, Sans-serif;
  font-size: 7.5pt;
  color: #aaaaaa;
  text-align: right;
  vertical-align: bottom;
}

/*
#category_navbar A {
  width: 100%;
  height: 40px;
  color: #aaaaaa;
}
*/

#category_navbar_colorstrip {
  height: 5px;
}

#nav_cat4 a, #nav_cat4 a:visited{
	float:left;
	margin:0;
	width:160px;
	height:45px;
	background: url(../images/navigation/cat4-01.gif) 0 0 no-repeat; 
	display: block;
	border-width:0 1px 0 0;
	border-color:#cccccc;
	border-style:solid;
}
#nav_cat4 a:hover, #nav_cat4.active a, #nav_cat4.active a:visited{
	float:left;
	margin:0;
	width:160px;
	height:45px;
	background: url(../images/navigation/cat4-02.gif) 0 0 no-repeat; 
	display: block;
	border-width:0 1px 0 0;
	border-color:#cccccc;
	border-style:solid;
}
#nav_cat2 a, #nav_cat2 a:visited{
	float:left;
	margin:0;
	width:160px;
	height:45px;
	background: url(../images/navigation/cat2-01.gif) 0 0 no-repeat; 
	display: block;
	border-width:0 1px 0 0;
	border-color:#cccccc;
	border-style:solid;
}
#nav_cat2 a:hover, #nav_cat2.active a, #nav_cat2.active a:visited{
	float:left;
	margin:0;
	width:160px;
	height:45px;
	background: url(../images/navigation/cat2-02.gif) 0 0 no-repeat; 
	display: block;
	border-width:0 1px 0 0;
	border-color:#cccccc;
	border-style:solid;
}
#nav_cat5 a, #nav_cat5 a:visited{
	float:left;
	margin:0;
	width:160px;
	height:45px;
	background: url(../images/navigation/cat5-01.gif) 0 0 no-repeat; 
	display: block;
	border-width:0 1px 0 0;
	border-color:#cccccc;
	border-style:solid;
}
#nav_cat5 a:hover, #nav_cat5.active a, #nav_cat5.active a:visited{
	float:left;
	margin:0;
	width:160px;
	height:45px;
	background: url(../images/navigation/cat5-02.gif) 0 0 no-repeat; 
	display: block;
	border-width:0 1px 0 0;
	border-color:#cccccc;
	border-style:solid;
}
#nav_cat1 a, #nav_cat1 a:visited{
	float:left;
	margin:0;
	width:158px;
	*width:160px;;
	height:45px;
	background: url(../images/navigation/cat1-01.gif) 0 0 no-repeat; 
	display: block;

}
#nav_cat1 a:hover, #nav_cat1.active a, #nav_cat1.active a:visited{
	float:left;
	margin:0;
	width:158px;
	*width:160px;
	height:45px;
	background: url(../images/navigation/cat1-02.gif) 0 0 no-repeat; 
	display: block;

}
#nav_cat7 a, #nav_cat7 a:visited{
	float:left;
	margin:0;
	width:160px;
	height:45px;
	background: url(../images/navigation/cat7-01.gif) 0 0 no-repeat; 
	display: block;
	border-width:0 1px 0 0;
	border-color:#cccccc;
	border-style:solid;
}
#nav_cat7 a:hover, #nav_cat7.active a, #nav_cat7.active a:visited{
	float:left;
	margin:0;
	width:160px;
	height:45px;
	background: url(../images/navigation/cat7-02.gif) 0 0 no-repeat; 
	display: block;
	border-width:0 1px 0 0;
	border-color:#cccccc;
	border-style:solid;
}

/* mid section */
#midSection{
	width:802px;
	height:319px;
	margin: 5px 0 0 0;
	border-width:1px;
	border-color:#cccccc;
	border-style:solid;
	
}
#midSectionLeft{
	float:left;
	width:332px;
	height:319px;
}
#midLeft01{
	width:332px;
	height:221px;
}
#gap{
	height:72px;
}
#gapDriedExtracts{
	height:190px;
}
#gapFluid{
	height:128px;
}
#gapVanilla{
	height:150px;
}
#gapContact{
	height:149px;
}

#background a, #background a:visited{
	margin:0;
	width:323px;
	height:20px;
	background: url(../images/navigation/background01.gif) 0 0 no-repeat; 
	display: block;
}
#background a:hover, #background.active a, #background.active a:visited{
	margin:0;
	width:323px;
	height:20px;
	background: url(../images/navigation/background02.gif) 0 0 no-repeat; 
	display: block;
}
#supply a, #supply a:visited{
	margin:0;
	width:323px;
	height:20px;
	background: url(../images/navigation/supply01.gif) 0 0 no-repeat; 
	display: block;
}
#supply a:hover, #supply.active a, #supply.active a:visited{
	margin:0;
	width:323px;
	height:20px;
	background: url(../images/navigation/supply02.gif) 0 0 no-repeat; 
	display: block;
}
#process a, #process a:visited{
	margin:0;
	width:323px;
	height:20px;
	background: url(../images/navigation/process01.gif) 0 0 no-repeat; 
	display: block;
}
#process a:hover, #process.active a, #process.active a:visited{
	margin:0;
	width:323px;
	height:20px;
	background: url(../images/navigation/process02.gif) 0 0 no-repeat; 
	display: block;
}
#solutions a, #solutions a:visited{
	margin:0;
	width:323px;
	height:20px;
	background: url(../images/navigation/solutions01.gif) 0 0 no-repeat; 
	display: block;
}
#solutions a:hover, #solutions.active a, #solutions.active a:visited{
	margin:0;
	width:323px;
	height:20px;
	background: url(../images/navigation/solutions02.gif) 0 0 no-repeat; 
	display: block;
}
#safety a, #safety a:visited{
	margin:0;
	width:323px;
	height:20px;
	background: url(../images/navigation/safety01.gif) 0 0 no-repeat; 
	display: block;
}
#safety a:hover, #safety.active a, #safety.active a:visited{
	margin:0;
	width:323px;
	height:20px;
	background: url(../images/navigation/safety02.gif) 0 0 no-repeat; 
	display: block;
}
#quality a, #quality a:visited{
	margin:0;
	width:323px;
	height:20px;
	background: url(../images/navigation/quality01.gif) 0 0 no-repeat; 
	display: block;
}
#quality a:hover, #quality.active a, #quality.active a:visited{
	margin:0;
	width:323px;
	height:20px;
	background: url(../images/navigation/quality02.gif) 0 0 no-repeat; 
	display: block;
}
#people a, #people a:visited{
	margin:0;
	width:323px;
	height:20px;
	background: url(../images/navigation/people01.gif) 0 0 no-repeat; 
	display: block;
}
#people a:hover, #people.active a, #people.active a:visited{
	margin:0;
	width:323px;
	height:20px;
	background: url(../images/navigation/people02.gif) 0 0 no-repeat; 
	display: block;
}

.subNav{
	margin:0;
	width:323px;
	height:20px;
	display: block;
}

#archive a, #archive a:visited{
	margin:0;
	width:323px;
	height:20px;
	background: url(../images/navigation/archive01.gif) 0 0 no-repeat; 
	display: block;
}
#archive a:hover, #archive.active a, #archive.active a:visited{
	margin:0;
	width:323px;
	height:20px;
	background: url(../images/navigation/archive02.gif) 0 0 no-repeat; 
	display: block;
}
#cinquiry a, #cinquiry a:visited{
	margin:0;
	width:323px;
	height:20px;
	background: url(../images/navigation/inquiry01.gif) 0 0 no-repeat; 
	display: block;
}
#cinquiry a:hover, #cinquiry.active a, #cinquiry.active a:visited{
	margin:0;
	width:323px;
	height:20px;
	background: url(../images/navigation/inquiry02.gif) 0 0 no-repeat; 
	display: block;
}
#work a, #work a:visited{
	margin:0;
	width:323px;
	height:20px;
	background: url(../images/navigation/work01.gif) 0 0 no-repeat; 
	display: block;
}
#work a:hover, #work.active a, #work.active a:visited{
	margin:0;
	width:323px;
	height:20px;
	background: url(../images/navigation/work02.gif) 0 0 no-repeat; 
	display: block;
}

#midLeft02{
	margin: 37px 0 0 0;
	width:332px;
	height:20px;
	background: url(../images/copyright.gif) 0 0 no-repeat; 
}
#midLeft03{
	margin: 260px 0 0 0;
	width:332px;
	height:20px;
	background: url(../images/copyright.gif) 0 0 no-repeat; 
}

#midSectionRight{
	float:left;
	width:468px;
	*width:465px;
	height:319px;
}
#content{
	overflow:auto;
	width:420px;
	*width:415px;
	height:270px;
	margin:20px	15px 20px 30px;
}
#contentProduct{
	overflow:auto;
	width:420px;
	*width:415px;
	height:260px;
	margin:10px	15px 5px 30px;
}
#contentSub{
	width:420px;
	*width:415px;
	height:20px;
	margin:20px 15px 5px 30px; 
}
#aboutSustain a, #aboutSustain a:visited{
	margin:0;
	float:left;
	width:80px;
	height:18px;
	background: url(../images/navigation/about_sustain01.gif) 0 0 no-repeat; 
	display: block;
	overflow:hidden;
}
#aboutSustain a:hover, #aboutSustain.active a, #aboutSustain.active a:visited{
	margin:0;
	float:left;
	width:80px;
	height:18px;
	background: url(../images/navigation/about_sustain02.gif) 0 0 no-repeat; 
	display: block;
	overflow:hidden;
}
#aboutRecycle a, #aboutRecycle a:visited{
	margin:0;
	float:left;
	width:80px;
	height:18px;
	background: url(../images/navigation/about_recycle01.gif) 0 0 no-repeat; 
	display: block;
	overflow:hidden;
}
#aboutRecycle a:hover, #aboutRecycle.active a, #aboutRecycle.active a:visited{
	margin:0;
	float:left;
	width:80px;
	height:18px;
	background: url(../images/navigation/about_recycle02.gif) 0 0 no-repeat; 
	display: block;
	overflow:hidden;
}
#aboutManufacture a, #aboutManufacture a:visited{
	margin:0;
	float:left;
	width:100px;
	height:18px;
	background: url(../images/navigation/about_manufacturing01.gif) 0 0 no-repeat; 
	display: block;
	overflow:hidden;
}
#aboutManufacture a:hover, #aboutManufacture.active a, #aboutManufacture.active a:visited{
	margin:0;
	float:left;
	width:100px;
	height:18px;
	background: url(../images/navigation/about_manufacturing02.gif) 0 0 no-repeat; 
	display: block;
	overflow:hidden;
}
#aboutPilot a, #aboutPilot a:visited{
	margin:0;
	float:left;
	width:80px;
	height:18px;
	background: url(../images/navigation/about_pilot01.gif) 0 0 no-repeat; 
	display: block;
	overflow:hidden;
}
#aboutPilot a:hover, #aboutPilot.active a, #aboutPilot.active a:visited{
	margin:0;
	float:left;
	width:80px;
	height:18px;
	background: url(../images/navigation/about_pilot02.gif) 0 0 no-repeat; 
	display: block;
	overflow:hidden;
}
#aboutRnd a, #aboutRnd a:visited{
	margin:0;
	float:left;
	width:150px;
	height:18px;
	background: url(../images/navigation/about_rnd01.gif) 0 0 no-repeat; 
	display: block;
	overflow:hidden;
}
#aboutRnd a:hover, #aboutRnd.active a, #aboutRnd.active a:visited{
	margin:0;
	float:left;
	width:150px;
	height:18px;
	background: url(../images/navigation/about_rnd02.gif) 0 0 no-repeat; 
	display: block;
	overflow:hidden;
}
#aboutAppLab a, #aboutAppLab a:visited{
	margin:0;
	float:left;
	width:100px;
	height:18px;
	background: url(../images/navigation/about_appLab01.gif) 0 0 no-repeat; 
	display: block;
	overflow:hidden;
}
#aboutAppLab a:hover, #aboutAppLab.active a, #aboutAppLab.active a:visited{
	margin:0;
	float:left;
	width:100px;
	height:18px;
	background: url(../images/navigation/about_appLab02.gif) 0 0 no-repeat; 
	display: block;
	overflow:hidden;
}
#aboutTech a, #aboutTech a:visited{
	margin:0;
	float:left;
	width:100px;
	height:18px;
	background: url(../images/navigation/about_tech01.gif) 0 0 no-repeat; 
	display: block;
	overflow:hidden;
}
#aboutTech a:hover, #aboutTech.active a, #aboutTech.active a:visited{
	margin:0;
	float:left;
	width:100px;
	height:18px;
	background: url(../images/navigation/about_tech01.gif) 0 0 no-repeat; 
	display: block;
	overflow:hidden;
}
/* base section */
#base{
	height: 36px;
	background: url(../images/copyright.gif) 0 0 no-repeat; 
}
#haldinUSA a, #haldinUSA a:visited{
	position:absolute;
	top:474px;
	*top:466px;
	left:365px;
	width:80px;
	height:18px;
	background: url(../images/navigation/haldinUSA02.gif) 0 0 no-repeat; 
	display: block;
	z-index:2
}
#haldinUSA a:hover, #haldinUSA.active a, #haldinUSA.active a:visited{
	position:absolute;
	top:474px;
	left:365px;
	width:80px;
	height:18px;
	background: url(../images/navigation/haldinUSA02.gif) 0 0 no-repeat; 
	display: block;
	z-index:2
}
#nuage{
	z-index:20;
	position:absolute;
	top:515px;
	left:2px;
	width:50px;
	height:20px;
}
/* product details */
#pWrapper{
	width:640px;
	height:480px;
	overflow:hidden;
	background: url(../images/detailBg.gif) 0 0 no-repeat;	
}
#pWrapper2{
	width:620px;
	height:480px;
	margin-bottom:30px;
	overflow:visible;
	background: url(../images/detailBg.gif) 0 0 no-repeat;	
}
#pWrapper3{
	width:620px;
	height:480px;
	margin-bottom:30px;
	overflow:visible;
	background: url(../images/detailBgPrint.gif) 0 0 no-repeat;	
}
.powder{
	background: url(../images/detailBgGrey.gif) 0 0 no-repeat;
}
.liquid{
	background: url(../images/detailBgBlue.gif) 0 0 no-repeat;
}
.oil{
	background: url(../images/detailBgYellow.gif) 0 0 no-repeat;
}
.vanilla{
	background: url(../images/detailBgBrown.gif) 0 0 no-repeat;
}
.herb{
	background: url(../images/detailBgGreen.gif) 0 0 no-repeat;
}
#detailLeft{
	float:left;
	width:191px;
	overflow:hidden;
	margin:130px 0 0 0;
}
#detailLeft2{
	float:left;
	width:191px;
	overflow:hidden;
	margin:0 0 0 0;
}
#detailRight{
	float:left;
	width:448px;
	overflow:hidden;
}
#detailRight2{
	float:left;
	width:410px;
	margin-bottom:30px;
	overflow:visible;
}
#detailImg{
	height:133px;
	overflow:hidden;
}
#detailContent{
	width:415px;
	height:275px;
	overflow:auto;
	margin:20px 0 0 20px;
}
#detailContent2{
	width:400px;
	height:275px;
	overflow:visible;
	margin:20px 0 0 20px;

}
#detailSub{
	overflow:visible;
	width:189px;
	height:20px;
	position:absolute;
	top:115px;
	left:450px;
}
#detailPrint{
	overflow:visible;
	width:100px;
	height:20px;
	position:absolute;
	top:440px;
	left:515px;
	z-index:3;
}
#detailPrint2{
	overflow:visible;
	width:100px;
	height:20px;
	position:absolute;
	top:317px;
	left:40px;
}
#gaps{
	height:40px;
	width:10px;
	overflow:visible;
}
#dInquiry a, #dInquiry a:visited{
	margin:0;
	float:left;
	width:80px;
	height:18px;
	background: url(../images/navigation/inquiryb01.gif) 0 0 no-repeat; 
	display: block;
	overflow:hidden;
}
#dInquiry a:hover, #dInquiry.active a, #dInquiry.active a:visited{
	margin:0;
	float:left;
	width:80px;
	height:18px;
	background: url(../images/navigation/inquiryb02.gif) 0 0 no-repeat; 
	display: block;
	overflow:hidden;
}
#talk a, #talk a:visited{
	margin:0;
	float:left;
	width:80px;
	height:18px;
	background: url(../images/navigation/talk.gif) 0 0 no-repeat; 
	display: block;
	overflow:hidden;
}
#talk a:hover, #talk.active a, #talk.active a:visited{
	margin:0;
	float:left;
	width:80px;
	height:18px;
	background: url(../images/navigation/talk.gif) 0 0 no-repeat; 
	display: block;
	overflow:hidden;
}
#chatContainer{
	overflow:hidden;
	height:280px;
	width:400px;
}
#chatLeft{
	float:left;
	margin:25px 25px 0 25px;
	*margin-left:10px;
	width:75px;
	height:120px;
	overflow:hidden;
}
#chatRight{
	float:left;
	margin:25px 25px 0 0;
	width:250px;
	height:150px;
}
#colorBar{
	height:50px;
	width:15px;
	position:absolute;
	top:150px;
	left:0px;
	z-index:2;
}