body,td,th {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10pt;
	color: #000;
}
body {
	background-image: url(images/bg2.png);
	line-height: 130%;
 	min-width: 1030px;
	padding: 0px;
	margin: 0px;
}
#full_width {
	width: 100%;
 	height: 100%;
	padding: 0px;
	overflow: hidden;
}
#konten {
	position:relative;
	width:100%;
	height:auto;
	z-index:1;
	float: left;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
a {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10pt;
	color: #000;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:active {
	text-decoration: none;
	color: #000;
}
.style1 {
	background-color: #996633;
}

.bottom {
	text-align: left;
	vertical-align: bottom;
}


@font-face {
	font-family: 'Arcan';
	src: url('font/Arcan.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Apache';
	src: url('font/apache.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Aspire';
	src: url('font/owo_aspire.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Architectura';
	src: url('font/archtura.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Arizona';
	src: url('font/arizona.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'PapposBlues';
	src: url('font/PapposBlues_font.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}	

@font-face {
	font-family: 'Jellyka';
	src: url('font/Jellyka_Estrya_Handwriting.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Ruth';
	src: url('font/ruthscr.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AppleGramond';
	src: url('font/apple_garamond_bold_bt.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'heydings';
	src: url('font/heydings_icons.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

#Artspace{
	width: 100%;
	background: url(images/pumpkin.gif) repeat-x;
	height: 10px;
}

#company_symbol
{
	width: auto;
	overflow: hidden;
	float: left;
	margin-right: 20px;
	margin-left: 0;
}
#company_symbol a
{
	text-align: left;
}

#company_symbol .company-name
{
	
	font: normal 32px AppleGramond;
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.2);
	text-transform: capitalize;
}

#company_symbol .company-slogan
{
	
	text-align: left;
	font: normal 11px 'Monotype Corsiva','Apple Chancery','ITC Zapf Chancery','URW Chancery L',cursive;
	color: #838c8f;
}

#company_symbol .company-logo
{
	font: normal 16px AppleGramond;
}

#header
{
	width: 100%;
	padding:12px;
	background: rgba(255,255,255,0.7);
	float:left;
}

#header_container
{
	width: 1000px;
	height: inherit;
	margin-left: 0;
	margin-right: 0;
	position: relative;
	overflow: hidden;
}

#box1
{
	float: left;
	text-align: left;
	padding-top: 15px;
	margin-right: 20px;
}

#box1 .headmenu
{
	margin-bottom: 10px; 
	text-align: left; 
	width: 100%;
}

#box1 .headmenu a
{
	text-decoration: none;
}

#box1 .headmenu a:link
{
	text-decoration: none;
}

#box1 .headmenu a:visited
{
	text-decoration: none;
}

#box1 .headmenu a:hover
{
	text-decoration: underline;
	color: #3f7277;
}

#box2
{
	float: left;
	text-align: left;
}

#box2 .headmessage
{
	border: solid 1px #E5E5E5;
	-moz-border-radius: 3px;
    border-radius: 3px;
	height: 50px;
	width: 170px;
	padding: 7px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 11px;
	vertical-align: middle;
	box-shadow: inset rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: inset rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: inset rgba(0,0,0, 0.1) 0px 0px 8px;
}

#box2 .headmessage a
{
	font-size: 11px;
	text-decoration: none;
}

#box2 .headmessage a:link
{
	text-decoration: underline;
}

#box2 .headmessage a:visited
{
	text-decoration: none;
}

#box2 .headmessage a:hover
{
	text-decoration: underline;
	color: #3f7277;
}

#searchtop
{
	
	border: 12px solid #f0f0f0;
	background: #f0f0f0;
	-moz-border-radius: 10px;
    border-radius: 10px;
	margin-bottom: 0px;
	margin-top: auto;
	float: left;
}

#searchtop .child
{
	float: left;
}

#searchtop .searchbox:-webkit-input-placeholder {
   color: #9c9c9c;
   font-style: italic;
}

#searchtop.searchbox:-moz-placeholder {
   color: #9c9c9c;
   font-style: italic;
}  

#searchtop.searchbox:-ms-placeholder {
   color: #9c9c9c;
   font-style: italic;
}

#searchtop .searchbox
{
	margin-right: 5px;
	padding-left: 5px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font-size: 14px;
	background: #FFFFFF;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow:hidden;
	line-height: 32px;
	height: 32px;
}

#searchtop .submit {
	border: solid 1px #E5E5E5;
	background: #617798;
	outline: 0;
	cursor: pointer;
	font-size: 14px;
	font-family: helvetica, arial;
	font-weight: bold;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	height: 36px;
	line-height: 36px;
	overflow:hidden;
}

#searchtop .submit:hover {
	background: #3e577c;
}

#searchtop input:hover, #searchtop input:focus 
{ 
	border-color: #C9C9C9; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}
	
#contentbox
{
	padding-top: 20px;
	padding-bottom: 20px;
	width: 1000px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background: rgba(255,255,255,0.7);
	overflow: hidden;
}

#contentbox .sidebar
{
	width: 200px;
	padding-left: 20px;
	padding-right: 20px;
	height: auto;
	line-height: 20px;
	-moz-box-shadow: 2.5px 0px 3px -3px #888;
	-webkit-box-shadow: 2.5px 0px 3px -3px #888;
	box-shadow: 2.5px 0px 3px -3px #888;
	float: left;
}

#contentbox .main
{
	width: 760px;
	float: left
}

#contentbox .main #text
{
	font-family : Times New Roman, Times, serif;
	font-size: 12pt;
	color: #4c6571;
	margin: 10px;
	padding : 0px 10px;
	overflow: hidden;
	outline: 0;
	padding-bottom: 5px;
}

.column {
	width: 42%;
	border: dashed 1px #4c6571;
	float: left;
	padding: 15px;
	overflow: hidden;
	outline: 0;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.space {
	width: 5%;
	float: left;
	min-height: 5px;
}

.nomor{ 
	list-style-type: decimal;
}

.berita {
	position: relative;
	width: 100%;
	overflow: hidden;
	outline: 0;
	text-align: left;
	color: #4c6571;
}

.berita a {
	font-family : Times New Roman, Times, serif;
	font-size: 12pt;
	width: 100%;
	color: #4c6571;
	text-align: justify;
}

.berita .caption {
	width: 100%;
	font-size: 17pt;
	padding: 5px 0;
	color: #3f7277;
}

.berita .detail{
	width: 100%;
	font-size: 10pt;
	border-bottom: dashed 0.7px #4c6571;
}

.testimoni {
	position: relative;
	width: 650px;
	overflow: hidden;
	outline: 0;
	color: #4c6571;
	padding: 20px;
	padding-top: 10px;
	background: #eaf6fa;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.testimoni .caption {
	width: 100%;
	font-size: 17pt;
	padding: 5px 0;
	color: #3f7277;
	overflow: hidden;
	outline: 0;
	border-bottom: dashed 0.5px #4c6571;
}

.testimoni a{
	width: 100%;
	font-family : Times New Roman, Times, serif;
	font-size: 12pt;
	width: 100%;
	color: #4c6571;
	text-align: justify;
	overflow: hidden;
	outline: 0;
	display: block;
	padding-top: 10px;
	line-height: 20px;
}

.testimoni .caption .image {
	
	float: left;
	position: relative;
	padding: 5px;
}

.testimoni .caption .text {
	float: left;
	position: relative;
	padding: 0 10px;
}

.testimoni .caption .name {
	float: left;
	position: relative;
	width: 100%;
	font-size: 14pt;
	font-family: "Times New Roman";
	color: #000;
	padding: 2px 0;
	text-transform: capitalize;
}

.testimoni .caption .date {
	float: left;
	position: relative;
	width: 100%;
	font-size: 10pt;
	color: #4c6571;
	padding: 2px 0;
}

.testimoni .caption .title {
	float: left;
	position: relative;
	width: 100%;
	font: normal 24px Ruth;
	color: #4c6571;
	padding: 2px 0;
	text-transform: capitalize;
}

#othertesti {
	float: center;
	position: relative;
	width: 690px;
	overflow: hidden;
	outline: 0;
	text-align: left;
	margin-top: 20px;
}

#othertesti .head {
	width: 100%;
	font: bold 16px/100% arial,helvetica,sans-serif;
	color: #3f7277;
	text-align: left;
	padding-bottom: 20px;
}

#othertesti .detail {
	width: 100%;
	overflow: hidden;
	outline: 0;
	text-align: left;
}

#othertesti .detail table{
	overflow: hidden;
	outline: 0;
	text-align: left;
}

#othertesti .detail a{
	overflow: hidden;
	outline: 0;
	padding: 20px;
	padding-top: 10px;
	background: #f3f3f3;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height: auto;
    display: block;
    float: none;
	opacity:0.4;
	filter:alpha(opacity=40);
	margin-bottom: 20px;
}

#othertesti .detail a:hover{
	opacity:1;
	filter:alpha(opacity=100);
}

#othertesti .detail .caption {
	width: 100%;
	font-size: 17pt;
	padding: 5px 0;
	color: #3f7277;
	overflow: hidden;
	outline: 0;
	border-bottom: dashed 0.5px #4c6571;
}

#othertesti .detail .caption .text {
	float: left;
	position: relative;
	padding: 0 10px;
}

#othertesti .detail .caption .name {
	float: left;
	position: relative;
	width: 100%;
	font-size: 14pt;
	font-family: "Times New Roman";
	color: #000;
	padding: 2px 0;
	text-transform: capitalize;
}

#othertesti .detail .caption .date {
	float: left;
	position: relative;
	width: 100%;
	font-size: 10pt;
	color: #4c6571;
	padding: 2px 0;
}

#othertesti .detail .caption .title {
	float: left;
	position: relative;
	width: 100%;
	font: normal 24px Ruth;
	color: #4c6571;
	padding: 2px 0;
	text-transform: capitalize;
}

#othertesti .detail .caption .image {
	
	float: left;
	position: relative;
	padding: 5px;
}

#othertesti .detail .content {
	width: 100%;
	font-family : Times New Roman, Times, serif;
	font-size: 12pt;
	width: 100%;
	color: #4c6571;
	text-align: justify;
	overflow: hidden;
	outline: 0;
	display: block;
	padding-top: 10px;
	line-height: 20px;
}

#footer
{
	padding: 0px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	width: 100%;
	background: rgba(255,255,255,0.7);
	background: -webkit-gradient(linear, left top, left 40%, from(#FFFFFF), color-stop(4%, #f2f2f2), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #f2f2f2 1px, #FFFFFF 40%);
	/*background: rgba(255,255,255,0.7);*/
	overflow:hidden;
	float: left;
	-moz-box-shadow: 0px -2px 3px -3px #888;
	-webkit-box-shadow: 0px -2px 3px -3px #888;
	box-shadow: 0px -2px 3px -3px #888;
	z-index: 9999;
}

#footer_container
{
	width: 1013px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
}

#footer_container .box1
{
	float: left;
	width: 293px;
	min-height: 300px;
	padding-right: 15px;
	-moz-box-shadow: 2.5px 0px 3px -3px #888;
	-webkit-box-shadow: 2.5px 0px 3px -3px #888;
	box-shadow: 2.5px 0px 3px -3px #888;
	padding-bottom: 20px;
}

#footer_container .box2
{
	float: left;
	width: 215px;
	min-height: 300px;
	padding-left:15px;
	padding-right: 15px;
	-moz-box-shadow: 2.5px 0px 3px -3px #888;
	-webkit-box-shadow: 2.5px 0px 3px -3px #888;
	box-shadow: 2.5px 0px 3px -3px #888;
	padding-bottom: 20px;
}

#footer_container .box2 a{
	float: left;
	width: 100%;
	text-align: justify;
	font-style: italic;
	line-height: 20px;
	font-size: 11px;
	color: #4c6571;
}

#footer_container .box2 .nama{
	float: right;
	font: normal 70px/100% Jellyka;
	text-align: right;
	margin: 7px 0 5px 0;
	color: #4c6571;
	text-transform: capitalize;
}

#footer_container .box2 td{
	font-family: "Times New Romans";
	text-align: justify;
	font-style: italic;
	line-height: 20px;
	font-size: 12.7px;
	color: #4c6571;
}

#footer_container .box3
{
	float: left;
	width: 210px;
	min-height: 300px;
	padding-left:10px;
	padding-right: 10px;
	-moz-box-shadow: 2.5px 0px 3px -3px #888;
	-webkit-box-shadow: 2.5px 0px 3px -3px #888;
	box-shadow: 2.5px 0px 3px -3px #888;
	padding-bottom: 20px;
}

#footer_container .box4
{
	float: left;
	width: 210px;
	min-height: 300px;
	padding-left:10px;
	padding-right: 10px;
	padding-bottom: 20px;
}

#footer_container .box4 td a
{
	font-size: 13px;
	color: #4c6575;
}

#footer_container .box4 td a:hover
{
	font-weight: bold;
	color: #4c6575;
}

#footer_container .copy
{
	float: left;
	padding-top: 4px;
	padding-bottom: 10px;
	color: #4c6571;
	font-size: 10px;
}

#footer_container .copy a
{
	float: left;
	color: #4c6571;
	font-size: 10px;
}

#footer_container .copy a:link:hover
{
	text-decoration: underline;
}

#footer_container .boxcaption
{
	float: left;
	font: normal 20px arial,helvetica,sans-serif;
	color: #000;
	width: 100%;
	margin-bottom: 10px;
	text-align: justify;
	-moz-box-shadow: 0px 2px 3px -3px #888;
	-webkit-box-shadow: 0px 2px 3px -3px #888;
	box-shadow: 0px 2px 3px -3px #888;
	padding-bottom: 10px;
}

#footer_container .boxchild
{
	float: left;
	width: 100%;
	text-align: left;
	line-height: 22px;
	font-size: 12px;
	color: #4c6571;
}

#footer_container .boxchild .contact
{
	text-align: left;
	font-size: 12px;
}

#footer_container .boxchild .contact td
{
	text-align: left;
	font-size: 11px;
	vertical-align: top;
	color: #4c6571;
}

#footer_container .boxchild .contact td a
{
	text-align: left;
	font-size: 11px;
	vertical-align: top;
	color: #4c6571;
}

#bankid
{
	float: left;
	font-size: 11px;
}

#bankid .logo
{
	float: left;
	padding: 10px;
	padding-left: 0;
}

#bankid .account
{
	float: left;
	padding: 10px;
}

#bankid .account .number
{
	font-weight: bold;
}

#bankid .account .name
{
	font-style: italic;
}

#search_container
{
	padding: 20px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	width: 620px;
	text-align: center;
	background: #FFFFFF;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-border-radius: 3px;
    border-radius: 3px;
	position:relative;
	overflow: hidden;
	float:left;
}

#search_container .caption
{
	font: bold 16px/100% arial,helvetica,sans-serif;
	color: #b1c9c7;
	width: 620px;
	padding: 5px;
	text-align: center;
	background: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	border: none;
}

#search_container .form_label
{
	font: normal 14px/100% Verdana, Tahoma, sans-serif;
	color: #838c8f;
	padding: 5px;
	text-align: left;
	background: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	border: none;
}

#search_container .form_select
{
	font: normal 14px/100% Verdana, Tahoma, sans-serif;
	padding: 5px;
	text-align: left;
	background: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	border: none;
}

#search_container .mainform
{
	text-align: center;
	background: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	border: none;
	overflow:hidden;
}

.teks_biru {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10pt;
	color: #006;
}
.teks_merah {
	color: #F00;
}
.no_border{
	float:left;
	text-decoration:none;
	margin: 5px 0 5px 30px;
}
.no_border img{
	text-decoration:none;
	border:none;
}
#rekening {
	background:#FFFFFF;
	float : left ;
	    -webkit-border-radius: 5px;
        -moz-border-radius: 5px;

}
.img_rek{
	width:60px;
	float:left;
	margin :5px;
}
.det_rek {
	float:left;
	width : 160px;
	margin-top : 5px;
}

.button {
	 /*width: 120px;*/
	 padding-left: 10px;
	 padding-right: 10px;
	 height: 30px;
	 line-height: 30px;
	 color: white;
	 text-decoration: none;
	 font-size: 13px;
	 font-family: helvetica, arial;
	 font-weight: bold;
	 display: block;
	 text-align: center;
	 position: relative;

	 /* BACKGROUND GRADIENTS */
	 background: #014464;
	 background: -moz-linear-gradient(top, #0D658E, #0C577A 50%, #014D71 51%, #003E5C);
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0E658E), color-stop(.5, #0C577A), color-stop(.5, #014D71), to(#003E5C)); 


	 /* BORDER RADIUS */
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	 border-radius: 5px;

	 border: 1px solid #368DBE;
	 border-top: 1px solid #c3d6df;


	 /* TEXT SHADOW */

	 text-shadow: 1px 1px 1px black;

	 /* BOX SHADOW */
	 -moz-box-shadow: 0 1px 3px black;
	 -webkit-box-shadow: 0 1px 3px black;
	 box-shadow: 0 1px 3px black;
	}
	
	/* WHILE HOVERED */
	.button:hover {
		background: #014464;
		cursor: pointer;
	 	background: -moz-linear-gradient(top, #0c5f85, #0b5273 50%, #024869 51%, #003853);
	 	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0c5f85), color-stop(.5, #0b5273), color-stop(.51, #024869), to(#003853));
	}
	
	/* WHILE BEING CLICKED */
	.button:active {
		-moz-box-shadow: 0 2px 6px black;
		-webkit-box-shadow: 0 2px 6px black;
	}
	
/*Button Gray*/
.button_gray {
	 /*width: 120px;*/
	 padding-left: 10px;
	 padding-right: 10px;
	 height: 30px;
	 line-height: 30px;
	 color: white;
	 text-decoration: none;
	 font-size: 13px;
	 font-family: helvetica, arial;
	 font-weight: bold;
	 display: block;
	 text-align: center;
	 position: relative;

	 /* BACKGROUND GRADIENTS */
	 background: #303030;
	 background: -moz-linear-gradient(top, #4a4a4a, #404040 50%, #363636 51%, #2b2b2b);
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4a4a4a), color-stop(.5, #404040), color-stop(.5, #363636), to(#2b2b2b)); 


	 /* BORDER RADIUS */
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	 border-radius: 5px;

	 border: 1px solid #747474;
	 border-top: 1px solid #d0d0d0;


	 /* TEXT SHADOW */

	 text-shadow: 1px 1px 1px black;

	 /* BOX SHADOW */
	 -moz-box-shadow: 0 1px 3px black;
	 -webkit-box-shadow: 0 1px 3px black;
	 box-shadow: 0 1px 3px black;
	}
	
	/* WHILE HOVERED */
	.button_gray:hover {
		background: #303030;
		cursor: pointer;
	 	background: -moz-linear-gradient(top, #454545, #3c3c3c 50%, #333333 51%, #272727);
	 	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #454545), color-stop(.5, #3c3c3c), color-stop(.51, #333333), to(#272727));
	}
	
	/* WHILE BEING CLICKED */
	.button_gray:active {
		-moz-box-shadow: 0 2px 6px black;
		-webkit-box-shadow: 0 2px 6px black;
	}	

.buttonsearch {
	 /*width: 120px;*/
	 padding-left: 20px;
	 padding-right: 20px;
	 height: 40px;
	 line-height: 40px;
	 width: 180px;
	 color: white;
	 text-decoration: none;
	 font-size: 17px;
	 font-family: arial;
	 font-weight: bold;
	 display: block;
	 text-align: center;
	 position: relative;
	 margin-left: auto;
	 margin-right: auto;

	 /* BACKGROUND GRADIENTS */
	 background: #0b79ad;
	 background: -moz-linear-gradient(top, #208bbd, #1475a2 50%, #1072a0 51%, #003E5C);
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(.5, #1475a2), color-stop(.5, #1072a0), to(#003E5C)); 



	 /* BORDER RADIUS */
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	 border-radius: 5px;

	 border: 1px solid #368DBE;
	 border-top: 1px solid #c3d6df;

	}
	
	/* WHILE HOVERED */
	.buttonsearch:hover {
		cursor: pointer;
	 	background: #095980;
		border: 1px solid #338DBE;
		border-top: 1px solid #c1d6df;
	}	
	
#search_container .mainform select {
	padding: 0px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 15px/100% Verdana, Tahoma, sans-serif;
	background: #FFFFFF;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	overflow:hidden;
	background: transparent;
	line-height: 24px;
	height: 24px;
	text-transform: capitalize;
}
	
#search_container .mainform select:hover,
#search_container .mainform select:active {
	border-color: #C9C9C9; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
}

/*  Product Container  */

#Product{
	padding: 0 10px 10px 0;
	float: left;
	margin-bottom: 20px;
	width: 220px;
	overflow: hidden;
	outline: 0;
	min-height: 390px;
	position: relative;
	border-left: solid 10px rgba(255,255,255,0);
	border-top: solid 10px rgba(255,255,255,0);
}

#Product:hover {
	background: #e6f4fb;
	border-top-color: #e6f4fb;
	border-left-color: #e6f4fb;
}

#Product .id{
	font: bold 16px/100% "Times New Roman";
	color: #4c6571;
	padding: 10px 0 0 0;
	text-align: left;
	width: 100%;
	outline: 0;
	overflow: hidden;
}

#Product .details
{
	width: 100%;
	margin-bottom: 10px;
	margin-top: 10px;
	overflow: hidden;
	outline: 0;
}

#Product .details a
{
	font: normal 14px/100% "Times New Roman";
	color: #4c6571;
	line-height: 1.5;
	text-align: left;
	display: block;
	text-transform: capitalize;
	outline: 0;
	overflow: hidden;
}

#Product .buttonplace
{
	margin-right: 10px;
	float: left;
	padding-left: 2px;
}

.Images_Place{
	outline: 0;
	border: solid 5px #fff;
	background: #FFFFFF;
	box-shadow: rgba(0,0,0, 0.2) 2px 2px 1px;
	-moz-box-shadow: rgba(0,0,0, 0.2) 2px 2px 1px;
	-webkit-box-shadow: rgba(0,0,0, 0.2) 2px 2px 1px;
	overflow:hidden;
	margin-left: auto;
	margin-right: auto;
}

.Images_Place_Min{
	outline: 0;
	padding: 2px;
	border: solid 0.2px #f1f1f1;
	background: #FFFFFF;
	box-shadow: rgba(0,0,0, 0.2) 2px 2px 0.7px;
	-moz-box-shadow: rgba(0,0,0, 0.2) 2px 2px 0.7px;
	-webkit-box-shadow: rgba(0,0,0, 0.2) 2px 2px 0.7px;
	overflow:hidden;
}

/*  Premium Box  */

#premiumbox {
	width: 730px;
	overflow: hidden;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 10px;
}

#premiumbox .caption{
	margin: 10px;
	margin-bottom: 20px;
	float: none;
    padding-bottom: 10px;
    display: block;
	text-align: left;
    -moz-box-shadow: 0 1px 0 #3f7277, 0 2px 0 #b1c9c7;
    -webkit-box-shadow: 0 1px 0 #3f7277, 0 2px 0 #b1c9c7;
    box-shadow: 0 1px 0 #3f7277, 0 2px 0 #b1c9c7;
}

#premiumbox .caption .image
{
	font: bold 16px/100% arial,helvetica,sans-serif;
	color: #3f7277;
	text-align: left;
	float: left;
	line-height: 32px;
	height: 32px;
	margin-right: 5px;
}
#premiumbox.caption .name
{
	float: left;
}

#premiumbox .caption a{
	font: bold 16px/100% arial,helvetica,sans-serif;
	color: #3f7277;
	text-shadow: 1px 1px 0 #b1c9c7;
	line-height: 32px;
}

#premiumbox .contain {
	text-align: center;
}

#newsbox
{
	height: auto;
	margin-bottom: 10px;
}

#newsbox .caption
{
	font: bold 16px/100% arial,helvetica,sans-serif;
	color: #3f7277;
	margin-bottom: 5px;
	text-align: left;
	height: 32px;
	display: block;
	padding-bottom: 5px;
	-moz-box-shadow: 0 0.8px 0 #5da4ab, 0 1.5px 0 #b1c9c7;
    -webkit-box-shadow: 0 0.8px 0 #5da4ab, 0 1.5px 0 #b1c9c7;
    box-shadow: 0 0.8px 0 #5da4ab, 0 1.5px 0 #b1c9c7;
}
#newsbox .caption .image
{
	font: bold 16px/100% arial,helvetica,sans-serif;
	color: #3f7277;
	text-align: left;
	margin-right: 5px;
	float: left;
	line-height: 32px;
}
#newsbox .caption .name
{
	font: bold 20px/100% "Times New Roman";
	color: #3f7277;
	text-align: left;
	line-height: 32px;
	float: left;
}

#newsbox  .content
{
	padding: 0;
}

#newsbox  .content .title
{
	padding-bottom: 3px;
	font: normal 17px Aspire;
	color: #54646c;
	text-transform: capitalize;
}

#newsbox  .content .date
{
	padding: 0;
	font: normal 11px/100% "Times New Roman";
	color: #838c8f;
	text-transform: capitalize;
}

#newsbox  a
{
    padding: 5px;
	padding-left: 0;
    height: auto;
    line-height: 1;
    display: block;
    float: none;
	background: none;
    text-transform: none;
	text-align: left;
}

#newsbox a:hover
{
	background: #e6f4fb;
}

#testibox
{
	height: auto;
	margin-top: 10px;
}

#testibox .caption
{
	font: bold 16px/100% arial,helvetica,sans-serif;
	color: #3f7277;
	margin-bottom: 5px;
	text-align: left;
	height: 32px;
	display: block;
	padding-bottom: 5px;
	-moz-box-shadow: 0 0.8px 0 #5da4ab, 0 1.5px 0 #b1c9c7;
    -webkit-box-shadow: 0 0.8px 0 #5da4ab, 0 1.5px 0 #b1c9c7;
    box-shadow: 0 0.8px 0 #5da4ab, 0 1.5px 0 #b1c9c7;
}
#testibox .caption .image
{
	font: bold 16px/100% arial,helvetica,sans-serif;
	color: #3f7277;
	text-align: left;
	float: left;
	line-height: 32px;
	margin-right: 5px;
}
#testibox .caption .name
{
	font: bold 20px/100% "Times New Roman";
	color: #3f7277;
	text-align: left;
	line-height: 32px;
	float: left;
}

#testibox  .content
{
	padding: 0;
}

#testibox .content .titlebox
{
	
}

#testibox .content .userid
{
	text-align: center;
}

#testibox .content .userid .userimage
{
	text-align: center;
}

#testibox .content .userid .username
{
	font: normal 47px/100% Jellyka;
}

#testibox .content.newsid
{
	
}

#testibox .content .newsid .title
{
	padding-bottom: 3px;
	font: normal 24px Ruth;
	color: #54646c;
	text-transform: capitalize;
}

#testibox .content .newsid .date
{
	padding: 0;
	font: normal 11px/100% "Times New Roman";
	color: #838c8f;
	text-transform: capitalize;
}

#testibox .content .detilbox
{
	width: 100%;
	padding-bottom: 10px;
	text-align: justify;
	font: italic 14px/100% "Times New Roman";
	color: #4c6571;
}

#testibox  a
{
    padding: 5px;
	padding-left: 0;
    height: auto;
    line-height: 1;
    display: block;
    float: none;
	background: none;
    text-transform: none;
	text-align: left;
}
#testibox a:hover
{
	background: #e6f4fb;
}

#adsiklanbox
{
	height: auto;
	margin-bottom: 40px;
	overflow: hidden;
	outline: 0;
	padding-bottom: 5px;
}

#adsiklanbox a
{
	height: auto;
    line-height: 1;
    display: block;
	text-align: center;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #4c6571;
	margin-bottom: 10px;
}

/*Menu Box*/

#menubox
{
	height: auto;
	margin-bottom: 40px;
}

#menubox .caption
{
	font: bold 16px/100% arial,helvetica,sans-serif;
	color: #3f7277;
	margin-bottom: 5px;
	text-align: left;
	height: 32px;
	display: block;
	padding-bottom: 5px;
	-moz-box-shadow: 0 0.8px 0 #5da4ab, 0 1.5px 0 #b1c9c7;
    -webkit-box-shadow: 0 0.8px 0 #5da4ab, 0 1.5px 0 #b1c9c7;
    box-shadow: 0 0.8px 0 #5da4ab, 0 1.5px 0 #b1c9c7;
}

#menubox .caption .image
{
	font: bold 16px/100% arial,helvetica,sans-serif;
	color: #3f7277;
	text-align: left;
	margin-right: 5px;
	float: left;
	line-height: 32px;
}

#menubox .caption .name
{
	font: bold 20px/100% "Times New Roman";
	color: #3f7277;
	text-align: left;
	line-height: 32px;
	float: left;
}

#menubox  .content
{
	padding: 0;
}

#menubox  .content .itemname
{
	padding: 5px;
	font: bold 12px/25px Arial, Helvetica;
	color: #54646c;
	text-transform: capitalize;
	height: 32px;
	line-height: 22px;
}

#menubox  .content .itemimages
{
	padding: 0;
	height: 32px;
	width: 32px;
	font: normal 11px/100% "Times New Roman";
	color: #838c8f;
	text-transform: capitalize;
}

#menubox  a
{
	padding-left: 7px;
	padding-right: 7px;
    height: auto;
    line-height: 1;
    display: block;
    float: none;
	background: none;
    text-transform: none;
	text-align: left;
}

#menubox a:hover
{
	background: #e6f4fb;
}


/* PERKEMBANGAN JARINGAN*/

.vtip {
	background:#FFFFFF;
	border:1px solid #666666;
	float:left;
	padding:3px 5px 3px 5px;
	min-width: 80px;
	margin-right:5px;
	margin-bottom:5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.tabeldata { border: 1px solid #909090; font-size : 12px }
.judul { font-weight: bold; text-align: center; background: #C0C0C0 }
.terang { background: #E8E8E8 }
.gelap { background: #D8D8D8 }
.sorot { background: #B1D5F8 }
.putih {	color: #FFF; }


/*CSS Form*/

#Formreg
{
	float: left;
}

#Formreg .sub
{
	float: left;
}

#Formreg .sub input, #Formreg .sub textarea 
{ 
	padding: 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	background: #FFFFFF;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#Formreg .sub textarea 
{ 
	max-width: 400px;
	height: 150px;
	line-height: 150%;
}

#Formreg .sub input:hover, #Formreg .sub textarea:hover,
#Formreg .sub input:focus, #Formreg .sub textarea:focus { 
	border-color: #C9C9C9; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}
	
#Formreg .sub select {
	padding: 8px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	background: #FFFFFF;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	overflow:hidden;
	text-transform: capitalize;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
	
#Formreg .sub select:hover,
#Formreg .sub select:active {
	border-color: #C9C9C9; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
}
	
#Formreg .submit {
	background: #617798;
	outline: 0;
	border: none;
	cursor: pointer;
	font-size: 14px;
	font-family: helvetica, arial;
	font-weight: bold;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	height: 36px;
	line-height: 36px;
	overflow:hidden;
}

#Formreg .submit:hover {
	background: #3e577c;
}

#Formreg input:hover, #Formreg input:focus 
{ 
	border-color: #C9C9C9; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}
	
/*End CSS Form*/

.icon
{
	font-family: heydings;
	font-style: normal;
}

#extra {
	width: 100%;
	height: auto;
	padding: 10px;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
}

#featured_product {
	margin-right: 25px;
	overflow: hidden;
	position: relative;
	float: left;
}

#featured_product a{
	display: block;
}

#photo-feature-label{
	position:absolute;
	top:21px;
	left:-49px;
	background-color:#0a4684;
	color:#fff;
	text-align:center;
	display:block;
	width:220px;
	line-height:32px;
	font-size:17px;
	-moz-box-shadow:0px 2px 2px #444;
	-webkit-box-shadow:0px 2px 2px #444;
	box-shadow:0px 2px 2px #444;
	-moz-transform:rotate(-30deg);
	-o-transform:rotate(-30deg);
	-webkit-transform:rotate(-30deg);
	-ms-transform:rotate(-30deg);
	transform:rotate(-30deg);
}

.Images_Featured{
	outline: 0;
	border: solid 5px #fff;
	background: #FFFFFF;
	box-shadow: rgba(0,0,0, 0.2) 3px 3px 2px 0.5px;
	-moz-box-shadow: rgba(0,0,0, 0.2) 3px 3px 2px 0.5px;
	-webkit-box-shadow: rgba(0,0,0, 0.2) 3px 3px 2px 0.5px;
	overflow:hidden;
	margin-left: auto;
	margin-right: auto;
}

/*Button Gray*/
.button_featured {
	 width: 262px;
	 padding: 8px;
	 color: #b7b7b7;
	 text-decoration: none;
	 font-size: 13px;
	 font-family: helvetica, arial;
	 font-weight: bold;
	 display: block;
	 text-align: center;
	 position: relative;

	 /* BACKGROUND GRADIENTS */
	 background: #303030;
	 background: -moz-linear-gradient(top, #4a4a4a, #404040 50%, #363636 51%, #2b2b2b);
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4a4a4a), color-stop(.5, #404040), color-stop(.5, #363636), to(#2b2b2b)); 


	 /* BORDER RADIUS */
	 -moz-border-radius: 3px;
	 -webkit-border-radius: 3px;
	 border-radius: 3px;
	 border: none;

	}
	
	/* WHILE HOVERED */
	.button_featured:hover {
		background: #303030;
		color: white;
		cursor: pointer;
	 	background: -moz-linear-gradient(top, #454545, #3c3c3c 50%, #333333 51%, #272727);
	 	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #454545), color-stop(.5, #3c3c3c), color-stop(.51, #333333), to(#272727));
	}

.button_white {
	 /*width: 120px;*/
	 margin: 2px;
	 margin-top: 10px;
	 padding-left: 10px;
	 padding-right: 10px;
	 height: 30px;
	 line-height: 30px;
	 color: #404040;
	 text-decoration: none;
	 font-size: 12px;
	 font-family: helvetica, arial;
	 font-weight: bold;
	 display: block;
	 text-align: center;
	 position: relative;

	 /* BACKGROUND GRADIENTS */
	background: #FFFFFF;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);

	 /* BORDER RADIUS */
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	 border-radius: 5px;

	 border: 1px solid #747474;
	 border-top: 1px solid #d0d0d0;

	 /* BOX SHADOW */
	 -moz-box-shadow: 0 1px 3px #EEE;
	 -webkit-box-shadow: 0 1px 3px #EEE;
	 box-shadow: 0 1px 3px #EEE;
	}
	
	/* WHILE HOVERED */
	.button_white:hover {
		background: #FFF;
		cursor: pointer;
	}
	
	/* WHILE BEING CLICKED */
	.button_gray:active {
		-moz-box-shadow: 0 2px 6px black;
		-webkit-box-shadow: 0 2px 6px black;
	}

#soldout-label{
	position:absolute;
	top:14px;
	left:-45px;
	background: #d31517;
	background: -moz-linear-gradient(bottom, #e82727, #dc110c 50%, #d80e0a 51%, #8c0000);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(.5, #dc110c), color-stop(.5, #d80e0a), to(#8c0000));
	color:#fff;
	text-align:center;
	display:block;
	width:180px;
	line-height:28px;
	font-size:14px;
	font-family: Tahoma;
	-moz-box-shadow:0px 2px 2px #444;
	-webkit-box-shadow:0px 2px 2px #444;
	box-shadow:0px 2px 2px #444;
	-moz-transform:rotate(-30deg);
	-o-transform:rotate(-30deg);
	-webkit-transform:rotate(-30deg);
	-ms-transform:rotate(-30deg);
	transform:rotate(-30deg);
}