/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop4.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.preload1 {background: url(pics/prodrop4/hov1.png);}
.preload1 {background: url(pics/prodrop4/hover.png);}

.prodrop4 {
	padding:0 0 0 32px;
	margin:0;
	list-style:none;
	height:36px;
	background:transparent url(pics/prodrop4/g3aris.png);
	position:relative;
	z-index:500;
	font-family:arial, verdana, sans-serif;
	background-image: url(pics/prodrop4/gar3is.png);
}
.prodrop4 li.top {display:block; float:right;}
.prodrop4 li a.top_link {display:block; float:left; height:36px; line-height:27px; color:white; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 10px; cursor:pointer;background: url(pics/prodrop4/ori1.png) no-repeat;}
.prodrop4 li a.top_link span {float:left; display:block; padding:0 15px 0 10px; height:36px;background:url(pics/prodrop4/ori.png) right top;}
.prodrop4 li a.top_link:hover {color:#000; background: url(pics/prodrop4/hov1.png) no-repeat; line-height:25px;}
.prodrop4 li a.top_link:hover span {background:url(pics/prodrop4/hover.png) no-repeat right top;}

.prodrop4 li:hover > a.top_link {color:#000; background: url(pics/prodrop4/hov1.png) no-repeat; line-height:25px;}
.prodrop4 li:hover > a.top_link span {background:url(pics/prodrop4/hover.png) no-repeat right top;}


.prodrop4 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.prodrop4 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop4 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.prodrop4 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.prodrop4 ul.sub1 {width:140px;}
.prodrop4 ul.sub2 {width:125px;}
.prodrop4 ul.sub3 {width:112px;}
.prodrop4 ul.sub4 {width:112px;}

.prodrop4 :hover ul {left:0; top:25px; background: #69F570; padding:3px; border:1px solid #0b963d; border-width:0 1px 1px; white-space:nowrap; height:auto; z-index:300;}
.prodrop4 :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto;}
.prodrop4 :hover ul li a {display:block; font-size:11px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#000; text-decoration:none;}
.prodrop4 :hover ul li a:hover {background:#109a3b; color:white;}
body {
	background-repeat: no-repeat;
	background-color: #404040;
	font-size: medium;
}
.norepeat {
	background-repeat: no-repeat;
}
.style25 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
.style27 {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.style39 {color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
.style42 {color: #000000}
.style43 {
	font-size: 14px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.harga {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}
.style46 {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.updatenb {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
}
.isitabel {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 12px;
}
.style47 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
}
.style47b {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}
.style51 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; }
.style54 {
	color: #00FF00;
	font-weight: bold;
}
.style55 {
	color: #00FF00;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.style56 {font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif;}
.style57 {color: #FFCC00}
.style59 {
	color: #FF0000;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.style63 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000; font-weight: bold; }
.tum2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #006;
}
.headnb {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: Black;
}
.tum21 {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #006;
}
.style471 {	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.style551 {	color: #00FF00;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.style591 {color: #FF0000; font-weight: bold; }
.style5511 {color: #00FF00;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.copyright {
	color: black;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}
.copyright2 {
	color: #000;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}
.contact {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
.nbisi {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
}
.headcontact {
	font-family: Verdana, Geneva, sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size: 14px;
}
.news {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 14px;
}
.news2 {
	color: #FFFCC7;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 13px;
}
A:link {
COLOR: Black; TEXT-DECORATION: none
}
A:active {
COLOR: black; TEXT-DECORATION: none
}
A:visited {
COLOR: black; TEXT-DECORATION: none
}
A:hover {
COLOR: black; TEXT-DECORATION: underline
}
a.detail:link {
COLOR: white; TEXT-DECORATION: none
}
a.detail:hover {
background:#929292; color:black;
}
a.detail:visited {
color:white; TEXT-DECORATION: none
}
a.detail:active {
color:black; TEXT-DECORATION: none
}
a.detail:link {
color:white; TEXT-DECORATION: none
}
a.idname:hover {
color:white; TEXT-DECORATION: none
}
a.harga:link {
COLOR: green; TEXT-DECORATION: none; font-size: 10px;
}
a.harga:hover {
background:green; color:WHITE; font-size: 10px;
}
a.harga:visited {
color:gray; TEXT-DECORATION: none; font-size: 10px;
}
a.harga:active {
color:white; TEXT-DECORATION: none; font-size: 10px;;
}
a.idname:hover {
color:white; TEXT-DECORATION: none
}
</style>