ul,ol,li,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }

hr.smooth
{
	height: 1px;
	background: #CCC;	
	border: none;
}

p.news
{
	margin-top: 5px;
}

a
{
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

body
{
  padding: 10px;
}

/* CSS Document */
body
{
	color: #333;
	font-family: Tahoma,Helvetica,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:18px;
}


div
{
	margin:0px;
	padding:0px;
}


img
{
	border:none;
}

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

/*HEAD BORDER*/
#top
{
	width:860px;
	height:20px;
	background:transparent url(../images/layout/bg-top.jpg) no-repeat;
	margin:0pt auto;
}
	
/*HEADER WEBSIDE*/				
#header
{
	width:860px;
	background:url(../images/layout/bg.jpg) repeat-y;
	height:75px;
	margin:0pt auto;
}
	#logo
	{
		width:471px;
		height:62px;
		margin: 5px 0px 0px 30px;
		position:absolute;
		font:20pt Tahoma , Helvetica, sans-serif ;
		color:#000000;
	}
	
	.banner
	{
		font:9pt bold Tahoma, Tahoma;
		width:350px;
		margin:65px 0px 0px 94px ;
		position:absolute;
		color:#155499;
	}
	
	.txt
	{
		margin-bottom:4px;
		height:20px;
		width:152px;
		background:url(../images/layout/txt.gif) no-repeat;
		border:0pt none;
		font:10pt Tahoma, Helvetica, sans-serif;
		color:#2164aa;
	}
	
	#box1
	{
		width: 830px;
		position: absolute;
		text-align: right;
		margin: 5pt 0pt 0pt 0pt;
	}
	
	.cari
	{
		padding: 0pt 20pt 0pt -10pt;
	}


/*KONTEN */
#main
{
	width:860px;
	background:url(../images/layout/bg.jpg) repeat-y;
	margin:0pt auto;
	min-height:500px;
	padding-top:0px;
	padding-bottom:20px;
}
	#kiri
	{
		width:200px;
		float:left;
	}
	
		
	#menu2
	{
		font: 9pt Tahoma ;	
		width:190px;
		border-top:1px #cecdcd solid;
		background-color:#F4F4F4;
		margin-top:10px ;
		padding-bottom:15px;
		margin-bottom:10px;
	}
		#menu2 li
		{
			margin : 0px 0px 0px 20px;
		
		}
		
		#menu2 h4
		{
			color:#2164aa;
			text-align:center;
		}
		
		.head2
		{
			background-color:#2164aa;
			color:#FFFFFF;
			border-bottom: 3px #FFFFFF solid;
			text-align:left;
			padding-left:9px;
			font:10pt Tahoma, Helvetica, sans-serif;
			font-weight : bold;
			height:20px;
			line-height:normal;
			padding-left:9px;
			padding-top:3px;
		}
		
		.isi
		{
			font:8pt Tahoma, Helvetica, sans-serif;
			padding: 5px 10px 3px 10px;
			
		}

		.isi2
		{
			font:8pt Tahoma, Helvetica, sans-serif;
			padding: 8px;
			
		}
		
		.isi img
		{
			float: left;
			margin:0px 5px 0px 0px;
			background:#FFFFFF;
			border:#999999 solid 1px;
		}
		
				
		.title
		{
			color:#2466ab;
			margin:0pt;
			padding:0px;
		}	
			
		.tgl
		{
			color:#D74C2F;
			font:7pt Tahoma, Helvetica, sans-serif;
			height:3px;
		}
		
	
	#kanan
	{
		/*margin-left:225px;
		border-top:#2164aa solid 2px;*/
		width:600px;
		padding: 0 0px;
	}
	
	#kanan ul, ol{
		padding-left: 20px;
	}
	
	#content
	{
		width:600px;		
	}

	#content img.border
	{
		margin:5px;
		padding:4px;
		border:1px solid #999999;
		background-color:#F0F0F0;
		float:left;
	}
			
			#content img:hover
			{
				background-color:#EAF2FF;
			}
			
			.judul
			{
				height:25px;
				background-color:#D8D8D8;
				padding:10px 0px 0px 10px;
				font: 10pt Tahoma bold;	
				color:#2264aa;
			}
			
			.Ctop
			{
				text-align:justify;			
			}
			
			.Cbawah
			{
			}
				.head
				{
					height:20px;
					border-bottom:1px dotted #a4a4a4;
					border-top:1px dotted #a4a4a4;
					background-color:#F3F3F3;
					color:#198592;
					font:10pt Tahoma, Helvetica, sans-serif;	
					font-weight: bold;
					padding-left:10px;
					padding-top:5px;
					margin-bottom:5px;	
				}
						
				.box2
				{
					width:285px;
					border-bottom:dashed 1px #ccc;
					float:left;
					/*margin-right:30px;*/
					padding-bottom:10px;	
					margin-top:20px;	
					margin-bottom:20px;	
				}	
						
				
			/*UNTUK IT DIVISION*/	
				#imgList
				{
					clear: both;
					/*width:620px;*/
					margin-top:8px;
					text-align:left;
					background: url(../images/layout/p.jpg) #FFFFFF no-repeat 15% 5%;
				}
					#imgList .Text
					{
						margin:0pt 0pt 0pt 80pt ;
						border-bottom:dotted 1px #999999;
					}
	
	
#footer
{
	width:860px;
	height:114px;
	background:transparent url(../images/layout/bg-foot.png) no-repeat;
	margin:0pt auto;
}

	#footer a
	{
		text-decoration:none;
		color:#FFFFFF;
		
	}
	
	.alamat
	{
		color:#FFFFFF;
		text-align:center;
		height:90px;
		width:860px;
		padding-top: 15px;
	}
	
	
/*UNTUK CONTENT DETAIL*/

/*--------SAMBUNGAN DARI #KANAN*/

.flag
{
	background:#2164aa;	
	margin:2px 0px 0px 0px;
}

#overview
{
	height:240px;
	text-align:left;
}
	#overview img
	{
		float:left;
	}
	
	.view
	{
		margin-left:215px;
	}

#detail
{
	
}

	#detail img
	{
		float:left;
	}

/*UNTUK PRODUK*/

table .byType
{
	font:10pt Tahoma, Tahoma, Helvetica, sans-serif;
	color:#FFFFFF;
	background:#2164aa;
	text-align:center;
}

table .prod
{
	border-bottom:1px dotted #2164aa;
	text-align:center;
}


table .listProd
{
	font:8pt Tahoma, Tahoma, Helvetica, sans-serif;
	color:#FFFFFF;
	background:#f0c320;
	text-align:center;
}

table .listProd2
{
	font:8pt Tahoma, Tahoma, Helvetica, sans-serif;
	color:#333333;
	background:#D6CEFD;
	text-align:center;
}

.gridLink {
	float:left; 
	display:block; 
	
	
	height: 200px;
	width:180px; 
	background-repeat:no-repeat;
	background-position:center center;
	overflow:hidden;
	margin:2px;
	/*border: 3px solid #E6E6E6;*/
	background: #fff;
}

.gridLink2 {
	float:left; 
	display:block; 
	width:135px; 
	height:130px;
	padding:3px;
	background-repeat:no-repeat;
	background-position:center center;
	overflow:hidden;
	margin:2px;
	/*border: 3px solid #E6E6E6;*/
	background: #fff;
}

.PostHead h2 {
color:#000033;
font-size:18px;
font-weight:bold;
letter-spacing:-1px;
line-height:24px;
margin:0px;
padding-top:0px;
}
.PostHead h2 a {
color:#109DD0;
text-decoration:none;
}
.PostHead h2 a:visited {
color:#109DD0;
text-decoration:none;
}
.PostHead h2 a:hover {
color:#000000;
text-decoration:none;
}
.PostHead h3 {
color:#000033;
font-size:14px;
font-weight:bold;
line-height:14px;
margin:0px;
padding:0px;
}

.PostTime {
background:transparent url(../images/layout/PostTimeBkg.gif) no-repeat scroll 50%;
color:#FFFFFF;
height:71px;
left:5px;
margin:0px;
padding:0px;
position:absolute;
text-align:center;
top:3px;
width:67px;
}
.PostTime strong {
display:block;
font-family:'Tahoma';
line-height:9px;
}
.PostTime .day {
font-family:'Tahoma';
font-size:16px;
letter-spacing:-1px;
line-height:18px;
padding-top:15px;
}
.PostTime .month {
font-size:10px;
text-transform:lowercase;
}
.PostTime .year {
font-weight:normal;
padding-top:7px;
}
.PostHead small {
	display:block;
	font-size:11px;
	font-weight:bold;
	line-height:14px;
	margin:0px;
	padding:0px;
}

.PostAuthor {
	color:#D74C2F;
	font-weight: bold;
}

.PostCat {
	color:#FF6600;
}

.PostCat a {
color:#FF6600;
text-decoration:none;
}
.PostCat a:visited {
color:#FF6600;
text-decoration:none;
}
.PostCat a:hover {
color:#FF6600;
text-decoration:none;
}
.PostContent {
color:#63565F;
font-size:13px;
line-height:1.4em;
padding:10px 0px 0px;
}
.PostContent p {
color:#63565F;
font-size:13px;
line-height:1.4em;
}

.text-header {
	padding: 5px;
	font-size:14px;
	font-weight: bold;
	font-family: Tahoma,sans-serif;
	color:white;
}

.label {
	clear:both;
	color:highlight;
	float:left;
	height:15px;
	padding:0px 12px 2pt 0pt;
	text-align:left;
	width:90px;
}

.search-header-column {
	background:#4FAF00; 
	color:#FFFFFF; 
	font-weight:bold;
	padding-left:10px; 
	font-size:1.1em;
}

.search-box-product {
	margin-top: 10px;
}

.required-note {
	color: red;
}

#headBis {
	background:transparent url(header/bis.gif);
	float:right;
	height:29px;
	width: 400px;
}

.alt1 {
	padding: 5px;
	background: #FFF;
	border-top: 1px solid #CCC;
}

.alt2 {
	padding: 5px;
	border-top: 1px solid #CCC;
	background: #F0F0F0;
}


/* TOOLBOX -----------------------------------------------------------------------------------*/
#toolbox {
	padding: 5px;
	font-size: 10px;
	line-height: 15px;
	font-family: Tahoma,Tahoma,sans-serif;
}

#toolbox a{
	color: yellow;
}

#toolbox .level1 {
	color: lime;
	font-weight: bold;
}
	

#toolbox .group {
	color: #F0F0F0;
	font-weight: bold;
}

#toolbox .level2 {
	margin-left:15px;
}

#toolbox .level3 {
	margin-left:30px;
}

#toolbox .level4 {
	margin-left:45px;
}

#toolbox .level5 {
	margin-left:60px;
}

/* --------------------------------------------------------------------------------------------*/

.form {
	background: #F4F4F4;
	border: 1px solid #CCC;
	padding: 10px;
}

.form_error {
	color: red;
}

.breadcrumb-he {
	padding: 2px;
	padding-left: 5px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 4px solid #fbc989;
	background: #F4F4F4;
}

.breadcrumb-it {
	padding: 2px;
	padding-left: 5px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 4px solid #98d2fb;
	background: #F4F4F4;
}

.group-item-he{
	
	
	padding:2px; 
	 margin-top:10px;
	background:#2e6395; 
	color: #FFF; 
	padding-left:8px; 
	border-bottom: 2px solid #98d2fb; 
	font-weight:bold;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}

.group-item-it{
	padding:2px; 
	background:#2e6395; 
	color: #FFF; 
	padding-left:8px; 
	border-bottom: 2px solid #98d2fb; 
	font-weight:bold;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}

.detail-overview {
   margin-bottom: 10px;
}


/* Untuk tabel konten */
table.content {
	color: #666;
}

table.content h1 {
	color:#000000;
	font-family:Tahoma,Tahoma,Helvetica,sans-serif;
	font-size:1.5em;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	margin-bottom:-0.6em;
	margin-top:0.6em;
	padding-bottom:0.1em;
}

table.content h3 {
	margin-top: 10px;
	color:#333;
	font-family:Tahoma,Tahoma,Helvetica,sans-serif;
	font-size:12px;
	font-variant:normal;
	font-weight:bold;
	letter-spacing:0.05em;
}