/* Untuk Bar Beli Online, Menu dan Login (Pada baris atas login) */
body		{ 
						font-family:Verdana, Arial, Tahoma, Helvetica, sans-serif; 
						font-size:12px; 
						padding :0;
						margin :0;

				}
img {border:0}
table		{ 
				font-family:Verdana,Arial,Tahoma,Helvetica; 
				font-size:10px; 
			}
table.box	{ 
				border:1px solid black; 
				color:darkgreen; 
				font-size:11px; 
			}
table.fontkecil	{ 

				font-size:11px; 
			}
th			{ font-size:12px; }
hr			{ height:1px; color:black; }
h1			{ font-family:Arial,Verdana,Tahoma,Helvetica; font-size:20px; color:mediumblue; }
a   		{ color:blue; }
a.menu		{ color:firebrick; text-decoration:none; font-weight:bold; }
a:visited	{ color:blue; }
a:hover		{ color:coral; }

/* Untul Logo */
#script{
	position : absolute;
	top : 0px;
	right : 0;
	text-align : right; /*Mild hack for Netscape 4*/
}
#separator{margin:0px 0 76px 11px; voice-family: "\"}\""; voice-family:inherit}
#separator_editor{margin:10px 0 78px 11px; voice-family: "\"}\""; voice-family:inherit}

#bar_editor{margin:0;	padding:0; voice-family: "\"}\""; voice-family:inherit;	background-image:url(images/border_abu_gelap.gif); height:23px; clear:both}
#bar_editor ul{padding:0; margin:0;border:0}
#bar_editor li{float:left;list-style-type:none;border:0}
#bar_editor .beli_online{float:center; padding:0.5% 0 0 20px; font-size:11px; background-image:url(images/border_abu.gif);	margin:0}
#bar_editor .menu{padding:5px 0 0 0; font-size:10px}
#bar_editor .menu2{padding:5px 5px 0 5px; font-size:10px}

#bar{margin:0;	padding:0; voice-family: "\"}\""; voice-family:inherit;	background-image:url(images/border_abu_gelap.gif); height:23px; clear:both}
#bar ul{padding:0; margin:0;border:0}
#bar li{float:left;list-style-type:none;border:0}
#bar .beli_online{float:center; padding:0.5% 0 0 20px; font-size:11px; background-image:url(images/border_abu.gif);	margin:0}
#bar .menu{padding:5px 0 0 0; font-size:10px}
#bar .menu2{padding:5px 5px 0 5px; font-size:10px}
.img_border {float:left; height:23px; border:0;}


#mainTable {
	MARGIN: 0px; 
	float:left;
	padding-top : 0px;
	padding-left : 0px
}

#mainTableEditor {
	MARGIN: 0px auto; 
	padding-top : 140px;
}

	
#kereta{
	position : absolute;
	top : 8px;
	right : 735px;

}




#FloatTable {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BORDER-LEFT: #000 1px solid; LINE-HEIGHT: 1.5em; BORDER-BOTTOM: #000 1px solid
}

#maincontent {
	FONT-SIZE: 100%;
	float:middle;
}


.userid		{ color:white; font-weight:bold; }
.pageid		{ font-family:Courier New,Courier,Times New Roman; font-size:16pt; color:lightskyblue; }
.menubar	{ background-color:khaki; height:20px; border-bottom:thin groove gainsboro; }
.copyright	{ color:lightblue; text-align:right; margin-top:50px; font-size:7pt; font-weight:bold; }
.message	{ margin-top:50px; margin-left:50px; width:300px; border-left:1px solid black; padding-left:10px; }
input.btn	{ background-color:palegoldenrod; border:1px solid black;}
.area		{ margin-top:50px; margin-left:50px }
.navbar
{
}  

.mainDiv
{
  width:185px;
}


.topItem
{
  font: bold 12px tahoma,verdana,sans-serif;
  letter-spacing: 0;
  background: url("arrow-up-title.jpg") no-repeat 0 0;
  background-position:center center;
  background-repeat:no-repeat;
  border: none;
  width: 185px;
  height: 25px;
  color: #215dc6;
  cursor:pointer;
  text-indent:10px;
}

.topItemOver
{
  text-indent:10px;
  font: bold 14px tahoma,verdana,sans-serif;
  letter-spacing: 0;
  background: url("arrow-up-title-on.jpg") no-repeat 0 0;
  background-position:center center;
  background-repeat:no-repeat;
  height: 25px;
  width: 185px;
  color: #428eff;
  cursor:pointer;
}

.topItemClose
{
  text-indent:10px;
  font: bold 12px tahoma,verdana,sans-serif;
  letter-spacing: 0;
  background: url("arrow-down-title.jpg") no-repeat 0 0;
  background-position:center center;
  background-repeat:no-repeat;
  height: 25px;
  width: 185px;
  color: #215dc6;
  cursor:pointer;
}


.topItemCloseOver
{
  text-indent:10px;
  font: bold 12px tahoma,verdana,sans-serif;
  letter-spacing: 0;
  background: url("arrow-down-title-on.jpg") no-repeat 0 0;
  background-position:center center;
  background-repeat:no-repeat;
  height: 25px;
  width: 185px;
  color: #428eff;
  cursor:pointer;
}



.dropMenu
{
	font: bold 11px tahoma,verdana,sans-serif;
	background-color: #d6dff7;
	color: #000;
	border: 1px solid #FFFFFF;
	border-width: 0 1px 1px 1px;
	filter:alpha(opacity=100);
	padding-top:5px;
	padding-bottom:5px;
	height: auto;
}

.subMenu
{
	display:block;
	height: auto;
}

.subItem
{
   margin-left:10px;
   margin-top:2px;
   height:18px;
   font: 11px tahoma,verdana,sans-serif;	
   text-decoration:none;
   color: #215dc6;
   
}


.subItemKeranjang
{
   margin-left:5px;
	 margin-right:5px;
   margin-top:2px;
   height:18px;
   font: 11px tahoma,verdana,sans-serif;	
   text-decoration:none;
   color: #215dc6;
   
}

.subItemKeranjang a
{
   margin-left:5px;
   font: 11px tahoma,verdana,sans-serif;	 	
   text-decoration:none;
   color: #215dc6;
}

.subItemKeranjangOver
{
   margin-left:5px;
	 margin-right:5px;
   margin-top:2px;
   font: 11px tahoma,verdana,sans-serif;	  
   height:18px;
   color: #428eff;
}

.subItemKeranjangOver  a
{
   margin-left:5px;
   font: 11px tahoma,verdana,sans-serif;
   cursor:pointer;	
   color: #428eff;
   text-decoration:underline;
   cursor:pointer;
}









.subItem a
{
   margin-left:23px;
   font: 11px tahoma,verdana,sans-serif;	 	
   text-decoration:none;
   color: #215dc6;
}



.subItemOver
{
   margin-left:10px;
   margin-top:2px;
   font: 12px tahoma,verdana,sans-serif;	  
   height:18px;
   color: #428eff;
}

.subItemOver  a
{
   margin-left:23px;
   font: 12px tahoma,verdana,sans-serif;
   cursor:pointer;	
   color: #428eff;
   text-decoration:underline;
   cursor:pointer;
}


.drop
{
   border-left:1px solid black;
   border-right:1px solid black;	
}