#ContentBox01,#ContentBox02,#ContentBox03{background:#fff;border:1px solid #373737;float:left;margin:3px;width:210px}
#footer{background:#fff;clear:both;color:#999;font-size:10px;margin:0;padding:10px 0;text-align:center}
#header{background:#FFF;height:120px;position:relative;width:100%;text-align:center;}
#leftcol{float:left;position:relative;width:22%}
#maincol{background-color:#FFF;display:inline;float:right;margin:0;padding:0;position:relative;width:74%;font-size:12px;}
#maincol h1{color:#182C5A;font:bold 16pt Arial, Helvetica, Verdana;margin:0;padding:0 10px 5px}
#maincol h2{color:#fb5701;font-size:14px;padding:5px 10px;margin:0px;}
#pagewidth{background-color:#fff;border:1px solid #CCC;margin-left:auto;margin-right:auto;text-align:left;width:90%}
#sidepanel{font-size:12px;width:98%}
* html .clearfix{height:1%}
.BoxContent{color:#666;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;padding:10px}
.clearfix{display:block}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}
.harga{color:red;font-family:Georgia, "Times New Roman", Times, serif;font-size:20px;font-weight:bolder}
.merah{color:red;font-size:12px;font-weight:bolder}
.kotak{font-size:10px;font-weight:700;margin-left:10px;padding:10px;width:90%}
.kotakl{float:left;margin:5px;padding-left:20px;width:15%}
.kotakr{float:right;font-weight:400;margin:5px;width:75%}
.order a:hover{color:#000}
.order,.order a:link,.order a:visited{clear:both;color:#060;font-family:sans-serif;font-size:16px;font-weight:700;text-decoration:none}

.subs-navbar h1 a:link,.subs-navbar h1 a:visited{color:#fff;display:block;text-decoration:none}
.subs-navbar h1,.subs h1{background-color:#276AB5;border-bottom:1px #b0b1ba solid;color:#fff;font-size:14px;font-weight:400;margin-bottom:5px;margin-top:0;padding-bottom:6px;padding-right:15px;padding-top:6px;text-align:center}
.subs-navbar ul{margin:0;padding:0 0 5px}
.subs-navbar ul li{color:#fb5701;list-style-type:none}
.subs-navbar ul li a:link,.subs-navbar ul li a:visited{border-left:10px #fff solid;color:#091c5a;font-size:12px;padding-left:10px;text-decoration:none}
.subs-navbar ul li a:link.youarehere,.subs-navbar ul li a:visited.youarehere{font-weight:700}
.subs-navbar ul li a:link.youarehere,.subs-navbar ul li a:visited.youarehere,.subs-navbar ul li a:hover{border-left:10px #ff5800 solid;color:#fb5701;border-bottom:none}
.subs-navbar,.subs,.subs p{background-color:#fff;font-size:10px}
.table{font-size:10px}
.th{background-color:#276AB5;color:#FFF;font-size:10px;font-weight:700;text-align:left}
a:hover{border-bottom:1px solid #06F}
a:link,a:visited{color:#06F;text-decoration:none}
html,body{background-color:#fff;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;margin:0;padding:0;text-align:center}
img{border:none}
input,select,option,textarea{background-color:#fff;border:1px solid #7F9DB9;color:#000;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px}
p{color:#333;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;margin:0;padding:10px}
td{line-height:14px;padding:3px}
td.left{background:#276AB5 url(images/lc.gif) top left no-repeat;background-color:#276AB5;color:#FFF;font-size:10px;font-weight:700;text-align:left;padding:10px;}
td.right{background:#276AB5 url(images/rc.gif) top right no-repeat;background-color:#276AB5;color:#FFF;font-size:10px;font-weight:700;text-align:left;padding:10px;}
tr.row1{background-color:#ACDDFF;font-size:10px;text-align:center}
tr.row2{background-color:#D7EEFF;font-size:10px;text-align:center}
tr.row3{background-color:#D7EEFF;color:red;font-size:11px;font-weight:700}
tr.row4{color:#060;font-size:12px;font-weight:700}
tr.row5{background-color:#ACDDFF;color:red;font-size:11px;font-weight:700}
td.garis{text-align:center;text-decoration: line-through;}
td.head{background-color:#276AB5;color:#FFF;font-size:10px;font-weight:700;text-align:center;padding:10px;}
td.batas{background-color:#276AB5;color:#FFF;font-size:10px;font-weight:700;text-align:left;padding:10px;}
#maincol ul{margin:0 5px 10px 5px; padding:0 20px 0 20px;}
#maincol ul li{margin:5px;}
.had {background-color:#276AB5;display:block; padding:5px; margin:5px;color:#fff;font-weight:bold;}
.b2{width:90%;clear:both;}
.b3{float:left; width:50%;}
.b4{float:left; width:50%;}
.b3 ul,.b4 ul{font-weight:bold;}
#navcontainer
{
margin: 0 auto;
padding: 0 0 5em 0;
}

/* to stretch the container div to contain floated list */
#navcontainer:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

ul#navlist
{
list-style: none;
padding: 0;
margin: 0 auto;
width: 100%;
font-size: 12px;
}

ul#navlist li
{
display: block;
float: left;
width: 30%;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em;
border-width: 1px;
border-color: #ffe #ff5800 #ccc #fff;
border-style: solid;
color: #fff;
text-decoration: none;
background-color:#276AB5;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #f0e7d7;
color: #800000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #800000;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}
span.title {
  font: 16px "Trebuchet MS",Verdana,Arial,sans-serif; 
 	color:#FF0000;
  cursor:pointer
}