@charset "utf-8";
/* CSS Document */
/*============================= Reset ======== */
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td { margin: 0; padding: 0;}
/*============================= End ===========*/
html,body{ background:#898788; color:#DEDEDE; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
a{ text-decoration:none; outline:0;}
img{ border:none;}
/*.clear{ clear:both}*/
/* Clear Fix */
.clear:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clear {
display:inline-block;
}
/* Hide from IE Mac \*/
.clear{display:block;}
/* End hide from IE Mac */
/* end of clearfix */ 

.global_loading{ font-size:20px; font-weight:bold; }
/* pagenation */
.pagination{ display:block;clear:both;overflow:hidden; list-style:none;}
.pagination li.item{ float:left; margin:5px; }
.pagination li a{ color:#F9FFFA; text-decoration:none; }
.pagination li.current_item a{ color:#002504; }
#wrapper{ width:987px; margin:0 auto;}
#wrapper #main{ width:954px; margin:0 auto; padding-bottom:20px;}
#header{ height:120px; padding-top:20px;}
#header .nav{ float:right; width:680px;}
#header .nav p{ padding-top:90px;}
#header .nav p a{  color:#F9FFFA; font-style:normal; padding:5px 10px;}
#header .nav p a:hover{  color:#002504;}
#header .logo{ float:left; width:270px; margin-bottom:15px;}

/* side image switch */
.imageSwitch { position:relative; width:182px; height:120px;}
.imageSwitch a { display:none; position:absolute; top:0; left:0; width:100%;}
.imageSwitch a img { display:block; height:120px;}
.imageSwitch a:first-child { display:block;}

/* #header .logo a img{  margin-top:20px;} */
#nav_ul{ list-style:none; padding-top:100px; float:right; margin-right:10px;}
#nav_ul li{ float:left ; font-style:normal; }
#nav_ul li a{  color:#F9FFFA; font-style:normal; padding:5px 8px; font-weight:bold;}
#nav_ul li a:hover{  color:#002504;}
#header_product{  position:relative; z-index:11;}
#header_product ul{  background:none repeat scroll 0 0 #FFFFFF; list-style:none; border:5px solid #CCCCCC; padding:8px; z-index:100;position:absolute; *left:0; *top:15px;}
#header_product ul li { padding : 5px; margin-right:10px;  }
#header_product ul li a{ color: #010101}
#header_product ul li a:hover{ color:#003366;}

.catalog{ clear:both; background:#FFFFFF; height:34px; width:954px;}
.catalog p { margin-left:10px; }
.catalog p span{ display:block; float:left; width:70px; height:24px; padding-top:10px; text-align:center;}
.catalog p span.tea{ width:60px; }
.catalog p span.delicacies{ width:60px; }
.catalog p span a{  color:#010101; font-style:normal; font-size:13px; text-transform:uppercase;}
.catalog p span.current a{  color:#003366;}
#catalog_login{  margin-right:20px; float:right ; height:24px; padding-top: 9px }
#catalog_login a{ font-style:normal; color:#929F36; font-size:13px; }
#catalog_lang{  margin-right:20px; float:right ; height:24px; padding-top: 9px  ;list-style:none; }
#catalog_lang li{ float:left ; margin:0px 2px;  }
#catalog_lang li.current{ margin-top:-0.1em;  }
#catalog_lang li a{ font-style:normal; font-size:13px; color:#010101;}
#catalog_lang li a.current{ display:block; font-size:15px; color:#002504; }
#banner_home {height:360px; position:relative; z-index:9;}
#banner_home a img{ width:954px; height:360px; }
#banner {height:183px;}
#banner img{ width:954px; height:183px; }
#content{ width:100%; position:relative;}
.left_p{ width:290px; padding:0 13px 0 0; position:absolute; left:0; top:0;}
.left_p h2{	 padding-top:25px; padding-bottom:5px;  font-style:normal; font-size:13px; color:#F9FFFA; font-weight:bold; }
.left_p .welkom{ padding-top:10px; border-top:1px solid #DEDEDE;} 
.left_p .welkom img{ padding-bottom:10px; padding-left:1px; height:130px;}
.left_p .welkom p{ }
.left_p .welkom p.intro{ padding-bottom:15px;}
.left_p .welkom p.more{ padding-top:15px; text-align:right; padding-bottom:10px; color:#929F36;}
.center_p{ width:290px; padding:0 13px; position:absolute; left:317px; top:0; }
.center_p h2{  padding-top:25px; padding-bottom:5px; border-bottom:1px solid #DEDEDE; font-style:normal;font-size:13px; color:#F9FFFA; font-weight:bold;}
.center_p .uitge{ padding-top:10px;  padding-left:3px;}
.center_p .uitge .title{ font-weight:bold; }
.center_p .uitge img.center_img{ padding-bottom:10px; height:130px; }
.center_p .uitge ul{ list-style:none; }
.center_p .uitge ul li{ margin: 5px 2px; }
.center_p .uitge ul a{ color:#F9FFFA; text-decoration:underline;  font-size:13px; }
.center_p .uitge p{ width:260px; margin: 5px 0px 10px 0px;}
.center_p .uitge p a.more{ margin-left:5px;color:#DEDEDE; font-size:12px;}
.center_p .uitge .cp_1{ padding-bottom:15px;}
.center_p .uitge .cp_2{ padding-bottom:15px;}
.center_p .uitge p img.cimg_l{ padding-right:10px;}
.center_p .uitge p.more{ width:285px; padding-top:15px; text-align:right; padding-bottom:10px;}
.center_p .uitge p.more a{color:#DEDEDE;}
.right_p{ padding:0 0 0 13px; width:290px;  float:right;}
.right_p h2{  padding-top:25px; padding-bottom:5px; border-bottom:1px solid #DEDEDE; font-style:normal;font-size:13px; color:#F9FFFA; font-weight:bold;}
.right_p .news{ padding-top:10px; }
.right_p .news .title{ font-weight:bold; }
.right_p .news img{ padding-bottom:10px; height:130px;}
.right_p .news p.more{ padding-top:15px; text-align:right; padding-bottom:10px; color:#F9FFFA;}
.right_p .news ul{ list-style:none;}
.right_p .news ul li { margin: 5px 2px; }
.right_p .news ul a{ color:#F9FFFA; text-decoration:underline;  font-size:12px; }
.right_p .news p{ width:260px; margin: 5px 0px 10px 0px;}
.right_p .news p a.more{ margin-left:5px;color:#DEDEDE;}
.right_p .news p.more{ width:285px; padding-top:15px; text-align:right; padding-bottom:10px;}
.right_p .news p.more a{color:#DEDEDE;}

.right_p .twitter{ padding-top:10px; }
.right_p .twitter ul{ list-style:none; margin-top:10px; height:130px;}
.right_p .twitter ul li { clear:both; padding : 2px 0px; margin:3px 0px; }
.right_p .twitter ul li img{ float:left; margin-right:5px; height:48px;}
.right_p .twitter ul li.loading { height:16px; background:url(../images/loading.gif) no-repeat left center; }
.right_p .twitter p.more{ width:285px; padding-top:15px; text-align:right; padding-bottom:10px;}
.right_p .twitter p.more a{color:#DEDEDE;}
	
	.twitter h3 { height:18px; background:url(../images/tw_title.png) no-repeat; text-indent:-999px; overflow:hidden;
		border-bottom:1px solid #DEDEDE; padding-bottom:5px;}
/*-----brand page----*/
#wrapper #brand_main{ width:954px; margin:0 auto;  padding-bottom:10px;}
#wrapper #brand_main #header{ background:#898788; }
#brand_content{ }
.brand_l{ width:160px; margin-left:20px; float:left; padding-top:25px;}
.brand_l ul{ list-style:none; margin-left:10px; margin-right:10px;}
.brand_l ul li{ border-bottom:1px solid #CDCDCD; padding:10px 0;}
.brand_l ul li a{ color:#F9FFFA; font-size:12px; font-style:normal; outline:0; }
.brand_l ul li a.current{ color:#002504; font-weight:bold; font-size:14px; }
.brand_l ul li a:hover{ color:#002504;}
.brand_r{ float:left; color:#F9FFFA; font-style:normal; width:690px; padding:30px 0 50px 0; border-left:1px solid #DEDEDE; margin-left:50px;}
.brand_r h2{ color:#F9FFFA; font-size:30px; margin-bottom:20px; margin-left:60px; font-style:normal; position:relative;}
.brand_r h2.grape{  }
.brand_r h2.olive{  }
.brand_r h2.coffee{  }
.brand_r h2.tea{   }
.brand_r h2.delicacies{ }


.brand_r h3{ color:#F9FFFA; font-size:25px; font-weight:200; margin-bottom:20px; margin-left:60px; font-style:normal;}
.brand_r h4{ color:#F9FFFA; font-size:16px; font-weight:100; margin-bottom:20px; margin-left:60px; font-style:normal;}

.brand_r .brand_desc{  font-style:normal;  color:#F9FFFA; line-height:20px; width:600px; min-height:130px; margin-left:60px; margin-bottom: 40px; }
.brand_r .brand_desc img{ float:left; margin-right: 20px; }
.brand_r .brand_pdf{   margin-left:60px; margin-bottom: 20px; }
.brand_r .brand_products{ width:600px; margin-left:60px; margin-bottom:20px;}
.brand_r .brand_products ul{ list-style:none; margin-left:10px; margin-right:10px;}
.brand_r .brand_products ul li{ border-bottom:1px solid #CDCDCD; padding:10px 0;}
.brand_r .brand_products ul li a{ color:#F9FFFA; font-size:12px; font-style:normal; outline:0; }
.brand_r .brand_products ul li a:hover{ color:#002504;}
.brand_r .brand_product{ width:600px; margin-left:60px; margin-bottom:30px;}
.brand_r .brand_product table{ width:80%; }
.brand_r .brand_product table td{ text-align:left; vertical-align:top; padding:3px; }
.brand_r .brand_product table td.label{ color:#F9FFFA !important; width:130px; }
.brand_r .brand_product_related{ width:600px; margin-left:60px; margin-bottom:20px;}
.brand_r .brand_product_related ul{ list-style:none; margin-left:10px; margin-right:10px;}
.brand_r .brand_product_related ul li{ float:left; margin: 5px 10px;}
.brand_r .brand_detail{ width:600px; margin-left:60px; border:1px solid #DEDEDE;}
.brand_r .brand_detail .pro{ float:left; margin:10px 0; width:200px; height:140px; text-align:center;}
.brand_r .brand_pagination{ width:600px; margin-left:60px; }
.brand_r .brand_pagination ul.pagination { float:right; }

/*----brand page----*/

/*----static page---*/
#static_content{  padding:20px 30px;  font-style:normal;}
#static_content p a{ color:#F9FFFA; text-decoration:underline; }
#static_content h3{ color:#F9FFFA; font-size:16px;margin-bottom:20px;  font-style:normal;}
/*----static page---*/

#footer{  width:954px; margin-top:-10px;clear:both;  height:60px; margin:0 auto; border-top:1px solid #DEDEDE;}
#footer p.links{ float:left; padding:10px 0 10px 15px;  font-style:normal;}
#footer p.links a{ color:#F8F8F8; padding:0 5px; font-style:normal; font-weight:bold;}
#footer p.links a:hover{ color:#002504;}
#footer p.notice{ float:right; text-align:right; font-weight:bold;  padding:10px 50px 10px 15px; font-size:10px; font-style:normal; }
#footer p.notice a{ color:#F8F8F8;padding:0 5px; font-style:normal; font-weight:bold; }