body
{
background:#656566;
margin-top:0px;
margin-bottom:0px;
color:#464646;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
a
{
color:#3862C2;
}
a:hover
{
text-decoration:none;
}
p
{
text-align:justify;
}
h1
{
text-align:center;
margin:15px auto 10px auto;
color:#3862C2;
font-size:17px;
}
h3
{
margin:0px;
color:#666666;
font-size:14px;
text-transform:uppercase;
}
h4
{
margin:0px;
color:#DD2C0B;
font-size:12px;
}
h4 a
{
text-decoration:none;
color:#DD2C0B;
}
h6
{
margin:0px;
color:#DD2C0B;
font-size:10px;
}
h6 a
{
text-decoration:none;
color:#DD2C0B;
}
h6 a:hover
{
text-decoration:underline;
}
h6 img
{
float:right;
border:0px;
}
.title
{
font-weight:bold;
font-size:13px;
margin:0px auto 4px auto;
text-align:center;
color:#3A67A0;

}
.teks2
{
background:#f4f4f4;
padding:5px 3px 5px 3px;
}
.img_det
{
float:left;
margin-top:0px;
margin-left:0px;
margin-right:15px;
border:0px;
}
font.waktu
{
color:#f28120;
font-size:11px;
font-weight:bold;
}
hr
{
border:#CCCCCC 1px solid;
}
.gr_bawah
{
/*border-bottom:#CCCCCC 1px dotted;*/
border:1px solid #cccccc;
}

#maincontent
{
margin-left:auto;
margin-right:auto;
/* Panjang web
width:785px;
*/
width:900px;
background:#FFFFFF;
}
#content
{
background:#FFFFFF;
margin:0px;
}
#content .kiri
{
width:20%;
float:left;
margin:0px;
background:#FFFFFF;
}
#content .kanan
{
width:80%;
float:left;
margin:0px;
background:#FFFFFF;
}

#header
{
margin:0px;
height:108px;
background:url(images/situsharga_03.jpg)left top repeat-x;
text-align:right;
}
#header img
{
float:left;
margin-left: 0px;
margin-top: 0px;
}


#konten
{
margin:0px;
width:100%;
}
#konten .kiri
{
width:70%;
float:left;
padding:5px 5px 5px 5px;

}
#konten .kanan
{
width:28.4%;
float:left;

}
#konten .tengah
{
margin:0px;
width:100%;
float:left;

}
.judul
{
height:20px;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
background:url(images/situsharga_07.jpg) left top repeat-x;
padding:5px 5px 0px 10px;
}
.list
{
background:#C9D8DC;
}
.list .teks
{
padding:5px 3px 5px 3px;
}
.list ul
{
margin: 0px auto 0px 0px;
padding-left:0px;
}
.list li
{
background:#C9D8DC;
margin: 0px; 
/*
padding:8px 5px 5px 5px;*/
list-style-type:none;
width:100%;
text-align:left;
font-weight:bold;
font-size:12px;
border-bottom:1px solid #FFFFFF;

}
.list li a
{
color:#666666;
text-decoration:none;
padding:7px 5px 7px 10px;
display:block;

}
.list li a:hover
{
color:#FFFFFF;
text-decoration:none;

background:#FA5333;
/*
font-weight:bold;*/
}
#current
{
color:#FA5333;
text-decoration:none;
/*
background:#FA5333;
*/
}

#iklan
{
margin:0px;
}
#iklan .pertama
{
margin:0px;
background:#E0E8EB url(images/situsharga_13.jpg) bottom left repeat-x fixed;
padding:5px 5px 2px 5px;
height:100%;
text-align:center;
}
#iklan .kedua
{
margin:0px;
background:#f4f4f4;
padding:5px 5px 2px 5px;
height:100%;
text-align:center;
}
#mainbanner
{
margin-top:0px;
padding-top:0px;
width:80%;
}
* html #mainbanner
{
margin-top:0px;
margin-left:0%;
padding-top:0px;
padding-bottom:0px;
float:left;
}
#waktu
{
width:20%;
height:23px;
margin:0px;
float:left;
background:#C9D8DC;
color:#5F5F5F;
font-weight:bold;
padding-top:7px;
}
#menu
{
margin-top:0px;
margin-left:0px;
padding-top:0px;
float:left;
height:30px;
margin-bottom:0px;
width:80%;
background:#C9D8DC;
}
#menu ul
{
margin: 0px auto;
padding-left:0px;
}
#menu li
{
float: left; 
margin: 0px; 
padding:8px 5px 5px 5px;
list-style-type:none;
width:75px;
text-align:center;
}
#menu ul li a
{
text-decoration:none;
color:#DD2C0B;
font-weight:bold;
text-transform:uppercase;
}
#menu ul li a:hover
{
display:block;
color:#1F7CCA;
background:#C9D8DC;
}
.imgbanner
{
/*
margin-top:3px;
margin-bottom:3px;*/
}
.isi
{
margin:0px;
color:#666666;
font-size:12px;
border-bottom:1px solid #FFFFFF;
padding:7px 1px 7px 1px;
background:#EEEEEE;
}
table
{
margin-top:0px;
padding:0px;
}
* html table
{
margin-top:0px;
padding:0px;
}
form
{
margin:0px;
clear:both;
}
form .gaya
{
height:20px;
background:url(images/situsharga_19.jpg) left top repeat-x;
border:0px;
color:#FFFFFF;
padding:1px 2px 1px 2px;
margin:0px;
}
form .gaya2
{
height:20px;
border:1px solid #CCCCCC;
color:#333333;
padding:1px 2px 1px 2px;
margin:0px;
}
form .gaya_button
{
margin:0px;
height:20px;
border:0px;
background:url(images/situsharga_21_1.jpg) left top repeat-x;
color:#FFFFFF;
font-size:10px;
font-weight:bold;
padding-left:3px;
padding-right:3px;
padding-bottom:5px;
}
form .gaya_button2
{
margin:0px;
height:26px;
border:1px solid #CCCCCC;
background:#f4f4f4;;
color:#DD2C0B;
font-size:11px;
font-weight:bold;
padding-left:8px;
padding-right:8px;
padding-top:5px;
padding-bottom:5px;
}
#footer
{
float:left;
text-align:center;
background:#FFFFFF;
width:100%;
height:50px;
background:#333333;
color:#FFFFFF;
padding:10px 0px 10px 0px;
}
* html #footer
{
width:100%;
text-align:center;
float:left;
height:50px;
background:#333333;
color:#FFFFFF;
padding:10px 0px 10px 0px;
}
#footer a
{
color:#FFFFFF;
}
#logo
{
background:#f4f4f4;
margin-top:12px;
height:50px;
border:1px solid #cccccc;
font-size:20px;
display:block;
padding-top:30px;
padding-left:5px;
padding-right:5px;
text-align:center;
}
#logo a
{
color:#6699FF;
text-decoration:none;

}
#logo a:hover
{
text-decoration:underline;
}
table .garis
{
border:1px solid #CCCCCC;
border-width:medium;
}
#deskripsi
{
background:#f4f4f4;
margin:20px auto 5px auto;
padding:5px 5px 5px 5px;
width:80%;
border:1px solid #cccccc;
}
#back
{
margin:20px auto 5px auto;
padding:5px 5px 5px 5px;
width:80%;
}
#back a
{
height:50px;
font-weight:bold;
text-decoration:none;
color:#4F9BD9;
background:url(images/kolomn.png) left top no-repeat;
font-size:18px;
padding-left:35px;
padding-top:5px;
}
#bookmark
{
text-align:right;
}
#intro_produk
{
width:90%;
margin:30px auto 10px auto;
border-bottom:1px solid #cccccc;
}
#intro_produk a
{
text-decoration:none;
}
#intro_produk .judul
{
margin:0px;
font-weight:bold;
}
#intro_produk img
{
border:0px;
}
#slogan
{
text-align:center;
font-style:italic;
margin:-10px auto 10px auto;
width:90%;
}
#result
{
margin:0px 5px 10px 5px;
width:99%;
}
#result .teks
{
background:#f4f4f4;
border:1px solid #cccccc;
padding:5px 5px 5px 5px;
height:50px;
}
#result .nomor
{
font-size:36px;
margin:0px;
float:left;
width:5%;
}
#baner_bwh
{
width:90%;
text-align:center;
margin:5px auto 5px auto;
}
#hidden
{
margin:0px;
color:#656566;
}
.waktu
{
color:#f28120;
font-size:11px;
font-weight:bold;
}
#shortcut
{
margin:3px auto 3px auto;
height:30px;
width:99.9%;
background:#C9D8DC;
float:left;
color:#DD2C0B;
font-weight:bold;
}
#shortcut div
{
margin:0px;
padding:7px 5px 0px 8px;
}
#shortcut a
{
text-decoration:none;

}
#shortcut a:hover
{
text-decoration:underline;
}