/* CSS Document */
body{
	
	background-color: #2f332f;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.ticker ul {
	background-color:#333333;
	color:#CCCCCC;
	padding-left:12px;	
	padding-right:12px;
	padding-bottom:12px;
	padding-top:12px;
	width:500px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
}

.ticker ul li {
	list-style:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	
}




.title{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;

}
.txtcontent{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	color:#3A3232;
	line-height:150%;
}

.subtitle{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#f79a1d;
}

.content{

	
	padding-left:10px;
	padding-right:20px;
	text-align:left;
}

.link{
	font-family: 'Devroye', Georgia, serif;	
	font-size:14px;
	padding-left:10px;
	
}

.infoPage{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	/*color:#535353;*/
	color:#787878;
	padding-left:10px;
}

.firstletter {
	float: left;
	font-size: 3em;
	line-height: 1;
	font-weight: bold;
	margin-right: 0.2em;
}

.field-data {  
	background-color: #ebebeb; 
	font-family: Tahoma; 
	font-size: 10px; 
	border: 1px #000000 solid; 
	padding-top: 0px; 
	padding-right: 3px; 
	padding-bottom: 0px; 
	padding-left: 3px}
	
.contact td{
	vertical-align:top;

}

@font-face {
  font-family: 'Devroye';
  font-style: normal;
  font-weight: normal;  
  src: url('DEVROYSC.eot');
  src: local('Devroye SCOSF'), url('DEVROYSC.ttf') format('truetype');
}

.HeaderContent{
	font-family: 'Devroye', Georgia, serif;	
    font-size:30px;
	line-height:90%;
}





.menu_body {position:absolute; overflow:hidden; display:none; width:184px;border-right:1px solid #998675;border-bottom:1px solid #998675;border-left:1px solid #998675;}
.menu_body li{background:#493e3b;}
.menu_body li.alt{background:#362f2d;}
.menu_body li a{color:#FFFFFF; text-decoration:none; padding:10px; display:block;}
.menu_body li a:hover{padding:15px 10px; font-weight:bold;}






.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #ed9118; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
background-color: #f8e8bc;
width: 200px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #ed9118; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;

}

/* Style for Usual tabs */

.usual li { list-style:none; float:left; }
.usual ul a {
  display:block;
  padding:6px 10px;
  text-decoration:none!important;
  margin:1px;
  margin-left:0;
  font:10px Verdana;
  color:#FFF;
  background:#a7a7a7;
}
.usual ul a:hover {
  color:#FFF;
  background:#111;
  }
  .usual ul a.selected {
  margin-bottom:0;
  color:#FFF;
  background:#111;
  border-bottom:1px solid #111;
  cursor:default;
  }

.contentBox {
  /*padding:10px 10px 8px 10px;
  *padding-top:3px;
  *margin-top:-15px;*/
  clear:left;
  /*background:snow;*/
  /*font:10pt Georgia;
  border:2px solid #111;*/
  color: #444;
  width: 90%;
  
  padding: 20px;
  text-align: left;
  background-color: #fff;
  border: 3px solid #444;
 
 -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius:  20px;
  
  line-height:150%;
  font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	color:#3A3232;
}
.contentBox3 {
  /*padding:10px 10px 8px 10px;
  *padding-top:3px;
  *margin-top:-15px;*/
  clear:left;
  /*background:snow;*/
  /*font:10pt Georgia;
  border:2px solid #111;*/
  color: #444;
  width: 90%;
  
  padding: 20px;
  text-align: left;
  background-color: #fff;
  /*border: 3px solid #444;*/
  /*border-bottom:3px solid #444;*/
  border-top:3px solid #444;
  
  line-height:150%;
  font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	color:#3A3232;
}

/* Style for Usual tabs */

.usual2 li { list-style:none; float:left; }
.usual2 ul a {
  display:block;
  padding:6px 10px;
  text-decoration:none!important;
  margin:1px;
  margin-left:0;
  font:12px Verdana;
  font-weight:bold;
  color:#FFF;
  background:#a7a7a7;
}
.usual2 ul a:hover {
  color:#FFF;
  background:#f89a1e;
  }
  .usual2 ul a.selected {
  margin-bottom:0;
  color:#FFF;
  background:#f89a1e;
  border-bottom:1px solid #f89a1e;
  cursor:default;
  }

.contentBox2 {
  /*padding:10px 10px 8px 10px;
  *padding-top:3px;
  *margin-top:-15px;*/
  clear:left;
  /*background:snow;*/
  /*font:10pt Georgia;
  border:2px solid #111;*/
  color: #444;
  width: 90%;
  
  padding: 20px;
  text-align: left;
  background-color: #fff;
  border: 3px solid #f89a1e;
  line-height:150%;
  font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	color:#3A3232;
	
	-webkit-border-radius: 20px;
	-moz-border-radius:  20px;
	border-radius:  20px;
}


.perlengkapan li { list-style:none; float:left; }
.perlengkapan ul a {
  display:block;
  padding:2px 2px;
  text-decoration:none!important;
  
  font:11px Verdana;
  font-weight:bold;
  color:#3b3b3b;
  background:#FFF;
}
.perlengkapan ul a:hover {
  color:#3b3b3b;
  background:#fec417;
  }
  .perlengkapan ul a.selected {
  margin-bottom:0;
  color:#FFF;
  background:#3b3b3b;
  border-bottom:1px solid #3b3b3b;
  cursor:default;
  }

.contentBoxPerl {
  /*padding:10px 10px 8px 10px;
  *padding-top:3px;
  *margin-top:-15px;*/
  clear:left;
  /*background:snow;*/
  /*font:10pt Georgia;
  border:2px solid #111;*/
  color: #444;
  width: 90%;
  
  padding: 20px;
  text-align: left;
  background-color: #fff;  
  line-height:150%;
  border-top:1px solid #3b3b3b;
 
  font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	color:#3A3232;
}


/* buat .carousel  */
.carousel  {

   padding: 20px 0 0 50px;
  
    margin: 0 0 20px 10px;
    background: url("../images/prod_list_back.jpg") no-repeat;
}

.carousel a.prev, .carousel a.next {
        display: ;
        float: left;
        width: 30px;
        height: 180px;
        text-decoration: none;
        background: url("../images/imageNavLeft.gif") left 60px no-repeat;
}
.carousel a.next {
        background: url("../images/imageNavRight.gif") right 60px no-repeat;
}
.carousel a.next:hover {
        background-image: url("../images/imageNavRightHover.gif");
}
.carousel a.prev:hover {
        background-image: url("../images/imageNavLeftHover.gif");
}    
.carousel a:hover, .carousel a:active {
        border: none;
        outline: none;
}
.carousel .jCarouselLite {

        float: left;        
        /* Needed for rendering without flicker */
        position: relative;
        visibility: hidden;
        left: -5000px;
}
.carousel ul {
        margin: 0;
}
.carousel li img, 
.carousel li p {
        background-color: #fff;
        width: 100px;
        height: 125px;
       
		margin-top:10px;
		margin-bottom:10px;
		margin-right:10px;
		margin-left:10px;
}
.clear { clear: both; }
    
/* end .carousel  */
#columns {
        width: 515px;
}
#columns .column {
        position: relative;
        width: 50%;
       
}

#columns .left {
	float: left;
}

#columns .right {
	float: right;
}



.link { font-family: Verdana, Arial, Helvetica, sans-serif;	color: #990000;	text-decoration: none; font-size: 11px }
a.link:hover {	color: #0030FF;	text-decoration: none; font-weight: bold; }

.link2 { font-family: Verdana, Arial, Helvetica, sans-serif;	color: #990000;	text-decoration: none; font-size: 11px }
a.link2:hover {	color: #0030FF;	text-decoration: none; font-weight: bold; }

.compare{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
}

.compare thead th{
	width:120px;
	border-bottom:3px solid #444;
	padding-bottom:5px;
	
}
.compare tbody th{
	width:120px;
	padding:5px;
	text-align:right;
}
.compare tbody td{
	width:100px;
	padding:5px;
	font-size:10px;
}

.headinfo{
	margin:10px 20px ;	
	
}
.contentbd{
	min-height:500px;
	background-color:#FFF;
		-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin:0px 5px;
	padding:20px 10px;
	width: 740px;
	
}
.red{
	color:#F00;	
}