body {
	font-family: "Arial", "Helvetica", "Verdana", "sans-serif";
	font-size: 12px;
}
#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 950px;
}

#top {
	margin: 0 0 5px 0;
}

#side-a {
	float: left;
	width: 160px;
}

#side-b {
	float: right;
	width: 197px;
}

#isi { 
	float: left;
	margin-left:10px;
	width: 61%;
}

div#navigation {margin:0;font-size:12px}
div#navigation .column {margin:0 0 1em 0;width:160px;}
div#navigation .column h2 {height:21px;background-image:url(image/block_header.gif);font-size: 13px; margin:0; padding-left:10px;padding-top:4px}
div#navigation .column .columnbody {background:#f1f2f4;padding:5px;margin:0;font-size:11px}
div#navigation .column .columnbody2 {background:#f1f2f4;padding:5px;margin:0;font-size:11px;
height: expression( this.scrollHeight > 199 ? "200px" : "auto" ); /* sets max-height for IE */
max-height: 200px; /* sets max-height value for all standards-compliant browsers */
overflow:auto;
}
div#navigation .column .columnscroll {background:#f1f2f4;padding:5px;margin:0;
height: expression( this.scrollHeight > 199 ? "200px" : "auto" ); /* sets max-height for IE */
max-height: 200px; /* sets max-height value for all standards-compliant browsers */
overflow:hidden;
}
div#navigation .column .columnbody ul {margin:0; padding:0}
div#navigation .column .columnbody li{margin: 0 5px; list-style-type:none}
div#navigation .column .columnbody li a{
margin: 0;
padding: 0px 1px 3px 0;
font-size: 12px;
display: block;
color: #76839b;
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #d7dbe3;
line-height:20px
}
.mytext{font-size:12px}
div#navigation .column .columnbody li a:visited{color: #76839b; }
div#navigation .column .columnbody li a:hover {background-color: #d7dbe3; color:white; text-decoration: none; }
div#navigation .column .columnfooter {background:url(image/block_footer.gif) no-repeat; background-position: bottom left;height:6px;margin:0;line-height:1px}

div#extra {margin:0 0 0 5px}
div#extra .right{margin:0 0 1em 0;width:190px}
div#extra .right h2{height:21px;font-size: 13px;background: url(image/block_right_header.gif); margin:0;padding-left:10px;padding-top:4px}
div#extra .right .rightbody{background:#bcc0c9;padding:5px;margin:0;font-size:11px}
div#extra .right .rightbody2{background:#bcc0c9;padding:5px;margin:0;font-size:11px;
height: expression( this.scrollHeight > 199 ? "200px" : "auto" ); /* sets max-height for IE */
max-height: 200px; /* sets max-height value for all standards-compliant browsers */
overflow:auto;
}
div#extra .right .rightscroll{background:#bcc0c9;padding:0;margin:0;
height: expression( this.scrollHeight > 199 ? "200px" : "auto" ); /* sets max-height for IE */
max-height: 200px; /* sets max-height value for all standards-compliant browsers */
width: expression(190 + "px");
width:190px;
overflow:hidden;
}
div#extra .right .rightfooter{background:url(image/block_right_footer.gif); background-position:bottom left;height:6px;margin:0;line-height:1px}


div#content {margin:0}
div#content .box{margin:0;width:575px;}
div#content .box .header{background: url(image/block_content_header.gif) no-repeat; height:25px; width:575px;color:white;margin:0}
div#content .box h2{font-size: 13px;margin:0;padding-top:4px;padding-left:10px}
div#content .box .boxbody{background:#dddfe3;margin:0;font-size:11px}
div#content .box .boxbody2{background:#dddfe3;margin:0;padding:5px 10px}
div#content .box .boxfooter {background:url(image/box_footer.gif) repeat-x;height:8px; margin:0;line-height:1px}
div#content .box .boxbody td.grosir{
width:25%;
height:200px;
text-align:center;
background:#dddfe3;
border-right: 1px solid white;
border-bottom:1px solid white;
padding-top:5px;
}
div#content li{margin-left:15px}
div#content .box .boxbody td.grosir:hover{background:#c9ccd2}
div#content .box .boxbody td.eceran{
width:25%;
height:200px;
text-align:center;
background:#f3f3f3;
border-right: 1px solid white;
border-bottom:1px solid white;
padding-top:5px;
}
div#content .box .boxbody td.eceran:hover{background:#dddfe3}

a.buybutton  {color:white;background:url(image/small_button_bg.gif); 
width:60px;height:18px;display:block;text-decoration:none;margin-top:3px;margin-bottom:3px;font-weight:bold;font-size:110%;text-align:center}
a.buybutton:hover{background-position:0 -18px;color:green}
a.buttonmedium {color:white;background:url(image/button_bg.gif); width:100px;height:20px;display:block;text-decoration:none;margin-top:5px;font-weight:bold;font-size:110%}
a.buttonmedium:hover {background-position:0 -20px;color:yellow}
#footer{clear:both;}

h1.slogan
{
position:absolute;
left:-200px;
top:-200px;
height: 0px;
overflow: hidden;
}
ul.topmenu{margin:0.25em; padding:0 0.75em; border-left:3px solid #98a0ad;display:block}
ul.topmenu li {list-style-type:none}
ul.topmenu li a{text-decoration:none;font-size:12px}
ul.topmenu li a:hover{text-decoration:underline}

.error{color:red;font-size:11px}
input texarea{font-size:11px}
input{font-size:12px}
#menu {list-style-type:none; padding:0;margin:0; width:950px;}
#menu li {float:left; padding:0; margin:0 1px 0 0; position:relative; width:134px; height:3em; z-index:100;}
#menu li dl {position:absolute; top:0; left:0; padding-bottom:0;}
#menu li a, #menu li a:visited {text-decoration:none;}
#menu li dd {display:none;}
#menu li a:hover {border:0;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:10px;}
#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}

#menu dl {width: 134px; margin: 0; padding: 0; background: transparent;}
#menu dt {margin:0; padding: 0;}

#menu dd {margin:0; padding:0; color: #fff; font-size: 1em; text-align:left;}

#menu dt a, #menu dt a:visited {display:block; font-weight:bold; font-size: 0.9em; color: #000; text-align:center; border:1px solid #808091; border-width:0 1px 1px 1px; background:#d4d4d4; padding:0.1em 0 0.25em 0;}

#menu li:hover dt a, #menu a:hover dt a {color:#006; background:#ddd; border:1px solid #808091; border-width:0 1px 1px 1px;}

#menu dd a, #menu dd a:visited {background:#808091; color:#fff; padding:0.5em 0; text-decoration:none; display:block; text-align:center; border-left:1px solid #808091; border-right:1px solid #808091;}

#menu dd a:hover {background: #ddd; color:#000; border-left:1px solid #808091; border-right:1px solid #808091;}

#menu b {display:block; overflow:hidden; height:1px;}

#menu b.p1 {background:#808091; margin:0 5px;}
#menu b.p2 {background:#d4d4d4; border:2px solid #808091; border-width:0 2px; margin:0 3px;}
#menu b.p3 {background:#d4d4d4; margin:0 2px; border:1px solid #808091; border-width:0 1px;}
#menu b.p4 {height:2px; background:#d4d4d4; margin:0 1px; border:1px solid #808091; border-width:0 1px;}
#menu b.p5 {background:#808091; margin:0 5px;}
#menu b.p6 {background:#808091; margin:0 3px;}
#menu b.p7 {background:#808091; margin:0 2px;}
#menu b.p8 {height:2px; background:#808091; margin:0 1px;}

#menu li:hover b.p2, #menu a:hover b.p2 {background:#fff;}
#menu li:hover b.p3, #menu a:hover b.p3 {background:#f0f0f0;}
#menu li:hover b.p4, #menu a:hover b.p4 {background:#e8e8e8;}

.paging{margin-top:5px}
.paging a{border:1px solid gray;
text-decoration:none;margin:0;padding:0 3px; color:#000033}
.paging a:hover{background:#FFFFFF}