@charset "utf-8";
html,body{ padding:0; margin:0; position:relative; width:100%; height:100%;font-family:"garamond", "georgia", "times new roman"; color:#6c6c64; line-height:18px;}
body{background:#FFF9E3 url(/images/welcome.gif) center center no-repeat; }
body#flash{ background:#FFF9E3; }
.clear{display:block; clear:both; padding:0; margin:0; font-size:0; line-height:0; width:auto; height:0; overflow:0; border:none;}
#wrap{ width:1002px;position:relative; top:0; left:0; z-index:10; display:none; height:100%}
#imgBox{ position:absolute; z-index:1; top:0; left:0; background:#fff; overflow:hidden;  background:#FFF9E3;}
#imgBox img{ position:absolute; left:0; top:0}
#box21 a img{ border:none}
#logo{  width:193px; height:127px; background:url(/images/logo.png) no-repeat!important;background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="/images/logo.png"); position:absolute; right:17px; bottom:17px; z-index:9; display:none}
#wLogo{ display:block; width:193px; height:127px; background:url(/images/logo.png) no-repeat!important;background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="/images/logo.png"); position:absolute; right:17px;  z-index:9}
#facebook{ display:block; width:147px; height:16px; position:absolute; z-index:50; top:13px; right:14px;background:url(/images/facebook.gif);filter:alpha(opacity=95);opacity:0.95;-moz-opacity:0.95;}
#credits{display:block; width:56px; height:9px; font-size:0; line-height:0; position:absolute; z-index:50; left:23px; bottom:8px; background:url(/images/credits.gif);filter:alpha(opacity=95);opacity:0.95;-moz-opacity:0.95;}
#credits2{display:none; width:auto; height:auto; font-size:14px; position:absolute; z-index:50; left:23px; bottom:12px; background:url(/images/credits.gif) no-repeat 0 4px;filter:alpha(opacity=95);opacity:0.95;-moz-opacity:0.95;color:#6C6C64;padding-left:60px;text-decoration:none;}
#credits2 a{color:#6c6c64; text-decoration:none; font-weight:bold;}

.header{ position: absolute; top:0; left:45px; height:78px; width:486px; background:#6c6c64 url(/images/titleBg.gif) center 21px  no-repeat;filter:alpha(opacity=80);opacity:0.80;-moz-opacity:0.80;}
#headerHome{height:70px; width:486px; background:none;filter:alpha(opacity=100);opacity:1;-moz-opacity:1;}
#headerHome div{height:70px; width:486px; background:#6c6c64 url(/images/titleBg.gif) center center  no-repeat;display:none}

.header a{ display:block; width:486px; height:78px;  background-position:center 49px; background-repeat:no-repeat; position:absolute; top:0; left:0}
.storeTitle{background-image:url(/images/titleFindUs.gif) center 49px  no-repeat;}


.MediaContactTitle,.media_newsTitle{background-image:url(/images/51.gif);}

.storeTitle{background-image:url(/images/61.gif);}


.content{ width:486px; height:450px; left:45px; top:50%; margin-top:-225px;  position:absolute; overflow:hidden; z-index:50;  font-size:15px;}
#contentBg{ position:absolute; top:0; left:0; background:#FFF9E3;filter:alpha(opacity=95);opacity:0.95;-moz-opacity:0.95; width:2000px; height:1000px; z-index:50}
#contentLon{ width:912px;  background:none}
#box1{ border:3px solid #6C6C64; padding:2px; height:428px; width:890px; position:absolute; left:6px; top:6px; z-index:52}
#box2{ padding:53px 22px 0; border:1px solid #6C6C64;height:373px; width:844px; position:relative; left:0; top:0 ; background-repeat:no-repeat; background-position:25px 20px; overflow:hidden}
#box3{height:373px; width:880px; margin-left:-23px; }
#box11{border:3px solid #6C6C64; padding:2px; height:428px; width:464px; position:absolute; left:6px; top:6px; z-index:52;}
#box21{border:1px solid #6C6C64;height:426px; width:462px; position:relative; left:0; top:0 ;  background:url(/images/clogo.gif) center 26px no-repeat;}

#contentLon2{ width:912px; height:418px;  background:none}
#contentLon2 #box1{ height:396px;}
#contentLon2 #box2{ height:304px;}
#contentLon2 #box1 .box_MediaContact{ padding-top:90px; }
#wrap #contentLon2 .noshow{filter:alpha(opacity=0);opacity:0;-moz-opacity:0; }

.pinfo_fragrances{ width:464px; background-repeat:no-repeat; background-position:center 106px; height:146px; }
.pinfo_about{width:464px; height:106px}


#bakc1{width:auto;  text-decoration:none; color:#6C6C64; display:block; position:absolute; left:610px; bottom:24px}
#close{background:url(/images/close.gif); width:42px; height:10px; font-size:0; display:block; position:absolute; right:10px; bottom:11px}
#moreNews{background:url(/images/mediamore.gif) 0 1px no-repeat; width:77px; height:10px; font-size:0; display:block; position:absolute; right:200px; bottom:19px}
.footer{ width:486px; position:absolute; left:45px; bottom:0; height:32px; z-index:100 }
#footerbg{ width:487px; height:32px;filter:alpha(opacity=80);opacity:0.80;-moz-opacity:0.80;background-color:#6C6C64;}

#footer .menuBox{ display:block; position:absolute; top:9px; height:16px;}
#footer .menuBox a{ display:block; position:static;height:16px;}
#home{ left:20px; width:42px;}
#home .menu{width:42px;background:url(/images/home_off.png) no-repeat!important;background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="/images/home_off.png"); }
#home .menu:hover,#home .menu_{width:42px;background:url(/images/home_on.png) no-repeat!important;background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="/images/home_on.png")}
#about{ left:83px; width:46px;}
#about .menu{ width:46px;background:url(/images/about_off.png) no-repeat!important;background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="/images/about_off.png");}
#about .menu:hover,#about .menu_{width:46px;background:url(/images/about_on.png) no-repeat!important;background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="/images/about_on.png"); }
#fragrnaces{left:151px; width:85px;}
#fragrnaces .menu{width:85px;background:url(/images/fragrnaces_off.png) no-repeat!important;background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="/images/fragrnaces_off.png");}
#fragrnaces .menu:hover,#fragrnaces .menu_{width:85px;background:url(/images/fragrnaces_on.png) no-repeat!important;background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="/images/fragrnaces_on.png");}
#products{left:257px; width:68px;}
#products .menu{width:68px;background:url(/images/products_off.png) no-repeat!important;background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="/images/products_off.png");}
#products .menu:hover,#products .menu_{width:68px;background:url(/images/products_on.png) no-repeat!important;background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="/images/products_on.png");}
#media{left:347px; width:45px;}
#media .menu{width:45px;background:url(/images/media_off.png) no-repeat!important;background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="/images/media_off.png");}
#media .menu:hover,#media .menu_{width:45px;background:url(/images/media_on.png) no-repeat!important;background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="/images/media_on.png");}
#contact{left:414px; width:54px;}
#contact .menu{width:54px;background:url(/images/contact_off.png) no-repeat!important;background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="/images/contact_off.png");}
#contact .menu:hover,#contact .menu_{width:54px;background:url(/images/contact_on.png) no-repeat!important;background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="/images/contact_on.png"); }

.sbmbox{ height:auto}
.sbmboxs{ position:absolute;  bottom:15px; overflow:hidden; display:none; height:auto;  padding:8px 14px 21px; text-align:center;}
#sbmbox_about{ width:180px; }
#sbmbox_fragrnaces{ width:240px;}
#sbmbox_products{ width:234px;}
#sbmbox_media{ width:84px}
#sbmbox_contact{ width:86px;right:-16px}
.sbmboxs .sbmboxsBg{ width:800px; height:500px; position:absolute; left:0; bottom:13px;filter:alpha(opacity=80);opacity:0.80;-moz-opacity:0.80;background-color:#6C6C64; z-index:1}
.sbmboxs .sbmboxsImg{ position:absolute; left:-20px; bottom:-20px; z-index:2}
.sbmboxs .abbox{ position:relative; z-index:10; left:0; top:0;display:block; height:18px; line-height:18px; }
.sbmboxs a{ color:#CCC; text-decoration:none}
.sbmboxs a:hover,.sbmboxs a.sel{color:#FFF}
.subMenu{overflow:hidden; position:absolute; left:25px; top:52px; height:17px; }
.subMenu a{ display:block; position:absolute; height:12px; top:2px; overflow:hidden}
#menuFindUs{ width:186px;background-image:url(/images/m_findus.gif); }
#m_find_store{ width:80px; left:0px; }
#m_find_store:hover,#menuFindUs .m_find_store{ width:80px; left:0px; background:url(/images/m_findus.gif) 0 -24px no-repeat;}
#m_find_contact{ left:121px; width:65px;}
#m_find_contact:hover,#menuFindUs .m_find_contact{ left:121px;width:65px; background:url(/images/m_findus.gif) -121px -24px no-repeat;}
#menuMedia{ width:301px; background-image:url(/images/m_media.gif); }
#m_media_news{ left:0; width:75px}
#m_media_news:hover,#menuMedia .m_media_news{left:0; width:75px;background:url(/images/m_media.gif) 0 -25px no-repeat;}
#m_media_more{left:118px; width:67px}
#m_media_more:hover,#menuMedia .m_media_more{left:118px; width:67px;background:url(/images/m_media.gif) -118px -25px no-repeat;}
#m_media_contact{left:224px; width:78px}
#m_media_contact:hover,#menuMedia .m_media_contact{left:224px; width:78px;background:url(/images/m_media.gif) -224px -25px no-repeat;}

#box1 .box_MediaContact{ background-image:url(/images/infoMedia.gif); padding:104px 22px 0; height:322px}
#box1 .box_FindUsContact{ background-image:url(/images/infoFindUs.gif);padding:104px 22px 0; height:322px}
#msg{ line-height:25px; padding-bottom:2px}
#msg a{ text-decoration:none; color:#6c6c64}
#infos{ padding-top:30px; margin-left:2px;}
#infos .info{margin:0px 40px 0 0;}
#infos .info,#infos .info_{ float:left; width:170px;}
.info a{color:#6c6c64; text-decoration:none;}

#oo{ position:absolute; left:24px; top:83px; width:844px}
.ssmenu{ display:block; float:left; background-image:url(/images/find_us_store_m.gif); background-repeat:no-repeat; font-size:0px; height:9px; margin-right:28px; margin-left:-1px;}
#ssmenu_vietnam{width:51px; background-position:0 0;}
#ssmenu_vietnam:hover,#subSubMenu .ssmenu_vietnam{width:51px; background-position:0 -14px;}

#ssmenu_hong_kong_{width:72px; background-position:-80px 0}
#ssmenu_hong_kong_:hover,#subSubMenu .ssmenu_hongkong_{width:72px; background-position:-80px -14px}

#ssmenu_hong_kong{width:72px; background-position:-78px 0}
#ssmenu_hong_kong:hover,#subSubMenu .ssmenu_hongkong{width:72px; background-position:-78px -14px}

#pageList a{ text-decoration:none; color:#6c6c64;}
#pageList a span{ margin:0 3px}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url(/images/basic_arrow_bg.gif) repeat-y 0 0;
}
.jScrollPaneDrag {
	position: absolute;
	background: #6c6c64;
	cursor: pointer;
	overflow: hidden;
	left:1px;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/images/basic_arrow_up.gif) repeat-x 0 0;
	height: 9px;
}
a.jScrollArrowUp_:hover {
	background-position: 0 -15px;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/images/basic_arrow_down.gif) repeat-x 0 0;
	height: 9px;
}
a.jScrollArrowDown_:hover {background-position: 0 -15px;}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {background-position: 0 -30px;}


.scroll-pane {width: 336px;height: 180px;overflow: auto; padding:0 55px; text-align:center}
#holder_about .scroll-pane{ height:235px}
#holder_products .scroll-pane{ height:110px}
#pinfoimg{ padding:7px 7px 25px}

.tool{ width:464px; }
#tool_about{  height:65px}
#tool_products{ height:60px}
#tool_fragrances{height:73px}

#newsBox{ width:858px; height:297px; position:relative; left:0; top:0 }
#newsInfo{ float:left; width:564px; height:297px; overflow:hidden}
#newsMsg{ width:334px; height:290px; position:absolute; left:220px; top:0}
.newsList a,#newsMsg a {text-decoration:none; color:#6C6C64;}
.newsList a img,#newsMsg a img{ border:none}
.pdfBox,.linkBox{ display:block; padding-top:15px}

#newsMsg .scroll-pane{text-align:left;width:334px; height:284px; padding:0px; font-size:15px; line-height:18px;color:#6C6C64;}
.newsLists{ float:left; width:271px; margin-left:22px; margin-top:5px; height:270px;overflow:hidden;}
.newsList{ width:255px; overflow:hidden; height:77px; margin-bottom:3px; position:relative; left:0; top:0; overflow:hidden; background:#fff; padding:8px 8px 0}
.newsListI{ position:absolute; top:0; left:85px; border-left:2px solid #dbdbd9; width:172px; height:74px; padding:12px 6px 0 6px; font-style:italic; overflow:hidden}
.newsListI a{ font-style:normal; display:block; font-size:14px;}
.sel .newsListI,.newsListIsel,.sel .newsListI a{ background-color:#6c6c64; color:#fff; font-size:14px;}
.imgl img{ border:none}

#newsTitle{ font-size:16px; font-style:italic; display:block; padding-bottom:20px}
#newsTitle #article_title{ font-size:20px; text-decoration:none; color:#6C6C64; font-style:normal; line-height:22px;}

#yearMenu{ position:absolute; left:25px; top:70px; font-size:14px; margin-top:4px;  font-weight:bold;}
#yearMenu a{text-decoration:none; color:#9f9f9a;margin-right:15px; margin-top:4px;  font-size:14px; font-weight:bold;}
#yearMenu a.self,#yearMenu a:hover{ color:#6c6c64; margin-top:4px; font-weight:bold; }

.pdBtn_,.pdBtn_on,.pdBtn_off{ display:none; height:15px; font-size:0px; cursor:pointer}
.tool div a{ display:block; height:15px; overflow:hidden; margin:0 auto 2px; font-size:0}

.about_column{ width:464px; text-align:center; }
.tool .about_column_0{float:left; width:232px;padding-top:30px}
.tool .about_column_1{float:left; width:232px;padding-top:30px}
#about_Sustainability{ width:87px}
#about_Sustainability_on{width:87px;background:url(/images/sustain_submenu_on.gif) no-repeat; }
#about_Sustainability_off{width:87px;background:url(/images/sustain_submenu_off.gif) no-repeat; }
#about_FoundingStory{ width:100px}
#about_FoundingStory_on{width:100px;background:url(/images/found_submenu_on.gif) no-repeat; }
#about_FoundingStory_off{width:100px;background:url(/images/found_submenu_off.gif) no-repeat; }
#about_Quality{ width:48px}
#about_Quality_on{width:48px;background:url(/images/quality_submenu_on.gif) no-repeat; }
#about_Quality_off{width:48px;background:url(/images/quality_submenu_off.gif) no-repeat; }
#about_aboutcochine{ width:94px}
#about_aboutcochine_on{width:94px;background:url(/images/about_submenu_on.gif) no-repeat; }
#about_aboutcochine_off{width:94px;background:url(/images/about_submenu_off.gif) no-repeat; }


.fragrances_column{ width:464px; text-align:center;  padding-top:12px}
.tool .fragrances_column_0{  padding-left:15px;width:217px; float:left;padding-top:30px; }
.tool .fragrances_column_1{ padding-right:15px;width:217px; float:left; padding-top:30px;}
#fragrances_agarwoodamber{ width:120px}
#pinfo_agarwoodamber{ background-image:url(/images/agarwood_subtitle.gif);}
#fragrances_agarwoodamber_on{width:120px;background:url(/images/agarwood_submenu_on.gif) no-repeat; }
#fragrances_agarwoodamber_off{width:120px;background:url(/images/agarwood_submenu_off.gif) no-repeat; }
#fragrances_VietnameseRoseDelent{ width:167px}
#pinfo_VietnameseRoseDelent{ background-image:url(/images/vietnamrose_subtitle.gif);}
#fragrances_VietnameseRoseDelent_on{width:167px;background:url(/images/vietnamrose_subtmenu_on.gif) no-repeat; }
#fragrances_VietnameseRoseDelent_off{width:167px;background:url(/images/vietnamrose_subtmenu_off.gif) no-repeat; }
#fragrances_WaterHyacinthLimeBlo{ width:199px}
#pinfo_WaterHyacinthLimeBlo{ background-image:url(/images/water_subtitle.gif);}
#fragrances_WaterHyacinthLimeBlo_on{width:199px;background:url(/images/water_submenu_on.gif) no-repeat; }
#fragrances_WaterHyacinthLimeBlo_off{width:199px;background:url(/images/water_submenu_off.gif) no-repeat; }
#fragrances_WhiteJasmineandGarde{ width:162px}
#pinfo_WhiteJasmineandGarde{ background-image:url(/images/whitejasmine_subtitle.gif);}
#fragrances_WhiteJasmineandGarde_on{width:162px;background:url(/images/whitejasmine_submenu_on.gif) no-repeat; }
#fragrances_WhiteJasmineandGarde_off{width:162px;background:url(/images/whitejasmine_submenu_off.gif) no-repeat; }


.products_column{ width:464px; text-align:center; padding-top:12px}
.tool .products_column_0{ paddingt:15px;width:217px; float:left;  padding-top:22px}
.tool .products_column_1{ padding-right:15px;width:217px; float:left;  padding-top:22px}
#products_scentedcandle{ width:96px}
#products_scentedcandle_on{width:96px;background:url(/images/scented_subtmenu_on.gif) no-repeat; }
#products_scentedcandle_off{width:96px;background:url(/images/scented_subtmenu_off.gif) no-repeat; }
#products_ReedDiffuserDiffuseu{ width:85px}
#products_ReedDiffuserDiffuseu_on{width:85px;background:url(/images/reed_subtmenu_on.gif) no-repeat; }
#products_ReedDiffuserDiffuseu_off{width:85px;background:url(/images/reed_subtmenu_off.gif) no-repeat; }
#products_FineLiquidHandWashSa{ width:142px}
#products_FineLiquidHandWashSa_on{width:142px;background:url(/images/fineliquid_subtmenu_on.gif) no-repeat; }
#products_FineLiquidHandWashSa_off{width:142px;background:url(/images/fineliquid_subtmenu_off.gif) no-repeat}
#products_HandBodyLotionBaumep{ width:126px}
#products_HandBodyLotionBaumep_on{width:126px;background:url(/images/hand_subtmenu_on.gif) no-repeat}
#products_HandBodyLotionBaumep_off{width:126px;background:url(/images/hand_subtmenu_off.gif) no-repeat; }


.HandBodyLotionBaumepTitle{background-image:url(/images/hand_title.gif);}
.FineLiquidHandWashSaTitle{background-image:url(/images/fineliq_title.gif);}
.ReedDiffuserDiffuseuTitle{background-image:url(/images/reed_title.gif);}
.scentedcandleTitle{background-image:url(/images/scented_title.gif);}

.WhiteJasmineandGardeTitle{background-image:url(/images/white_title.gif);}
.WaterHyacinthLimeBloTitle{background-image:url(/images/water_title.gif);}
.VietnameseRoseDelentTitle{background-image:url(/images/viet_title.gif);}
.agarwoodamberTitle{background-image:url(/images/agar_title.gif);}

.SustainabilityTitle{background-image:url(/images/sustain_title.gif);}
.FoundingStoryTitle{background-image:url(/images/founding_title.gif);}
.QualityTitle{background-image:url(/images/quality_title.gif);}
.aboutcochineTitle{background-image:url(/images/about_title.gif);}


#yearPage{ position:absolute;right:25px; top:76px; font-size:14px;  text-align:right; background:#000000; z-index:1000}
#yearPage a{ text-decoration:none;color:#6C6C64;}

#flashcontent{ width:1000px; height:600px; }