@charset "utf-8";
/* CSS Document */

/*//////////// COLOR LIBRARY ////////////*

Content Background: 
Content text: #2A2237;
Line Separator: #7f7ead;





/*/

body{
	font-size: 11px;
	font-family: Tahoma;
	background: #65498e url(../images/bg.gif) repeat-x;
	background-position: center top;
	color: #2a2237;
	text-align: justify;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
}
p{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
	
}
ul{
	margin: 0px 0px 0px 35px;
	padding: 0px 0px 5px 0px;
}
ul li{
	padding: 0px 0px 10px 0px;
}
h1{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 16px;
	font-weight: bold;
	color: #2a2237;
}
.newsTitle h1{
	margin: 0px;
	padding: 0px
}
h2{
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
h3{
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
h4{
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
h5{
	margin: 0px 0px 15px 0px;
	padding: 0px;
	color: #2a2237;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
}
h6{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #557D05;
}
a img{
	border: none;
}

a, a:visited{
	color: #557D05;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
.left{
	float: left;
}
.right{
	float: right;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline;
	clear: both;
}
* html .clearfix {
        height: 1%; /* IE5-6 */
        }
    .clearfix {
        display: inline-block; /* IE7xhtml*/
        }
        html[xmlns] .clearfix { /* O */
         display: block;  
        }
    .clearfix:after { /* FF, O, etc. */
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
        }

.clear-both{
	clear: both;
}		
.centralized{
	text-align: center;
}
.hr1{
	background-image: url(../images/hr1.gif);
	background-repeat: no-repeat;
	background-position: top center;
	margin: 10px auto 10px auto;
	height: 17px;
}
.ttRight{
	text-align: right;
}
.italic{
	font-style: italic;
}
.ttleft{
	text-align: left;
}
.unavailable{
	color: #65498E;
	text-decoration: line-through;
}
form {
	margin: 0px;
	padding: 0px;
}
#bingkaiLeft{
	position: absolute;
	width: 117px;
	height: 364px;	
	top: 0px;
	left: -117px;
	background-image: url(../images/bingkai_left.gif);
	background-repeat: no-repeat;
}
#bingkaiRight{
	position: absolute;
	width: 117px;
	height: 364px;
	top: 0px;
	left: 790px;
	background-image: url(../images/bingkai_right.gif);
	background-repeat: no-repeat;
}
#mainWrapper{
	width: 790px;
	margin: 0px auto 0px auto;
	position: relative;
	z-index: 10;
}
#headerWrapper {
	background-color: #65498e;
	width: 790px;
}
#topPage{
	width: 780px;
	height: 36px;
	padding-left: 10px;
	background: url(../images/bg_top.gif) repeat-x;
	position: relative;
	text-align: justify;
}
#topmenu{
	position: absolute;
	right: 10px;
	top: 0px;
	height: 36px;
	line-height: 34px;
	color: #FFFFFF;
	text-decoration: none;
}
#topmenu a:link, #topmenu a:visited{
	color: #FFFFFF;
	text-decoration: none;
}
#topmenu a:hover{
	text-decoration: underline;
}
#bannerWrapper {
	background-image: url(../images/banner.gif);
	background-repeat: no-repeat;
	margin: 0px;
	height: 147px;
	width: 790px;
}
#menuWrapper{
	background-image: url(../images/bg_menu.gif);
	background-repeat: no-repeat;
	height: 39px;
	position: static;
	z-index: 500;
}
#xtraUnderMenu{
	padding: 0px;
	margin: 0px;
}
#search{
	position: absolute;
	right: 0px;
	top: -8px;
	width: 250px;
	height: 33px;
}
#contentWrapper-main {
	padding: 0px 0px 0px 0px;
	width: 790px;
	background-color: #25183B;
	margin: 0px auto 0px auto;
}
#left-main {
	width: 770px;
	height: 238px;
	background-color: #25183B;
	background-image: url(../images/bg_uppermain.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px 0px 0px 20px;
}
#content-left-main{
	width: 432px;
	margin-top: 60px;
}
#right-main {
	width: 321px;
	height: 238px;
	margin: 0px auto 0px auto;
}
#bottom-main{
	width: 790px;
	background-image: url(../images/bg_lowermain.jpg);
	background-repeat: no-repeat;
	height: 240px;
	clear: both;
}
#video-testi-main{
	margin-bottom: 5px;
	border-bottom: 1px dashed #ffffff;
}
#section-wrapper{
	padding: 45px 30px 0px 30px;
}
#section-left{
	width: 218px;
}
#section-middle{
	width: 218px;
	margin-left: 38px;
}
#section-right{
	width: 218px;
}
.date-main{
	width: 70px;
}
.news-main{
	padding-bottom: 12px;
	border-bottom: 1px dashed #ffffff;
	margin-bottom: 8px;
}
.title-news-main{
	color: #c4ef72;
	font-weight: bold;
}
.title-news-main a:link, .title-news-main a:visited{
	color: #c4ef72;
	font-weight: bold;
	text-decoration: none;
}
.title-news-main a:hover{
	text-decoration: underline;
}
.date-news-main{
	color: #e2e1ff;
	font-weight: bold;
}
.synopsis-news-main{
	color: #ffffff;
}
#contentWrapper {
	padding: 0px 0px 20px 0px;
	width: 790px;
	background-color: #25183B;
	margin: 0px auto 0px auto;
	background-image: url(../images/bg_content_main.gif);
	background-repeat: repeat-y;
}
#contentBgWrapper {
	padding: 0px 0px 20px 0px;
	width: 790px;
	background-color: #25183B;
	margin: 0px auto 0px auto;
	background-image: url(../images/bg_content_inner.gif);
	background-repeat: repeat-y;
	position: relative;
	z-index: 5;
}
#contentBgWrapper_produk {
	padding: 0px 0px 20px 0px;
	width: 790px;
	background-color: #25183B;
	margin: 0px auto 0px auto;
	background-image: url(../images/bg_content_inner_product.gif);
	background-repeat: repeat-y;
}
#content{	
	padding: 10px;
}
#singleColumn{
	padding: 12px 15px 30px 15px;
}

/**************************************************/

/*BOF: Column Halaman Utama*/
#leftColumn{
	width: 477px;
}
#leftColumn-content{
	padding: 12px 15px 0px 15px;
}
/*EOF: Column Halaman Utama*/

/**************************************************/

/*BOF: Column Leesa Formula*/
#leftColumn2{
	width: 565px;
}
#leftColumn2-content{
	padding: 12px 15px 30px 15px;
}
/*EOF: Column Leesa Formula*/

/**************************************************/

/*BOF: Column Produk Leesa*/
#leftColumn3{
	width: 585px;
}
#leftColumn3-content{
	padding: 15px 15px 0px 15px;
}
/*EOF: Column Produk Leesa*/

/**************************************************/

/*BOF: Column Agen & Stokis*/
#leftColumn4{
	width: 585px;
}
#leftColumn4-content{
	padding: 15px 15px 0px 15px;
}
/*EOF: Column Agen & Stokis*/

/**************************************************/

/*BOF: Background for mainpage of produk*/

.back-bodybeauty{
	background-image: url(../images/bg_bodybeauty.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-gegan{
	background-image: url(../images/bg_gegan.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-bem{
	background-image: url(../images/bg_bem.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-bfc{
	background-image: url(../images/bg_bfc.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-bec{
	background-image: url(../images/bg_bec.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-lobata{
	background-image: url(../images/bg_lobata.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-aloga{
	background-image: url(../imageEddy/bg_aloga.png);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-vitc{
	background-image: url(../imageEddy/bg_vitc.png);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-whitening{
	background-image: url(../imageEddy/bg_whitening.png);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-umrahajj{
	background-image: url(../imageEddy/bg_umrahajj.png);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-applygel{
	background-image: url(../images/bg_applygel.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-alogadrink{
	background-image: url(../images/bg_alogadrink.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-bonjointcare{
	background-image: url(../images/bg_bonjointcare.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-boncare{
	background-image: url(../images/bg_boncare.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-jointcare{
	background-image: url(../images/bg_jointcare.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-his{
	background-image: url(../images/bg_his.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-ht4m{
	background-image: url(../images/bg_ht4m.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-tongkat{
	background-image: url(../images/bg_tongkat.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-shapelyslim{
	background-image: url(../imageEddy/bg_shapelyslim.png);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-korset{
	background-image: url(../imageEddy/bg_korset.png);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-dietdrop{
	background-image: url(../images/bg_dietdrop.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-fatrim{
	background-image: url(../images/bg_fatrim.jpg); 
	background-repeat: no-repeat;
	background-position: top left;
}
.back-contourgel{
	background-image: url(../images/bg_contourgel.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-dietmeal{
	background-image: url(../images/bg_dietmeal.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-henim{
	background-image: url(../images/bg_henim.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-silkyshines{
	background-image: url(../images/bg_silkyshines.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-hairtreatment{
	background-image: url(../images/bg_hairtreatment.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-hairtonique{
	background-image: url(../images/bg_hairtonique.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-hairserum{
	background-image: url(../images/bg_hairserum.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-confinemum{
	background-image: url(../images/bg_confinemum.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-bengkung{
	background-image: url(../images/bg_bengkung.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-contourgel_confinemum{
	background-image: url(../images/bg_contourgel_confinemum.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-cotet{
	background-image: url(../images/bg_cotet.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-ginger{
	background-image: url(../images/bg_ginger.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-telon{
	background-image: url(../images/bg_telon.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-tungku_herba{
	background-image: url(../images/bg_tungkuherba.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-tablet_haruan{
	background-image: url(../images/bg_tabletharuan.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-tablet_prawan{
	background-image: url(../images/bg_tabletprawan.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-sinose{
	background-image: url(../imageEddy/bg_sinose.png);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-corong_bekam{
	background-image: url(../images/bg_corongbekam.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-noseclear{
	background-image: url(../images/bg_noseclear.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-face_treatment{
	background-image: url(../images/bg_facetreatment.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-face_soap{
	background-image: url(../images/bg_facesoap.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-tablet_resdung{
	background-image: url(../images/bg_tabletresdung.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-manjakani{
	background-image: url(../images/bg_manjakani.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-intimatedrink{
	background-image: url(../images/bg_manjaintimatedrink.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-intimatewash{
	background-image: url(../images/bg_manjaintimatewash.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-myladytea{
	background-image: url(../images/bg_myladytea.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-manjasuri{
	background-image: url(../images/bg_manjasuri.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-tongkatrapatherba{
	background-image: url(../images/bg_tongkatrapatherba.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-kidsbest{
	background-image: url(../images/bg_kidsbest.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-iqbestari{
	background-image: url(../images/bg_iqbestari.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-nutrigrow{
	background-image: url(../images/bg_nutrigrow.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-skinsupplement{
	background-image: url(../imageEddy/bg_skinsupplement.png);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-collagen-plus{
	background-image: url(../imageEddy/bg_collagen_plus.png);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-collagen-radiance{
	background-image: url(../images/bg_collagen_radiance.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.back-collagen-drink{
	background-image: url(../images/bg_collagen_drink.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.content-main-product{
	padding-top: 200px;
}
.content-main-product-long{
	padding-top: 250px;
}
.content-product{
	padding-top: 110px;
}
/*BOF: Background for mainpage of produk*/

#price-wrapper{
	width: 235px;
	height: 80px;
	margin: 0px 0px 15px 5px;
	padding: 10px;
	font-size: 12px;
}
#price-wrapper2-eddy{
	width: 235px;
	height: 80px;
	margin: 0px 0px 15px 5px;
	padding: 10px;
	padding-left:25px;
	font-size: 12px;
}

#rightColumn{
	width: 312px;
}
#rightColumn_sm{
	width: 225px;
}
#rightColumn_sm_produk{
	width: 205px;
}
#footer{
	width: 790px;
	height: 137px;
	background-image: url(../images/bg_foot.gif);
	background-repeat: no-repeat;
	position: relative;
	color: #FFFFFF;
}
#footer a:link, #footer a:visited{
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover{
	text-decoration: underline;
}
table.normal{
	margin-top: 10px;
}
table.normal tr#total{
	background-color: #D6CFB4;
	border-top: 1px solid #993300;
	font-weight: bold;
}
table.normal tr#total td{
	background-color: #D6CFB4;
	border-top: 1px solid #444444;
	border-bottom: none;
	font-weight: bold;
}
table.normal tr td{
	border-right: 1px solid #FFFFFF;
	padding: 8px 5px 8px 5px;
	text-align: center;
}
table.normal tr td#line{
	border-right: 1px solid #FFFFFF;
	padding-left: 10px;
	text-align: left;
}
table.normal tr td#xLine{
	border-right: 1px solid #FFFFFF;
	padding-left: 10px;
	text-align: left;
}
table.normal thead td{
	background-color: #34254C;
	height: 12px;
	font-weight: bold;
	text-transform: uppercase;
	border-top: solid 3px #000000;
	text-align: center;
	color: #FFFFFF;
}
#address{
	position: absolute;
	bottom: 20px;
	left: 15px;
	width: 330px;
}
#botMenu{
	position: absolute;
	top: 70px;
	right: 15px;
	width: 550px;
	text-align: right;
	padding-bottom: 10px;
}
.readMore{
	color: #557D05;
	padding: 8px 0px 0px 0px;
}
.readMore a, .readMore a:visited{
	color: #557D05;
	text-decoration: underline;
}
.readMore a:hover{
	color: #557D05;	
	text-decoration: none;
}
.visitSerenity{
	background-image: url(../images/bg_buttonSerenity.gif);
	background-repeat: no-repeat;
	width: 292px;
	line-height: 22px;
	height: 45px;
}
#copyright{
	font-size: 10px;
}
.titleSection{
	width: 312px;
	height: 39px;
	border-top: 1px solid #7f7ead;
}
.titleSection_sm{
	width: 225px;
	height: 39px;
	border-top: 1px solid #7f7ead;
}
.titleSection_sm_product{
	background-image: url(../images/head_sec_x_product.gif);
	background-repeat: no-repeat;
	width: 205px;
	height: 39px;
	line-height: 37px;
	font-weight: bold;
	text-align: center;
	font-size: 13px;
	color: #2A2237;
	border-top: 1px solid #7f7ead;
}
.contentSection{
	padding: 7px;
}
.contentSection2{
	padding: 10px;
}
.contentSection td{
	color: #2a2237;
	border: 1px solid #F2F2FF;
}
.product-list{
	text-align: center;
	border-bottom: 2px dotted #2a2237;
	padding-bottom: 10px;
	font-weight: bold;
}
.contentSection td.menu{
	color: #2a2237;
	border: none;
}
.contentSection td.numbering{
	color: #FFFFFF;
	background-color: #77B30A;
	font-weight: bold;
}
.contentSection table{
	color: #2a2237;
}
.newsMainWrapper{
	padding: 8px;
	font-size: 10px;
}
.newsMainWrapper-video{
	padding-left: 8px;
	font-size: 10px;
}
.newsMainWrapper-video .title a:link, .newsMainWrapper .title a:visited{
	color:#2a2237;
	font-weight: bold;
	text-decoration: none;
}
.newsMainWrapper-video .title a:hover{
	text-decoration: underline;
}
.newsMainWrapper .title a:link, .newsMainWrapper .title a:visited{
	color:#2a2237;
	font-weight: bold;
	text-decoration: none;
}
.newsMainWrapper .title a:hover{
	text-decoration: underline;
}
.newsMainWrapper .time{
	color: #557D05;
}
#headStokis{
	background-image: url(../images/bgHead_stokis.gif);
	background-repeat: repeat-x;
	background-position: top left;
	height: 39px;
	width: 564px;
	border-right: 1px solid #1e122f;
	position: relative;
	z-index: 3;
}
#dropdown{
	margin: 0px 5px 0px 0px;
	position: relative;
	z-index: 2;
}
/*Sidepanel*/
.sidemenu{
	text-align: center;
	padding: 10px;
}

.sidemenu ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	text-align: left;
}
ul.sidepanel {
	text-align: left;
	list-style: none;
	margin: 0px;
	padding: 5px 0px 5px 0px;
}
ul.sidepanel li {
	text-align: left;
	list-style: none;
	margin: 0px;
	padding: 5px 0px 5px 10px;
}
.innerSidemenu{
	padding: 10px;
}
.innerSidemenu table{
	margin: 5px 0px 5px 0px;
}
.innerSidemenu table td{

}

/* PAGE: Contact */
.titleSmallContact{
	padding: 0px 0px 10px 0px;
}
.leftContact{
	width: 270px;
}
.rightContact{
	width: 270px;
}
.fieldName{
	font-size: 11px;
	font-weight: bold;
	padding: 8px 0px 0px 0px;
}
.field{
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.tfield{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	width: 420px;
	border: 1px solid #C4C4E6;
	background-color: #FFFFFF;
	height: 18px;
}
.tArea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	border: 1px solid #C4C4E6;
	background-color: #FFFFFF;
	width: 420px;
}
.likeError_xdisplay {
	font-weight: normal;
	color: #FFCC00;
	text-decoration: none;
	text-align: left;
	display: none;
	padding: 8px 0px 8px 0px;
}
.buttonContact {
	font-family: Tahoma;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
	background-color: #7BB50A;
	width: 70px;
	border: 1px solid #C4C4E6;
	height: 22px;
	padding-bottom: 3px;
}
.buttonContainer{
	width: 70px;
	margin: 10px 0px 10px 10px;
}
/*PAGE: Syarikat */

#headManageDirector{
	background-image: url(../images/head_manageDirector.gif);
	background-repeat: no-repeat;
	height: 43px;
}
#contentDirectWrapper{
	background-image: url(../images/bg_profileDirector.gif);
	background-repeat: no-repeat;
	background-position: left 43px;
}
#contentDirect{
	padding: 10px 10px 0px 20px;
}
#headExecDirector{
	background-image: url(../images/head_execDirector.gif);
	background-repeat: no-repeat;
	height: 43px;
}
#titleMD, #titleED{
	float: right;
	font-size: 12px;
	font-weight: bold;
	color: #2A2237;
	padding: 15px 10px 0px 0px;
}
/*PAGE: Arkib*/
.arkibContentWrapper{
	padding-bottom: 10px;
	border-bottom: 1px solid #37284b;
	margin-bottom: 10px;
}
.arkibContentWrapper h1{
	font-size: 12px;
}
.arkibContentWrapper h6{
	font-size: 11px;
}
.beritaPenuh{
	text-align: right;
	margin-top: 5px;
}
/*PAGE: Pengurusan*/
table#philo{
	margin-bottom: 10px;
}
table#philo td{
	text-align: justify;
}

/* top navigation */

#nav_L1, #nav_L1 ul {
	width: 150px;
	list-style: none;
	border-right: 1px solid #37284b;
	border-left: 1px solid #37284b;
	border-top: 1px solid #37284b;
	background: #4c3668;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 500;
}
#nav_L1 {
	position: relative;
	top: 0px;
	left: 32px;
	width: 760px;
	border: none;
	background: none;
}

#nav_L1 a { display: block; text-decoration: none; padding: 5px 8px 5px 8px; color: #ffffff; border-bottom: 1px solid #37284b }
#nav_L1 a.main { font-weight: bold; color: #0066CA; border: none; }
#nav_L1 li { float: left; padding: 0; margin: 0px;  }
#nav_L1 li ul {
	position: absolute;
	left: -999em;
	height: auto;
	margin: 0px 0px 0px 5px;
}
#nav_L1 a.daddy { background: url('../images/drop_wh.gif') center right no-repeat; }

#nav_L1 li li { width: 150px; position: relative; }

#nav_L1 li ul ul { top: -1px; margin-left: 150px; }
#nav_L1 li:hover ul ul, #nav_L1 li:hover ul ul ul, #nav_L1 li.sfhover ul ul, #nav_L1 li.sfhover ul ul ul { left: -999em; }
#nav_L1 li:hover ul, #nav_L1 li li:hover ul, #nav_L1 li li li:hover ul, #nav_L1 li.sfhover ul, #nav_L1 li li.sfhover ul, #nav_L1 li li li.sfhover ul { left: auto; }
#nav_L1 li:hover, #nav_L1 li.sfhover { background: none; }

#nav_L1 li li:hover, #nav_L1 li li.sfhover { background: #4e7d00; }

#nav_L1 a:hover { color: #ffffff; }

#nav_L1 a.main { text-indent: 0px; text-align: center; background-position: top center; background-repeat: no-repeat; height: 34px; padding: 0px 0px 0px 0px; line-height: 32px; display: block; color: #FFFFFF;}

#nav_L1 li:hover a.main, body #nav_L1 li.sfhover a.main { background-position: bottom center; color: #2a2237; }

#nav_L1 li.currentpage a.main { background-position: bottom center; background-color: #4e7d00; color: #2a2237; }
#nav_L1 li#nav_L1_0 a.main { background-image: url('../images/btnMain.gif'); width: 122px; }
#nav_L1 li#nav_L1_0 li.currentpage { background-color: #4e7d00; }
#nav_L1 li#nav_L1_0 li.currentpage a { background-color: #4e7d00; }
#nav_L1 li#nav_L1_1 a.main { background-image: url('../images/btnMain.gif'); width: 122px } 
#nav_L1 li#nav_L1_1 li.currentpage { background-color: #4e7d00; }
#nav_L1 li#nav_L1_1 li li.currentpage a { background-color: #4e7d00; }
#nav_L1 li#nav_L1_2 a.main { background-image: url('../images/btnMain.gif'); width: 122px }
#nav_L1 li#nav_L1_2 li.currentpage { background-color: #4e7d00; }
#nav_L1 li#nav_L1_2 li li.currentpage a{ background-color: #4e7d00;}
#nav_L1 li#nav_L1_3 a.main { background-image: url('../images/btnMain.gif'); width: 122px ;}
#nav_L1 li#nav_L1_3 li.currentpage { background-color: #4e7d00; }
#nav_L1 li#nav_L1_3 li.currentpage a{ background-color: #4e7d00; }
#nav_L1 li#nav_L1_4 a.main { background-image: url('../images/btnMain.gif'); width: 122px }
#nav_L1 li#nav_L1_4 li.currentpage { background-color: #4e7d00; }
#nav_L1 li#nav_L1_4 li.currentpage a{  background-color: #4e7d00; }
#nav_L1 li#nav_L1_5 a.main { background-image: url('../images/btnMain.gif'); width: 122px }
#nav_L1 li#nav_L1_5 li.currentpage { background-color: #4e7d00; }
#nav_L1 li#nav_L1_5 li.currentpage a{  background-color: #4e7d00; }

/*TABBING PRODUCT*/

#tabProduct, #tabProduct ul {
	list-style: none;
	border-right: 1px solid #37284b;
	border-left: 1px solid #37284b;
	border-top: 1px solid #37284b;
	background: #4c3668;
	margin: 0;
	padding: 0;
}
#tabProduct  {
	width: 555px; 
	border: none; 
	background: none;
}
#tabProduct a { 
	display: block;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	line-height: 31px;
	height: 31px;
	color: #ffffff;
	text-align: center;
}
#tabProduct a{ font-weight: normal; color: #7f7ead; border: none; }
#tabProduct li { float: left; padding: 0; margin: 0px;  }
#tabProduct li ul {
	position: absolute;
	left: -999em;
	height: auto;
	margin-left: 5px;
}
#tabProduct li li { width: 150px; position: relative; }
#tabProduct li ul ul { top: -1px; margin-left: 150px; }
#tabProduct li:hover ul ul, #tabProduct li:hover ul ul ul, #tabProduct li.sfhover ul ul, #tabProduct li.sfhover ul ul ul { left: -999em; }
#tabProduct li:hover ul, #tabProduct li li:hover ul, #tabProduct li li li:hover ul, #tabProduct li.sfhover ul, #tabProduct li li.sfhover ul, #tabProduct li li li.sfhover ul { left: auto; }
#tabProduct li:hover, #tabProduct li.sfhover { background: none; }
#tabProduct li li:hover, #tabProduct li li.sfhover { background: #4e7d00; }
#tabProduct a:hover { color: #a2e400; }
#tabProduct a:hover { color: #7f7ead; }

#tabProduct a.tabP { text-indent: 0px; text-align: center; background-position: top center; background-repeat: no-repeat; height: 31px; padding: 0; line-height: 31px; display: block; color: #7f7ead; }
#tabProduct li:hover a, #tabProduct li.sfhover a { background-position: bottom center; }
#tabProduct li.selected a { background-position: top center; }
#tabProduct li#tabProduct_0 a { background-image: url(../images/tab_fungsi.gif); width: 84px; }
#tabProduct li#tabProduct_0 a.selected{ background-position: bottom center; }
#tabProduct li#tabProduct_1 a {background-image: url(../images/tab_kandung.gif); width: 106px }
#tabProduct li#tabProduct_1 a.selected{ background-position: bottom center; }
#tabProduct li#tabProduct_2 a { background-image: url(../images/tab_guna.gif); width: 111px }
#tabProduct li#tabProduct_2 a.selected{ background-position: bottom center; }
#tabProduct li#tabProduct_3 a { background-image: url(../images/tab_tambah.gif); width: 148px }
#tabProduct li#tabProduct_3 a.selected{ background-position: bottom center; }
#tabProduct li#tabProduct_4 a { background-image: url(../images/tab_soal.gif); width: 106px }
#tabProduct li#tabProduct_4 a.selected{ background-position: bottom center; }

.ajaxcontentstyle{
	clear: both;
	background-image: url(../images/bg_tab_content.gif);
	background-repeat: no-repeat;
	width: 555px;
	color: #2A2237;
}
#ajaxcontentarea{
	height: 350px;
	overflow-y: auto;
}
.ajaxcontentstyle-content{
	padding: 15px 15px 10px 15px;
}
.eachPicWrapper{
	margin: 0px auto 0px auto;
}
.eachPic{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 6px 0px;
	width: 266px;
	float: left;
}
.eachPic td{
	background-color: #DAD9FF;
}
/*PAGE: Products*/
ol#pertanyaan{
	margin: 0px 0px 0px 20px;
	padding: 0px;
}
ol#pertanyaan li{
	color: #006600;
	font-weight: bold;
	font-size: 11px;
	margin-bottom: 5px;
}
ol#pertanyaan p{
	color: #2A2237;
	font-weight: normal;
	font-size: 11px;
}
/* BOF: Sitemap */
dl{
	margin: 0px;
}
dl ul{
	margin: 10px 0px 10px 40px;
}
dt{
	font-size: 12px;
	font-weight: bold;
	color: #2a2237;
	margin-top: 0px;
	padding-bottom: 10px;
}
dd{
	margin-bottom: 10px;
	font-weight: bold;
}
dd a, dd a:visited{
	font-size: 11px;
	font-weight: bold;
	color: #557D05;
}
dd li a, dd li a:visited{
	font-size: 11px;
	font-weight: normal;
	color: #557D05;
}
#left-sitemap{
	width: 250px;
}
#right-sitemap{
	width: 250px;
}
/* EOF: Sitemap */

#lightbox{
	background-color: #2a1d3d;
	padding: 2px;
	position: relative;
	z-index: 10000;
	margin: 10px 0px 10px 0px;
}
#lightboxDetails{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 0.4em;
}	
#lightboxCaption{ float: left; color: #FFFFFF; padding: 5px;}
#keyboardMsg{ float: right; top: 4px; padding: 5px; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(../images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
}
#flashcontent{
	position: static;
	z-index: 0;
}

#dropdownState_L1, #dropdownState_L1 ul { z-index: -1; position: absolute; width: 171px; list-style: none; line-height: 1; border-left: 1px solid #37284b; border-top: 1px solid #37284b; background: #4c3668; margin: 0; padding: 0; }
#dropdownState_L1 {
	position: absolute;
	left: -171px;
	top: 8px;
	width: 171px;
	border: none;
	background: none;
}
#dropdownState_L1 a { display: block; text-decoration: none; padding: 5px 8px 5px 8px; color: #ffffff; border-bottom: 1px solid #37284b }
#dropdownState_L1 a.main { font-weight: bold; color: #0066CA; border: none; }
#dropdownState_L1 li { float: left; padding: 0; margin: 0px;  }
#dropdownState_L1 li ul { position: absolute; left: -999em; height: auto; margin: 0px 0px 0px 0px; }
#dropdownState_L1 a.daddy { background: url('../images/drop_wh.gif') center right no-repeat; }
#dropdownState_L1 li li { width: 171px; position: relative; }
#dropdownState_L1 li ul ul { top: -1px; margin-left: 171px; }
#dropdownState_L1 li:hover ul ul, #dropdownState_L1 li:hover ul ul ul, #dropdownState_L1 li.sfhover ul ul, #dropdownState_L1 li.sfhover ul ul ul { left: -999em; }
#dropdownState_L1 li:hover ul, #dropdownState_L1 li li:hover ul, #dropdownState_L1 li li li:hover ul, #dropdownState_L1 li.sfhover ul, #dropdownState_L1 li li.sfhover ul, #dropdownState_L1 li li li.sfhover ul { left: auto; }
#dropdownState_L1 li:hover, #dropdownState_L1 li.sfhover { background: none; }
#dropdownState_L1 li li:hover, #dropdownState_L1 li li.sfhover { background: #4e7d00; }
#dropdownState_L1 a:hover { color: #ffffff; }
#dropdownState_L1 a.main:hover { color: #FFFFFF; }

#dropdownState_L1 a.main { text-indent: -9999px; text-align: center; background-position: top center; background-repeat: no-repeat; height: 21px; padding: 0px 0px 0px 0px; display: block; color: #FFFFFF; }
#dropdownState_L1 li:hover a.main, body #dropdownState_L1 li.sfhover a.main { background-position: bottom center; }

#dropdownState_L1 li.currentpage a.main { background-position: top center; background-color: #4e7d00; }

#dropdownState_L1 li#dropdownState_L1_0 a.main { background-image: url('../images/pilihan_negeri.gif'); width: 171px; }
#dropdownState_L1 li#dropdownState_L1_0 li.currentpage { background-color: #4e7d00; }
#dropdownState_L1 li#dropdownState_L1_0 li.currentpage a { background-color: #4e7d00; }
#dropdownState_L1 li#dropdownState_L1_1 a.main { background-image: url('../images/btnMain.gif'); width: 122px } 
#dropdownState_L1 li#dropdownState_L1_1 li.currentpage { background-color: #4e7d00; }
#dropdownState_L1 li#dropdownState_L1_1 li li.currentpage a { background-color: #4e7d00; }

.bgTestiSmall{
	background-image: url(../images/bg_testi_small.gif);
	background-repeat: no-repeat;
	width: 264px;
	height: 90px;
	float: left;
	margin-right: 2px;
}
.contentTestiSmall{
	padding: 14px;
}
.tableContainer{
	width: 254px;
	margin-right: 12px;
}
.picintable{
	width: 72px;
}
.contentintable{
	width: 170px;
	padding-left: 10px;
}
.side-title{
	padding: 5px 0px 5px 0px;
	font-weight: bold;
	text-align: center;
}