/* CSS DOCUMENT */

/*-------------------------- GENERAL --------------------------*/
body{
	padding:0; margin:0;
	font-family:Arial, Helvetica, sans-serif;
	}

.title {
	font-size:24px; 
	font-weight:bold;
}

.freqlink {
	font-weight:bold;
	}

.freqlink a {
	text-decoration:none;
	background: #313131;
	padding: 3px 3px;
	color:#ff6600;
	}	

.freqlink a:hover{
	text-decoration:none;
	background: #313131;
	color:#999999;
	}
	
div, mg, p, a, ul, form, input, label, h2, h3{
	padding:0;
	margin:0;
	border: 1;
#	float: inherit;
	}
img{
	border:none;
	margin-left: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background-repeat: repeat-x;
	padding-top: 0px;
}
a{ outline:none; text-decoration:none;}
ul{ list-style-type:none;}
.spacer{
	line-height:0;
	font-size:0;
	clear:both;
	}

/*-------------------------- HEADER --------------------------*/
div#header-bg{
	background:#FFFFFF url(images/header-bg.gif) 0 100% repeat-x; 
	padding:6px 0 6px 0;
	color:#FCF7CC;
	}
div#header-bg div#header{
	width:922px;
	margin:0 auto;
/*	background-image: url(images/hdyrmasthead.png); */
	}
div#header-bg div#header img.logo{
	float:left; margin:2px 0 0 0;
	}

/*-------------------------- LOGIN AREA --------------------------*/
div#header-login{
	padding:6px 0 6px 0;
	color:#FCF7CC;
	}

div#header-login div#header div#login-bg{
	float:right; width:580px;
	background:url(images/login-middle-bg.gif) 0 0 repeat-x; 
 	}
div#header-login div#header div#login-bg div#login-area{
	width:580px;
	background:url(images/login-left-bg.gif) 0 0 no-repeat;
	}
div#header-login div#header div#login-bg div#login-area form{
	width:557px;
	height:47px;
	padding:21px 0 0 23px;
	background:url(images/login-right-bg.gif) 100% 0 no-repeat;
	}
div#header-login div#header div#login-bg div#login-area form label{
	background:url(images/login-icon.jpg) 0 2px no-repeat;
	line-height:25px;
	font-size:18px;
	color:#FFFFCC;
	padding:0 0 0 8px;
	float:left;
	margin:0 10px 0 0;
	background-color:inherit;
	}
div#header-login div#header div#login-bg div#login-area form input{
 	width:120px; height:18px; border:1px solid #924A43;
 	background-color:#FFFFCC; font-size:13px; color:#924A43;
 	line-height:10px; padding:5px 0 0 10px; float:left;
 	margin:0 12px 0 0;
 	}
div#header-login div#header div#login-bg div#login-area form input.login-btn{
	width:52px; height:24px; border:none;
	background:none; padding:0; margin:1px 0 0 0;
	}
div#header-login div#header div#login-bg div#login-area form input.login-chk{
	width:12px; 
	margin:0px 10px 0px 10px;
	}
/*-------------------------- NAVIGATION PART --------------------------*/
div#navigation-bg{
	height:80px; background:url(images/navigation-bg.gif) 0 0 repeat-x;
	}
div#navigation-bg div#navigation{
	width:1030px; margin:0 auto; 
	}
div#navigation-bg div#navigation ul.mainMenu{
	padding:0; float:left; width:1130px; 
	}
div#navigation-bg div#navigation ul.mainMenu li{
	width:111px; float:left;
	background:url(images/navigation-divider.gif) 100% 0 no-repeat;
	}
div#navigation-bg div#navigation ul.mainMenu li a{
	width:110px; height:33px; display:block;
	line-height:33px; text-align:center;
	font-weight:bold; color:#FAF0C2; font-size:11px;
	background-color:inherit;
	}
div#navigation-bg div#navigation ul.mainMenu li.nutri a{
	width:110px; height:33px; display:block;
	line-height:12px; text-align:center; padding-top:5px;
	font-weight:bold; color:#FAF0C2; font-size:11px;
	background-color:inherit;
	}
div#navigation-bg div#navigation ul.mainMenu li a:hover{
	background:url(images/navigation-bg-selected.gif) 0 0 no-repeat;
	}
div#navigation-bg div#navigation ul.mainMenu li a.selectMenu{
	width:110px; height:33px; display:block;
	line-height:33px; text-align:center;
	font-weight:bold; color:#FAF0C2; font-size:11px;
	background:url(images/navigation-bg-selected.gif) 0 0 no-repeat;
	background-color:inherit;
	}
div#navigation-bg div#navigation ul.mainMenu li.nutri a.selectMenu{
	width:110px; height:33px; display:block;
	line-height:12px; text-align:center; padding-top:5px;
	font-weight:bold; color:#FAF0C2; font-size:11px;
	background:url(images/navigation-bg-selected.gif) 0 0 no-repeat;
	background-color:inherit;
	}

/*-------------------------- INTRANET NAVIGATION PART --------------------------*/
div#navigation-bg-intranet{
	height:80px; background:#8fc63f;
	}
div#navigation-bg-intranet div#navigation{
	width:1030px; margin:0 auto; 
	}
div#navigation-bg-intranet div#navigation ul.mainMenu{
	padding:0; float:left; width:1130px; 
	}
div#navigation-bg-intranet div#navigation ul.mainMenu li{
	width:111px; float:left;
	background:url(images/navigation-divider.gif) 100% 0 no-repeat;
	}
div#navigation-bg-intranet div#navigation ul.mainMenu li a{
	width:110px; height:33px; display:block;
	line-height:33px; text-align:center;
	font-weight:bold; color:#FAF0C2; font-size:11px;
	background-color:inherit;
	}
div#navigation-bg-intranet div#navigation ul.mainMenu li.nutri a{
	width:110px; height:33px; display:block;
	line-height:12px; text-align:center; padding-top:5px;
	font-weight:bold; color:#FAF0C2; font-size:11px;
	background-color:inherit;
	}
div#navigation-bg-intranet div#navigation ul.mainMenu li a:hover{
	background:url(images/navigation-bg-selected.gif) 0 0 no-repeat;
	}
div#navigation-bg-intranet div#navigation ul.mainMenu li a.selectMenu{
	width:110px; height:33px; display:block;
	line-height:33px; text-align:center;
	font-weight:bold; color:#FAF0C2; font-size:11px;
	background:url(images/navigation-bg-selected.gif) 0 0 no-repeat;
	background-color:inherit;
	}
div#navigation-bg-intranet div#navigation ul.mainMenu li.nutri a.selectMenu{
	width:110px; height:33px; display:block;
	line-height:12px; text-align:center; padding-top:5px;
	font-weight:bold; color:#FAF0C2; font-size:11px;
	background:url(images/navigation-bg-selected.gif) 0 0 no-repeat;
	background-color:inherit;
	}
/*-------------------------- DROP DOWN MENU STARTS --------------------------*/
ul.subNav{
	font:normal 11px/12px Arial, Helvetica, sans-serif;
	padding:4px 0 0 0;
	}
ul.subNav li{
	background:url(images/navigation-dropdown-divider.png) 0 0 no-repeat;
	height:25px; float:left; padding:13px 0 0 0;
	}
ul.subNav li a{
	display:block; margin:0 22px 0 20px;
	color:#84915D;
	background-color:inherit;
	}
ul.subNav li a:hover{
	color:#fff;
	background-color:inherit;
	}
/*-------------------------- DROP DOWN MENU ENDS --------------------------*/

div#navigation-bg div#navigation a.signup{
	width:71px; height:28px; display:block;
	background:url(images/sign-up-btn.gif) 0 0 no-repeat;
	margin:2px 0 0 0; float:right; 
	}
div#navigation-bg div#navigation a.signup:hover{
	background:url(images/sign-up-btn-selected.gif) 0 0 no-repeat;
	}

/*-------------------------- OUR COMPANIES MAIN FEATURES --------------------------*/
div#ourCompany-bg{
	background:#77b800 url(images/bamboo_bkgd.png) 0 0 repeat;
	}
div#ourCompany-bg div#ourCompany-part{
	width:926px;
	margin:0 auto;
	min-height: 378px;
/*	background-image: url(images/bamboo.png);
	background-repeat: repeat-x;
	background-position: 606px 0; */
	padding-bottom: 0px;
	border: 1;
	border-top: 1;
	}
div#ourCompany-bg div#ourCompany-part h2.ourCompany-hdr{
	font:normal 35px/38px "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#082733; width:574px; height:43px;
	background:url(images/horz-dot.gif) 0 100% repeat-x;
	background-color:inherit;
	}
div#ourCompany-bg div#ourCompany-part div#ourCompany-leftPart{
	width:284px; border-right:2px solid #CBC387;
	margin:12px 0 0 0; float:left;
	}
	
div#ourCompany-bg-intranet{
	background:#55301b;
	}
div#ourCompany-bg-intranet div#ourCompany-part{
	width:926px;
	margin:0 auto;
	min-height: 378px;
/*	background-image: url(images/bamboo.png);
	background-repeat: repeat-x;
	background-position: 606px 0; */
	padding-bottom: 0px;
	border: 1;
	border-top: 1;
	}
div#ourCompany-bg-intranet div#ourCompany-part h2.ourCompany-hdr{
	font:normal 35px/38px "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#082733; width:574px; height:43px;
	background:url(images/horz-dot.gif) 0 100% repeat-x;
	background-color:inherit;
	}
div#ourCompany-bg-intranet div#ourCompany-part div#ourCompany-leftPart{
	width:284px; border-right:2px solid #CBC387;
	margin:12px 0 0 0; float:left;
	}
		
h2.faq-Hdr{
	width:231px; height:20px; color:#951509;
	line-height:19px; font-weight:bold; font-size:12px;
	padding:0 0 0 21px; background:#FAF3BB url(images/faq-icon.gif) 3px 4px no-repeat;
	}
h2.moreIdeas-Hdr{
	width:231px; height:20px; color:#951509;
	line-height:19px; font-weight:bold; font-size:12px;
	padding:0 0 0 21px; background:#FAF3BB url(images/more-ideac-icon.gif) 3px 4px no-repeat;
	}
ul.ourCompany-list{
	padding:11px 0 10px 0;
	}
ul.ourCompany-list li{
	background:url(images/bullet1.gif) 0 3px no-repeat;
	display:block; margin:0 0 8px 0; padding:0 0 0 15px;
	color:#47481A; font-size:11px; line-height:11px;
	background-color:inherit;
	}
ul.ourCompany-list li a{
	color:#47481A; font-size:11px; line-height:11px;
	text-decoration:underline;
	background-color:inherit;
	}
ul.ourCompany-list li a:hover{
	text-decoration:none;
	}
div#ourCompany-bg div#ourCompany-part div#ourCompany-rightPart{
	width:252px; margin:12px 0 0 0; float:left;
	padding:0 0 0 25px;
	}
h2.moreInfo-Hdr{
	width:231px; height:20px; color:#951509;
	line-height:19px; font-weight:bold; font-size:12px;
	padding:0 0 0 21px; background:#FAF3BB url(images/more-info-icon.gif) 3px 4px no-repeat;
	}
p.moreInfo-Text{
	padding:0 0 20px 23px; font-size:10px;
	line-height:14px; color:#47481A;
	background-color:inherit;
	}
h2.searchUrl-Hdr{
	width:231px; height:20px; color:#951509;
	line-height:19px; font-weight:bold; font-size:12px;
	padding:0 0 0 21px; background:#FAF3BB url(images/search-url-icon.gif) 3px 4px no-repeat;
	}

/*-------------------------- FUTURE PLANS --------------------------*/
div#futurePlan-bg{
	background:#543019 url(images/future-plan-bg.gif) 0 0 repeat-x;
	color:#543019;
	}
div#futurePlan-bg div#futurePlanContant{
	width:922px;
	margin:0 auto;
	padding:23px 0 17px 0;
	}
	
	/*-------------------------- SOCIAL ICONS LINKS --------------------------*/
div#futurePlan-bg{
	background:#543019 url(images/future-plan-bg.gif) 0 0 repeat-x;
	color:#543019;
	}
div#futurePlan-bg div#futurePlanContant{
	width:922px;
	margin:0 auto;
	padding:15px 0 5px 0;
/*	background-image: url(images/brwn_floral_outline2.png); */
	}

/*-------------------------- FUTURE PART --------------------------*/
div#futurePlan-bg div#futurePlanContant div#futurePart{
/*	width:613px; */
	width:922px;
	float:left;
	padding:0px 0 0 0;
	}
div#futurePlan-bg div#futurePlanContant div#futurePart h2.future-hdr{
	height:44px;
	color:#E7DFA0;
	font:normal 35px/35px "Arial Narrow", Arial, Helvetica, sans-serif;
	background:url(images/horz-dot-2.gif) 0 100% repeat-x;
	background-color:inherit;
	text-align:center;
	font-weight:bold;
	}
div#futurePlan-bg div#futurePlanContant div#futurePart h3.future-subHdr{
	color:#B46F07; font-size:17px; line-height:17px;
	padding:20px 0 0 0; font-weight:bold;
	background-color:inherit;
	}
div#futurePlan-bg div#futurePlanContant div#futurePart p{
	font-size:18px;
	line-height:24px;
	color:#e7dfa0;
	padding:0px 0 0 0;
	background-color:inherit;
	text-align:center;
	}
div#futurePlan-bg div#futurePlanContant div#futurePart img{
	display:block;
	margin:0;
	padding-top: 23px;
	}

/*-------------------------- FOOTER PART --------------------------*/
div#footer-bg{
/*	background:#371c0a url(images/footer-bg.gif) 0 0 repeat-x; */
	background-color:#ffffff;
	color:#B3AC8B;
	}
div#footer-bg div#footer-menu{
	width:922px;
	margin:0 auto;
	padding:10px 0 10px 0;
	background:url(images/footer-logo.jpg) 100% 13px no-repeat;
	}
div#footer-bg div#footer-menu ul.footMenu{
	padding:0 0 0 0;
	}
div#footer-bg div#footer-menu ul.footMenu li{
	float:left; background:url(images/footmenu-divider.gif) 0 3px no-repeat;
	}
div#footer-bg div#footer-menu ul.footMenu li.noDivider{
	background:none;
	}
div#footer-bg div#footer-menu ul.footMenu li a{
	color:#B3AC8B; font-size:11px; line-height:16px;
	padding:0 7px 0 7px; display:block; margin:0 0 0 1px;
	background-color:inherit;
	}
div#footer-bg div#footer-menu ul.footMenu li a:hover{
	background-color:#262626;
	color:#B3AC8B;
	}
div#footer-bg div#footer-menu p.copyright{
	padding:5px 0 0 7px;
	color:#706933;
	font-size:11px;
	line-height:11px;
	background-color:inherit;
	}
div#footer-bg div#footer-menu p.copyright a{
	color:#B3AC8B;
	background-color:inherit;
	}
div#footer-bg div#footer-menu p.copyright a:hover{
	color:#706933;
	background-color:inherit;
	}

/*-------------------------- FOOTER INTRANET PART --------------------------*/
div#footer2-bg{
	background:#371c0a url(images/footer-bg.gif) 0 0 repeat-x; 
	color:#B3AC8B;
	}
div#footer2-bg div#footer-menu{
	width:922px;
	margin:0 auto;
	padding:10px 0 10px 0;
	background:url(images/footer-logo.jpg) 100% 13px no-repeat;
	}
div#footer2-bg div#footer-menu ul.footMenu{
	padding:0 0 0 0;
	}
div#footer2-bg div#footer-menu ul.footMenu li{
	float:left; background:url(images/footmenu-divider.gif) 0 3px no-repeat;
	}
div#footer2-bg div#footer-menu ul.footMenu li.noDivider{
	background:none;
	}
div#footer2-bg div#footer-menu ul.footMenu li a{
	color:#B3AC8B; font-size:11px; line-height:16px;
	padding:0 7px 0 7px; display:block; margin:0 0 0 1px;
	background-color:inherit;
	}
div#footer2-bg div#footer-menu ul.footMenu li a:hover{
	background-color:#262626;
	color:#B3AC8B;
	}
div#footer2-bg div#footer-menu p.copyright{
	padding:5px 0 0 7px;
	color:#706933;
	font-size:11px;
	line-height:11px;
	background-color:inherit;
	}
div#footer2-bg div#footer-menu p.copyright a{
	color:#B3AC8B;
	background-color:inherit;
	}
div#footer2-bg div#footer-menu p.copyright a:hover{
	color:#706933;
	background-color:inherit;
	}

/*-------------------------- MISLENIOUS --------------------------*/
.noBottomPadding{
	padding-bottom:0 !important;
	}
.noBg{
	background:none !important;
	}
.topPad{
	padding-top:15px !important;
	}
.loginbox{
  font:normal 11px/12px Arial, Helvetica, sans-serif;
  }

/*-------------------------- Pages --------------------------*/
body,td,th, p, a {color: #FFFFFF;}
.style20 {font-size: 25px;color: #CC6600;}
.style23 {font-size: 14px;color: #333333;}
.style30 {color: #FFFFCC}
.style31 {color: #FFFFFF;font-size: 20px;}
.style32 {font-size: 12px;color: #FFF;}
.style33 {font-size: 14px}
.style34 {font-size: 18px}
.style39 {color: #FFFFFF;font-size: 18px;}
.style42 {color: #FFFFFF;font-size: 24px;}
.style46 {font-size: 26px}
.style47 {color: #333333}
.style54 {font-size: 16px;color: #FFFFCC;}
.style55 {font-size: 32px}
.style56 {font-size: 18px}
.style58 {font-size: 20px}
.style59 {font-size: 25px}
.style60 {font-size: 14px}
.style61 {color: #FFFFCC}
.style62 {color: #FFFFCC;font-size: 14px;}
.style63 {color: #FFFFCC;font-size: 18px}
.style64 {font-size: 16px;color: #FFF;}
.style65 {font-size: 16px;color: #543019;}
.style66 {color: #FFFFCC;font-size: 14px;}
.style67 {color: #FF6600}
.style70 {font-size: 10px}
.style71 {font-size: 11px}
.style72 {color: #442902}
.style73 {font-size: 10}
.style74 {color: #FF6600}
.style75 {font-size: 11pt}
.style77 {font-size: 16px}
.style78 {font-size: 28px;color: #FFF;}
.style79 {font-size: 28px;color: #543019;font-weight:bold;}
.style80 {color: #543019;}
.style81 {color: #543019;font-size:10px;}

#ourCompany-bg #ourCompany-part .style43.style30 strong {color: #FFF;font-size: 24px;}
#ourCompany-bg #ourCompany-part .style43.style30 .style39 strong {font-size: 18px;}

.nutCalcInputTable {padding:2px;font-size:12px;color: #543019;}
.nutCalcInputTable th {text-align:left;padding-top:8px;font-size:16px;color: #543019;}
.nutCalcItem {padding-left:5px;padding-top:1px;font-size:14px;color: #543019;}

.isikata {
	background-image:url(images/main_07.png);
	background-repeat:no-repeat;
	background-position:top;
	height:128px;
	min-height:128px;
	width:173px;
	min-width:173px;
	vertical-align:top;
}

.isikata p {
	color:#000000;
}

.isikata a {
	color:#000000;
	text-decoration:none;
}

.isikata a:hover {
	color:#000000;
	text-decoration:underline;
}

.isihomepage {
	vertical-align:top;
	height:135px;
	min-height:135px;
	width:486px;
	min-width:486px;
}

.isihomepage p {
	color:#ffffff;
	font-size: 18px;
}

.isihomepage a {
	color:#ffffcc;
	text-decoration:none;
}

.isihomepage a:hover {
	color:#ffffcc;
	text-decoration:underline;
}

.processlink {
	color:#d6eab3;
	text-align:center;
	vertical-align:bottom;
	height:220px;
	width:20%;
	}
.processlink a {text-decoration:none;
	color:#d6eab3;
	}	
.processlink a:hover{text-decoration:none;
	color:#ffffff;
	}
	
.error{
	font-weight:bold;
	color: #ff0000;
	text-align:center; 
}

.error3{
	font-weight:bold;
	color: #ff0000;
}

.error2{
	font-weight:bold;
	color: #ff0000;
	text-align:center;
	font-size:12px;
}
	
.readon {
	background: #CCCCCC; border: 0 solid #000000;
}
	
/* ######### Default class for drop down menus ######### */

.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
background:url(images/navigation-bg-selected.gif) 0 0 no-repeat;
}

.anylinkmenu{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border-bottom-width: 0;
font: normal 11px sans-serif;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: lightyellow;
width: 110px;
text-align:center;
}

.anylinkmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkmenu li {
	background:url('images/a.gif') no-repeat top left; 
	line-height:25px; 
	margin-left:0px; 
	margin-right:0; 
	margin-top:0; 
	margin-bottom:0; 
	padding-left:0px; 
	padding-right:0; 
	padding-top:0; 
	padding-bottom:0 
} 



.anylinkmenu ul li a{
width: 100%;
display: block;
border-bottom: 0px solid black;
padding: 0px 0;
font-weight: bold;
text-decoration: none;
color:#ffffff;
}

.anylinkmenu a:hover{ /*hover background color*/
color:#fa8d1a;
}

/* ######### Alternate multi-column class for drop down menus ######### */

ecb803
.anylinkmenucols{
position: absolute;
width: 350px;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 10px sans-serif;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #E9E9E9;
}

.anylinkmenucols li{
padding-bottom: 3px;
}

.anylinkmenucols .column{
float: left;
padding: 3px 8px;
margin-right: 5px;
background: #E0E0E0;
}

.anylinkmenucols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/* ######### class for shadow DIV ######### */

.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: #4f7fdd;
visibility: hidden;
}

.lokasi {
	background:url(images/locations-bkgrnd.png) repeat-y center;
	width: 310px;
	padding-left:13px;
	padding-right:13px;
	vertical-align:top;
}

.lokasibottom {
	background:url(images/locations-bottom.png) no-repeat top;
	height: 13px;
}

.lokasitop {
	background:url(images/locations-top.png) no-repeat bottom;
	height: 13px;
}

/********************************* LiveValidation *************************************/

.LV_valid {
    color:#371c0a;
	font-size:12px;
	font-family:Tahoma;
}
	
.LV_invalid {
	color:#ff0000;
	font-size:12px;
	font-family:Tahoma;
}
	
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #CC0000;
}