@import url(fancybox.css);
@charset "utf-8";
/* CSS Document */

@charset "utf-8";
body {
	/* background-color: #F9F7ED; */
	background-image:url(../images/lagi.png);
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:center top;
	background-size: auto;
	font: 12px/18px tahoma, "Lucida Grande", Verdana;  /*
	font: 1.2em/27px "Gill Sans MT", "Gill Sans", Calibri, "Trebuchet MS", sans-serif;*/
	margin: 0;
	padding: 0;
	/*background:url(../images/side2.png) top repeat-x;
	/*background: #e9e7e3; */

}
body form select {
	font-size:11px; 
}

h2.produk {
	/*font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif; */
	font-family: Arial, Helvetica, "DejaVu Sans", "Liberation sans", "Bitstream Vera Sans", sans-serif;	
	font-size:17px;
	color:#cb1a1a;/*#434343; */
	padding:0;
	margin:-2px 0 5px 0;
	text-align:left;
	display:block;
}


.actlink {
	font: 1.1em 'Gill Sans MT', 'Gill Sans', Calibri, 'Trebuchet MS', sans-serif; 
	color: #c81915;
	text-decoration: none;
}
a.actlink:hover {
	text-decoration:underline;
	color:#f80904;
} 
#wrapper {
	
	width: 964px;
	margin-top: 0; 
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	overflow:hidden;
	/*border-right: 1px #aeaeaf solid;
	/*background: orange; 
	/*border-left: 1px #aeaeaf solid;
	border-right: 1px #aeaeaf solid;
	border-top: 1px #aeaeaf solid; */ 
}
 #bungkus {
	background:url(../images/.png) bottom repeat-x ;
}
/*#wrapper img.logo { margin-top:0;} */
#header  {
	
	background: url(../images/baru6.png); 
	height: 112px; /*125px; */
	width: 964px; /*994px; */ 
	padding: 0;
	/*border: 1px #5e80be solid; #8ba4d1 solid;  */ 
 	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	overflow:hidden;
}

#header #welcome {
	float:left;
	display:block;
	overflow:hidden;
	width:250px;
	height:20px;
	/*border:1px #FF6600 solid; */
	margin-left:500px;
	margin-top:10px;
	font: 12px/18px tahoma, "Lucida Grande", Verdana;
	color: #437fb6;
}
#header #search {
	float:right;
	width:190px; /*follow your image's size*/
	height:22px;/*follow your image's size*/
	background: url(../images/search-field.png) top right no-repeat;
	padding:0px;
	display:block;
	clear:left;
	/*border:1px yellow solid; */
	margin:10px 0 0 0;
}
#search form { display:inline; position:relative; left:20px;  }
#search .searchbox {
	border:0; /*important */
	padding:0;
	background-color: transparent; /*important */
	position:absolute; /*important */
	top:1px;
	left:1px;
	width:150px;
	height:19px;
	font-size:12px;
	text-align:left;
}
#search .searchbox_submit {
	border:0; /*important */
	padding:0;
	background:url(../images/BUTTON SEARCH-01.png) no-repeat;/*
	background-color:transparent; /*important */
	position:absolute; /*important */
	top:0px;
	left:148px;
	width:22px;
	height:21px;
}
#search .searchbox_submit:hover {background:url(../images/BUTTON SEARCH-02.png) no-repeat; }
#header #account {
	float:right;
	width:400px;
	height:30px;
	margin-top: 15px;
	display:block;
	overflow:hidden;
	/*border:1px orange dotted;
	/*clear:both; */
	font: 1.1em/25px Calibri, sans-serif;
	color: white;/*#5f84c4; /*#aac2eb; */
}
#header #account table { border-collapse:collapse; margin:0; padding:0; width:auto; float:right;}
#header #account table tr { height:auto;}
#header #account table td.login { vertical-align:super; padding-right:0px;}
#header #account a { color:white;/*#083e98;*/ display:block; text-decoration:none;}
#header #account a:hover { color: #e32424;}
#wishlist {
	height:10px;
	padding-top:3px;
	margin-top: 3px;
	margin-right:20px;
	padding-left:600px;
	/*display:block; */
	font: 1em/20px tahoma, sans-serif;/*"Gill Sans MT", "Gill Sans", Calibri, "Trebuchet MS", sans-serif; */
	color: #130a6d;
	font-stretch:wider;
}
#wishlist span{
	color: #f30707;
	font-weight:bold;
}
#wishlist a{
	color: #130a6d;
	text-decoration:none;
}
#wishlist a:hover {
	text-decoration:underline;
	color: #eb0505;
}
#header #navigasi {
	float: right;
	margin: 8px 0 10px 0;/*73px 10px 10px 0; */
	width:962px;
	height: 30px;
	display:block;
	overflow:hidden;
}
#navigasi ul{
	width:auto;
	float:right;
	display:block;
	margin: 0 0 15px 527px;
	height: 15px;
}
#navigasi ul li {
	font: 1em Arial,Sans-Serif; 
	list-style: none;
	display: block;
	float: left;
	padding: 2px 20px 2px 20px; 
	margin: 0;
}
#navigasi ul li a {
	text-decoration:underline;
	color: #437fb6;/*#e1e1e1; */
	text-decoration: none;
	text-align: center;
	text-transform:uppercase;
	font-weight:bold; 
}
li.navigasihome {
	
	list-style: none;
	display: block;
	float: left;
	padding: 2px 35px 2px 35px; 
	margin: 0;
} 
li.navi {
	border-left: 1px #437fb6 solid;
}
#navigasi a:hover{
	text-decoration:none;
	color: #e32424;
}

#phone {
	width:100%;
	height:40px;
	float:right;
	/* margin: 8px 19px 31px 0; */
	margin: 16px 19px 31px 0;
	padding-top:0;
	display:block;
	font: 1.1em/19px Helvetica, sans-serif; /*tahoma, sans-serif; */
	text-align:right;
	color:#3e3e3e; /*777777
	/*background: yellow; */
}
/*#search input.button {
	/*background-image: url(images/search.png);
    background-repeat: no-repeat;
   	/*background-position:left; 
   	background-color:#0969A2;
	padding:0;
	margin-top:0;
	/*background:#0969a2 url(images/search.png) 2px 2px no-repeat; 
} */
#search { 
	padding:0; margin:10px auto 30px auto;
	float:right;
	width:200px;	
}
#search form { display:block; float:left; padding:5px; margin:0; background:#fafafa;}
#search input {
	font-size: 12px; 
	height:22px;
}

#search input.cari {
	background:#f2f2f2 url(../images/search.png) left no-repeat;
	width:120px;
	height:19px;
	color: #042c63;
	font: 100% 'trebuchet ms',helvetica,sans-serif;
	border: 1px #f7f7f7 solid;
}
#search p { font: bold 11px Arial, Helvetica, sans-serif; color:#959595; padding:7px 0; height:16px; margin:0; float:left; line-height:14px;}
#search span { display:block; float:left; background:#f6f6f6; border:1px solid #eaeaea; width:150px; padding:0 5px; height:30px; margin:0 3px;}
#search form .keywords { line-height:16px; float:left; border:0; width:150px; padding:7px 0; height:16px; background:none; margin:0; font:normal 14px Arial, Helvetica, sans-serif; color:#9c9c9c;}
#search form .button { float:left; margin:0; padding:0;}

#wrapper #clearer {
	clear: both;
}
#footer  {
	background:none;
	height: 88px;
	width: 964px;
	margin-right: auto;
	margin-left: auto;
	font: 11px/19px arial, sans-serif;
	color:#437fb6;
}
#footer .footer-menu {
	padding-top:0;
	width: 350px;	
	height:auto;
	float:right;
	/*clear:both;*/
	display:block;
	margin:0;
	padding:0;
	/*background:brown; */
}
#footer .footer-menu ul { float:left; margin:9px 10px 0 10px; /*background:yellow;*/ }
#footer .footer-menu ul li {float:left; display:block; width:70px; line-height:11px; text-align:center; border-left:1px blue solid; }
#footer .footer-menu ul li.foothome { border-left:none;}
#footer .footer-menu ul a { color:#437fb6; display:block; text-decoration:none;}
#footer .footer-menu ul a:hover { color: #e32424;} 
#footer .footer-menu p { float:right; margin:20px 27px 0 0; display:block; font-size:12px;} 
#footer .footer-contact {
	width:480px; 
	height:auto;
	float:left;
	display:block;
	/*background:green; */
	padding:9px 0 0 5px;
	margin-left: 10px; margin-right: 20px;
} 
#footer .footer-contact .footer-phone { 
	width:90px;
	height:16px; 
	margin:0;  
	display:block; 
	overflow:hidden;
}
#footer .footer-contact .footer-BB { 
	width:480px;
	height:19px; 
	margin:0;
	padding-top:8px;  
	display:block;
	clear:both; 
	overflow:hidden;
}
#footer .footer-contact .footer-phone img {margin:-3px 0 0 1px;}
#footer .footer-contact .footer-phone span { font-size:12px; margin:0; margin-left:3px; margin-top:-4px; }
#footer .footer-contact .footer-contact-region {
	width:120px; /*height:auto; */
	float:right;
	display:block;
	border-left:1px #437fb6 dashed;
	margin:-12px 0 0 0;
	padding:0;
	padding-left:5px;
	/*background:brown; */
}
#footer .footer-contact .footer-contact-region h4 { margin:0; margin-top:-5px; padding:0;}
#footer .footer-contact .footer-contact-region p { margin:0; padding:0;}
#kiri  {
	background:white;
	width: 160px;
	float: left;
	margin: 10px 0 30px 0;/*5px 0 10px -5px; */
	padding: 0;
	height: auto;
	display:block; /*inline; */
	overflow:hidden;
	clear:both;
}
#kiri #kategori-kiri {
	display:block;
	overflow:hidden;
	height:auto;
	clear:both;
	margin: 0 0 10px 0;
}
#kiri #katalog {
	display:block;
	clear:both;
	font: 1.1em/19px Calibri;
	margin-bottom:15px;
}
#kiri #katalog a {
	color:black;
	text-decoration:none;
}
#kiri #katalog a:hover {
	color: red;
	text-decoration:underline;
}

ul.kategori {
	width: 170; /*160px; */ 
	margin-top: 10px;/*0 0 20px 0px;*/ 
	margin-bottom:20px;
	/*border-top: 1px #809dd2 solid; */
	/*margin-right:auto; */
	float:left;
	margin-left:0; 
	display: block;/*inline;/*block; */
	clear:both;
	text-align:left;
	 
}
ul.kategori li {
	/*float:left; */
	list-style:none;
	width: 170px; 
	line-height: 18px;
	/*border-top: 1px #809dd2 solid; /*90ade2 solid; */
	/*border-bottom: 1px #4f6faa solid;/*#dad8d4 solid; /*1px #f0b484 solid; /* #e28948 solid; */
	text-align:left;
	margin-left:-40px;
	border-bottom:1px #D5E3EF solid;/*#8e8e8e solid; */
}
/*ul.kategori li:first-child {border-top: none;}
ul.kategori li:last-child {border-bottom: none;} */ 
ul.kategori li img {
	margin-right:5px;
}
ul.kategori li a {
	/*width:200px; */
	/*font: 12px/19px tahoma, sans-serif;*/
	font-family:  Calibri;
	font-size:13px;
	text-decoration: none;
	display:block; 
	color: black; /*#313131; /*#4f4f4f; */ 
	font-weight:bold;
	margin-left:0;
	margin-right:0;
	padding-left:0;
	padding-right:0;
	padding-top:6px;  
	padding-bottom:6px; 
}
ul.kategori li a:hover {
	color: #e32424;
}
.new {
	width:170px;
	height:40px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-bottom-right-radius:0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-bottom-left-radius: 0;
	float:left;
	margin: 0;
	padding:0;
	margin:0px;
	margin-bottom:10px;
	color:white;
	background: #437fb6; 
	overflow:hidden;
	/*background:url(images/new-icon.png) top left no-repeat;
	/*border: 1px red dotted; */
}
.new img { margin-top:3px; margin-left:auto; margin-right:auto; display:block;}
.new h3 { float:left; line-height:44px; display:block;}
.new-list {
	width:200px;
	height:258px;
	float:left;
}
.list {
	width:185px;
	height:248px;
	margin-left:6px;
	/*margin-top: -5px; */
	float:left;
 	overflow:hidden;
	border: 1px #4f6faa solid;
	border-bottom: 1px #809dd2 solid;
	border-left: 1px #809dd2 solid;
}
.list a {
	text-decoration:none;
	text-transform:capitalize;
	color:#294477; /*415f95; */
	font-size:10px;
}
#kanan  {
	/*background:orange; */
	display:block;
	float: left;
	height: auto;
	width: 610px; /*730px; */
	text-align:center;
	padding: 0 0 30px 0;
	margin: 10px 12px 100px 12px; 
	overflow:hidden;
	/*border-left:1px #8e8e8e dotted;
	border-right:1px #8e8e8e dotted;
	/*margin-left:2px; */
}
#kanan-penuh { width:790px; float:left; margin:10px 0 30px 7px; overflow:hidden; /*border:1px green solid;*/ }
#kanan-penuh table tr { height:30px;}
.keterangan {
	/*color:#333333; */
	margin-left:auto;
	margin-right:auto;
	width: 596px;
	/*border:1px green solid; */ 
	font: 12px/22px tahoma, sans-serif;
	/*font: 1.2em/27px "Gill Sans MT", "Gill Sans", Calibri, "Trebuchet MS", sans-serif; */
	/*padding: 10px 20px 10px 5px;
	/*font-size: 1.1em; /*12px; */
}
.keterangan p {margin:15px 0 0 0; text-align:left;}
.keterangan span { 
	color: #f90606; /*#23385e; */
	font-weight: bold;
}
#container {
	float:right;
	width: 170px;
	overflow:hidden;
	background:#FFFFFF;
	padding:0;
	margin:0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px; 
	/*-moz-border-radius: 2em 0; */
}
#berita  {
	/*display:none; */
	width: 170px;
	height:auto; /*height: 200px; */
	float: left;
	padding-left:-60px;
	margin: 0;/*0 0 20px -5px; */
	margin-top:0;
	padding-right:5px;
	overflow:hidden;
	/*border: 1px red solid;*/
	/*background: #437fb6; /*#043a6c; /*#6082c0; */
	/*border: 1px green solid; */
}
#berita ul { list-style:none } 
.headline {
	/*display:none; */
	width: 795px;
	height: 25px;
	display:block;
	/*background:#fff; /*#f2f2f2; /*f7f7f7; */ 
	margin-top:0; /*5px; */
	margin-left: 0; /*-20px; */
	text-align:left;
	/*padding-left: 5px; */
	/*border-top: 1px #4d6ca3 solid; */ 
	border-bottom: 1px #A3C0DB solid; /*#4d6ca3 solid; */ 
}
.headline p {
	font-family: Arial, Helvetica, "DejaVu Sans", "Liberation sans", "Bitstream Vera Sans", sans-serif;
	font-size:13px; /*/19px; */
	text-transform:capitalize;
	font-weight:normal;
	margin-top: 0; /*3px;
	margin-left:0; /*5px; */ 
	color:#313131;
}
.headline a { text-decoration:none; color:#313131;}
.headline a:hover { color: #e32424;}
.judul {
	font-size:11px;
	float:left;
	margin:0;
	display:block;
	/*background: url(images/judul_01.png) no-repeat; */
	color: #313131;
	font-size:11px;
	/*border-top: 1px #edebeb solid; */ 
}
.clearer-kanan { display:block; height:37px; clear:both;}
 /*
.judul table {
	width: 710px;
	height: 30px;
}
.judul td.lokasi {
	text-align: left;
	width: 500px;
	font-size: 12px;
	color: #362f2d;
	/*background: orange; 
}
.judul td.lokasi a { 
	color: #362f2d;
	text-decoration: none;
}
.judul td.lokasi a:hover { 
	color: red;
	text-decoration: underline;
}

.judul td.viewpage {
} */
/*ul.kategori li a:visited {
	color: #ac0b0b;
} */
/*ul.kategori li:hover { 
	background: #5174b3; /*#c2bcb4; 
	color: #d6e1f3; /*black; /*white; 
}*/
.isi_produk {
	display:block;
	width:auto;
	height:auto;
	padding:25px 0 0 0;
}
#produk {
	/*display: block; */
	width:200px;
	padding: 0 0 3px 0;
	/*margin-left: 20px; */
	font: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px; 
	font-weight:bold;
	text-align: left;
	color: #130a6d;/*#e01212; */
	/*background: yellow;
	/*border-bottom: 1px #dad8d4 solid; */
}

table.tabel_produk { 
	/*margin:0 0 0 5px; */
	display:block;
	margin:0 auto;
	/*background-color:green;*/
}
table.tabel_produk td {
		
	width: 175px;
	height: 210px;
	/*border: 1px #c1b6aa dotted;
	margin: 10px 10px 10px 10px; */
}
.tabel_produk a {
	text-decoration: none;
	font: 11px/14px "lucida sans unicode", sans-serif;
	font-size:11px;
	text-align:left;
	color: #083e98; /*#043a6c; /*#49547b; /*#252525;/*#111111; */ 
}
.tabel_produk a:hover
{
	color:#e32424;
}
.tabel_produk table { border:1px #A3C0DB dotted; width:140px; display:block; margin:0 auto; }
.tabel_produk table td { /*border:1px green solid;*/}
table.tabel_produk table tr.gbr_produk td { 
	height: 136px;
	width: 170px;
	margin-top: 3px;
	/*border: 1px #b4b4b4 solid; /*#e1ddd2 solid; */ 
}
table.tabel_produk table tr.gbr_produk td img {} 
table.tabel_produk table tr.nm_produk td {
	height: 40px;
	width: 170px;
	margin-top: 0px;
	margin-bottom: 3px;
	text-align:center;
	vertical-align:text-top;
	/*border:1px orange solid;
	/*#7a1a57; /*#00344d; */
}
table.tabel_related { 
	margin:0;
		
}
table.halaman {
	width: 610px;
	margin-top: 5px;
	margin-left: 0;
	font-size: 11px;
	color: #0CF;
	border-bottom: 1px #A3C0DB solid; /*#d1ccc3 solid; /*#dad8d4 solid; */	/*background: yellow; */
}
td.back {
	text-align: left;
	width: 50px;
}
td.page {
	padding-right: 25px;
	text-align:right;
}
.page a, .back a, .next a {
	color: #437fb6; /*#00344d; */
	text-decoration:none;
}
td.next { width: 50px; }
table.detprodutcs {
	width: 600px;
	margin: 0 auto;
}
table.detprodutcs td.gambar { 
    
	width: 570px;
	height:570px;
	vertical-align:middle;
	border: 1px #dad8d4 solid;
}
table.detitem {
	width:600px;
	margin: 20px auto;
	font-family: Tahoma; 
	font-size: 9pt;
	/*border: 1px #999999 solid; */
	border-collapse: collapse; 
}
.detitem th{
	color: white;/*#FFFFFF; /* #959090; */
	/*height:40px;
	/*background:orange; */
	background-color:#09F;
	text-decoration:underline;
	font-size:8pt;
	/*text-transform: uppercase; */
	text-align: left;
	padding: 0.3em;
	/*border: 1px #969BA5 solid; */
	border-collapse: collapse;	/*background-color: #6b728b; /*#e9e7e3; /*#b6b1aa; */
}

.detitem td{
	font: 9pt/14px sans-serif; /*9pt/14px symbol, sans-serif; */
	padding: 0; /*0.3em; */
	padding-top:4px;
	padding-bottom:4px;
	vertical-align: top;
	border: 1px #b4b4b4 dotted;
	border-bottom: 1px #b4b4b4 solid;
	border-collapse: collapse;
	color: black; /*#49547b; */
	text-align:left;
	padding-left:2px;
	background-color:#FFF;
}

.detitem td.no_item { color:#1e4a92; font-weight:bold;}
.namaproduk{
	width: 704px; 
	margin-left: 0;
	margin-top: 0;
	margin-bottom:3px;
	padding-bottom:5px;
	border-bottom: 1px #d1ccc3 solid;
	text-transform:uppercase; 
	text-align:left;
	font: Verdana, Arial, Helvetica, sans-serif;/*Geneva, Arial, Helvetica, sans-serif; */
	font-size: 14px; 
	font-weight:bold;
	
	color: #1e4a92; /*6b728b; */
}
#contact {
 	font: 13px/19px tahoma, sans-serif;
	/*font: 1.2em/27px "Gill Sans MT", "Gill Sans", Calibri, "Trebuchet MS", sans-serif;
	/*width: 700px;*/
	height:500px;
	display:block;
	/*background: orange; */ 
}
.office1 /*, .office2*/ {
	margin-top: 5px;
	width: 700px;
	height: 500px;/*170px; */
	display:block;
	text-align:left;
	/*height:200px; 	
	background:brown; */
}
#contact h4 { 
	width: 200px; 
	padding-bottom: 3px;
	border-bottom: 1px #8ba4d1 solid;
	color:#130a6d;
	/*background: yellow; */
}
/*#contact span { color:#130a6d;} */
.office2 { 
	margin-top: -320px;
	width: 700px;
	height: 325px;/*170px; */
	display:block;
	text-align:left;
} 
#contact .alamat {
	margin-top: -10px;
	margin-left: 55px;
	float:left;
	text-align:left;
	display:block;
	height: 140px;
	display:block;
	/*background: yellow;
	width: 300px;
	/*height: auto;/*140px; */
}
/*.alamat2 {
	float:left;
	margin-left:50px; 
	display:block;
	background:grey;
} */
.kategori-awal {
	padding: 0 0 10px 0;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	display:block;
	text-align:left;
	font: 12px/19px tahoma, sans-serif;
	/*margin: 0 10px 5px 10px; */
}
.kategori-awal p {
	border-bottom:1px #898989 solid;
	padding-bottom:7px;
}
.kategori-awal a {
	text-decoration:none; 
	color: #fff; /*#393939; */
	display:block;
}
.kategori-awal table {
	display:block;
	margin:0 auto;
}
.kategori-awal table.kateg {
	height:210px;
	margin:7px 10px;
	background: #252525;/*#e7e7e7; */ 
	border:1px #f0f0f0 solid; 
	border-right:1px #d0d0d0 solid;/*#d7d7d7 solid ;*/ 
	border-bottom:1px #d0d0d0 solid;
}
.kategori-awal table.kateg:hover {
	/*background:#414141;/*#f4f4f4; */ 
	border:1px #f0f0f0 solid; 
	border-right:1px #d7d7d7 solid; border-bottom:1px #d7d7d7 solid;
	color: #f80904;
}