BODY  {
	background-color:#ffffff;
	font-family: Verdana,Tahoma, Arial, sans-serif; 
	font-size: 11px; 
	font-weight: normal; 
	text-decoration: none;
	margin: 0px 0px 0px 0px; 
}

p {
	font-size:11px;
	padding: 0px 2px 0px 2px ;
}
hr {
	margin:0px 0px 0px 0px;
	color:#ddf1ff;
	width:100%;
	
}
td{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px; 
	color: #000;
	

}

.box{
	border: 1px solid #ddf1ff;
	padding: 2px 2px 2px 2px ;
}

.menubix{
	border: 1px solid #ddf1ff;
	padding: 3px 0px 3px 0px ;
	margin: 2px 2px 2px 2px ;
}

.v11px{
	font-size:11px;
	padding: 0px 5px 0px 5px ;
}

TEXTAREA {
FONT-FAMILY:  Tahoma, Verdana, sans-serif; 
FONT-SIZE: 10px;
background-color : White;
font-weight : bold;
border-color : #000000;
border-style: solid; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px; 
text-indent : 2px;
}
INPUT {
color : #000000; 
font-family : Tahoma, Verdana, sans-serif; 
font-size : 10px; 
font-weight : normal;
border-color : #000000;  
border-top-width : 1px; 
border-right-width : 1px; 
border-bottom-width : 1px; 
border-left-width : 1px;
text-indent : 2px;  
}
INPUT.pn-text {
background-color : #B0CFEE;
color : #000000; 
font-family : Tahoma, Verdana, sans-serif; 
font-size : 10px; 
font-weight : normal;
border-color : #000000;  
border-top-width : 1px; 
border-right-width : 1px; 
border-bottom-width : 1px; 
border-left-width : 1px;
text-indent : 2px;  
}
INPUT.pn-button {
background-color : #B0CFEE;
color : #000000; 
font-family : Tahoma, Verdana, sans-serif; 
font-size : 10px; 
font-weight : normal;
border-color : #000000;  
border-top-width : 1px; 
border-right-width : 1px; 
border-bottom-width : 1px; 
border-left-width : 1px;
text-indent : 2px;  
}
INPUT.r-button {
background-color : transparent; 
font-family : Tahoma, Verdana, sans-serif; 
}
SELECT {
COLOR: #000000;
FONT-FAMILY: Tahoma, Verdana, sans-serif;
FONT-SIZE: 10px;
font-weight : bold;
background-color : #E8E8E8;
}
SELECT.pn-text {
COLOR: #000000;
FONT-FAMILY: Tahoma, Verdana, sans-serif;
FONT-SIZE: 10px;
font-weight : bold;
background-color : #B0CFEE;
}
A:link {
COLOR: #000000;
FONT-SIZE: 11px;
FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
TEXT-DECORATION: underline;
background-color : transparent; 
}
A:visited {
COLOR: #000000;
FONT-SIZE: 11px;
FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
TEXT-DECORATION: underline;
background-color : transparent; 
}
A:hover {
COLOR: #ffffff;
FONT-SIZE: 11px;
FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
TEXT-DECORATION: none;
background-color : #CCC; 
}
A:active {
COLOR: #000000;
FONT-SIZE: 11px;
FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
TEXT-DECORATION: none;
background-color : transparent; 
}
.pn-normal {  
font-family: Tahoma, Verdana, sans-serif; 
font-size: 11px; 
font-weight: normal; 
color: #000000; 
text-decoration: none;
background-color : transparent;
}
.pn-normal A:link {
COLOR: #000000;
FONT-SIZE: 11px;
FONT-FAMILY: Tahoma, Verdana, sans-serif;
TEXT-DECORATION: none;
background-color : transparent; 
}
.pn-normal A:visited {
COLOR: #000000;
FONT-SIZE: 11px;
FONT-FAMILY:  Tahoma, Verdana, sans-serif;
TEXT-DECORATION: none;
background-color : transparent; 
}
.pn-normal A:hover {
COLOR: #000000;
FONT-SIZE: 11px;
FONT-FAMILY: Tahoma, Verdana, sans-serif;
TEXT-DECORATION: underline;
background-color : transparent; 
}
.pn-normal A:active {
COLOR: #000000;
FONT-SIZE: 11px;
FONT-FAMILY: Tahoma, Verdana, sans-serif;
TEXT-DECORATION: none;
background-color : transparent; 
}
.pn-title {  
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 10px; 
font-weight: bold; 
color: #CC9900; 
text-decoration: none;
background-color : transparent; 
border:1px solid #eddd99;
padding:1px 2px 1px 2px;
}
.pn-title A:link { 
COLOR: #339933; 
FONT-SIZE: 10px; 
FONT-WEIGHT: bold; 
FONT-FAMILY: Verdana, sans-serif; 
TEXT-DECORATION: none;
background-color : transparent; 
}
.pn-title A:visited { 
COLOR: #339933; 
FONT-SIZE: 10px; 
FONT-WEIGHT: bold; 
FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
TEXT-DECORATION: none;
background-color : transparent; 
}
.pn-title A:hover { 
COLOR: #993399; 
FONT-SIZE: 10px; 
FONT-WEIGHT: bold; 
FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; 
TEXT-DECORATION: none;
background-color : transparent; 
}
.pn-title A:active { 
COLOR: #339933;
FONT-SIZE: 10px; 
FONT-WEIGHT: bold; 
FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
TEXT-DECORATION: none;
background-color : transparent; 
}
.pn-sub {  
font-family: Tahoma, Verdana, sans-serif; 
font-size: 11px; 
font-weight: normal; 
color: #000000; 
text-decoration: none;
background-color : transparent; 
}
.pn-sub A:link { 
COLOR: #000000; 
FONT-SIZE: 11px;
FONT-FAMILY: Tahoma, Verdana, sans-serif;
font-style:normal;  
TEXT-DECORATION: none;
background-color : transparent; 
}
.pn-sub A:visited { 
COLOR: #000000; 
FONT-SIZE: 11px;
FONT-FAMILY:  Tahoma, Verdana, sans-serif; 
TEXT-DECORATION: none;
font-style : normal;
background-color : transparent; 
}
.pn-sub A:hover {
BACKGROUND-COLOR: #FFFFFF; 
COLOR: #000000; 
FONT-SIZE: 11px;
FONT-FAMILY: Tahoma, Verdana, sans-serif; 
TEXT-DECORATION:underline;
font-style : normal;
}
.pn-sub A:active { 
COLOR: #FF0000; 
FONT-SIZE: 11px;
FONT-FAMILY: Tahoma, Verdana, sans-serif;
TEXT-DECORATION: none;
font-style : normal; 
background-color : transparent; 
}
.pn-logo { 
COLOR: #339966; 
FONT-SIZE: 18px; 
FONT-WEIGHT: bold; 
FONT-FAMILY: "Arial, sans-serif";
LETTER-SPACING: 2px; 
TEXT-DECORATION: none;
background-color : transparent; 
}
.pn-logo A:link { 
COLOR: #339966; 
FONT-SIZE: 16px; 
FONT-WEIGHT:bold; 
FONT-FAMILY: Arial, Verdana, sans-serif; 
LETTER-SPACING: 2px;
TEXT-DECORATION: none;
background-color : transparent; 
}
.pn-logo A:visited { 
COLOR: #339966; 
FONT-SIZE: 16px; 
FONT-WEIGHT: bold; 
FONT-FAMILY: Arial, Verdana, sans-serif;
LETTER-SPACING: 2px;
TEXT-DECORATION: none;
background-color : transparent; 
}
.pn-logo A:hover	{ 
COLOR: #339966; 
FONT-SIZE: 16px; 
FONT-WEIGHT: bold;
FONT-FAMILY: Arial, Verdana, sans-serif; 
LETTER-SPACING: 2px;
TEXT-DECORATION: underline;
}
.pn-logo A:active { 
COLOR: #339966; 
FONT-SIZE: 16px; 
FONT-WEIGHT: bold; 
FONT-FAMILY: Arial, Verdana, sans-serif;
LETTER-SPACING: 2px;
TEXT-DECORATION: none;
background-color : transparent; 
}
.pn-logo-small   {
COLOR: #FFFFCC; 
FONT-SIZE: 11px; 
FONT-WEIGHT: bold; 
FONT-FAMILY: Tahoma, Verdana, sans-serif; 
TEXT-DECORATION: none;
background-color : transparent;
}
.pn-pagetitle { 
font-family: Tahoma, Verdana, sans-serif; 
font-size: 14px; 
font-weight: bold; 
color: #003399; 
text-decoration: none;
background-color : transparent; 
}

.copyright{
	color : #00008B;
	background-color : transparent;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : xx-small;
}

.disclaim{
	color : #000000;
	background-color : transparent;
	font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size : xx-small;
}

.navi {
	color : #008080;
	background-color : transparent;
	font-family : Arial, Helvetica, sans-serif;
	font-size : xx-small;
	border-bottom : thin;
}

.slogan {
	color : #FF9900;
	background-color : transparent;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : xx-small;
}

.tab-title{
font-family:  Georgia, Arial, sans-serif; 
font-size: 14px; 
font-weight: bold; 
color: #393939; 
text-decoration: none;
background-color : transparent;
}

.judul1 {
	font-size:10px;
	font-weight:bold;
	color:#003399;
}	
.searchbar {
	border: 1px solid #ccc;
	background-color:#DFDFDF;
}
.tas {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}	
.bgabu {background-color:#CCCCCC;}
.bgputih {background-color:#FFFFFF;}
.biruteks {color:#0066FF;}

#menubox{
	margin: 0px;
	padding: 0px;
}
#menubox a:link, #menubox a:visited {
	display: block;
	text-decoration:none;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	font-weight: bold;
	padding: 3px 0px 3px 1px;
	color: #21536A;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
}
#menubox a:hover{
	border-top: 1px solid #cccccc;
	background-color: #DDEEFF;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
	font-size:12px;	
	font-family:Arial, Helvetica, sans-serif;	
	letter-spacing:1px;	
}
#menulist{
	display: block;
	text-decoration:none;
	/*border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;*/
	font-weight:lighter;
	padding: 0px 0px 0px 0px;
	color: #21536A;
	font-size:10px;
	font-family:verdana, Helvetica, sans-serif;
	letter-spacing:1px;
}
#menulist a:link, #menulist a:visited {
	display: block;
	text-decoration:none;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	font-weight:lighter;
	padding: 3px 0px 3px 1px;
	color: #21536A;
	font-size:10px;
	font-family:verdana, Helvetica, sans-serif;
	letter-spacing:1px;
}
#menulist a:hover{
	border-top: 1px solid #cccccc;
	background-color:#FFFFCC;
	background-image: none;
	font-weight: lighter;
	text-decoration: none;
	font-size:10px;	
	font-family:verdana, Helvetica, sans-serif;	
	letter-spacing:1px;	
}

#linkmore{
	position:inherit;
	vertical-align:bottom;
	margin: 0px;
	padding: 1px 2px 1px 2px;
	letter-spacing:1px;	
}
#linkmore a:link, #linkmore a:visited {
	display: block;
	text-decoration:none;
	border: 1px solid #eeeeff;
	font-weight:lighter;
	color: #FF9900;  
	font-size:9px;
	font-family:verdana, Helvetica, sans-serif;
	background-color:#ffffee;  
}

#linkmore a:hover{
	border: 1px solid #cccccc;
	background-color:#FFFFCC;  
	background-image: none;
	font-weight: lighter;
	text-decoration: none;
	color:#CC6600;  
	font-size:9px;	
	font-family:verdana, Helvetica, sans-serif;	
}


#produk_promo{
	position:inherit;
	vertical-align:bottom;
	margin: 0px;
	padding: 1px 2px 1px 2px;
	letter-spacing:1px;	
}
#produk_promo a:link, #produk_promo a:visited {
	display: block;
	text-decoration:none;
	border: 1px solid #eeeeff;
	font-weight:lighter;
	color: #96631A;
	/*color: #23650C;*/
	font-size:9px;
	font-family:verdana, Helvetica, sans-serif;
	background-color:#FEF6FD;
	/*background-color:#F2FFEE; */
}
#produk_promo a:hover{
	border: 1px solid #F5FEF2;	
	color:#000000;
	background-image: none;
	font-weight: lighter;
	text-decoration: none;
	font-size:9px;	
	font-family:verdana, Helvetica, sans-serif;	
	background-color:#DAF7FB;
	/*background-color:#ADFD91; */
}

.tabdr {
	padding: 1px 2px 1px 2px;
	border-spacing:2px;
	border-bottom: 1px solid #cecece;
	border-right: 0px solid #fff;
	border-left: 0px solid #fff;	
	border-top: 0px solid #fff;
	border-style:solid;
}

.gbrmenu {
	
	padding-bottom:10px;
	padding-top:10px;
	height:60px;
}

.titlebox {
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:2px;
	font-size:11px;
	font-weight:bold;
}

.navikecil, .navikecil a:link, .navikecil a:hover, .navikecil a:visited {
	color:#21536A;
	font-size:10px;
	text-align:justify;
	padding:2px 1px 3px 1px;
	border-bottom:1px solid #cccccc;
}


/* CoolMenus 4 - default styles - do not edit */
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */

  
/*Style for the background-bar*/
.clBar{position:absolute; width:10; height:10; background-color:#DDEEFF; layer-background-color:#DDEEFF; visibility:hidden}

/*Styles for level 0*/
.clLevel0,.clLevel0over{position:absolute; padding:3px 0px 3px 1px; font-family:tahoma,arial,helvetica; font-size:12px; font-weight:bold;letter-spacing:1px;border-bottom:1px solid #efefef;}
.clLevel0{background-color:white; layer-background-color:white; color:#21536A;}
.clLevel0over{background-color:#336699; layer-background-color:#336699; color:white; cursor:pointer; cursor:hand; }
.clLevel0border{position:absolute; visibility:hidden; background-color:#cccccc; layer-background-color:#cccccc;}

/*Styles for level 1*/
.clLevel1, .clLevel1over{position:absolute; padding:2px; font-family:tahoma, arial,helvetica; font-size:11px; font-weight:bold;}
.clLevel1{background-color:#DDEEFF; layer-background-color:#DDEEFF; color:#21536A;}
.clLevel1over{background-color:#FFFFCC; layer-background-color:#FFFFCC; color:#21536A; cursor:pointer; cursor:hand; }
.clLevel1border{position:absolute; visibility:hidden; background-color:#cccccc; layer-background-color:#cccccc;}

/*Styles for level 2*/
.clLevel2, .clLevel2over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:9px; font-weight:lighter; letter-spacing:1px;}
.clLevel2{background-color:white; layer-background-color:white; color:#21536A;}
.clLevel2over{background-color:#336699; layer-background-color:#336699; color:white; cursor:pointer; cursor:hand; }
.clLevel2border{position:absolute; visibility:hidden; background-color:#cccccc; layer-background-color:#cccccc;}

h3 {
	padding: 3px 3px 3px 3px;
	font-size:12px;
	color:#000099;
	letter-spacing:2px;
} 

h4 {
	padding: 3px 3px 3px 3px;
	font-size:11px;
	color:#CC9900;
	letter-spacing:3px;
} 
.hd_src_dr{
    padding: 4px 4px 4px 4px;
	font-size:14px;
	color:#003399;
	background-color:#FFFFCC;
	letter-spacing:3px;
	font-weight:bold;
	border-bottom:1px dotted #333;
    border-top:1px dotted #333;
}

.border1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	border: 1px solid #666666;
	background-color: #FFFFFF;
}

/* style untuk produk baru */


.katpyk {border:1px solid #f60;}
