body {
	background-image: url(img/bgr_01.jpg);
	background-repeat: repeat-x;
}

.form_kontak {
	font-family: Tahoma;
	font-size: 12px;
	color: #555555;	
	line-height:20px;
	padding : 1px;
	margin : 1px;
}

.form_input {
	font-family: Tahoma;
	font-size: 11px;
	color: #555555;	
	line-height:20px;
	padding : 1px;
	margin : 1px;
}

.sel_add {
	border-right: 1px solid #CCCCCC;	
	border-bottom: 1px solid #CCCCCC;
	font-family: Arial;
	font-size: 8pt;
	width : 165px;
	float : center;  
}

.sel_kontak {
	border-right: 1px solid #CCCCCC;	
	border-bottom: 1px solid #CCCCCC;
	font-family: Arial;
	font-size: 8pt;
	width : 250px;
	float : center;  
}

#mn_wara2 ul
{
	text-indent : 0px;
	margin: 0 0 0 10;
	padding: 0 0 0 10;
}


#mn_wara2 li.mn{
	list-style-type:square;
	list-style-position:outside;
  }
  
#mn_wara2 a, #mn_wara2 a:visited {
	text-decoration: none;
	color: #003399;
	font-weight : bold;
	font-family: Helvetica;
	font-size: 12px;
 }

#mn_wara2 a:hover {
	font-family: Helvetica;
	font-size: 12px;
	text-decoration: none;
	color: #F67F00;
}
#mn_wara2 li.act {
	list-style-type:square;
	font-family: Helvetica;
	font-size: 12px;
	text-decoration: none;
	color: #F67F00;
}

#mn_wara
{
	display:block;
	width:280px;
}

#mn_wara ul {
	padding:0;
	margin:0;    
	list-style-type:circle;
}

#mn_wara li
{
	margin: 5px 0px 0px 0px;
	vertical-align:middle;
}
  
#mn_wara li a, #mn_wara li a:visited {
	display: block;
	text-decoration: none;
	text-indent: 10px;
	background-color: #E4E5E7;
	color: #003399 ;
	padding-top: 3px;
	height: 18px;	
	font-family: Arial;
	font-size: 12px;
}

#mn_wara li a:hover {
	font-family: Arial;
	font-size: 12px;
	display: block;
	padding-top: 3px;
	height: 18px;	
	text-decoration: none;
	text-indent: 10px;
	color: #000000 ;
	background-color: #E4E5E7;
}

#mn_wara li.act {
	list-style-type:none;
	width:260px;
	height: 21px;
	display: block;
	text-indent: 24px;
	margin: 7px 0px 0px 0px;
	font-family: Arial;
	font-size: 12px;
	border: 1px solid #F67F00;
	text-decoration: none;
	color: #F67F00;
}

#menu2
{
	display:block;
	width:170px;
}

#menu2 ul {
	padding:0;
	margin:0;    
	list-style-type:none;
}

#menu2 li
{
	margin: 5px 0px 0px 0px;
	vertical-align:middle;
}
  
#menu2 li a, #menu2 li a:visited {
	display: block;
	border-right: 1px solid #D0D1D3;
	border-top: 1px solid #D0D1D3;
	border-bottom: 1px solid #D0D1D3;
	border-left: 3px solid #FFC000;
	text-decoration: none;
	text-indent: 20px;
	background-color: #E4E5E7;
	color: #666666 ;
	padding-top: 3px;
	height: 18px;	
	font-family: Arial;
	font-size: 11px;
 }

#menu2 li a:hover {
	font-family: Arial;
	font-size: 11px;
	display: block;
	border-right: 1px solid #D0D1D3;
	border-top: 1px solid #D0D1D3;
	border-bottom: 1px solid #D0D1D3;
	border-left: 30px solid #FFC000;
	padding-top: 3px;
	height: 18px;	
	text-decoration: none;
	text-indent: 10px;
	color: #666666 ;
	background-color: #E4E5E7;
}

#menu2 li.active {
	font-family: Arial;
	font-size: 12px;
	display: block;
	border-right: 1px solid #D0D1D3;
	border-top: 1px solid #D0D1D3;
	border-bottom: 1px solid #D0D1D3;
	border-left: 130px solid #FFC000;
	padding-top: 3px;
	height: 18px;	
	text-decoration: none;
	text-indent: 10px;
	color: #666666 ;
	background-color: #E4E5E7;
}

#navlist
{
	margin :0px;
	padding : 0px;
	font: 11px Arial;
	color : #FF6600;
	background-image: url(img/mn_terlaris.gif);
	background-repeat: no-repeat;
	text-indent : 30px;
}

#navlist li
{
	margin-top :0px;
	padding : 2px;	
	list-style: none;
	background-image: url(img/mn_terlaris.gif);
	background-repeat: no-repeat;
	width : 153px;
	height : 16px;	
	border: 2px solid;
	border-color: #CFD3D5;

}

#navcontainer
{
	margin: 0 auto;
	width: 830px;
}
#navcontainer ul
{
	padding-left: 0;
	margin: 0;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	text-align:center;
}

#navcontainer ul li { 
	display: inline; 
}

#navcontainer ul li a
{
	margin-top: 6px;
	margin-right: 12px;
	margin-bottom: 8px;
	padding-top: 17px;
	background-color: #ffffff;
	color: #AAAAAA;
	text-decoration: none;
	float: left;
	border-top: 4px solid #CCCCCC;
	width: 106px;
}

#navcontainer ul li a:hover
{
	margin-top: 0px;
	padding-top: 5px;
	margin-right: 12px;
	margin-bottom: 8px;
	background-color: #ffffff;
	color: #FF0000;
	text-decoration: none;
	float: left;
	border-bottom: 11px solid #FF0000;
	border-top: none;
	width: 106px;
}

#navcontainer ul li a span
{
	display: none;
}
#navcontainer ul li a:hover span
{
	margin:-1px 0 0 0;
	padding:0;
	display: block;
	font-family: Arial;
	font-size: 8px;
	text-align:center;
	color: #cccccc;
}

#navcontainer ul li.biru a:hover, #navcontainer ul li.biru_act
{
	margin-top: 0px;
	padding-top: 5px;
	margin-right: 12px;
	margin-bottom: 8px;
	background-color: #ffffff;
	color:#0067F4;
	text-decoration: none;
	float: left;
	border-bottom: 11px solid #0067F4;
	border-top: none;
	width: 106px;
}

#navcontainer ul li.pink a:hover, #navcontainer ul li.pink_act
{
	margin-top: 0px;
	padding-top: 5px;
	margin-right: 12px;
	margin-bottom: 8px;
	background-color: #ffffff;
	color:#C62BFF;
	text-decoration: none;
	float: left;
	border-bottom: 11px solid #C62BFF;
	border-top: none;
	width: 106px;
}

#navcontainer ul li.yellow a:hover, #navcontainer ul li.yellow_act
{
	margin-top: 0px;
	padding-top: 5px;
	margin-right: 12px;
	margin-bottom: 8px;
	background-color: #ffffff;
	color:#FFC000;
	text-decoration: none;
	float: left;
	border-bottom: 11px solid #FFC000;
	border-top: none;
	width: 106px;
}

#navcontainer ul li.orange a:hover, #navcontainer ul li.orange_act
{
	margin-top: 0px;
	padding-top: 5px;
	margin-right: 12px;
	margin-bottom: 8px;
	background-color: #ffffff;
	color:#FF8500;
	text-decoration: none;
	float: left;
	border-bottom: 11px solid #FF8500;
	border-top: none;
	width: 106px;
}

#navcontainer ul li.green a:hover, #navcontainer ul li.green_act
{
	margin-top: 0px;
	padding-top: 5px;
	margin-right: 12px;
	margin-bottom: 8px;
	background-color: #ffffff;
	color:#94DB4F;
	text-decoration: none;
	float: left;
	border-bottom: 11px solid #94DB4F;
	border-top: none;
	width: 106px;
}

#navcontainer ul li.ungu a:hover, #navcontainer ul li.ungu_act
{
	margin-top: 0px;
	padding-top: 5px;
	margin-right: 12px;
	margin-bottom: 8px;
	background-color: #ffffff;
	color:#ff00de;
	text-decoration: none;
	float: left;
	border-bottom: 11px solid #ff00de;
	border-top: none;
	width: 106px;
}

#navcontainer ul li a:hover,
#navcontainer ul li.act
{
	margin-top: 0px;
	padding-top: 5px;
	margin-right: 12px;
	margin-bottom: 8px;
	background-color: #ffffff;
	color: #FF0000;
	text-decoration: none;
	float: left;
	border-bottom: 11px solid #FF0000;
	border-top: none;
	width: 106px;
}

#navcontainer ul li a span,
#navcontainer ul li.biru a span,
#navcontainer ul li.orange a span,
#navcontainer ul li.yellow a span,
#navcontainer ul li.green a span,
#navcontainer ul li.ungu a span,
#navcontainer ul li.pink a span
{
	display: none;
}

#navcontainer ul li a:hover span,
#navcontainer ul li.biru_act span,
#navcontainer ul li.orange_act span,
#navcontainer ul li.yellow_act span,
#navcontainer ul li.green_act span,
#navcontainer ul li.ungu_act span,
#navcontainer ul li.pink_act span,
#navcontainer ul li.act span
{
	margin:-1px 0 0 0;
	padding:0;
	display: block;
	font-family: Arial;
	font-size: 9px;
	text-align:center;
	color: #999999;
}

#garis
{
	border-bottom: 1px solid #CCCCCC;
	width: 100%;
	height: 5px;
	display: block;
	line-height: 4px;
	background-color: #FFFFFF;
}

#garis03
{
	border-top: 1px dashed #999999;
	width: 100%;
	height: 10px;
	display: block;
	line-height: 4px;
}

#garis05
{
	border-top: 2px dotted #A9A9A9;
	width: 100%;
	height: 10px;
	display: block;
	line-height: 4px;
}

#garis07
{
	border-bottom: 1px solid #CCCCCC;
	width: 100%;
	height: 5px;
	display: block;
	line-height: 4px;
}

#img
{
	display: block;
	padding: 3px;
	margin: 0px;
	border: 1px solid #FF9C00;
}

#bgr04 {
	background-image: url(img/bgr_04.gif);
	background-repeat: no-repeat;
}

.garis_top_dashed
{
	border-top : 1px dashed #999999;
}
.garis_bot_dashed
{
	border-bottom : 1px dashed #999999;
}

.garis04 {
	border-left: 1px solid #C5C6C6;	
}

.garis06
{
	border-right: 1px dashed #999999;
}
.line01 {
	background-image: url(img/bgr_line_01.gif);
	background-repeat: repeat;
}

.bgr01 {
	background-image: url(img/bgr_02.jpg);
	background-repeat: repeat-x;
}
.bgr02 {
	background-image: url(img/bgr_02.gif);
	background-repeat: repeat-x;
}
.bgr03 {
	background-image: url(img/bgr_03.gif);
	background-repeat: repeat-x;
}

.bgr04 {
	background-color: #0099FF;
	height : 50px;
}

.bgr05 {
	background-color: #FF9900;
	height : 50px;
}

.ttl_profil {
	font-family: Arial;
	font-size: 20px;
	line-height: 40px;
	font-weight: bold;
	color: #FF8500;
}

.ttl_daftar {
	font-family: Arial;
	font-size: 20px;
	line-height: 40px;
	font-weight: bold;
	color: #94DB4F;
}

.ttl_waralaba {
	font-family: Arial;
	font-size: 20px;
	line-height: 40px;
	font-weight: bold;
	color: #0067F4;
}

.ttl_kontak {
	font-family: Arial;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	color: #ff00de;
}

.form_waralaba {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #0000FF;
}

.ttl_faq {
	font-family: Arial;
	font-size: 20px;
	line-height: 40px;
	font-weight: bold;
	color: #C62BFF;
}

.faq_q {
	font-family: Tahoma, Arial;
	font-size: 11px;
	line-height: 16px;
	text-align: justify;
	color: #C62BFF;	
}

.faq_a {
	font-family: Tahoma, Arial;
	font-size: 11px;
	line-height: 16px;
	text-align:	justify;
	color: #000000;	
}

.ttl_outlet {

	font-family: Arial;
	font-size: 20px;
	line-height: 40px;
	font-weight: bold;
	color: #FFC000;
}

.promo {
	font-family: Arial;
	font-size: 13px;
	line-height : 20px;
	color: #FFFFFF;
	text-align : center;
}

.con_profil {
	font-family: Arial;
	font-size: 24px;
	color: #FF0000;
	line-height : 20px;
}

.txtwelcome {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #4DACE3;
}
.contwelcome {
	font-family: Arial;
	font-size: 11px;
	color: #666666;	
	line-height : 14px;
}

.text {
	text-align:justify;
	font-family: Arial;
	font-size: 12px;
	color: #555555;	
	line-height : 16px;	
	}

.cont_td {
	font-family: Arial;
	font-size: 12px;
	color: #000000;	
	line-height : 16px;
}

.contmuri {
	font-family: "Trebuchet MS", Verdana; 
	font-size: 11px;
	color: #FF8400;
	line-height : 15px;
}
.txtpromo
{  
	font-family: "Trebuchet MS", Verdana; 
	font-size: 13px; 
	font-weight: bold;
	color: #4DA915;
}
.ttlpromo
{  
	font-family: Arial; 
	font-size: 12px; 
	font-weight: bold;
	color: #FF7800;
}
.ttlkontak2
{  
	font-family: Tahoma; 
	font-size: 14px; 
	font-weight: bold;
	color: #ff00de;
}

.contpromo {
	font-family: Arial; 
	font-size: 11px;
	color: #333333;
	line-height : 14px;
}
.detail {
	font-family: Arial; 
	font-size: 11px;
	color: #333333;
	font-weight : bold;
	text-decoration: none;
}
.txtnewsletter
{  
	font-family: "Trebuchet MS", Verdana; 
	font-size: 12px; 
	font-weight: bold;
	color: #666666;
}
.contnewsletter {
	font-family: "Trebuchet MS", Verdana; 
	font-size: 11px;
	color: #00465B;	
	line-height : 12px;
}
.contkontak {
	font-family: Tahoma; 
	font-size: 11px;
	color: #000000;	
	line-height : 12px;
}

input, select, textarea
{
	border-right: 1px solid #CCCCCC;	
	border-bottom: 1px solid #CCCCCC;
	font-family: Arial;
	font-size: 12px;
	float : center;  
}

.btn {
	font-family: Arial; 
	font-size: 11px;
	height: 20px;	
	border-right: 1px solid #000000;	
	border-bottom: 1px solid #000000;
	border-left: 1px solid #FFFFFF;	
	border-top: 1px solid #FFFFFF;	
}
.txtterbaru {
	font-family: Arial; 
	font-size: 12px;
	color: #006699;	
	line-height : 13px;
}

.copyright {
	font-family: Arial;
	font-size: 10px;
	color: #FFFFFF;
}

.link01 {
	font-family: Arial;
	font-size: 12px;
	color: #999999;
	text-decoration: none;
}

.link01:hover {
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

.link02 {
	font-family: Arial;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}

.link02:hover {
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

.link03 {
	font-family: Arial;
	color: #44AD10;
	font-weight : bold;
	text-decoration: none;
}

.link03:hover {
	font-family: Arial;
	color: #000000;
	text-decoration: none;
}
.link04 {
	font-family: Arial;
	color: #000000;
	text-decoration: none;
}

.link04:hover {
	font-family: Arial;
	color: #666666;
	text-decoration: none;
}

.link05 {
	font-family: Arial;
	color: #1F86C8;
	text-decoration: none;
}

.link05:hover {
	font-family: Arial;
	color: #000000;
	text-decoration: none;
}

.link06 {
	font-family: Arial;
	color: #555555;
	text-decoration: none;
}

.link06:hover {
	font-family: Arial;
	color: #000000;	
	text-decoration: none;
}

.link07 {
	font-family: Arial;
	color: #94DB4F;
	font-weight: bold;
	font-size: 15px;
	text-decoration: none;
}

.link07:hover {
	font-family: Arial;
	color: #000000;
	text-decoration: none;
}

.radio {
	border:none;
}

.sub_judul {
	font-family: Arial;
	color: #003399;
	font-weight : bold;
}

.filosofi {
	font-family: Arial;
	font-size : 14px;
	color: #1F86C8;
	font-weight : bold;
}

.cont_filo {
	font-family: Arial;
	font-size: 12px;
	color: #1F86C8;	
	line-height : 16px;
	text-align : justify;
}

.ttl_form {
	font-weight : bold;
	display : block;
	color : #555555;
	text-indent : 8px;
	border-right: 1px solid #9EAEB6;	
	border-bottom: 1px solid #9EAEB6;
	border-top: 1px solid #9EAEB6;	
	border-left: 1px solid #9EAEB6;
	background-color: #C9DBE4;
}

.text {
	font-family: Arial; 
	font-size: 12px;	
	color : #000000;
	text-decoration : none;
}

.text03
{  
	font-family: Arial; 
	font-size: 12px;
	line-height : 13px;
	height : 20px;
	color: #000000; 
	background-color: #C8DCAD; 
}
.text04
{  
	font-family: Arial; 
	font-size: 12px;
	line-height : 13px;
	height : 20px;
	color: #000000; 
}

.harga
{  
	font-family: Arial; 
	font-size: 11px;
	line-height : 15px;
	color: #000000;
	background-color:#FFFFFF;	
}

.harga1
{  
	font-family: Arial; 
	font-size: 11px;
	line-height : 15px;
	color: #000000;	
}

#menupop a
{
	border-right: 1px solid #D0D1D3;
	border-top: 1px solid #D0D1D3;
	border-bottom: 1px solid #D0D1D3;
	border-left: 1px solid #D0D1D3;
	height: 16px;
	text-decoration:none;
	display: block;
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 3px;
	background-color: #777777;
	text-indent: 10px;
}

#menupop a:hover
{
	border: solid 1px #81735B;
	display: block;
	text-decoration:none;
	font-family: Arial;
	font-size: 11px;
	color: #FFC000;
	padding-top: 3px;
	text-indent: 10px;
}

#dropmenudiv{
	position:absolute;
	z-index:100;
}