body {
padding:0; margin:0px 0 2px; 
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
color:#333333;
font-size:11px;
background-color:#000000; 
 }
ol {
  list-style-position: outside;
  padding-left:16px;
  margin-left:10px;
	}
ul {
  list-style-position: outside;
  padding-left:16px;
  margin-left:2px;
	}


a{
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
color:#333333;
font-size:11px;
text-decoration:underline;
}

a:hover{
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
color:#B87A30;
font-size:11px;
text-decoration:underline;
}

Table.mainPan{
background-color:#4B1E00;
}

TD.mainPan {
padding:11px;
}

.judul {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
color:#1A4A32;
}

SPAN.judulnews {
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
color:#663300;
font-size:12px;
font-weight:bold;
}

TABLE.mainborder{
border-top:1px solid #E2D998;
border-bottom:1px solid #E2D998;
}

td.mainborder{
border:1px solid #E2D998;
}

.newsrow {
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
color:#333333;
font-size:10px;
}

.newsrow a{
color:#333333;
font-size:10px;
text-decoration: underline;
}

.newsrow a:hover{
font-size:10px;
color:#663300;
text-decoration: underline;
}


TD.news1 {
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
color:#333333;
font-size:10px;
padding-top:24px;
padding-left:10px;
padding-right:10px;
padding-bottom:16px;

background-color:#E2D998;
border-right:1px solid #F2EED0;
}


TD.news1 a{
color:#333333;
font-size:10px;
text-decoration:none;
}

TD.news1 a:hover{
font-size:10px;
color:#1A4A34;
text-decoration:none;
}

TD.news2 {
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
color:#333333;
font-size:10px;
padding-top:16px;
padding-left:10px;
padding-right:10px;
padding-bottom:12px;
background-color:#E2D998;
}

TD.secleft {
padding-top:11px;
padding-left:11px;
padding-right:2px;
padding-bottom:16px;
background-color:#B87A30;
}

TD.secleft a{
color:#333333;
font-size:10px;
text-decoration:none;
}

TD.secleft a:hover{
font-size:10px;
color:#1A4A34;
text-decoration:none;
}

TD.secright {
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
color:#333333;
font-size:11px;
padding-top:0px;
padding-left:24px;
padding-right:10px;
padding-bottom:24px;

background-color:#E2D998;
}

TD.secright a{
color:#333333;
font-size:11px;
text-decoration:none;
}

TD.secright a:hover{
font-size:11px;
color:#1A4A34;
text-decoration:none;
}

TD.secrighty {
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
color:#333333;
font-size:11px;
padding-left:19px;
padding-right:1px;
}

TD.secrighty a{
color:#333333;
font-size:11px;
text-decoration:none;
}

TD.secrighty a:hover{
font-size:11px;
color:#1A4A34;
text-decoration:none;
}


TD.secright2 {
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
color:#333333;
font-size:11px;
padding-left:10px;
padding-right:1px;
}

TD.kotakinquiry {
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
color:#333333;
font-size:10px;
padding-top:0px;
padding-left:24px;
padding-right:10px;
padding-bottom:24px;

background-color:#E2D998;
}
TABLE.kotakinquiry {
background-color:#E2D998;
padding:16px;
}

TD.kotakinquiry a{
color:#333333;
font-size:10px;
text-decoration:none;
}

TD.kotakinquiry a:hover{
font-size:10px;
color:#1A4A34;
text-decoration:none;
}


TD.bk1 {
background-image:url(images/bk1.gif);
background-repeat:repeat-x;
height:27px;
}

TD.bk2 {
background-image:url(images/bk2.gif);
background-repeat:repeat-x;
height:27px;
}

TD.toplogo {
background-image: url(images/bgtop.jpg);
background-repeat:repeat-x;
}

table.badan{
background-color:#E2D998; 
}

table.hijau{
background-color:#1A4A34; 
}

td.hotspot{
background-color:#ffffff; 
}

img.imgleft {
padding: 3px 11px 1px 0;
float: left;
}

table.mainpic {

}

span.juduldepan {
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
color:#B87A30;
font-size:10px;
font-weight:bold;
}

span.juduldepan a{
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
color:#B87A30;
font-size:10px;
font-weight:bold;
}

span.juduldepan a:hover{
color:#D59D59;
font-size:10px;
font-weight:bold;
}

span.retailmenu1 {
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
color:#B87A30;
font-size:11px;
font-weight:bold;
}

span.retailmenu1 a{
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
color:#491F00;
font-size:11px;
font-weight:bold;
}

span.retailmenu1 a:hover{
color:#B87A30;
font-size:11px;
font-weight:bold;
}

TD.menus {
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
color:#333333;
font-size:11px;
padding-top:18px;
padding-left:12px;
padding-right:12px;
padding-bottom:9px;
background-color:#E2D998;
}

TD.tabulasi {
background-color:#4b1e01;
height:4px;
}
TABLE.bagan{
border-left:1px solid #B87A2F;
border-top:1px solid #B87A2F;
}

TD.bagan{
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
font-weight:bold;
color:#333333;
font-size:10px;
padding-top:3px;
padding-left:6px;
padding-right:6px;
padding-bottom:3px;

background-color:#D6C869;
border-right:1px solid #B87A2F;
border-bottom:1px solid #B87A2F;
}

TD.bagan1{
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
color:#333333;
font-size:10px;
padding-top:3px;
padding-left:6px;
padding-right:6px;
padding-bottom:3px;

border-right:1px solid #B87A2F;
border-bottom:1px solid #B87A2F;
}

TD.bagan2{
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
color:#333333;
font-size:10px;
padding-top:3px;
padding-left:6px;
padding-right:6px;
padding-bottom:3px;

border-bottom:1px solid #B87A2F;
}

TD.bagan3{
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
color:#333333;
font-size:10px;
padding-top:10px;
padding-left:6px;
padding-right:6px;
padding-bottom:3px;

border-right:1px solid #B87A2F;
}

TD.subbagan3{
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
color:#333333;
font-size:10px;
padding-left:10px;
padding-right:10px;
}

TD.bagan4{
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
color:#333333;
font-size:10px;
padding-top:3px;
padding-left:6px;
padding-right:6px;
padding-bottom:3px;

border-right:1px solid #B87A2F;
border-bottom:1px solid #B87A2F;
}

TD.kotaknews {
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
color:#333333;
font-size:11px;
padding-top:10px;
padding-left:10px;
padding-right:5px;
padding-bottom:10px;

background-color:#E2D998;
}

/*   khusus menu - awal  */

.menu {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #BD9969;
}
.menu li {
	padding: 0;
	margin: 0;
	height: 33px;
	margin-right: 0em;
	list-style: none;
	background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: 1px;
	height: 33px;
	background-repeat: no-repeat;
}
.home {background-image: url(images/mhome2.gif); width: 62px;}
.home a {background-image: url(images/mhome1.gif);}
.home1 {background-image: url(images/mhome.gif); width: 62px;}
.home1 a {background-image: url(images/mhome.gif);}
.company {background-image: url(images/mcompany2.gif); width: 81px;}
.company a {background-image: url(images/mcompany1.gif);}
.company1 {background-image: url(images/mcompany.gif); width: 81px;}
.company1 a {background-image: url(images/mcompany.gif);}
.retail {background-image: url(images/mcoffeeshop2.gif); width: 101px;}
.retail a {background-image: url(images/mcoffeeshop1.gif);}
.retail1 {background-image: url(images/mcoffeeshop.gif); width: 101px;}
.retail1 a {background-image: url(images/mcoffeeshop.gif);}
.wholesale {background-image: url(images/mwholesale2.gif); width: 81px;}
.wholesale a {background-image: url(images/mwholesale1.gif);}
.wholesale1 {background-image: url(images/mwholesale.gif); width: 81px;}
.wholesale1 a {background-image: url(images/mwholesale.gif);}
.education {background-image: url(images/meducation2.gif); width: 83px;}
.education a {background-image: url(images/meducation1.gif);}
.education1 {background-image: url(images/meducation.gif); width: 83px;}
.education1 a {background-image: url(images/meducation.gif);}
.franchise {background-image: url(images/mfranchise2.gif); width: 85px;}
.franchise a {background-image: url(images/mfranchise1.gif);}
.franchise1 {background-image: url(images/mfranchise.gif); width: 85px;}
.franchise1 a {background-image: url(images/mfranchise.gif);}
.contactus {background-image: url(images/mcontactus2.gif); width: 94px;}
.contactus a {background-image: url(images/mcontactus1.gif);}
.contactus1 {background-image: url(images/mcontactus.gif); width: 94px;}
.contactus1 a {background-image: url(images/mcontactus.gif);}


ul.menu li a:hover {background: none;}
.menu li {float: left;}
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/*   khusus menu  -akhir */

/*   menu Company  -awal */

.menucompany {
	margin: 0;
	padding: 0;
	width: 196px;
	list-style: none;
	background: #fff;
}
.menucompany li {
	padding: 0;
	margin: 0;
	list-style: none;
	background-repeat: no-repeat;
}
.menucompany li a, .menucompany li a:visited {
	display: block;
	text-decoration: none;
	text-indent: 1px;
	background-repeat: no-repeat;
}
.history {background-image: url(images/lefthistory1.jpg); height: 37px;}
.history a {background-image: url(images/lefthistory.jpg); height: 37px;}
.values {background-image: url(images/leftmvalues1.jpg); height: 27px;}
.values a {background-image: url(images/leftmvalues.jpg); height: 27px;}
.achievements {background-image: url(images/leftmachievement1.jpg); height: 25px;}
.achievements a {background-image: url(images/leftmachievement.jpg); height: 25px;}
.memberships {background-image: url(images/leftmemberships1.jpg); height: 27px;}
.memberships a {background-image: url(images/leftmemberships.jpg); height: 27px;}
ul.menucompany li a:hover {background: none;}

/*   menu Company  -akhir */

/*   menu Wholesale  -awal */

.menuwhole {
	margin: 0;
	padding: 0;
	width: 196px;
	list-style: none;
	background: #fff;
}
.menuwhole li {
	padding: 0;
	margin: 0;
	list-style: none;
	background-repeat: no-repeat;
}
.menuwhole li a, .menuwhole li a:visited {
	display: block;
	text-decoration: none;
	text-indent: 1px;
	background-repeat: no-repeat;
}
.coffee {background-image: url(images/leftmcoffee1.jpg); height: 32px;}
.coffee a {background-image: url(images/leftmcoffee.jpg); height: 32px;}
.teas {background-image: url(images/leftmteas1.jpg); height: 28px;}
.teas a {background-image: url(images/leftmteas.jpg); height: 28px;}
.machines {background-image: url(images/leftmachines1.jpg); height: 29px;}
.machines a {background-image: url(images/leftmachines.jpg); height: 29px;}
.repair {background-image: url(images/leftmrepair1.jpg); height: 29px;}
.repair a {background-image: url(images/leftmrepair.jpg); height: 29px;}
.equip {background-image: url(images/leftmequip1.jpg); height: 28px;}
.equip a {background-image: url(images/leftmequip.jpg); height: 28px;}
.training {background-image: url(images/leftmtraining1.jpg); height: 28px;}
.training a {background-image: url(images/leftmtraining.jpg); height: 28px;}
.delivery {background-image: url(images/leftmdelivery1.jpg); height: 28px;}
.delivery a {background-image: url(images/leftmdelivery.jpg); height: 28px;}


ul.menuwhole li a:hover {background: none;}

/*   menu Wholesale  -akhir */

/*   menu Education Coffee  -awal */

.menuedu {
	margin: 0;
	padding: 0;
	width: 196px;
	list-style: none;
	background: #fff;
}
.menuedu li {
	padding: 0;
	margin: 0;
	list-style: none;
	background-repeat: no-repeat;
}
.menuedu li a, .menuedu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: 1px;
	background-repeat: no-repeat;
}
.coffee {background-image: url(images/leftcoffee1.jpg); height: 31px;}
.coffee a {background-image: url(images/leftcoffee.jpg); height: 31px;}
.tea {background-image: url(images/lefttea1.jpg); height: 30px;}
.tea a {background-image: url(images/lefttea.jpg); height: 30px;}
.historycoffee {background-image: url(images/lefthistcof1.jpg); height: 31px;}
.historycoffee a {background-image: url(images/lefthistcof.jpg); height: 31px;}
.blendcoffee {background-image: url(images/leftblendcof1.jpg); height: 28px;}
.blendcoffee a {background-image: url(images/leftblendcof.jpg); height: 28px;}
.waycoffee {background-image: url(images/leftwaycof1.jpg); height: 29px;}
.waycoffee a {background-image: url(images/leftwaycof.jpg); height: 29px;}
.decafcoffee {background-image: url(images/leftdeccof1.jpg); height: 29px;}
.decafcoffee a {background-image: url(images/leftdeccof.jpg); height: 29px;}
.grindcoffee {background-image: url(images/leftgrindcof1.jpg); height: 28px;}
.grindcoffee a {background-image: url(images/leftgrindcof.jpg); height: 28px;}
.cupcoffee {background-image: url(images/leftcupcof1.jpg); height: 28px;}
.cupcoffee a {background-image: url(images/leftcupcof.jpg); height: 28px;}
.faqcoffee {background-image: url(images/leftfaqcof1.jpg); height: 28px;}
.faqcoffee a {background-image: url(images/leftfaqcof.jpg); height: 28px;}
.glosscoffee {background-image: url(images/leftgloscof1.jpg); height: 30px;}
.glosscoffee a {background-image: url(images/leftgloscof.jpg); height: 30px;}


.historytea {background-image: url(images/lefthistea1.jpg); height: 33px;}
.historytea a {background-image: url(images/lefthistea.jpg); height: 33px;}
.typetea {background-image: url(images/lefttypetea1.jpg); height: 28px;}
.typetea a {background-image: url(images/lefttypetea.jpg); height: 28px;}
.brewtea {background-image: url(images/leftbrewtea1.jpg); height: 29px;}
.brewtea a {background-image: url(images/leftbrewtea.jpg); height: 29px;}
.benetea {background-image: url(images/leftbentea1.jpg); height: 28px;}
.benetea a {background-image: url(images/leftbentea.jpg); height: 28px;}
.teacup {background-image: url(images/leftcuptea1.jpg); height: 28px;}
.teacup a {background-image: url(images/leftcuptea.jpg); height: 28px;}
.faqtea {background-image: url(images/leftfaqtea1.jpg); height: 29px;}
.faqtea a {background-image: url(images/leftfaqtea.jpg); height: 29px;}
.teaglos {background-image: url(images/leftglostea1.jpg); height: 30px;}
.teaglos a {background-image: url(images/leftglostea.jpg); height: 30px;}

ul.menuedu li a:hover {background: none;}

/*   menu education Coffee  -akhir */

/*   menu Catalogue  -awal */

.menucatalogue {
	margin: 0;
	padding: 0;
	width: 196px;
	list-style: none;
	background: #fff;
}
.menucatalogue li {
	padding: 0;
	margin: 0;
	list-style: none;
	background-repeat: no-repeat;
}
.menucatalogue li a, .menucatalogue li a:visited {
	display: block;
	text-decoration: none;
	text-indent: 1px;
	background-repeat: no-repeat;
}
.catmachines {background-image: url(images/leftcatmachines1.jpg); height: 28px;}
.catmachines a {background-image: url(images/leftcatmachines.jpg); height: 28px;}
.catgrinders {background-image: url(images/leftcatgrinders1.jpg); height: 28px;}
.catgrinders a {background-image: url(images/leftcatgrinders.jpg); height: 28px;}
.cataccess {background-image: url(images/leftcataccess1.jpg); height: 28px;}
.cataccess a {background-image: url(images/leftcataccess.jpg); height: 28px;}
.cataccessa {background-image: url(images/leftcataccess1a.jpg); height: 28px;}
.cataccessa a {background-image: url(images/leftcataccessa.jpg); height: 28px;}
.catcoffee {background-image: url(images/leftcatcoffee.jpg); height: 28px;}
.catcoffee a {background-image: url(images/leftcatcoffee1.jpg); height: 28px;}
.cattea {background-image: url(images/leftcattea.jpg); height: 28px;}
.cattea a {background-image: url(images/leftcattea1.jpg); height: 28px;}

ul.menucatalogue li a:hover {background: none;}

/*   menu Catalogue  -akhir */
.menukopi {
	margin: 0;
	padding: 0;
	width: 196px;
	list-style: none;
	background: #fff;
}
.menukopi li {
	padding: 0;
	margin: 0;
	list-style: none;
	background-repeat: no-repeat;
}
.menukopi li a, .menukopi li a:visited {
	display: block;
	text-decoration: none;
	text-indent: 1px;
	background-repeat: no-repeat;
}
.kopi {background-image: url(images/leftcoffee1.jpg); height: 31px;}
.kopi a {background-image: url(images/leftcoffee.jpg); height: 31px;}
.kopihistory {background-image: url(images/cofhistory1.jpg); height: 29px;}
.kopihistory a {background-image: url(images/cofhistory.jpg); height: 29px;}
.kopiblend {background-image: url(images/cofblending1.jpg); height: 29px;}
.kopiblend a {background-image: url(images/cofblending.jpg); height: 29px;}
.kopiway {background-image: url(images/cofway1.jpg); height: 28px;}
.kopiway a {background-image: url(images/cofway.jpg); height: 28px;}
.kopidecaf {background-image: url(images/cofdecaf1.jpg); height: 28px;}
.kopidecaf a {background-image: url(images/cofdecaf.jpg); height: 28px;}
.kopigrind {background-image: url(images/cofgrinding1.jpg); height: 28px;}
.kopigrind a {background-image: url(images/cofgrinding.jpg); height: 28px;}
.kopicup {background-image: url(images/cofcupping1.jpg); height: 29px;}
.kopicup a {background-image: url(images/cofcupping.jpg); height: 29px;}
.kopifaq {background-image: url(images/coffaq1.jpg); height: 28px;}
.kopifaq a {background-image: url(images/coffaq.jpg); height: 28px;}
.kopigloss {background-image: url(images/cofglossary1.jpg); height: 28px;}
.kopigloss a {background-image: url(images/cofglossary.jpg); height: 28px;}
.teh {background-image: url(images/lefttea.jpg); height: 30px;}
.teh a {background-image: url(images/lefttea.jpg); height: 30px;}

ul.menukopi li a:hover {background: none;}
/*   menu Catalogue  -akhir */

/*   menu Catalogue  -akhir */
.menuteh {
	margin: 0;
	padding: 0;
	width: 196px;
	list-style: none;
	background: #fff;
}
.menuteh li {
	padding: 0;
	margin: 0;
	list-style: none;
	background-repeat: no-repeat;
}
.menuteh li a, .menuteh li a:visited {
	display: block;
	text-decoration: none;
	text-indent: 1px;
	background-repeat: no-repeat;
}
.kopi {background-image: url(images/leftcoffee1.jpg); height: 31px;}
.kopi a {background-image: url(images/leftcoffee.jpg); height: 31px;}
.teh {background-image: url(images/lefttea-a1.jpg); height: 31px;}
.teh a {background-image: url(images/lefttea-a.jpg); height: 31px;}
.tehhistory {background-image: url(images/tehistory1.jpg); height: 29px;}
.tehhistory a {background-image: url(images/tehistory.jpg); height: 29px;}
.tehtype {background-image: url(images/tetype1.jpg); height: 29px;}
.tehtype a {background-image: url(images/tetype.jpg); height: 29px;}
.tehbrew {background-image: url(images/tebrewing1.jpg); height: 28px;}
.tehbrew a {background-image: url(images/tebrewing.jpg); height: 28px;}
.tehben {background-image: url(images/tebenefit1.jpg); height: 28px;}
.tehben a {background-image: url(images/tebenefit.jpg); height: 28px;}
.tehcup {background-image: url(images/tecupping1.jpg); height: 28px;}
.tehcup a {background-image: url(images/tecupping.jpg); height: 28px;}
.tehfaq {background-image: url(images/tefaq1.jpg); height: 29px;}
.tehfaq a {background-image: url(images/tefaq.jpg); height: 29px;}
.tehglos {background-image: url(images/teglossary1.jpg); height: 28px;}
.tehglos a {background-image: url(images/teglossary.jpg); height: 28px;}

ul.menuteh li a:hover {background: none;}
/*   menu Catalogue  -akhir */

/*   menu Catalogue  -akhir */

/* Form2 */

INPUT.formkontak {
background-color: #F7F4E1;
padding :5px;
border: #DDD288 1px solid;
COLOR: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

textarea.formkontak {
background-color: #F7F4E1;
padding :5px;
border: #DDD288 1px solid;
COLOR: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

select.formkontak {
background-color: #F7F4E1;
padding:5px;
border: #DDD288 1px solid;
COLOR: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

INPUT.formsubmit {
background-color: #4B1E00;
border: #4B1E00 1px solid;
COLOR: #E2D998;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE:10px;
}

/* akhir form*/

TD.footer {
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
color:#E2D998;
font-size:10px;
text-align:center;
}


TD.footer a{
color:#E2D998;
font-size:10px;
text-decoration:none;
text-align:center;
}

TD.footer a:hover{
font-size:10px;
color:#ffffff;
text-decoration:none;
text-align:center;
}