@charset "utf-8";
/* CSS Document */
body{
	padding:0;
	margin:30px 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	background:top left url(../images/body_bg.gif) repeat-x #585858;
}
#container{
	margin:0 auto;
	padding:0;
	width:790px;
}
#top{
	height:38px;
	margin:0;
	padding:0;
}
/* Round Top Corner */
.roundcont {
	background-color: #656565;
	color: #fff;
}

.roundcont p {
	margin: 0;	
	font-size:10px;
	font-weight:bold;
}
ul.tm{
	list-style:none;
	margin:0;
	padding:0;
	padding-top:3px;
	padding-bottom:12px;
	text-align:right;
}
ul.tm li{
	display:inline;
	padding:0 10px;
	background:left center url(../images/ltop.gif) no-repeat;
}
ul.tm li a, ul.tm li a:visited{
	text-decoration:none;
	color:#FFF;
}
ul.tm li a:hover{
	color:#CCC;
}
.roundtop { 
	background: url(../images/lk_tr.gif) no-repeat top right; 
}

img.corner {
   width: 9px;
   height: 9px;
   border: none;
   display: block !important;
}
/* /Round Top Corner */
#tlogo{
	height:52px;
	margin:0;
	padding:0;
	background-color:#FFF;
}
.tleft{
	width:60%;
	float:left;
}
.tleft h1{
	margin:15px 0 14px 10px;
	padding:5px 0 6px 200px;
	background:center left url(../images/logo.png) no-repeat;
	font-size:11px;
}
.tleft h1 a, .tleft h1 a:visited{
	color:#7f9b2c;
	text-decoration:none;
	display:block;
}
.tright{
	width:40%;
	float:right;
}
.tright .cart{
	margin:12px 10px 12px auto;
	background:center left url(../images/scart.png) no-repeat;
	font-size:11px;
	padding:8px 0 9px 42px;
	width:160px;
	font-weight:bold;
}
.green{
	color:#7f9b2c;
}
.red{
	color:#bc0f13;
}
.clb{
	width:100%;
	height:0px;
	clear:both;
}
#header{
	height:123px;
	/*background:url(../images/header.jpg) no-repeat;*/
	margin:0;
	padding:0;
	border-top:2px solid #FFF;
}
#menu{
	height:35px;
	margin:0;
	padding:0;
	
}
#menu ul{
	list-style:none;
	display:block;
	margin:0;
	padding:12px 15px 20px 15px;
	background:top left url(../images/menubg.png) repeat-x;
}
#menu ul li{
	display:inline;
	padding:20px 15px 0 2px;
	margin:0;
	margin-top:17px;	
	text-transform:uppercase;
}
#menu ul li a, #menu ul li a:visited{
	color:#FFF;
	text-decoration:none;
}
#menu ul li a:hover{
	color:#FC0;
}
/*-----------------------CONTENT---------------------*/
#content{
	padding:10px 0 0 0;
	margin:0;
	background-color:#FFF;
}
#wrapper{
	width:100%;
	float:left;
}
.contentcolumn{
	margin-left:230px;
}
/* Main Content */
.mcontent{
	margin:0 10px 10px 13px;
	padding:0;
}
.mcontent p{
	margin:5px;
	padding:0;
	font-size:10px;
}
.mcontent ul.testimoni{
	list-style:none;
	margin:5px;
	padding:0;
}
.mcontent ul.testimoni li{
	padding:5px;
	display:block;
	background:bottom center url(../images/bg_comment_bottom.gif) no-repeat;
}
.mcontent h2{
	margin:0;
	padding:7px 0 8px 0;
	background:top left url(../images/cbg.png) repeat-x;
	color:#FFF;
	font-size:12px;
}
.mcontent h3{
	margin:5px 0;
	padding:0;
	font-size:14px;
}
.mcontent h4{
	margin:5px 0;
	padding:0;
}
.mcontent .hrg{
	font-size:11px;
	margin-bottom:5px;
}
.mcontent a img{
	border:none;
}
.isi{
	margin:10px 0 10px 0;
	padding:0;
}
.inner{
	margin:5px;
}
.isi .mle{
	width:260px;
	margin:0;
	padding:0;
	float:left;
}
.isi .mle h3{
	margin:0;
	padding:7px 0 8px 0;
	background:top left url(../images/cbg.png) repeat-x;
	color:#FFF;
	font-size:12px;
}
.isi .mri{
	width:260px;
	margin:0;
	padding:0;
	float:right;
}
.isi .mri h3{
	margin:0;
	padding:7px 0 8px 0;
	background:top left url(../images/cbg.png) repeat-x;
	color:#FFF;
	font-size:12px;
}
.testi{
	margin-left:8px;
	background:center left url(../images/ticon.png) no-repeat;
	padding:6px 0 7px 36px;
}
.search{
	margin-left:8px;
	background:center left url(../images/sicon.png) no-repeat;
	padding:6px 0 7px 36px;
}
.newprod{
	margin-left:8px;
	background:center left url(../images/nicon.png) no-repeat;
	padding:6px 0 7px 36px;
}

.mcontent h2 span.featured{
	margin-left:8px;
	background:center left url(../images/picon.png) no-repeat;
	padding:6px 0 7px 36px;
}
/* /Main Content */
.leftcolumn{
	width:250px;
	margin-left:-790px;
	float:left;
}
/* ------- MODULE ----------*/
.module{
	margin:0 12px 10px 10px;
	padding:0;
}
.module h3{	
	margin:0;
	padding:7px 0 8px 0;
	background:top left url(../images/mtitlebg.png) repeat-x;
	color:#FFF;
	font-size:12px;
}
.modulestandard{
	margin-left:8px;
	background:center left url(../images/arrow.png) no-repeat;
	padding-left:16px;
}

.cmodule{
	margin:0;
	padding:5px;
	border:1px solid #e9e9e9;
	font-size:11px;
}
.cmodule form{
	margin:6px 0 0;
	padding:0;
}
.cmodule form input{
	height:18px;
	background:top left url(../images/text_box_bg.png) repeat-x;
	border:1px solid #7b9a06;
	width:182px;
}
.tombol{
	background:top left url(../images/btn_bg.png) repeat-x;
	border:none;
	cursor:pointer;
	font-weight:bold;
	padding:3px 10px;
}
.module .cmodule form label{
	color:#5dbccd;
	display:block;
	font-weight:bold;
}
.module .cmodule ul{
	list-style:none;
	margin:0;
	padding:0;
}
.module .cmodule ul li{
	background:center left url(../images/licon.png) no-repeat;
	padding:4px 0 4px 14px;
	margin:0;
}
.module .cmodule ul li a, .module .cmodule ul li a:visited{
	color:#333;
	text-decoration:none;
}
.module .cmodule ul li a:hover{
	color:#359aea;
}
/* --------/MODULE----------*/
.clr{
	height:0px;
	clear:left;
}
/*----------------------/CONTENT---------------------*/
#footer{
	margin:0;
	padding:0;
	color:#FFF;
}
/*---------------FOOTER ROUND ----------------*/
.lround{display:block}
.lround *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#8a8a8a}
.lround1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #6d6d6d;
  border-right:1px solid #6d6d6d;
  background:#7d7d7d}
.lround2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #5d5d5d;
  border-right:1px solid #5d5d5d;
  background:#808080}
.lround3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #808080;
  border-right:1px solid #808080;}
.lround4{
  border-left:1px solid #6d6d6d;
  border-right:1px solid #6d6d6d}
.lround5{
  border-left:1px solid #7d7d7d;
  border-right:1px solid #7d7d7d}
.lroundfg{
  background:#8a8a8a;
}
.lroundfg p{
	padding:10px;
	margin:0;
	font-size:11px;
	font-weight:bold;
}
/* ---------/FOOTER ROUND------------*/
/* Product 1 */
.produk1{
	margin:0 5px;
	padding:0;
}
.produk1 a{
	border:none;
}
.produk1 a img{
	float:left;
	width:100px;
	margin-bottom:5px;	
	border:none;
}
.produk1 form{
	float:right;
	width:60%;
	margin-bottom:5px;
}
.produk1 form h3{
	margin:0;
	margin-bottom:10px;
	padding:0;
	font-size:12px;
	text-transform:uppercase;
}
.produk1 form h3 a, .produk form h3 a:visited{
	color:#168be7;
}
.produk1 form h3 a:hover{
	text-decoration:none;
}
.produk1 form p{
	font-size:11px;
	color:#333;
	margin:0;
	margin-bottom:5px;
	padding:0;
}
.produk1 form span.harga{
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	padding:3px 0;
	display:block;
}
/* / Product 1 */
/* Product */
.produk{
	margin:0 5px;
	padding:0;
}
.produk img{
	float:left;
	width:100px;
	margin-bottom:5px;
}
.produk form{
	float:right;
	width:145px;
	margin-bottom:5px;
}
.produk form h3{
	margin:0;
	margin-bottom:15px;
	padding:0;
	font-size:12px;
	text-transform:uppercase;
}
.produk form h3 a, .produk form h3 a:visited{
	color:#168be7;
}
.produk form h3 a:hover{
	text-decoration:none;
}
.produk form span.harga{
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	padding:3px 0;
	display:block;
}
span.blue{
	color:#168be7;
}
.detail{
	display:block;
	background:center left url(../images/icon_orange.gif) no-repeat;
	color:#e8a618;
	font-size:11px;
	padding-left:6px;
	margin-top:5px;
	margin-bottom:4px;
}
.addcart{
	display:block;
	background:center left url(../images/icon_blue.gif) no-repeat;
	color:#188be8;
	font-size:11px;
	padding-left:6px;
}
.add_to_cart{
	margin-top:20px;
	width:131px;
	padding:4px 8px 7px 29px;
	background:url(../images/add_to_cart.png) no-repeat;
	color:#000;
	font-size:11px;
	border:none;
	text-decoration:none;
	display:block;
}
.add_to_cart:hover{
	color:#FFF;
}
.hits{
	border-top:1px dashed #999;
	font-size:11px;
	margin:10px 0 0 0;
	padding:5px 10px 0 10px;
}
.kananbawah{
	border-right:1px dashed #999999; 
	border-bottom:1px dashed #999999;
}
.bawah{
	border-bottom:1px dashed #999999;
}
input.qty{
	width:20px;
	text-align:center;
	border:1px solid #CC9;
}
.fcart{
	margin-bottom:10px;
}
.fcart input.btn{
	border:1px solid #990;
	background-color:#333;
	color:#FFF;
	cursor:pointer;
}
div.chk{
	width:30em;
	margin:20px auto;
	padding:10px;
	text-align:center;
	border:1px solid #FC3;
	background-color:#FFFFDD;
	font-size:12px;
}
.info_detail{
	margin:20px auto;
	padding:10px;
	text-align:center;
	border:1px solid #FC3;
	background-color:#FFFFDD;
	font-size:11px;
}
.hinfo{
	margin:5px 0;
	padding:10px;
	border-top:3px solid #FC3;
	border-bottom:3px solid #FC3;
	background-color:#FFFFDD;
}
table.tship{
	font-size:11px;
	margin:10px auto;
}
table.tship td{
	border-top:1px dashed #999;
	border-bottom:1px dashed #999;
	width:33%;
}
tr.headrow{
	background-color:#F0F0F0;
	color:#0B55C4;
	font-weight:bold;
	font-size:11px;	
}
tr.headrow td{
	padding:10px 0;
	border-bottom:1px solid #999999;
	border-right: 1px solid #e9e9e9;
	border-left:1px solid #FFF;
}
tr.isirow td{
	padding:5px;
	border-bottom:1px solid #E7E7E7;
	border-right:1px solid #F0F0F0;
	font-size:11px;
}
tr.isirow td a, tr.isirow td a:visited{
	color:#0B55C4;
	text-decoration:none;
}
tr.isirow td a:hover{
	text-decoration:underline;
}
.ijogede{
	font-size:18px;
	color:#090;
	font-weight:bold;
}
.proses{
	font-size:12px;
	color:#FFF;
	background-color:#1f6cea;
	border:1px solid #174db0;
	margin:0 10px;
	padding:4px 15px 6px 15px;
	cursor:pointer;
}
.proses:hover{
	background-color:#00aeff;
	border:1px solid #0190b9;
}
.batal{
	font-size:12px;
	color:#FFF;
	background-color:#fe2f2f;
	border:1px solid #af0101;
	margin:0 10px;
	padding:4px 15px 6px 15px;
	cursor:pointer;
}
.batal:hover{
	background-color:#ff7171;
	border:1px solid #df6767;
}
form.cari{
	margin:5px 0;
	padding:0;
}
form.cari fieldset{
	border:1px solid #666;
}
form.cari fieldset legend{
	padding:3px 10px;
	border:1px solid #666;
	background-color:#FC6;
}
form.cari input, form.cari select{
	border:1px solid #FC6;
	background-color:#FFC;
}
form.cari select{
	width:170px;
}
form.cari label{
	display:block;
	padding:5px;
	padding-left:0;
}
a.advanced{
	width:12em;
	display:block;
	padding:3px 20px;
	margin:5px;
	margin-left:0;
	background-color:#09F;
	border:1px solid #06C;
	color:#FFF;
	font-size:11px;
	text-align:center;
	text-decoration:none;
}
/* --------------TESTI FORM --------------*/
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
margin:0 auto;
width:400px;
padding:14px;
}
/* ----------- stylized ----------- */
#stylized{
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input, #stylized textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 20px 10px;
}
#stylized button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
border:none;
cursor:pointer;
-moz-border-radius:5px;
}
#stylized button:hover{
	color:#CCC;
}
.error{
	background-color:#FBE6F2;
	border:1px solid #D893A1;
	color:#333333;
	padding:4px;
	margin-left:10px;
}
.ok{
	background-color:#daffe1;
	border:1px solid #61e77a;
	color:#333333;
	padding:4px;
	margin-left:10px;
}
.pa{
	font-size:11px;
	padding:2px 4px;
	margin:0 3px;
	background-color:#F3F3F3;
	border:1px solid #27ba27;
	color:#484848;
}
.pa a, .pa a:visited{
	color:#484848;
	text-decoration:none;
}
.pa:hover{
	background-color:#d0fed0;
}
.pac{
	font-size:11px;
	padding:2px 4px;
	margin:0 5px;
	background-color:#d0d0d0;
	border:1px solid #c1c1c1;
	color:#FFF;
}
p.paginasi{
	margin:10px;
	padding:2px;
	text-align:center;
}
/*---------/TESTI FORM---------*/
/* /Products */