﻿
body { background: #420000 url(../Images/2011/bg.jpg) repeat top left; font-family:Myriad Pro; font-size:12px; margin:0 auto; padding:0; background-repeat:no-repeat}

.mainWrapper {  width:750px; margin:0 auto; padding:0px;}
form{margin:0px auto;}
img { border:none; font-size:0px; text-decoration:none;}
/*--------------------------------PADDING------------------------------*/ 
	
	.p20t{ padding-top:20px;}
	.p15t{ padding-top:15px;}
	.p10t{ padding-top:10px;}
	.p5t{ padding-top:5px;}

	.p20b{ padding-bottom:20px}
	.p15b{ padding-bottom:15px;}
	.p10b{ padding-bottom:10px;}
	.p5b{ padding-bottom:5px;}
	
	.p30r{ padding-right:30px}
	.p20r{ padding-right:20px}
	.p15r{ padding-right:15px;}
	.p10r{ padding-right:10px;}
	.p5r{ padding-right:5px;}
	
	.p20l{ padding-left:20px}
	.p15l{ padding-left:15px;}
	.p10l{ padding-left:10px;}
	.p5l{ padding-left:5px;}
	
/*--------------------------------MARGIN------------------------------*/
	.m100t{ margin-top:100px;}
	.m60t{ margin-top:60px;}
	.m20t{ margin-top:20px;}
	.m15t{ margin-top:15px;}
	.m10t{ margin-top:10px;}
	.m5t{ margin-top:5px;}

	.m20b{ margin-bottom:20px}
	.m15b{ margin-bottom:15px;}
	.m10b{ margin-bottom:10px;}
	.m5b{ margin-bottom:5px;}
	
	.m20r{ margin-right:20px}
	.m15r{ margin-right:15px;}
	.m10r{ margin-right:10px;}
	.m5r{ margin-right:5px;}
	
	.m36l{ margin-left:36px}
	.m30l{ margin-left:30px}
	.m40l{ margin-left:40px}
	.m20l{ margin-left:20px}
	.m15l{ margin-left:15px;}
	.m10l{ margin-left:10px;}
	.m7l{ margin-left:7px;}
	.m5l{ margin-left:5px;}
	
	.mCenter { margin:auto;}
	
/*-----------------------------------FONT SIZE---COLOR-----------------------------------*/  

    .fGeorgia { font-family:Times New Roman}
	.fs9{ font-size:9px;}
	.fs12{ font-size:12px;}
	.fs14{ font-size:14px;}
	.fs15{ font-size:15px;}
	.fs16{ font-size:12px;}
	.fs18{ font-size:15px;}
	.fs20{ font-size:20px;}
	.fs22{ font-size:22px;}
	.fs24{ font-size:24px;}
	.fs30{ font-size:24px;}
	.b { font-weight: bold }
  	.i { font-style:italic }

	.yellow {color:#ffe1ba}
	.yellow a {color:#ffe1ba; text-decoration:none}
	.yellow a:hover {color:#ffe1ba; text-decoration:underline}
	.orange { color:#e87d27}
	.orange a { color:#e87d27; text-decoration:none}
	.black {color:#000}
	.black a {color:#000; text-decoration:none}
	.black a:hover {color:#000; text-decoration:underline}
	.black1 {color:#231f20;}
	.white {color:#fff}
	.red {color:#420000}
	.red a {color:#420000; text-decoration:none}
	.orange1 a {color:#e87d27;text-decoration:none;font-size:16px;font-weight:bold;font-style:italic;}
	.orange1 a:hover {color:#e87d27;text-decoration:underline;font-size:16px;font-weight:bold;font-style:italic;}
	
	.underline { text-decoration:underline}
	.capitalize { text-transform:capitalize}
	.uppercase  { text-transform:uppercase}
	.justify { text-align:justify}
	.txtCenter { text-align:center}
	.txtLeft { text-align:left}
	.txtRight { text-align:right}
/*-----------------------------------FLOAT FORMAT-----------------------------------*/  	
	.float_left { float: left;}
  	.float_right { float: right;}
	.clear{ clear:both; height:0px;}
	.clear-5{ clear:both; height:5px;}
	.clear-10{ clear:both; height:10px;}
	.clear-20{ clear:both; height:20px;}
	.clear-25{ clear:both; height:25px;}
	.clear-30{ clear:both; height:30px;}
	.clear-40{ clear:both; height:40px;}
	.clear-50{ clear:both; height:50px;}
	.clear-60{ clear:both; height:60px;}
	.clear-80{ clear:both; height:80px;}
	.clear-90{ clear:both; height:90px;}
	
/*--------------------------------Weight Height------------------------------*/
    .w70 { width:70px;} 
    .w90 { width:90px;}
    .w175 { width:175px;} 
    .w182 { width:182px;} 
	.w220 { width:165px;}
	.w236{ width:236px;}
	.w242 { width:182px;} 
	.w270 { width:270px;}
	.w370 { width:370px;}
	.w300 { width:300px;}
	.w352 { width:352px;}
	.w410 { width:410px;}
	.w420 { width:420px;}
	.w460 { width:460px;}
	.w480 { width:480px;}
	.w562 { width:562px;}
	.w770 { width:578px;}
	.w748{ width:562px;}
	
	.h26{ height:26px;}
	.h62{ height:62px;}
    .h63{ height:63px;}
/*--------------------------------Background Border------------------------------*/
    .bgUSflag a { display:block}
    
    .bgUSflag a:hover .icon {background-image:url(../Images/2011/flash.png); background-repeat:no-repeat; background-position:0px 0px; width:25px; height:24px; }
	.bgUSflag a .icon {background-image:url(../Images/2011/flash.png); background-repeat:no-repeat; background-position:-28px 0px; width:25px; height:24px;}
	.bgUSflag a .Active {background-image:url(../Images/2011/flash.png); background-repeat:no-repeat; background-position:0px 0px; width:25px; height:24px; }
	
	.bgVNflag a:hover .icon {background-image:url(../Images/2011/flash.png); background-repeat:no-repeat; background-position:-56px 0px; width:25px; height:24px; }
	.bgVNflag a .icon {background-image:url(../Images/2011/flash.png); background-repeat:no-repeat; background-position:-84px 0px; width:25px; height:24px;}
	.bgVNflag a .Active {background-image:url(../Images/2011/flash.png); background-repeat:no-repeat; background-position:-56px 0px; width:25px; height:24px; }
	
	.bderBrown { border:1px solid #a4774f; border-radius: 10px;}
	.bderBrown1 { background-image:url(../Images/2011/bder.png); background-repeat:no-repeat; width:170px; height:2px;}
	.bderBrown2 { background-image:url(../Images/2011/bder1.png); background-repeat:repeat-x; width:540px; height:2px;}
	
	.bgPremium {border:1px solid #a4774f; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-width:0px;}
	.bgPremium1 {background-image:url(../Images/2011/bgPremium.png); background-repeat:no-repeat;  width:562px; background-color:#fee6c2; border-radius: 10px;}
	
	.bgStore {background-image:url(../Images/2011/bgStore.png); background-repeat:no-repeat;  width:562px; background-color:#fee6c2; border-radius: 10px;}
	
	.bgTea {background-image:url(../Images/2011/bgTea.png); background-repeat:no-repeat;  width:562px; background-color:#fff; border-radius: 10px;}
	.bgOriginal {background-image:url(../Images/2011/original_bg.png); background-repeat:no-repeat;  width:562px; background-color:#fff; border-radius: 10px;}
	
	.iconHome1 a {background-image:url(../Images/2011/iconHome1.png); background-repeat:no-repeat; background-position:0px 0px; width:182px; height:45px; display:block}
    .iconHome2 a {background-image:url(../Images/2011/iconHome1.png); background-repeat:no-repeat; background-position:-190px 0px; width:182px; height:45px; display:block}
    .iconHome3 a {background-image:url(../Images/2011/iconHome1.png); background-repeat:no-repeat; background-position:-379px 0px; width:182px; height:45px; display:block}
    .iconHome4 a {background-image:url(../Images/2011/iconHome1.png); background-repeat:no-repeat; background-position:-568px 0px; width:182px; height:45px; display:block}
	
	.iconHome1 a:hover {background-image:url(../Images/2011/iconHome.png); background-repeat:no-repeat; background-position:0px 0px; width:182px; height:45px; display:block}
    .iconHome2 a:hover {background-image:url(../Images/2011/iconHome.png); background-repeat:no-repeat; background-position:-190px 0px; width:182px; height:45px; display:block}
    .iconHome3 a:hover {background-image:url(../Images/2011/iconHome.png); background-repeat:no-repeat; background-position:-379px 0px; width:182px; height:45px; display:block}
    .iconHome4 a:hover {background-image:url(../Images/2011/iconHome.png); background-repeat:no-repeat; background-position:-568px 0px; width:182px; height:45px; display:block}
    
    .iconHome1vn a {background-image:url(../Images/2011/iconHome1vn.png); background-repeat:no-repeat; background-position:0px 0px; width:182px; height:45px; display:block}
    .iconHome2vn a {background-image:url(../Images/2011/iconHome1vn.png); background-repeat:no-repeat; background-position:-190px 0px; width:182px; height:45px; display:block}
    .iconHome3vn a {background-image:url(../Images/2011/iconHome1vn.png); background-repeat:no-repeat; background-position:-379px 0px; width:182px; height:45px; display:block}
    .iconHome4vn a {background-image:url(../Images/2011/iconHome1vn.png); background-repeat:no-repeat; background-position:-568px 0px; width:182px; height:45px; display:block}
    
    .iconHome1vn a:hover {background-image:url(../Images/2011/iconHomevn.png); background-repeat:no-repeat; background-position:0px 0px; width:182px; height:45px; display:block}
    .iconHome2vn a:hover {background-image:url(../Images/2011/iconHomevn.png); background-repeat:no-repeat; background-position:-190px 0px; width:182px; height:45px; display:block}
    .iconHome3vn a:hover {background-image:url(../Images/2011/iconHomevn.png); background-repeat:no-repeat; background-position:-379px 0px; width:182px; height:45px; display:block}
    .iconHome4vn a:hover {background-image:url(../Images/2011/iconHomevn.png); background-repeat:no-repeat; background-position:-568px 0px; width:182px; height:45px; display:block}
	
	.iconShare1 a {background-image:url(../Images/2011/iconShare.png); background-repeat:no-repeat; background-position:0px 0px; width:31px; height:31px; display:block}
    .iconShare2 a {background-image:url(../Images/2011/iconShare.png); background-repeat:no-repeat; background-position:-36px 0px; width:31px; height:31px; display:block}
    .iconShare3 a {background-image:url(../Images/2011/iconShare.png); background-repeat:no-repeat; background-position:-71px 0px; width:31px; height:31px; display:block}
    .iconShare4 a {background-image:url(../Images/2011/iconShare.png); background-repeat:no-repeat; background-position:-109px 0px; width:74px; height:31px; display:block}
/*--------------------------------Master------------------------------*/
    .Logo { width:113px; }
    .Logo a { display:block}
    .Logo img { display:inline-block; position:absolute; z-index:999999}
    
    .Menu ul{ margin:24px 0px 0px 0px ; padding:0px; font-size:11pt;} 
    .Menu ul li{ float:left; list-style-type:none; text-align:right; width:105px; } 
    .Menu ul li a{ color:#ffe1ba; text-decoration:none;}
    .Menu ul li a:hover{ color:#e87d27; text-decoration:none; font-weight:bold}
    .Menu .active a{ color:#e87d27; text-decoration:none; font-weight:bold}
    .footer { text-align:center; color:#ffe1ba; font-size:13px; margin-bottom:90px}
    .footer a { color:#ffe1ba; text-decoration:none;}
    .footer a:hover { color:#ffe1ba; text-decoration:underline;}
    
 /*--------------------------------Position ------------------------------*/
   .relative { position:relative}
   .m-20t { margin-top:-20px;}
   
   
   
   
    /*--------------------------------VNS Tuan UI------------------------------*/
    .txtLeft{text-align:left;}
    .p_about_us{font-size:14px;margin:0px;}
    .a_about_us{color:#ffe1ba;font-size:14px;text-decoration:none;}
    .a_about_us:hover{color:#e87d27;font-size:14px;text-decoration:none;}
    .a_about_us_active{color:#e87d27;font-size:14px;text-decoration:none;}
    .a_about_us:hover div{background:url(../Images/2011/orange_arrow.png) no-repeat right 5px;}
    .a_about_us_active div{background:url(../Images/2011/orange_arrow.png) no-repeat right 5px;}
    .img_our_heritage{float: right;padding-left:10px;}
    .img_contact{float: right;padding-right:10px;}
    .s_contact{font-size:18px;}
    .a_new_title{font-size:18px;color:#420000;font-weight:bold;text-decoration:none;}
    .a_new_title:hover{font-size:18px;color:#420000;font-weight:bold;text-decoration:none;}
    .new_day{float:left;font-size:16px;font-style:italic;}
    .new_readmore{float:right;color:#e87d27;text-decoration:none;font-size:16px;font-weight:bold;font-style:italic;}
    .new_readmore:hover{float:right;color:#e87d27;text-decoration:underline;font-size:16px;font-weight:bold;font-style:italic;}
    .bntNex_Pre{text-decoration:none;background:url(../Images/2011/bntNex-Pre.png) no-repeat;width:65px;height:16px;text-align:center;padding-top:3px;float:left;margin:0px 5px;color:#333333;}
    .paging_num{float:left;text-align: center;}
    .paging_num .NavigationCurrentPage{margin:0px 2px;background:url(../Images/2011/paging_num_active.png) no-repeat;width:20px;height:17px;display:inline-block;color:White;padding-top:2px;}
    .paging_num .NavigationNormal{margin:0px 2px;text-decoration:none;color:#333333;width:20px;height:17px;display:inline-block;padding-top:2px;}
    .paging_num .NavigationNormal:hover{margin:0px 2px;text-decoration:none;background:url(../Images/2011/paging_num_active.png) no-repeat;width:20px;height:17px;display:inline-block;color:White;padding-top:2px;}
    
    .career_line2{background:url(../Images/2011/line3.png) repeat-y;width:750px;  border-radius: 10px;}
 
    .a_mailto{text-decoration:none;color:Black;font-weight:bold;}
    .a_mailto:hover{text-decoration:none;color:Black;font-weight:bold;}
    .fs24{ font-size:24px;}
    .contact_left{width:270px;float:left;min-height:210px;font-size:14px;}
    .contact_right{width:260px;float:left;min-height:210px;font-size:14px;}
    .contact_right a{color:#00235d;}
    .contact_right a:hover{color:#00235d;}
    .contact{background:url(../Images/2011/contact-background.png) no-repeat center;width:540px;height:161px;}
    .contact .c_title{color:#591c20;font-weight:bold;}
    .viewarticle .title{color:#591c20;font-size:bold;font-size:24px;font-weight:bold;}
    .viewarticle .vdate{color:Black;font-style:italic;font-size:18px;}
    .our_premium_content{font-size:14px;padding-right:5px;}
    .s_contact{font-size:18px;}
    
      /*--------------------------------Coffee Navigation------------------------------*/
    .coffeeNavigation a{color:#FFE1BA; font-size:15px; text-decoration:none; display:block; text-transform:capitalize;}
    .coffeeNavigation a:hover{color:#e87d27; font-size:15px; text-decoration:none; background:url(../Images/2011/orange_arrow.png) no-repeat right 5px; display:block; text-transform:capitalize;}
    .coffeeNavigationActive a {color:#e87d27; font-size:15px; text-decoration:none; background:url(../Images/2011/orange_arrow.png) no-repeat right 5px; display:block; text-transform:capitalize;}
    .coffeeNavigation1 a{color:#e87d27; font-size:15px; text-decoration:none; display:block; text-transform:capitalize;}
    .coffeeNavigation1 a:hover{color:#e87d27; font-size:15px; text-decoration:none; background:url(../Images/2011/orange_arrow.png) no-repeat right 5px; display:block; text-transform:capitalize;}
    .coffeeNavigationActive1 a {color:#e87d27; font-size:15px; text-decoration:none; background:url(../Images/2011/orange_arrow.png) no-repeat right 5px; display:block; text-transform:capitalize;}
    
    /*--------------------------------VNS Tuan UI------------------------------*/   
    .blending_left{float:left;width:260px;margin-right:15px;} 
    .blending_right{float:left;width:255px;margin-right:10px;} 
    .our_premium_content a{color:#420000;text-decoration:none;}
    .our_premium_content a:hover{color:#420000;text-decoration:underline;}
    .w50percent{width:50%;}
    .w30percent{width:30%;}
    .p90l{padding-left:90px;}
    .p40l{padding-left:40px;}
