body { background-color:#046CAB;color: #fff;margin: 0px;font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";font-size: 0.8em;}
a {color: #fff;text-decoration: underline;}
a:hover {color: #F7931E;text-decoration: underline;}
a:focus {outline: none;}
a img { border: 0;}
em {font-size: 1.5em;font-weight: bold;font-style: normal;color: #FF7F00;}

#main {margin: 0px auto 4px auto;text-align: left;width: 922px;}
#logo {margin-left: 11px; float:left; width:922px;}
#logo a img {border:0px;}
.clear { clear:both}

#top {margin: 0px auto 4px auto;width: 922px;}
/*language choser style*/
#language_chooser { background: transparent url(http://i.karibon.com/language_chooser.png) no-repeat; width: 108px; height:28px; text-align:center; margin-left:800px;}
#language_chooser a img {border:0px;}
#language_chooser img {padding:3px 5px 2px 5px;}
/*End of language choser style*/

/*top menu style*/
#topmenu { width: 200px; height:28px; text-align:center; margin-left:595px; float:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold;font-size: 0.85em; letter-spacing:1px; padding-top:5px;}
#topmenu a { text-decoration:none;}
.active {color: #F7931E;}
/*End of top menu style*/

/*Menu style*/
#menu { background: transparent url(http://i.karibon.com/menu_bar.png) no-repeat; height:43px; width:900px;margin-left:11px;}
#menu_item{float:left;padding-left:13px; height:28px;}
#menu_item ul {list-style:none; margin:0px; padding:1px 0px 0px 0px;list-style: none; height:28px;}
#menu_item ul li {list-style:none;text-indent: -6000em;float: left;height:28px;}

#menu_item ul li.about_us a {display: block; background: transparent url(http://i.karibon.com/menu/about.png) no-repeat 0% 0%; width:87px; height:28px;}
body#about_us #menu_item ul li.about_us a:hover, #menu_item ul li.about_us a:hover {display: block; background: transparent url(http://i.karibon.com/menu/about.png) no-repeat 0% 100%; width:87px; height:28px;}
body#about_us #menu_item ul li.about_us a {display: block; background: transparent url(http://i.karibon.com/menu/about.png) no-repeat 0% 100%; width:87px; height:28px;}

#menu_item ul li.why_karibon_page a {display: block; background: transparent url(http://i.karibon.com/menu/why_karibon.png) no-repeat 0% 0%; width:114px; height:28px;}
body#why_karibon_page #menu_item ul li.why_karibon_page a:hover, #menu_item ul li.why_karibon_page a:hover {display: block; background: transparent url(http://i.karibon.com/menu/why_karibon.png) no-repeat 0% 100%; width:114px; height:28px;}
body#why_karibon_page #menu_item ul li.why_karibon_page a {display: block; background: transparent url(http://i.karibon.com/menu/why_karibon.png) no-repeat 0% 100%; width:114px; height:28px;}

#menu_item ul li.new_technology a {display: block; background: transparent url(http://i.karibon.com/menu/new_technology.png) no-repeat 0% 0%; width:135px; height:28px;}
body#new_technology_page #menu_item ul li.new_technology a:hover, #menu_item ul li.new_technology a:hover {display: block; background: transparent url(http://i.karibon.com/menu/new_technology.png) no-repeat 0% 100%; width:135px; height:28px;}
body#new_technology_page #menu_item ul li.new_technology a {display: block; background: transparent url(http://i.karibon.com/menu/new_technology.png) no-repeat 0% 100%; width:135px; height:28px;}

li.airpollution a {display: block; background: transparent url(http://i.karibon.com/menu/pollution.png) no-repeat 0% 0%; width:157px; height:28px;text-indent: -6000em}
body#pollution li.airpollution a:hover, li.airpollution a:hover {display: block; background: transparent url(http://i.karibon.com/menu/pollution.png) no-repeat 0% 100%; width:157px; height:28px;text-indent: -6000em}
body#airpollution li.airpollution a {display: block; background: transparent url(http://i.karibon.com/menu/why_karibon.png) no-repeat 0% 100%; width:157px; height:28px;text-indent: -6000em;}

#menu_item ul li.collection_page a {display: block; background: transparent url(http://i.karibon.com/menu/collection.png) no-repeat 0% 0%; width:140px; height:28px;}
body#collection_page #menu_item ul li.collection_page a:hover, #menu_item ul li.collection_page a:hover {display: block; background: transparent url(http://i.karibon.com/menu/collection.png) no-repeat 0% 100%; width:140px; height:28px;}
body#collection_page #menu_item ul li.collection_page a {display: block; background: transparent url(http://i.karibon.com/menu/collection.png) no-repeat 0% 100%; width:140px;height:28px;}

#menu_item ul li.store a {display: block; background: transparent url(http://i.karibon.com/menu/store.png) no-repeat 0% 0%; width:108px; height:28px;}
body#store #menu_item ul li.store a:hover, #menu_item ul li.store a:hover {display: block; background: transparent url(http://i.karibon.com/menu/store.png) no-repeat 0% 100%; width:108px; height:28px;}
body#store #menu_item ul li.store a {display: block; background: transparent url(http://i.karibon.com/menu/store.png) no-repeat 0% 100%; width:108px; height:28px;}

#menu_item ul li.b2b a {display: block; background: transparent url(http://i.karibon.com/menu/b2b.png) no-repeat 0% 0%; width:55px; height:28px;}
body#b2b #menu_item ul li.b2b a:hover, #menu_item ul li.b2b a:hover {display: block; background: transparent url(http://i.karibon.com/menu/b2b.png) no-repeat 0% 100%; width:55px; height:28px;}
body#b2b #menu_item ul li.b2b a {display: block; background: transparent url(http://i.karibon.com/menu/b2b.png) no-repeat 0% 100%; width:55px; height:28px;}

#menu_item ul li.faq a {display: block; background: transparent url(http://i.karibon.com/menu/faq.png) no-repeat 0% 0%; width:65px; height:28px;}
body#faq #menu_item ul li.faq a:hover, #menu_item ul li.faq a:hover {display: block; background: transparent url(http://i.karibon.com/menu/faq.png) no-repeat 0% 100%; width:65px; height:28px;}
body#faq #menu_item ul li.faq a {display: block; background: transparent url(http://i.karibon.com/menu/faq.png) no-repeat 0% 100%; width:65px; height:28px;}

li.takeaction a {display: block; background: transparent url(http://i.karibon.com/menu/action.png) no-repeat 0% 0%; width:105px; height:28px;text-indent: -6000em}
body#takeaction li.takeaction a:hover, li.takeaction a:hover {display: block; background: transparent url(http://i.karibon.com/menu/action.png) no-repeat 0% 100%; width:105px; height:28px;text-indent: -6000em}
body#takeaction li.takeaction a {display: block; background: transparent url(http://i.karibon.com/menu/action.png) no-repeat 0% 100%; width:105px; height:28px;text-indent: -6000em}

	/*submenu style*/
.drop_down_element { position: absolute; z-index: 400;}
.drop_down_element ul {margin: 1px 0px 0px 0px;list-style: none;background: transparent;padding: 0em;width:157px;}
	/*end of submenu*/

/*End of menu style*/

/*Element style*/
h1 {font-size: 1.5em;color: #046CAB;padding:10px 0px 0px 25px; font-family: Arial, Helvetica, sans-serif}
h2 {margin: 15px 0px 0px 25px;font-weight: bold;font-size: 1.1em;color: #333;padding-left:20px;background: transparent url(http://i.karibon.com/bullet.png) center left no-repeat;height:30px; line-height:30px;font-family: Arial, Helvetica, sans-serif}
h3 { font-size: 0.95em ;padding-left:25px; margin: 0px;color: #333}
h2.faq {margin: 15px 0px 0px 25px;font-weight: bold;font-size: 1.1em;color: #333;padding: 0px 0px 5px 0px;background: transparent url(http://i.karibon.com/number_bkg.png) no-repeat;height:30px; line-height:30px;font-family:Geneva, Arial, Helvetica, sans-serif}
.number { padding:0px 15px 0px 9px;font-size: 1.3em; color: #046CAB}
.content a {color: #046CAB;text-decoration: underline; font-weight:bold}
.content a:hover { color: #F7931E;text-decoration: underline;}
.content {margin-top:-13px;background: transparent url(http://i.karibon.com/content_BKG.png) repeat-y;}
.content p {margin: 3px 25px 10px 30px;color: #333;}
.text {padding: 0px 0px 0px 0px;}
ul.text { list-style-type: none; font-weight:bold; margin-left: 30px; color:#333}
li.text { margin-bottom:10px; padding: 3px 25px 0px 25px; background: transparent url(http://i.karibon.com/check_mark.png) left top no-repeat;}
#content_bottom{ height:30px; background: transparent url(http://i.karibon.com/content_bottom.png) no-repeat;}
#header { width:922px; height:242px;}
#acc-image { float:right; border: 1px solid #046CAB; padding:10px 10px 5px 10px; margin: 0px 30px 0px 20px; text-align:center; color:#333333; display:block;}
#acc-image a { font-weight:normal;font-size:0.8em; letter-spacing:1px;}
#backbutton { margin-left:30px;}

/* header-scroller style*/
#header-scroller { background: transparent url(http://i.karibon.com/header.png) no-repeat; width:922px; height:242px;color:#000; font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS"}
.scroller {	width: 700px; height: 242px; float:left; overflow: hidden; margin-left:11px}
#content-1 { color:#666666; width:2500px;}
.slide { width: 685px;height: 230px;float: left;padding: 15px 10px 15px 15px;}
h1.header { font-weight:bold; font-size: 1.5em;color:#046CAB; margin: 0px; padding: 10px 0px 0px 0px}

.menu-scroller {float:right;width:199px; height:230px; border-left: #A4A497 1px solid; color:#333; text-indent:-6000em; margin: 12px 11px 0px 0px;}
#latest_collection {border-bottom:#A4A497 1px solid;}
a.latest_collection_bt {  background: transparent url(http://i.karibon.com/header/latest_collection.png) bottom center no-repeat; width:199px; height:76px;display: block;}
a:hover.latest_collection_bt { background: transparent url(http://i.karibon.com/header/latest_collection_hover.png) bottom center no-repeat; width:199px; height:76px;display: block;}
a.selected.latest_collection_bt { background: transparent url(http://i.karibon.com/header/latest_collection_hover.png) bottom center no-repeat; width:199px; height:76px;display: block;}
#collection { float: right; margin:-3px 0px 0px 0px;}

#why_karibon {border-bottom:#A4A497 1px solid;}
a.why_karibon_bt {  background: transparent url(http://i.karibon.com/header/why_karibon.png) bottom center no-repeat; width:199px; height:76px;display: block;}
a:hover.why_karibon_bt { background: transparent url(http://i.karibon.com/header/why_karibon_hover.png) bottom center no-repeat; width:199px; height:76px;display: block;}
a.selected.why_karibon_bt { background: transparent url(http://i.karibon.com/header/why_karibon_hover.png) bottom center no-repeat; width:199px; height:76px;display: block;}
#flash { float: right; margin:-3px 0px 0px 0px;}

#new_technology {}
a.new_technology_bt {  background: transparent url(http://i.karibon.com/header/new_technology.png) bottom center no-repeat; width:199px; height:76px;display: block;}
a:hover.new_technology_bt {  background: transparent url(http://i.karibon.com/header/new_technology_hover.png) bottom center no-repeat; width:199px; height:76px;display: block;}
a.selected.new_technology_bt { background: transparent url(http://i.karibon.com/header/new_technology_hover.png) bottom center no-repeat; width:199px; height:76px;display: block;}
#chemist { float: right; margin:-3px 20px 0px 0px;}
/*end of header-scroller style*/

/* faq-scroller style*/
#header-scroller2 { width:865px; height:300px; margin-left:25px; background: #fff url(http://i.karibon.com/top_rounded_corner.png) top left no-repeat;}
#main-2 {width:865px; height:300px; background: transparent url(http://i.karibon.com/bottom_rounded_corner.png) bottom left no-repeat;}
.scroller2 { width: 663px; float:right; overflow: hidden; padding:0px 0px 0px 0px;border-left: 1px solid #ccc;}
#content-2 { color:#666666; width:1989px; z-index:10}
.slide2 { width: 663px; height: 285px; float: right; padding: 0px 0px 0px 0px;}

.menu-scroller2 {float:left;width:200px; margin: 10px 0px 10px 0px; z-index:99}

#air_pollution {border-bottom:#ccc 1px solid;border-top:#ccc 1px solid;z-index:99; position:absolute}
a.air_pollution_bt {  width:186px; height:30px; line-height:30px; padding-left:15px;display: block;text-decoration:none;z-index:99}
a:hover.air_pollution_bt { width:182px; height:30px; line-height:30px; padding-left:10px;padding-right:5px; border-left:#F7931E 5px solid;display: block; text-decoration:none; color:#046CAB;z-index:99;background: #fff url(http://i.karibon.com/left_blocker.png) right top no-repeat;}
a.selected.air_pollution_bt { width:182px; height:30px; line-height:30px; padding-left:10px;padding-right:5px; border-left:#F7931E 5px solid;display: block;text-decoration:none; color:#046CAB;z-index:99;background: #fff url(http://i.karibon.com/faq_bt_bkg.png) left top no-repeat;}

#karibon_facewear {border-bottom:#ccc 1px solid;z-index:99; position:absolute;margin-top:32px;}
a.karibon_facewear_bt { width:186px; height:30px; line-height:30px; padding-left:15px;display: block;text-decoration:none;z-index:99}
a:hover.karibon_facewear_bt { width:186px; height:30px; line-height:30px; padding-left:10px; border-left:#F7931E 5px solid;display: block;text-decoration:none; color:#046CAB;z-index:99;}
a.selected.karibon_facewear_bt { width:182px; height:30px; line-height:30px; padding-left:10px;padding-right:5px; border-left:#F7931E 5px solid;display: block;text-decoration:none; color:#046CAB;z-index:99;background: #fff url(http://i.karibon.com/faq_bt_bkg.png) left top no-repeat;}

#correct_use {border-bottom:#ccc 1px solid;z-index:99; position:absolute;margin-top:63px;}
a.correct_use_bt { width:186px; height:30px; line-height:30px; padding-left:15px;display: block;text-decoration:none;z-index:99}
a:hover.correct_use_bt { width:186px; height:30px; line-height:30px; padding-left:10px; border-left:#F7931E 5px solid;display: block;text-decoration:none; color:#046CAB;z-index:99;}
a.selected.correct_use_bt { width:182px; height:30px; line-height:30px; padding-left:10px;padding-right:5px; border-left:#F7931E 5px solid;display: block;text-decoration:none; color:#046CAB;z-index:99;background: #fff url(http://i.karibon.com/faq_bt_bkg.png) left top no-repeat;}
/*end of scroller style*/

/*collection style*/
ul#tabnav {height:24px;margin:0;padding:0;display:block;line-height:48px;margin:3px 25px 10px 30px}
ul#tabnav li {margin-right: 20px;padding:0;float:left;height:20px;list-style-type:none;position:relative;text-align:center;}
ul#tabnav li a {color:#fff;font-size:10px;line-height:20px;display:block;float:left;height:24px;margin:0px;padding:0px;position:relative;background: #fff url(http://i.karibon.com/collectionBt.png) no-repeat; width:110px; height:20px; text-decoration:none; padding-left:5px;}
ul#tabnav li a:hover, ul#tab li a.active {background: #fff url(http://i.karibon.com/collectionBt.png) no-repeat;color: #F7931E}
.panel {display:block;}
.contenttb {}
/*end of collection style*/

/*find a store style*/
#map { margin: 0px 35px 0px 30px;}
#scroller-3 {position: relative;background: url(http://i.karibon.com/loading.gif) no-repeat 50% 50%;}
#content-3 {width: 1720px;height: 2366px;background-image: url(http://i.karibon.com/hanoi_map.png); cursor:move;}
#content-3 .checkpoint {position: absolute;}
.scrollermap {width: 418px;height: 220px;overflow: hidden;border: 1px solid #ccc;margin-bottom: 5px;}
#map-menu {margin-left:-30px;}
#map-menu p {line-height:7px;margin-left:30px;}
.address {padding-top: 10px;}
.scrollermap#scroller-3 {width: 860px;height: 300px;}
/*map coordinates style*/
#ZenithYoga {left: 200px;top: 50px; position: fixed}
#minimarket {left: 1500px;top: 2366px; position:fixed}
#VIPBikeRentals {left: 750px;top: 800px; position:fixed}	
#minhchinhdrugstore {left: 700px;top: 1600px; position: fixed}
#hoangnam {left: 200px;top: 50px; position: fixed}
#phuongle2 {left: 200px;top: 50px; position: fixed}
#shophuyen {left: 200px;top: 50px; position: fixed}
#phuongle {left: 850px;top: 1250px; position: fixed}
#lsplace {left: 250px;top: 250px; position: fixed}
#shopthuythanh {left: 200px;top: 50px; position: fixed}
#nhathuoc {left: 200px;top: 50px; position: fixed}
#ngocthuy {left: 650px;top: 1600px; position: fixed}
#minhtien {left: 200px;top: 1100px; position: fixed}
/*end of find a store style*/

/*bottom and footer style*/
#footer { margin-top:-17px; font-size:0.85em ;text-align:center;background: transparent url(http://i.karibon.com/footer_left.png) left top no-repeat; width:260px; height:26px; margin-left: auto; margin-right:20px; font-family:Arial, Helvetica, sans-serif}
#site_name {text-align:center; height:26px;background: transparent url(http://i.karibon.com/footer_right.png) right top no-repeat;color: #333;padding-top:3px; overflow:hidden;}
#site_name a { color:#333; text-decoration:none;}
#site_name a:hover { color:#046CAB}
/*end of bottom and footer style*/

/* Form style */
input.txt {border: 1px solid #ccc;width: 250px;padding-left:5px; color: #046CAB;}
form p {clear: left;margin: 0;padding: 0;padding-top: 5px;}
form p label {float: left;width: 25%;padding-left:10px;}
fieldset {border: 1px solid #ccc; padding: 10px; width:850px; margin-left: 25px}
legend {color: #046CAB; padding:0px 10px 0px 10px; font-weight:bold;}
.select {width:255px; color:#046CAB; border: 1px solid #ccc;}
textarea { border: 1px solid #ccc;color: #046CAB;}
input:focus, textarea:focus{border: 1px solid #ff7f00;}
#submit{ width:110px; height:20px; line-height:20px; cursor: pointer; background: transparent url(http://i.karibon.com/submit_btn.png) no-repeat; border:0;font-weight:bold;float:right; text-indent:-6000em}
#submit:hover{background: transparent url(http://i.karibon.com/submit_btn.png) 0 -20px no-repeat;}
/*end of form style*/

/* Accordions style*/
#navBar { margin-left:15px; width:630px;} 
#navBar dt { background: #fff url(http://i.karibon.com/arrow.gif) left center no-repeat; color: #000; cursor: pointer; padding: 0px 0px 0px 20px; background-color: #fff;font-weight: bold; margin-bottom:15px; font-family: Arial, Helvetica, sans-serif}
#navBar dt.active { background: #fff url(http://i.karibon.com/arrow.gif) left center no-repeat; color:#046CAB; font-weight: bold; padding: 0px 0px 0px 20px;font-family: Arial, Helvetica, sans-serif}
#navBar dd { margin: 0;}
/* end of Accordions style*/