@charset "utf-8";
/* CSS Document */
body{
	margin:0;
	padding:0;
	background:top left url(../images/body_bg.png) repeat-x #000;
	font-family:Arial, Helvetica, sans-serif;
}
#container{
	margin:0 auto;
	padding:0;
	width:840px;
}
#header{
	height:135px;
	margin:0;
	margin-top:-3px;
	margin-bottom:3px;
	padding:0;
	background:url(../images/header_top.jpg) no-repeat;
}
#header .mt{
	margin:0;
	padding:0;
}
#header .mt ul{
	list-style:none;
	padding:3px;
	margin:0;
}
#header .mt ul li{
	display:inline;
	margin:0;
	padding:0 10px;
	border-right:1px solid #FFF;
	font-size:10px;
}
#header .mt ul li a, #header .mt ul li a:visited{
	color:#FFF;
	text-decoration:none;
}
#header .mt ul li a:hover{
	text-decoration:underline;
}
.hl{
	float:left;
	padding:25px 0 0 40px;
}
.hr{
	float:right;
	padding:25px 150px 0 0;
}
#header .logo{
	width:240px;
	height:52px;
/*	margin:34px auto 30px 45px; */
	padding:0;
}
#header .logo img{
	border:none;
}
#header .logo h1{
	margin:0;
	padding:0;
}
#header .logo a{
	text-decoration:none;
	text-indent:-1000px;
}
#header form{
/*	margin:45px auto 29px 400px; */
	padding:0;
/*	position:relative; */
}
.ki{
	font-size:11px;
	padding:7px 4px 7px 4px;
	width:200px;
	margin-right:70px;
	border:none;
	float:left;
}
.go{
	margin-left:-70px;
	padding:5px 5px 12px 5px;
	width:70px;
	background:top left url(../images/go_bg.png) repeat-x;
	border:none;
	float:left;
}
/*------------/HEADER----------------*/
.bclr{
	height:0px;
	clear:both;
}
a.pic{
	border:none;
}
a.pic img{
	border:none;
}
/*--MENU--*/
#chromemenu{
	width: 100%;
	font-size:15px;
}

#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#chromemenu ul{
	width: 100%;
	background: url(../images/bg_menu.png) center center repeat-x;
	padding: 10px 0 15px 0;
	margin: 0;
	text-align: left; /*set value to "right" for example to align menu to the left of page*/
}

#chromemenu ul li{
	display: inline;
	background:center right url(../images/spacer.png) no-repeat;
}

#chromemenu ul li a{
	color: #333;
	padding: 10px 15px 15px 15px;
	margin: 0;
	text-decoration: none;
}

#chromemenu ul li a:hover, #chromemenu ul li a.current{
	background: url(../images/bg_menu_h.png) center center repeat-x;
}
/*--/MENU--*/
/* Slide Show */
#slide{
	height:228px;
	margin:0;
	padding:0;
}
/* /Slide Show */
/*---Breadcrumb Menu--*/
#bc{
	font-size:10px;
	background:top left url(../images/breadcrumb_bg.png) repeat-x;
	padding:7px 0 6px 0;
	margin:0;
}
#bc ul{
	list-style:none;
	text-align:right;
	margin:0 10px 0 auto;
	padding:0;
}
#bc ul li{
	display:inline;
	padding:0 10px 0 15px;
	margin:0;
	background:left url(../images/ick.gif) no-repeat;
}
#bc ul li a, #bc ul li a:visited{
	text-decoration:none;
	color:#333;	
}
#bc ul li a:hover{
	font-weight:bold;
}
/*---/Breadcrumb Menu--*/
/*-----CONTENT------*/
#content{
	margin:0;
	padding:0;
	padding-top:10px;
	background-color:#FFF;
}
#wrapper{
	width:100%;
	float:left;
}
#contentcolumn{
	margin-left:240px;
}
/* Main Content */
.main{
	margin:0 12px 10px 0;
	font-size:11px;
}
.main p{
	margin:5px 0;
	padding:0;
}
.main h2{
	font-size:16px;
	font-style:italic;
	margin:5px auto 6px 5px;
	padding:0;
	padding-bottom:5px;
	background:bottom center url(../images/bg_comment_bottom.gif) no-repeat;
}
.main .com_title{
	margin:0;
	padding:13px 10px 14px 10px;
	background:top left url(../images/com_title_bg.png) repeat-x;
	border-top:1px solid #c8c8c8;
	font-size:11px;
	text-align:right;
}
.main .com_title form{
	margin:0;
	padding:0;
}
.main .com_title form select{
	border:1px solid #c8c8c8;
	padding-left:5px;
}
.main .isi{
	margin:0;
	padding:0;
	margin-left:5px;
	font-size:11px;
}
.main .isi h3{
	font-size:14px;
	margin:0;
	padding:5px 5px 5px 0;
}
.ilist{
	width:184px;
	height:198px;
	border:1px solid #c9c9c9;
	margin:0 auto 10px auto;
	padding:0;
	font-size:11px;
}
.inner_list{
	padding:6px 10px 15px 10px;
	height:143px;
	text-align:center;
}
.inner_list a{
	color:#000;
	text-decoration:none;
	font-weight:bold;
	margin-bottom:5px;
	display:block;
}
.ch{
	padding:4px 8px;
	margin:0;
	background:top left url(../images/item_bg.png) repeat-x;
	border-top:1px solid #c9c9c9;
}
.ch form{
	margin:0;
	padding:0;
}
.ch form span{
	padding:7px 0;
	float:left;
}
.ch form input.ac{
	float:right;
}
.mle{
	width:50%;
	float:left;
}
.mri{
	width:50%;
	float:right;
}
/* /Main Content */
/* Product 1 */
span.blue{
	color:#168be7;
}
.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:80%;
	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 #BBB;
	border-bottom:1px solid #BBB;
	padding:3px 0 3px 5px;
	display:block;
	margin-bottom:5px;
	background:top left url(../images/item_bg.png) repeat-x;
	font-size:12px;
	font-weight:bold;
}
.red{
	color:#bc0f13;
}
.hrg{
	font-size:11px;
	margin-bottom:5px;
	background:top left url(../images/item_bg.png) repeat-x;
	padding:5px;
	border-top:1px solid #BBB;
	border-bottom:1px solid #BBB;
	font-weight:bold;
}
/* / Product 1 */
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;
}
.proses, .lanjut{
	font-size:12px;
	color:#FFF;
	border:1px solid #174db0;
	margin:0 10px;
	padding:3px 10px 3px 10px;
	cursor:pointer;
	background:top left url(../images/btn_bg.png) repeat-x;
}
.lostpassword a{
	color:#06F;
	text-decoration:none;
}
.pa{
	font-size:11px;
	padding:2px 4px;
	margin:0 3px;
	background-color:#F3F3F3;
	border:1px solid #9ac613;
	color:#484848;
}
.pa a, .pa a:visited{
	color:#484848;
	text-decoration:none;
}
.pa:hover{
	background-color:#abd91e;
}
.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;
}
.error{
	background-color:#FBE6F2;
	border:1px solid #D893A1;
	color:#333333;
	padding:4px;
}
.ok{
	background-color:#daffe1;
	border:1px solid #61e77a;
	color:#333333;
	padding:4px;
}
/* Shipping */
.acd, #shipping, #billing, #mtd, #confirm{
	padding:5px;
	margin:5px 0;
	background-color:#CCC;
	cursor:pointer;
	border-bottom:3px solid #f6d000;
	border-top:3px solid #f6d000;
	background-color:#fcfebd;
	font-size:12px;
	font-weight:bold;
}
/* /Shipping */
/* CART */
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;
}
input.qty{
	width:20px;
	text-align:center;
	border:1px solid #CC9;
}
.fcart{
	margin-bottom:10px;
}
.fcart input.btn{
	color:#FFF;
	cursor:pointer;
	background:top left url(../images/btn_bg.png) repeat-x;
	border:none;
	padding:3px 10px 3px 10px;
}
/* /CART */
#leftcolumn{
	width:240px;
	margin-left:-840px;
	float:left;
}
/* MODULE */
.module{
	margin:0 8px 10px 12px;
	padding:0;
}
.module h3{
	margin:0;
	padding:9px 3px 14px 10px;
	background:url(../images/m_title_bg.png) no-repeat;
	font-size:14px;
	font-weight:normal;
}
.module h3 span{
	background:center left url(../images/micon1.png) no-repeat;
	padding-left:20px;
}
.module .intr{
	background:top left url(../images/intro_m_bg.png) repeat-x #e8e8e8;
	font-size:11px;
	margin:0;
	padding:5px;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
}
.module .m_content{
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	padding:5px;
	margin:0;
	font-size:11px;
}
.module .m_content form{
	margin:0;
	padding:0;
}
.module .m_bawah{
	height:7px;
	margin:0;
	padding:0;
	background:url(../images/m_bwh_bg.png) no-repeat;
}
ul.mc{
	list-style:none;
	margin:0;
	padding:0;
}
ul.mc li{
	padding:4px 0 3px 0;
	margin:0;
	border-bottom:1px dotted #181619;
}
ul.mc li a{
	padding-left:15px;
	background:center left url(../images/icon.png) no-repeat;
	text-decoration:none;
	color:#181619;
}
ul.minicart{
	list-style:none;
	margin:0;
	padding:0;
}
ul.minicart li{
	padding:5px 0;
	margin:0;
	border-bottom:1px dotted #c0c0c0;
}
ul.minicart li a{
	color:#000;
	text-decoration:none;
}
ul.minicart li a img{
	border:none;
}
ul.minicart li a:hover{
	color:#019FF9;
}
ul.minicart li .il{
	width:45px;
	float:left;
}
ul.minicart li .ir{
	width:160px;
	float:right;
}
	/* Module 2 */
	.module2{
		margin:0 0 0 3px;
		padding:0;
		width:285px;
	}
	.module2 h3{
		margin:0;
		padding:0;
		height:29px;
		background:url(../images/m_title2.png) no-repeat;
		font-size:14px;
		font-weight:normal;
	}
	.module2 h3 div{
		background:center left url(../images/icon2.png) no-repeat;
		padding-left:20px;
		margin:0;
		margin-left:10px;
		margin-top:4px;
	}
	.module2 .m_content2{
		border-left:1px solid #c3c3c3;
		border-right:1px solid #c3c3c3;
		padding:02px 10px 5px 10px;
		margin:0;
		margin-top:-1px;
		font-size:11px;
	}
	.module2 .m_content2 p{
		margin:0;
		margin-bottom:5px;
		padding:0;
	}
	.module2 .m_bawah2{
		height:7px;
		margin:0;
		padding:0;
		background:url(../images/m_bwh_2.png) no-repeat;
	}
	/* /Module 2 */
/*---/MODULE---*/
/* --------------TESTI FORM --------------*/
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
margin:0 auto;
width:470px;
padding:10px;
}
/* ----------- stylized ----------- */
#stylized{
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:5px;
padding:0;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:10px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
font-size:12px;
width:150px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input, #stylized textarea, #stylized select{
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;
}
/*-----/CONTENT------*/
/* FORM */
.mf{
}
mf h1 {
font-size:14px;
font-weight:bold;
margin-bottom:5px;
padding:0;
}
.mf p{
font-size:11px;
color:#666666;
margin-bottom:10px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
.mf label{
display:block;
font-weight:bold;
font-size:12px;
}
.mf .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
}
.mf input, .mf textarea, .mf select{
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
margin:2px 0 5px 0;
display:block;
}
/* /FORM */
/*------MENU BAWAH------*/
#menu_bottom{
	margin:0;
	padding:18px 10px 18px 10px;
	background:top left url(../images/menu_bottom_bg.png) repeat-x;
	font-size:11px;
	color:#FFF;
}
#menu_bottom ul{
	list-style:none;
	margin:0;
	padding:0;
}
#menu_bottom ul li{
	display:inline;
	margin:0;
	padding:0 10px;
	border-right:1px solid #FFF;
}
#menu_bottom ul li a{
	color:#FFF;
	text-decoration:none;
}
/*------MENU BAWAH------*/
#footer{
	font-size:11px;
	color:#FFF;
	padding:8px 10px 22px 20px;
	background:top left url(../images/footer_bg.png) repeat-x #000;
	margin:0;
}
.clr{
	height:0px;
	clear:left;
}
/*--------------------MSGBOX--------------------*/
#msgbox{
	display:block;
}
.messagebox{
 border:1px solid #c93;
 background:#ffc;
 padding:3px;
}
.messageboxok{
 border:1px solid #349534;
 background:#C9FFCA;
 padding:3px;
 font-weight:bold;
 color:#008000;
}
.messageboxerror{
 border:1px solid #CC0000;
 background:#F7CBCA;
 padding:3px;
 font-weight:bold;
 color:#CC0000;
}
/*--------------------LOGINBOX--------------------*/
.lgn{
	height:130px;
	margin:0;
	padding:10px;
	background:url(../images/login.png) no-repeat;
}
.lgn a{
	color:#FFF;
}
/*--------------------/LOGINBOX--------------------*/
/*--------------------MSGBOX--------------------*/
table.admintable td{padding:3px;}
td.key{
	background-color: #f6f6f6;
	text-align: right;
	width: 140px;
	color: #666;
	font-weight: bold;
	border-bottom: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
}
div.chk{
	width:30em;
	margin:20px auto;
	padding:10px;
	text-align:center;
	border:1px solid #FC3;
	background-color:#FFFFDD;
	font-size:12px;
}
.ijogede{
	font-size:18px;
	color:#090;
	font-weight:bold;
}
#tooltip {
	background-color:#3d7483;
	padding:5px;
	font-size:11px;
}
div.tooltip {
	background-color:#000;
	outline:1px solid #669;
	border:2px solid #fff;
	padding:10px 15px;
	display:none;
	color:#fff;
	text-align:left;
	/* outline radius for mozilla/firefox only */
	outline-radius:4px;
	-moz-outline-radius:4px;
	-webkit-outline-radius:4px;
}