@charset "utf-8";
/* CSS Document */
#batas {
	margin:0px;
	padding-top:5px;
	padding-bottom:5px;
	background:#ddeca9;
}
/*header */
#header {
	background:#FFFFFF;
	width:750px;
	height:168px;
	margin:0px auto;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	border-top:1px solid #cadb8f;
	border-left:1px solid #cadb8f;
	border-right:1px solid #cadb8f;
}
#header #atas {
	background:#0042ba;
	height:20px;
		font-family:Arial, Tahoma, Verdana;
	font-size:11px;
	color:#8ed3f8;
	text-align:right;
	padding-top:5px;
}
#header #atas a{
	padding-left:5px;
	padding-right:5px;
	font-family:Arial, Tahoma, Verdana;
	font-size:11px;
	color:#8ed3f8;
	text-decoration: none;
}
#header #atas a:hover{
	text-decoration:underline;

}
#header #tengah {
	background:url(banner.jpg);
	height:143px;
	border-bottom:1px solid #FFFFFF;
}
#header #tengah #judul {
	font-family:Arial, Tahoma, Verdana;
	font-size:20px;
	color:#316b98;
	position:relative;
	left:20px;
	top:10px;
	width:400px;
	font-weight: bold;
}
#header #tengah #subjudul {
	font-family:Arial, Tahoma, Verdana;
	font-size:12px;
	color:#316b98;
	position:relative;
	top:10px;
	left:20px;
	width:400px;
}
#isi {
	background:#FFFFFF;
	height:auto;
	width:750px;
	margin:0px auto;
	padding-left:5px;
	padding-right:5px;
	border-left:1px solid #b5c7d5;
	border-right:1px solid #b5c7d5;
	overflow:auto;
	position: relative;
}

#isi #menu {
	width:190px;
	padding-right:0px;
	float:left;
	background:#FFFFFF;
	position: relative;
}
#isi #menu #banner{
	padding-top:5px;
	overflow:auto;
	width:185px;
	float:left;
	background:#FFFFFF;
	text-align:center;
	padding-bottom:5px;
}
#isi #menu #cari {

	margin-top:5px;
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
	font-family:Arial, Tahoma, Verdana;
	font-size:11px;
	color:#61b600;
	width:180px;
	font-weight: bold;
	letter-spacing: 1px;
	word-spacing: 2px;
	overflow:auto;
}
#isi #menu #cari form {
	margin:0px;


}
#isi #menu #cari form #pencarian {
	margin:0px;
	font-family:Arial, Tahoma, Verdana;
	font-size:11px;
	color:#6f6e6e;
	border:1px solid #dbdada;
	border-bottom:4px solid #aaa9a9;
	padding:2px;

}
#isi #menu #cari form #tombol {
	margin:0px;
	background:#129104;
	font-family:Arial, Tahoma, Verdana;
	font-size:11px;
	color:#ffffff;
	border:0px solid #f2f2f1;
	padding:2px;
}
#isi #menu #judul {
		background:url(judulmenu.jpg) right no-repeat;
	margin-top:5px;
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
	font-family:Arial, Tahoma, Verdana;
	font-size:11px;
	color:#FFFFFF;
	width:180px;
	font-weight: bold;
	letter-spacing: 1px;
	word-spacing: 2px;
}
#isi #menu #isijudul {
	border-bottom:1px solid #e8e8e7;
	border-left:1px solid #e8e8e7;
	border-right:1px solid #e8e8e7;
	overflow:auto;
}
#isi #menu #isijudul #ym {
	widows:180px;
	overflow:auto;
	border-bottom:1px solid #e8e8e7;
	margin-bottom:5px;
}
#isi #menu #isijudul #ym #namaym {
	width:50px;
	padding:5px;
	font-family:Arial, Tahoma, Verdana;
	font-size:11px;
	color:#969594;
	float:left
}
#isi #menu #isijudul #ym #statusym {
	float:left;
	overflow:auto;

}
#isi #menu #isijudul #isijudulkonten {
	padding-left:5px;
	padding-right:5px;
	padding-top:1px;
	font-family:Arial, Tahoma, Verdana;
	font-size:11px;
	color:#969594;
	text-decoration: none;
}
#isi #menu #isijudul a{
	padding-left:20px;
	padding-right:5px;
	padding-top:1px;
	font-family:Arial, Tahoma, Verdana;
	font-size:11px;
	color:#969594;
	text-decoration: none;
	line-height: 20px;
	font-weight: bold;
}
#isi #menu #isijudul a:hover{
	text-decoration:underline;
}
#isi #banner{
	padding-top:5px;
	overflow:auto;
	float:right;
	background:#FFFFFF;
	width:550px;
	position: relative;
	text-align:center;
	padding-bottom:5px;
}
#isi #konten {
	padding-top:5px;
	overflow:auto;
	float:right;
	background:#FFFFFF;
	width:550px;
	position: relative;
}
#isi #konten #kosong {
	width:537px;
	float:left;
	height:10px;
}
#isi #konten #judul1 {
	border-top: 1px solid #e4e8ee;
	padding-left:10px;
	padding-bottom:10px;
	float:left;
	width:537px;
	overflow: auto;
}
#isi #konten #judul1 #isijudul1 {
	float:left;
	background:url(judul.gif);
	overflow:auto;
}
#isi #konten #judul1 #isijudul1 #bg{
	font-family:Arial, Tahoma, Verdana;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	background:url(judul.jpg) no-repeat right;
	overflow:auto;
	padding-left:5px;
	padding-right:40px;
	padding-top:3px;
	padding-bottom:3px;
}
#isi #konten #judul1 #isijudul1 #bg a{
	font-family:Arial, Tahoma, Verdana;
	color:#ffffff;
	font-size:11px;
	text-decoration:none;
}
#isi #konten #judul1 #isijudul1 #bg a:hover{
	text-decoration:underline;
}
#isi #konten #judul1 a{
	text-decoration:none;
	color:#5585d7;
}
#isi #konten #judul1 a:hover{
	text-decoration:underline;
	color:#5585d7;
}
#isi #konten #judul2 {
	border: 1px dashed #e4e8ee;
	font-family:Arial, Tahoma, Verdana;
	color:#2a79b7;
	font-size:11px;
	font-weight:bold;
	padding:5px;
	float:left;
	width:537px;
	background-color:#fcfcfc;
}
#isi #konten #judul2 a{
	text-decoration:none;
	color:#2a79b7;
}
#isi #konten #judul2 a:hover{
	text-decoration:underline;
	color:#2a79b7;
}
#isi #konten #judul2:hover {
	background:#ffffff;
}
#isi #konten #judul3 {
	border-bottom: 1px #e4e8ee double;
	background:#ffffff;
	font-family:Arial, Tahoma, Verdana;
	color:#61b600;
	font-size:11px;
	padding:5px;
	float:left;
	width:537px;
}
#isi #konten #judul3 #isijudul3 {
	background:#ffffff;
	font-family:Arial, Tahoma, Verdana;
	color:#405e6a;
	font-size:11px;
	float:left;
	width:537px;
}
#isi #konten #judul4 {
	font-family:Arial, Tahoma, Verdana;
	color:#2a79b7;
	font-size:11px;
	font-weight:bold;
	padding:5px;
	float:right;
	vertical-align:text-top
	width:537px;
	background-color:#fcfcfc;
}
#isi #konten #judul4 a{
	text-decoration:none;
	color:#2a79b7;
}
#isi #konten #judul4 a:hover{
	text-decoration:underline;
	color:#2a79b7;
}
#isi #konten #judul4:hover {
	background:#ffffff;
}
#isi #konten #konten1 {
	border-bottom: 1px #e4e8ee double;
	background:#ffffff;
	font-family:Arial, Tahoma, Verdana;
	color:#224b6b;
	font-size:11px;
	padding:5px;
	float:left;
	width:537px;
}
#isi #konten #konten1 #formulir{
	margin:0px;
}
#isi #konten #konten1 #formulir #isi{
	font-family:Arial, Tahoma, Verdana;
	color:#224b6b;
	font-size:11px;
	padding:2px;
	border:1px solid #e4e8ee;
	width:auto;
}
#isi #konten #konten1 #formulir #tombol{
	font-family:Arial, Tahoma, Verdana;
	color:#ffffff;
	font-size:11px;
	background-color:#224b6b;
	margin-top:5px;
	padding:1px;
	padding-left:10px;
	padding-right:10px;
	border:1px solid #e4e8ee;
	width:auto;
}
#isi #konten #konten1 #tanggal {
	color:#7ea9d8;

}
#isi #konten #konten1 a{
	color:#61b600;
	text-decoration:none;
}
#isi #konten #konten1 a:hover{
	text-decoration:underline;
}
#isi #konten #paging {
	border-bottom: 1px #e4e8ee solid;
	background:#ffffff;
	font-family:Arial, Tahoma, Verdana;
	color:#7ea9d8;
	font-size:11px;
	padding:5px;
	float:left;
	width:537px;
}
#isi #konten #paging a{
	font-family:Arial, Tahoma, Verdana;
	color:#7ea9d8;
	font-size:11px;
	text-decoration:none;
	margin-left:5px;
}
#isi #konten #paging a:hover{
	text-decoration:underline;

}
#isi #konten #box1 {
	margin-bottom: 5px;
	width:265px;
	height:100px;
	float:left;
	border: 1px solid #e4e8ee;
	position: relative;
}
#isi #konten #box1 img{
	float:left;
	padding:5px;
	position: relative;
}
#isi #konten #box1 #judul{
	float:right;
	padding:2px;
	font-family:Arial, Tahoma, Verdana;
	font-size:11px;
	color:#405e6a;
	width:165px;
	position: relative;
}
#isi #konten #box1 #judul h4{
	margin-top:0px;
	margin-bottom:2px;
	font-size:11px;
	color:#61b600;
}
#isi #konten #box1 #judul h4 a{
	margin-top:0px;
	margin-bottom:2px;
	font-size:11px;
	color:#61b600;
}
#isi #konten #box1 #judul h4 a:hover{
	font-size:11px;
	color:#7ea9d8;
}
#isi #konten #box1 #judul #harga{
	font-size:11px;
	color:#405e6a;
	float:left;
}
#isi #konten #box1 #judul a{
	font-size:11px;
	color:#7ea9d8;
	float:right;
	text-decoration:none;
	font-weight:bold;
	padding-right:5px;
}
#isi #konten #box1 #judul a:hover{
	font-size:11px;
	color:#7ea9d8;
}
#isi #konten #box2 {
	margin-bottom: 5px;
	width:265px;
	height:100px;
	float:right;
	border: 1px solid #e4e8ee;
	position: relative;
}
#isi #konten #box2 img{
	float:left;
	padding:5px;
	position: relative;
}
#isi #konten #box2 #judul{
	float:right;
	padding:2px;
	font-family:Arial, Tahoma, Verdana;
	font-size:11px;
	color:#405e6a;
	width:165px;
	position: relative;
}
#isi #konten #box2 #judul h4{
	margin-top:0px;
	margin-bottom:2px;
	margin-top:0px;
	font-size:11px;
	color:#61b600;
}
#isi #konten #box2 #judul h4 a{
	margin-top:0px;
	margin-bottom:2px;
	font-size:11px;
	color:#61b600;
}
#isi #konten #box2 #judul h4 a:hover{
	font-size:11px;
	color:#7ea9d8;
}
#isi #konten #box2 #judul #harga{
	font-size:11px;
	color:#405e6a;
	float:left;
}
#isi #konten #box2 #judul a{
	font-size:11px;
	color:#7ea9d8;
	float:right;
	text-decoration:none;
	font-weight:bold;
	padding-right:5px;
}
#isi #konten #box2 #judul a:hover{
	font-size:11px;
	color:#7ea9d8;
}
#isi #konten #box3 {
	padding:5px;
	width:538px;
	height:75px;
	float:left;
	border-bottom: 1px solid #e9e9e9;
	position: relative;
}
#isi #konten #box3 img{
	float:left;
	padding:5px;
	position: relative;
}
#isi #konten #box3 #judul{
	float:right;
	padding:1px;
	font-family:Arial, Tahoma, Verdana;
	color:#405e6a;
	font-size:11px;
	width:400px;
	position: relative;
}
#isi #konten #box3 #judul h4{
	margin-top:0px;
	margin-bottom:2px;
	font-size:11px;
	color:#61b600;
}
#isi #konten #box3 #judul #harga{
	font-size:11px;
	color:#405e6a;
	float:left;
}
#isi #konten #box3 #judul a{
	font-size:11px;
	color:#7ea9d8;
	float:right;
	text-decoration:none;
	font-weight:bold;
	padding-right:5px;
}
#isi #konten #box3 #judul a:hover{
	font-size:11px;
	color:#7ea9d8;
	text-decoration: underline;
}

#isi #konten #box4 {
	padding:5px;
	overflow:hidden;
	width:538px;
	float:left;
	border-bottom: 1px solid #e4e8ee;
	position: relative;
	font-family:Arial, Tahoma, Verdana;
	font-size:11px;
	color:#405e6a;
}

#isi #konten #box4 a {
	float:left;
	font-weight:bold;
	font-family:Arial, Tahoma, Verdana;
	color:#61b600;
	font-size:11px;
	text-decoration:none;
}
#isi #konten #box4 a:hover {
	text-decoration:underline;
}
#isi #konten #box4 #tanggal {
	float:left;
	padding-left:5px;
	padding-right:5px;
	font-family:Arial, Tahoma, Verdana;
	color:#7ea9d8;
	font-size:11px;
	text-decoration:none;
}
#isi #konten #box5 {
	margin: 3px;
	width:125px;
	height:160px;
	float:left;
	border: 1px solid #e4e8ee;
	background:#ffffff;
	position: relative;
	padding:0px;
	text-align: center;
	
}
#isi #konten #box5 img{
	padding-top:5px;
	position: relative;
}
#isi #konten #box5 a{
	width:inherit;
	float:inherit;
	padding:3px;
	position: relative;
	font-family:Arial, Tahoma, Verdana;
	font-size:11px;
	color:#7ea9d8;
	text-decoration:none;
	font-weight:bold;
	overflow: auto;
}
#isi #konten #box5 a:hover{
	text-decoration:underline;
	}
#isi #konten #box6 {
	width:136px;
	height:auto;
	float:left;
	border-bottom:1px solid #cde4ed;
	background:#ffffff;
	position: relative;
	text-align: center;
}
#isi #konten #box6 a{
	padding:4px;
	font-family:Arial, Tahoma, Verdana;
	font-size:11px;
	color:#5a7079;
	text-decoration:none;
	display: block;
}
#isi #konten #box6 a:hover{
	background:#f0f3f4;
}
#isi #konten #boxdetail {
	padding:2px;
	margin-bottom: 5px;
	width:537px;
	height:auto;
	float:left;
	border: 1px solid #e4e8ee;
	position: relative;
}
#isi #konten #boxdetail img{
	float:left;
	padding:5px;
	position: relative;
}
#isi #konten #boxdetail #judul{
	float:right;
	padding:2px;
	font-family:Arial, Tahoma, Verdana;
	font-size:11px;
	color:#405e6a;
	width:250px;
	position: relative;
}
#isi #konten #boxdetail #judul #span1{
	width:75px;
	float:left;
	position:relative;
	margin-bottom:5px;
}
#isi #konten #boxdetail #judul #spanurl{
	width:75px;
	float:left;
	position:relative;
	margin-bottom:5px;
}
#isi #konten #boxdetail #judul #span2{
	width:175px;
	float:left;
	position:relative;
	margin-bottom:5px;
}
#isi #konten #boxdetail #judul #span3{
	width:240px;
	padding:2px;
	border: 1px dashed #e4e8ee;
	float:left;
	position:relative;
	margin-bottom:5px;
	background:#ffffff;
}
#isi #konten #boxdetail #judul a{
	font-size:11px;
	color:#1d8f25;
	float:right;
	text-decoration:none;
	font-weight:bold;
	padding-right:5px;
}
#isi #konten #boxdetail #judul a:hover{
	font-size:11px;
	color:#1d8f25;
	text-decoration: underline;
}
#isi #konten #spesifikasikiri {
	padding:2px;
	font-family:Arial, Tahoma, Verdana;
	font-size:11px;
	color:#405e6a;
	width:250px;
	height:auto;
	float:left;
	border-bottom: 1px solid #e4e8ee;
	background:#ffffff;
	position: relative;
}

#isi #konten #spesifikasikanan {
	padding:2px;
	font-family:Arial, Tahoma, Verdana;
	font-size:11px;
	color:#405e6a;
	width:285px;
	height:auto;
	float:left;
	border-bottom: 1px solid #e4e8ee;
	background:#ffffff;
	position: relative;
}

#isi #konten #keranjangproduk {
	padding:3px;
	font-family:Arial, Tahoma, Verdana;
	font-size:11px;
	color:#405e6a;
	width:200px;
	float:left;
	border-bottom: 1px solid #e4e8ee;
	background:#ffffff;
	position: relative;
}
#isi #konten #satuanharga {
	padding:3px;
	font-family:Arial, Tahoma, Verdana;
	font-size:11px;
	color:#405e6a;
	width:10px;
	float:left;
	border-bottom: 1px solid #e4e8ee;
	background:#ffffff;
	position: relative;
}
#isi #konten #hargasatuanjudul {
	padding:3px;
	font-family:Arial, Tahoma, Verdana;
	font-size:11px;
	color:#405e6a;
	width:80px;
	float:left;
	border-bottom: 1px solid #e4e8ee;
	background:#ffffff;
	position: relative;
}
#isi #konten #hargasatuan {
	padding:3px;
	font-family:Arial, Tahoma, Verdana;
	font-size:11px;
	color:#405e6a;
	width:80px;
	float:left;
	border-bottom: 1px solid #e4e8ee;
	background:#ffffff;
	position: relative;
	text-align: right;
}
#isi #konten #jumlahbarang {
	padding:3px;
	font-family:Arial, Tahoma, Verdana;
	font-size:11px;
	color:#405e6a;
	width:40px;
	float:left;
	border-bottom: 1px solid #e4e8ee;
	background:#ffffff;
	position: relative;
	text-align: center;
}
#isi #konten #editkeranjang {
	padding:3px;
	font-family:Arial, Tahoma, Verdana;
	font-size:11px;
	color:#405e6a;
	width:65px;
	float:left;
	border-bottom: 1px solid #e4e8ee;
	background:#ffffff;
	position: relative;
	text-align: center;
}
#isi #konten #editkeranjang a{
	font-family:Arial, Tahoma, Verdana;
	font-size:11px;
	color:#405e6a;
	text-decoration:none;
}
#isi #konten #editkeranjang a:hover{
	text-decoration:underline;

}
#isi #konten #form{
	margin:0px;
}
#footer {
	background:#FFFFFF;
	width:750px;
	overflow:auto;
	margin:0px auto;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	border-right:1px solid #b5c7d5;
	border-left:1px solid #b5c7d5;
	border-bottom:1px solid #b5c7d5;
}
#footer #atas {
	padding-left:150px;
	padding-right:150px;
	padding-top:5px;
	padding-bottom:5px;
	font-family:Arial, Tahoma, Verdana;
	font-size:11px;
	color:#316b98;
	background-color: #61b600;
	text-align: right;
	text-align:center;
}
#footer #atas a{
	padding-left:10px;
	padding-top:1px;
	font-family:Arial, Tahoma, Verdana;
	font-size:11px;
	color:#ffffff;
	text-decoration: none;
}
#footer #atas a:hover{
	text-decoration: underline;
}
#footer #bawah{
	padding-top:5px;
	padding-bottom:5px;
	font-family:Arial, Tahoma, Verdana;
	font-size:11px;
	color:#ffffff;
	background-color: #b8db7c;
	text-align: right;
	text-align:center;
}
#footer #bawah a{
	font-family:Arial, Tahoma, Verdana;
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
}
#footer #bawah a:hover{
	text-decoration:underline;

}