// C# Documentbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #696969;
}

html{
   	overflow-y: scroll;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:  0;
	margin-bottom:20px;
	background-color: #f0f0f0;
	color: #696969;
	text-align: center;
}

a{
	color:#C38EC7;	
	text-decoration:none;
}

a:focus {
   	outline: none;
}

a:hover {
	color:#C38EC7;	
	text-decoration:none;
}

a:visited {
	color:#C38EC7;	
	text-decoration:none;
}

#banner{
	margin-top:294px;	/*270*/
}

#banner img{	
	border:1px solid #C38EC7;
	margin-top:2px;
}

#button a{	
	padding:5px;	
	background: #eee url(images/glossyback.gif) repeat-x bottom left;
	border: 1px solid #9A9A9A;
	border-bottom-width: 0;
	color:#C38EC7;
	line-height:10pt;
	font-size:8pt;
	width:100px;	
	display:block;
}

#button a:hover{
	color:#B7CEEC;
	padding:5px;	
	background: #eee url(images/glossyback2.gif) repeat-x bottom left;
	border: 1px solid #9A9A9A;
	border-bottom-width: 0;	
	line-height:10pt;
	font-size:8pt;	
	display:block;
}

.copyright {
	color:#696969;	
	padding:0 0 20px 25px;	
}

.copyright a {
	color:#C38EC7;	
	text-decoration:none;
}

#container { 
	width: 800px;  
	margin: 0 auto;	
} 

#contain {	
	min-height:700px;
	width: 780px;		
	
}

#contain b{
	letter-spacing:1px;
}

#content1 {	
	width:100px;	
	margin-right:auto;	
	padding-left:25px;
	text-align:justify;	
	color:#333333;
	float:left;		
}

#content2 {
	width:540px;
	margin-left:auto;	
	padding-right:25px;	
	text-align:justify;	
	font-size: 14px;
	line-height:20pt;	
}

#dhtmlgoodies_slidedown_menu ul {
	
}

#footer {	
	padding-top:2px;
	padding-left:5px;
	background: url(images/glossyback.gif) repeat-x bottom left;
	border: 1px solid #e1e1e1;
	border-bottom-width: 0;
	color:#fff;
	height:30px;
	margin: 5px;
	padding: 5px;
	text-align:justify;
	text-align: center;	
	color: #919191;
}


#footer a {
	font-weight: normal;
	color: #919191;
	text-decoration: none;
}

#footer a:hover {
	font-weight: normal;
	color: #707070;
	text-decoration: none;
}

#flash{
	width:540px;
	min-height:300px;
	height:300px;
	background: url(images/flash.jpg) no-repeat bottom left;
	z-index:9999;
	position:absolute;

}

#gambar{
	min-width:300px;
	min-height:300px;
	width:300px;
	height:300px;	
}

.glossymenu{
	width: 170px; /*width of menu*/
	border: 1px solid #e1e1e1;
	border-bottom-width: 0;	
	z-index:99999;	
}

.glossymenu a.menuitem{
	background: #eee url(images/glossyback.gif) repeat-x bottom left;
	/*font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	color: #919191;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 4px 0;
	padding-left: 10px;
	text-decoration: none;
	z-index:99999;	
	height:20px;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
	color: #919191;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
}

.glossymenu a.menuitem:hover{
	background-image: url(images/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
	/*background: #B7CEEC;*/
	background: #eee url(images/glossyback.gif) repeat-x bottom left;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.glossymenu div.submenu ul li{
	
}

.glossymenu div.submenu ul li a{
	display: block;
	font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: #919191;
	text-decoration: none;
	padding: 2px 0;
	padding-left: 20px;
	font-size:11px;
	z-index:99999;	
}

.glossymenu div.submenu ul li a:hover{
	/*background: #DFDCCB;*/
	background: #eee url(images/glossyback2.gif) repeat-x bottom left;	
}


h3{
	padding:5px;
	padding-left:10px;
	background: #eee url(images/glossyback.gif) repeat-x bottom left;
	border: 1px solid #e1e1e1;
	border-bottom-width: 0;
	color:#919191;
	line-height:10pt;
	font-size:10pt;
	font-weight:normal;
	
}

#head{
	height:164px;
	width: 780px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	background:url("images/head.jpg") no-repeat;	
	text-align:left;
	border-width: 3px;
	border-style: solid;
	border-top-color: #B7CEEC;
	border-right-color: #B7CEEC;	
	border-left-color: #B7CEEC;
	border-bottom:none;
	background-color: #fff;
	-moz-box-shadow: 5px 5px 10px #000;
	-webkit-box-shadow: 5px 5px 10px #000;
	
}

#imageSlideshowHolder{	
	min-height:300px;
	
}

.imageSlideshowHolder,.imageSlideshowHolder_left{	
	float:left; 	
	width:540px;	
	height405px;			
	position:relative;
}

.leftFloatingDiv{
	float:left;
	width:160px;
	height:110px;
}

.imageSlideshowHolder img{
	position:absolute;
	left:0px;
	top:0px;
}

#katalog {	
	color:#C38EC7;
}

#katalog a{
	color:#B7CEEC;
	padding:5px;	
	background: #eee url(images/glossyback.gif) repeat-x bottom left;
	border: 1px solid #9A9A9A;
	border-bottom-width: 0;
	color:#C38EC7;
	line-height:10pt;
	font-size:8pt;
	width:50px;
}

#katalog a:hover{
	color:#B7CEEC;
	padding:5px;	
	background: #eee url(images/glossyback2.gif) repeat-x bottom left;
	border: 1px solid #9A9A9A;
	border-bottom-width: 0;	
	line-height:10pt;
	font-size:8pt;	
}

#katalog img{	
	cursor:pointer;
	border:1px solid #C38EC7;	
}

.logo_container {	
	text-align:left;	
	position:relatives;
	display:inline;
}

.logo_container_head {	
	text-align:left;	
	position:relatives;	
}

.logo {
	color:#C9C299;
	font-size:48px;
	padding:20px 0 0 20px;
}
.logo span {
	color:#B7CEEC;	
}

.logo b {
	font-size: 14px;
	color:#696969;	
	font-weight:normal;
}



.logo2 {
	letter-spacing:1px;
	display:inline;
	position:relatives;
	font-size: 16px;
	color:#C9C299;		
	font-weight:bold;
}
.logo2 span {
	font-size: 16px;
	color:#B7CEEC;	
	display:inline;
	position:relatives;
	font-weight:bold;
}

.logo2 b {
	font-size: 12px;
	color:#696969;	
	font-weight:normal;
}

#page_container {	
	text-align: left;
	width: 780px;
	margin: 0 auto;
	text-align: left
	border-width: 0px;	
	border-style: solid;	
	border-color: #B7CEEC;	
	background-color: #fff;	
	-moz-box-shadow: 5px 5px 10px #000;
	-webkit-box-shadow: 5px 5px 10px #000;
	
}

#produk img{
	margin:5px;
}

.pemesanan{
	padding-right:30px;
	text-align:justify;
}

.thumbnail{
	min-width:100px;
	min-height:100px;
}

table.zebra{
	width:100%;
	margin-bottom:30px;	
	}
	
table.zebra th{
	font-weight:bold;
	font-size:13px;
	text-align:center;
	background-color:#eee;
	}
	
table.zebra th,	table.zebra td{
	padding:5px 5px 5px 5px;
	height:27px;
	vertical-align:text-top;
	}
	
table.zebra tbody,table.zebra tfoot{
	font-size:8pt;
	}

table.zebra
	.bold{
	font-weight:bold;
	}
table.zebra
	.center{
	text-align:center;
	}
	
table.zebra	
	table.zebra tbody
	td{border-bottom:1px solid #d2d2d4}ul.zebra > li:first-child,
	table.zebra tbody tr:first-child
	td{border-top:1px solid #d2d2d4}ul.zebra > li:nth-of-type(odd),
	
	
	table.zebra tbody tr:nth-of-type(odd){background:#fdfdff}.mod-black ul.zebra>li{border-bottom:1px solid #262627}.mod-black ul.zebra>li:first-child{border-top:1px solid #262627}.mod-black ul.zebra > li.odd,
	.mod-black ul.zebra>li:nth-of-type(odd){background:transparent url() 0 0 repeat}.mod-black ul.zebra>li.odd{background-color:#3d3d3f}.mod-color ul.zebra>li{border-bottom:1px solid #fdfdff}.mod-color ul.zebra>li:first-child{border-top:1px solid #fdfdff}.mod-color ul.zebra > li.odd,
	.mod-color ul.zebra>li:nth-of-type(odd){background:transparent url() 0 0 repeat}table.zebra{border-right:1px solid #d2d2d4;border-bottom:1px solid #d2d2d4;background:#F5F5F7;box-shadow:0 8px 4px -4px rgba(0,0,0,0.1),
	inset 0 1px 0 rgba(255,255,255,0.2)}table.zebra
	caption{color:#777779}table.zebra
	thead{background:#5a5a5c;background:-moz-linear-gradient(
	top,
	rgba(90,90,92,1.0) 0%,
	rgba(60,60,62,1.0) 100%
	);background:-webkit-linear-gradient(
	top,
	rgba(90,90,92,1.0) 0%,
	rgba(60,60,62,1.0) 100%
	);background:-o-linear-gradient(
	top,
	rgba(90,90,92,1.0) 0%,
	rgba(60,60,62,1.0) 100%
	);background:linear-gradient(
	top,
	rgba(90,90,92,1.0) 0%,
	rgba(60,60,62,1.0) 100%
	);background:-ms-linear-gradient(
	top,
	rgba(90,90,92,1.0) 0%,
	rgba(60,60,62,1.0) 100%
	)}table.zebra thead tr td,
	table.zebra thead tr
	th{border:1px
	solid #262628}table.zebra thead


	th{color:#fdfdff;text-shadow:0 -1px 1px rgba(0,0,2,0.6);font-size:12px;font-weight:bold;text-transform:uppercase}table.zebra thead th a:hover{color:#fdfdff}table.zebra tbody
	
	tr{border-top:1px solid #d2d2d4}table.zebra tbody tr:hover,
	table.zebra tbody tr:nth-of-type(odd):hover,
	table.zebra tbody tr.even:hover{background:#e1e1e1;box-shadow:inset 0 1px 1px rgba(0,0,0,0.06)}
	
	tr{border-top:1px solid #d2d2d4}table.zebra tbody tr:hover,
	table.zebra tbody tr:nth-of-type(even):hover,
	table.zebra tbody tr.even:hover{background:#e1e1e1;box-shadow:inset 0 1px 1px rgba(0,0,0,0.06)}
	
	
	
	table.zebra tr td,table.zebra tr
	th{border-left:0px solid #d2d2d4}
	table.zebra tfoot
	tr{border-bottom:0px solid #a2a2a4;background:#99999b;color:#eee}