BODY
{
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 9pt;
  COLOR: #000000;
  line-height: 140%;
  background:  url('images/bg.jpg');
  background-repeat: repeat;
  background-attachment: fixed;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;	
  background-color: #FFFFFF;
}


div.container
{
width: 970px;
background: #FFFFFF ;
  BORDER-RIGHT:  1px solid;   
  BORDER-TOP: none; 
  BORDER-LEFT: 1px solid;   
  BORDER-BOTTOM: none;  
}


div.header
{
background-color: #FFFF99;
clear: left;
Height: 150px;
}

div.LeftSidebar
{
float: left;
width: 382px;
height: 1000px;
background-color: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background:  url('Images/page_left_01.jpg');
background-repeat: no-repeat;

}
 
div.Content
{
  background:  url('images/page_content_01.jpg');
  background-repeat: no-repeat;
  background-position: top left;
  float: left;
  width: 585px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 9pt;
  COLOR: #000000;
  line-height: 140%;
  text-align: left;
}

div.Content p
{
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 9pt;
  COLOR: #000000;
  line-height: 140%;
  text-align: justify;
}

div.Content H1
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family:  Arial, Verdana,   'MS Sans Serif', Sans-Serif,'Lucida Grande',  ; 
  font-size: 18pt;
  font-style: oblique;
  font-weight: bold;
  COLOR: #0071BC;
  line-height: 130%;
  text-align: left;
}

div.Content H2
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family:  Arial, Verdana, 'MS Sans Serif', Sans-Serif,'Lucida Grande',  ; 
  font-size: 11pt;
  text-decoration: underline;
  font-weight: bold;
  COLOR: #ED1C24;
  line-height: 110%;
  text-align: left;
}

 
div.Content li
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: Verdana, Arial,    'MS Sans Serif', Sans-Serif,'Lucida Grande',  ; 
  font-size: 9pt;
  list-style-image: url(images/leaf.gif);
  COLOR: #000000;
  font-weight: regular;
  line-height: 140%;
}

div.Content form
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: #009900 1px solid;
}


div.Content a
{
  COLOR: blue;
  text-decoration: underline;
}

div.Content a:hover
{
 
  COLOR: red;
  text-decoration: underline;
}

div.InsentifBox
{
  border: #009900 1px solid;
  margin: 0px 0px 0px 0px;
  padding: 0px 10px 0px 10px; 
}



#cleardiv
{
clear: both;
}

div.footer
{
background-color: #99FF99;
width: 100%;
Height: 50px;
} 

div.footer_index
{
  background-color: #FFFFFF;
  width: 970px;
  Height: 138px;
  background:  url('images/footer.gif');
  background-repeat: no-repeat;
  background-position: bottom center; 
} 

div.content_index
{
  background-color: #FFFF;
  width: 970px;
  background:  url('images/header_05.jpg');
  background-repeat: no-repeat;
  background-position: top center; 
} 
 
 
div.Content_index h1
{
  font-family:  Arial, Verdana,  'MS Sans Serif', Sans-Serif,'Lucida Grande',  ; 
  font-size: 14pt;
  font-style: bold;
  color:  #FFFFFF;
  line-height: 130%; 
  padding-left: 40px;
  padding-right: 70px;
  margin: 0px 0px 0px 0px;
  text-align: left;
}
 
div.Content_index h2
{
  background:  url('images/ingredient.gif');
  background-repeat: no-repeat;
  background-position: top right; 
  font-family: Arial, Verdana,   'MS Sans Serif', 'Lucida Grande', Sans-Serif; 
  font-size: 14pt;
  font-style: bold;
  color: #999999;
  line-height: 150%; 
  padding-left: 30px;
  margin: 0px 0px 0px 0px;
  text-align: left;
}




.footernote
{
  font-family: Verdana, Arial,    'MS Sans Serif', 'Lucida Grande', Sans-Serif; 
  font-size: 8pt;
  font-style: normal
  line-height: 150%; 
  color: #000000;
}

.ContactForm
{
	font-family: Verdana, Arial, 'MS Sans Serif', 'Lucida Grande', Sans-Serif; 
	font-size: 8pt;
	line-height: 140%;
	COLOR: #000000;
    margin: 0px 0px 0px 0px;
	text-align: left;	
}

div.penafian
{
  width: 450px; 
  padding: 5px 5px 5px 5px;
  margin-left: 5px;
  font-size: 7pt;
  FONT-FAMILY:  verdana, Arial,   Helvetica, sans-serif;   
  font-weight:normal;  
  line-height: 130%;
  text-decoration: none;
  color: #333333;
 
 
  text-align: left;
  
}
 
 
.button
{
    BORDER: #0000FF 1px outset;
	BACKGROUND-COLOR: #F2F2F2;
	PADDING-TOP: 2px;
	PADDING-BOTTOM: 2px;
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bold;
    font-size: 9pt;
    FONT-FAMILY:  verdana, Arial,   Helvetica, sans-serif; 
 
}

.buttonNext
{
    BORDER: #0000FF 1px outset;
	BACKGROUND-COLOR: #F2F2F2;
	PADDING: 3px 3px 3px 3px;
    FONT-WEIGHT: bold;
    font-size: 10pt;
    FONT-FAMILY:  Arial, verdana,    Helvetica, sans-serif; 
	color: red;
	line-height: 130%;
	text-decoration: none;
 
}
 

.Berita1
{
 
  BORDER-RIGHT: none;  
  BORDER-TOP: #999900 1px inset; 
  BORDER-LEFT:  none;    
  BORDER-BOTTOM: none;  
}

.Berita2
{
 
  BORDER-RIGHT: none;  
  BORDER-TOP: #00FF00 1px inset; 
  BORDER-LEFT:  none;    
  BORDER-BOTTOM: none;  
}

.beritaHead 
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family:  Arial, Verdana, 'MS Sans Serif', Sans-Serif,'Lucida Grande',  ; 
  font-size: 11pt;
  text-decoration: underline;
  font-weight: bold;
  COLOR: #666666;
  line-height: 130%;
  text-align: left;
}

a.beritaHead 
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family:  Arial, Verdana, 'MS Sans Serif', Sans-Serif,'Lucida Grande' ; 
  font-size: 11t;
  text-decoration: none;
  font-weight: bold;
  COLOR: #FF0000;
  line-height: 130%;
  text-align: left;
 
}

a.beritaHead:hover 
{
  COLOR: #3366CC;
  text-decoration: underline;
}



/* ######### Style for Tab Interface itself ######### */
 


.menulink{
padding: 0px 0;
margin-left: 0;
margin-top: 0px;
margin-bottom: 0;
font: bold 10px Verdana;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}
 
 

.shadetabs{
padding-left: 0px;
padding-top: 0px;
border-bottom: none;
margin-bottom: 0;
text-align: left;
line-height: 100%;
}

 
.shadetabs ul{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style-type: none;
font: bold 13pt Verdana, Arial,   'MS Sans Serif', 'Lucida Grande', Sans-Serif;
line-height: 100%;
}

.shadetabs li{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
line-height: 100%;
}

.shadetabs li a{
text-decoration: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: none;
text-decoration: none;
color: #0071BC;
font: bold 13pt Verdana, Arial,   'MS Sans Serif', 'Lucida Grande', Sans-Serif;
line-height: 100%;
}

.shadetabs li a:visited{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
line-height: 100%;
}

.shadetabs li a:hover{
text-decoration: none;
font-style: italic;
color: #ED1C24;
font: bold;
line-height: 100%;
font-size: 100%;
}

.shadetabs li.selected{
color: #FF0000;
line-height: 100%;
}

.shadetabs li.selected a{ /*selected main tab style */
color: #FF0000;
border-bottom-color: none;
font-style: italic;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
font-style: italic;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
margin-top: 0px;
margin-left: 0px;
position: absolute;
border: 1px solid #ED1C24; /*THEME CHANGE HERE*/
 
background-color: #FFFFDF;
width: 260px;
visibility: hidden;
padding-left: 0px;
padding-top: 0px;
border-bottom: none;
margin-bottom: 0;
text-align: left;
font: bold 10pt Verdana, Arial,   'MS Sans Serif', 'Lucida Grande', Sans-Serif;

}

.dropmenudiv a{
width: auto;
display: block;
text-indent: 0px;
border-bottom: 1px solid  #333333; /*THEME CHANGE HERE*/
padding-left: 3px;
text-decoration: none;
font-weight: bold;
color: #000000;
line-height: 140%;

}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: none;
text-decoration: none;
color: #FF0000;
background-image: url(shadeactive.gif);
}



div.HawthornBerry
{
width: 547px;
Height: 308px;
background: url('images/hawthorn-berry/hawthorn-berry-bg01.jpg');
 
margin: 10px 10px 10px 10px;
padding: 0px 0px 0px 0px;	
}

div.HawthornFeature
{
clear: both;
background: none;
margin: 10px 10px 30px 10px;
padding: 0px 0px 20px 0px;	
}


div.HawthornFeature p
{

  font-family: Times New Roman, Times, Arial, Verdana, 'MS Sans Serif', 'Lucida Grande', Sans-Serif; 
  font-size: 15pt;
  font-style: italic;
  font-weight: bold;
  color: #c00000;
  line-height: 120%; 
  padding-botto,: 0px;
  margin: 0px 0px 0px 0px;
  text-align: left;
}