body{
	margin:0;
	padding:0;
	line-height: 1.5em;
	background: #fff url(../img/bg_mains.gif) repeat-x;
	font: 10px verdana ;
}

#maincontainer{
	width: 980px;
	margin: 0 auto;
}

#topsection{
	height: 90px; 
	background: #FFF  url(../img/logo.gif) no-repeat;
}

.menu{
	font: 12px Arial;
	width: 100%;
}

.menu ul{
	padding: 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
	margin: 0;
	text-align: right; 
}

.menu ul li{
	display: inline;
}

.menu ul li a{
	text-decoration: none;
}

#topnav{
	height: 40px; 
}

#contentwrapper{
	float: left;
	width: 100%;
}

#contentcolumn{
	margin-top: 10px; 
	background: #EDEDED;
	border:  1px solid #E7E7E7;
	height:230px;
}
.promo {
	float:left;
	margin:10px; 
	background:#fff;
	border:1px solid #C8C8C8;
	width:200px; 
	height:175px;
}

#kontak{
	margin-top: 10px; 
	background: #FFF url(../img/bg_contact.gif) no-repeat;
	border:  1px solid #E7E7E7;
	height:265px;
}

#footer{
	min-height: 80px; 
	width: 100%;
	background: #537AB1 url(../img/bg_footer.gif) no-repeat;
	color: #FFF;
	text-align: left;
	padding: 0px;
}
* html #footer {
}

#footer a{
	color: #FFFF80;
	height: 80px; 
}

.innertube{
	margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
}



.welcome {
	font: normal 18px Arial ;
	letter-spacing: .1em;
	padding-bottom: 10px;
	color:#2F2F2F;
}
#item {
	padding: 5px 0 ;
}
	
#item a{
	font: bold 12px Arial ;
	letter-spacing: .1em;
	padding-bottom: 10px;
	color:#0066CC;
	text-decoration: none;
}
#item .tx{
	font:normal 9px verdana;
}

#item h1{
	font: bold 16px Arial ;
	color: #0066CC;
}

#item h2{
	margin-bottom:-5px;
	font: bold 12px Arial ;
	letter-spacing: 0em;
	border-bottom: 1px dashed #B2B2B2;
}

#item .harga{
	padding:0px 0;
	/*background: #FFF;*/
	font: bold 14px 'arial bold', 'times new roman';
	color: #19BF21;
	letter-spacing: 0em;
}
#item .harga1{
	padding:5px 0;
	/*background: #FFF;*/
	font: bold 14px 'times new roman' ;
	color: #555555;
	letter-spacing: 0em;
}

#item .harga2{
	font: bold 14px 'times new roman';
	color: #000;
	padding: 5px;
}

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

#item .bingkai{
	border:1px solid #D9D9D9;
	background: #FFF;
}

.aktif {
	font: bold 14px arial;
color: #000000;
text-decoration:none;
}

.nonaktif {
	font: bold 14px arial;
color: #B9B9B9;
text-decoration:none;
}
.nonaktif:hover {
color: #DC5B5B;
}

.coret{
text-decoration: line-through;
color: #555555;
}

input, textarea, select{
	font: normal 10px verdana;
	width:200px; 
	border: 1px solid #000;
	background: #F0F0F0;
	padding:5px;
}

#thanks {
	padding: 10px 2px;
	border-bottom: 1px solid #E6E6E6;
	text-align:right;
}
#thanks .toko{
	font: bold 12px arial ;
	color: #000000;
	padding-bottom: 5px;
}

#thanks .alamat{
	font: bold 10px verdana ;
	color: #5D5D5D;
	padding: 0px;
}

.otherlist{
	margin: 0;
}
.otherlist ul{
	font: normal 11px verdana;
	color: #333333;
	list-style:none; 
	margin-left:0px
}
.otherlist ul li {
	display: block;
	border-bottom: 0px solid #6D96AA;
	padding: 2px;
}
.otherlist ul li a:link, .otherlist ul li a:visited{
	color: #333333;
	display: block;
	border-bottom: 0px solid #6D96AA;
	text-decoration:none;
}

.otherlist ul li a:active, .otherlist ul li a:hover{
color: #7CA0B2;
}

a.boldbuttons{
background: transparent url('../img/roundedge-green-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
color: #FFFFFF;
}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: #FFFFFF; /*button text color*/
}

a.boldbuttons span{
background: transparent url('../img/roundedge-green-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

.artikel {
	margin:0;
	padding:0 5px;
	list-style: none;
}
.artikel li {
	font: bold 13px Arial ;
	letter-spacing: .1pt;
	padding: 3px 5px;
	border-bottom: 1px solid #B9D5ED;
}
.artikel li a{
	display: block;
	text-decoration:none;
	color:#19BF21;
}
.artikel li a:hover{
	color:#000;
}

/* news ticker */
#listticker{
	margin:0;
	height:230px;
	width:240px;
	overflow:hidden;
	padding:6px 10px 14px 0px;
}
* html #listticker{
	width:280px;
}
#listticker li{
	border:0; 
	margin:0; 
	padding:0; 
	list-style:none;
}

#listticker li{
	height:35px;
	padding:5px;
	list-style:none;
	/*background:#fff;*/
	border-bottom: 1px solid #fff;
}
#listticker a{
	color:#0b78d7;
}
#listticker a:hover{
	color:#000;
}
#listticker .news-title{
	display:block;
	font-weight:bold;
	margin-bottom:4px;
	font-size:11px;
}
#listticker .news-text{
	display:block;
	font-size:10px;
	color:#666666;
}