/* CSS Document */

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:610px;
}

body {	
	margin	: 0px;
	font	: normal 12px  Verdana;
	color	: #000000;	
	background-color:#FFFFFF;
	text-align	: left;
}
a {
	font	: normal 12px  Arial;
	color		: #262eb8;
	text-decoration : none;
}
a:hover {
	text-decoration : underline;
}

/*  divStyle */

#container {
	margin		: 0 auto;
	width		: 1000px;	
}
/*  header */
#header {	
	width		: 1000px;
	height 		: 105px;
	background	: url('App_Themes/Theme1/images/header_bgLogo.jpg') repeat-x;
	vertical-align:top;
	padding-top :10px	
}
#header1 {	
	padding-left:7px;
	float       :left;		
}
#header2 {	
	padding-right:10px;
	float       :right;
	text-align	: right;
}
#header21 {
	padding:4px 4px 0 4px;
	margin:0px;	
}
.header21_b 
{
	background-color:#7e8082;
	padding:3px;
	border : 1px solid #ffffff;
	color : #ffffff;
	}
.header21_l 
{
	font	: bold 12px  Arial;
	color	: #ffffff;	
	}
.header21_l:hover 
{
	text-decoration : none;
	color	: yellow;	
	}
/*  menu */
#menu {
	width		: 1000px;
	clear		: both;
}
.menu {
	float		: left;
	background	: url('App_Themes/Theme1/images/menu_bg.gif') no-repeat;
	width		: 111px;
	height		: 28px;
	text-align	: center;
	padding-top	: 3px;	
	font		: bold 10px Arial;
	color		: white;	
	line-height	: 10px;
	cursor		: pointer;	
}
#subMenu {
	width		: 990px;
	height		: 13px;
	padding		: 5px;
	background	: url('App_Themes/Theme1/images/menu_subBg.gif') repeat-x;
	clear		: both
}

/*  atas */

#atas {	
	width   	: 1000px;		
}
#atas1 {	
	float   	: left;		
}
.atas1Menu {
	width		: 115px;
	height		: 19px;
	cursor		: pointer; 
	text-align	: center;
	padding-top	: 4px;
	font		: bold 10px Arial;
	color		: #ffffff;
}
.atas1Separator {
	float		:left;
}
#atas2 {	
	float		: right;
	padding-right: 5px;
}
/*  search */
/*#search {	
	clear		: both;
	height 		: 46px;
	width  		: 1000px;
	padding-top : 3px;	
}*/
#search {	
	clear		: both;
	width  		: 1000px;
	padding-top : 3px;	
}
#search1 {	
	float		: left;
	width		: 2px;	
}
#search2 {	
	float		: left;
	background	: url('App_Themes/Theme1/images/search_bg.gif') repeat-x;
	width       : 996px	
}
#search3 {	
	float		: left;
	width		: 2px;	
}
#search21 {	
	float		: left;	
	/*padding		: 10px;	*/
	padding		: 3px;
}
#search22 {	
	float		: right;
	/*padding		: 10px;		*/
	padding		: 3px;
}
/*  isi */
.isi {
	clear		: both;
	padding		: 8px 0px 10px 10px;	
}
.isi1 {
	clear		: both;
	border		: 1px solid #7f6a6a;
	background-color	: #f5b8a2;
	padding		: 5px;	
	margin-left	: 10px;
	height		: 165px;			
}

#isi11 {
	padding-top	: 10px;
	background	: url('App_Themes/Theme1/images/isi11_bg.gif') repeat-x;
	text-align	: center;
	height		: 310px;
	border-bottom	: solid 1px #dedede;
}
#isi12 {
	text-align	: left;
	padding		: 8px;
	height		: 310px;
}
#isi13 {
	text-align	: left;
	padding		: 8px;
	height		: 310px;
}
#isi21 {
	text-align	:left;
	padding		:8px	
}
#isi21_1 {
	background	: url('App_Themes/Theme1/images/isi21_bg.gif') repeat-x;
	height : 130px;
	padding	: 5px;
	margin	: 5px;
}
#isi22 {
	text-align	:left;
	padding		:8px
}
#isi221 {	
	height : 90px;
	padding	: 5px;	
}
#isi221_1 {
	background	: url('App_Themes/Theme1/images/isi21_bg.gif') repeat-x;
	height : 110px;
	padding	: 5px;	
	clear:both;
}
#isi23 {
	text-align	:left;
	padding		:8px
}
#isi23_1 {
	text-align	:center;
	padding		:10px;
}
#isi23_2 {
	width		: 300px;	
	text-align	: left;
	padding		: 0px;
	border		: 1px solid #dedede;	
}
#isi23_2_1 {	
	width			: 227px;
	padding			: 3px;
	border-bottom	: 1px solid #dedede;
	float			: left;	
}
#isi23_2_2 {
	width			: 60px;
	padding			: 3px;
	border-left		: 1px solid #dedede;
	border-bottom	: 1px solid #dedede;
	float			: right;
	text-align		: center;	
}
#isi23_2_3{
	overflow	: auto;
	height		: 155px; 
	width		: 288px;
	font		: normal 11px Verdana;
	padding		: 5px;
	text-align	: justify;
	clear		: both;
}
#isi31 {	
	padding	: 0 8px 8px 8px;
	text-align	: left;		
}
#isi32 {	
	padding	: 0 8px 8px 8px;
	text-align	: left;
}
#isi33 {	
	padding	: 0 8px 8px 8px;
	text-align	: left;	
}

/*  subIsi */

.subKonsultasi {
	font	: normal 14px  Arial, Helvetica, sans-serif;
	color	: #000000;
	text-align  : left;
	padding-left	: 15px;
}
.subTematis {
	font	: bold 16px  Arial, Helvetica, sans-serif;
	color	: #000000;
	text-align  : center;
}
.subIsiLeft {
	vertical-align	: top;
	padding			: 10px;
}
.subIsiRight {
	vertical-align	: top;
	padding			: 10px;
	text-align		: center;
}
.subMenu {
	font	: bold 20px  Arial, Helvetica, sans-serif;
	color	: #000000;
	text-decoration	: underline;	
}

.subTgl 
{
	font	: bold 12px  Arial, Helvetica, sans-serif;
	color	: #000000;
	}

.subIsi {
	padding	: 20px 0px 8px 10px;
	text-align:justify;	
}
.subIsiKonsultasi{
	padding	:10px;
	text-align:justify;
	overflow:auto;
	height:80px;	
}
.detailIsi {
	padding		: 10px;
	text-align	: justify;	
	font		: normal 12px  Verdana;
	color		: #000000;
	clear		: both;
}
.detailJudul {
	font		: bold 16px  Arial, Helvetica, sans-serif;
	color		: #000000;
	padding-bottom : 5px;
	text-align	   : center;
}
.detailPic {
	padding		: 10px;
	text-align	: center;
}

/*  footer */
#footer {
	width		: 1000px;
	height		: 55px;
	background	: url('App_Themes/Theme1/images/footer_bg.gif') repeat-x;
	clear		: both;
	margin-top	: 10px	
}
#footer1 {
	padding		: 10px;
	text-align	: center;	
}
#footer2 {
	padding		:10px;	
}
#footer21 {
	float		:left;	
}
#footer22 {
	float		:right;	
}

/*   fontStyle */

.arial_biru2_10 {	
	font	: normal 10px  Arial;
	color	: blue;	
}

.arial_biru_10 {	
	font	: normal 10px  Arial;
	color	: #0b1063;	
}
.arial_biru_11 {	
	font	: normal 11px  Arial;
	color	: #0b1063;	
}
.arial_biru_12 {	
	font	: normal 12px  Arial;
	color	: #0b1063;	
}
.arial_biru_13 {	
	font	: normal 13px  Arial;
	color	: #0b1063;	
}
.arial_biru_16 {	
	font	: normal 16px  Arial;
	color	: #0b1063;	
}
.arial_hitam_9
{
	font	: normal 9px  Arial;
	color	: #000000;
	}
.arial_hitam_10
{
	font	: normal 10px  Arial;
	color	: #000000;
	}
.arial_hitam_11 
{
	font	: normal 11px  Arial;
	color	: #000000;
	}
.arial_hitam_12 
{
	font	: normal 12px  Arial;
	color	: #000000;
	}
.arial_yellow_11 {	
	font	: normal 11px  Arial;
	color	: yellow;	
}

.arial_merah_9 {	
	font	: normal 9px  Arial;
	color	: red;	
}
.arial_merah_13 {	
	font	: normal 13px  Arial;
	color	: red;	
}
.arial_putih_12 {	
	font	: normal 12px  Arial;
	color	: white;	
}
.arial_putih_13 {	
	font	: normal 13px  Arial;
	color	: white;	
}
.verdana_abu_10 {	
	font	: normal 10px  Verdana;
	color	: #4f4b10;	
}
.verdana_hitam_11 {	
	font	: normal 11px  Verdana;
	color	: #000000;	
}
.verdana_hitam_12 {	
	font	: normal normal 12px Verdana;
	color	: #000000;	
}
.verdana_hitam_16 {	
	font	: normal normal 16px Arial;
	color	: #000000;	
}

/*   formStyle */

.textBox {
	border	: 1px solid #898989;
	font	: normal 12px  Arial, Helvetica, sans-serif;
	color 	: #000000;	
	height	: 17px;	
}
.formButton {
	border	: 1px ridge #dedede;
	font	: bold 13px  Arial, Helvetica, sans-serif;
	color	: #000000;
	background-color : #dedede;
}
.formButton11 {
	border	: 1px ridge #dedede;
	font	: bold 11px  Arial, Helvetica, sans-serif;
	color	: #000000;
	background-color : #dedede;
}

/* viewStyle */

.header 
{
	font	: bold 13px  Arial, Helvetica, sans-serif;
	color	: white;
	background-color:#14267f;
	height:25px;
	text-align:center
}
.header a 
{
	font	: bold 13px  Arial, Helvetica, sans-serif;
	color	: white;
	background-color:#14267f;
	height:25px;
	text-align:center
	}
.pager
{
	font	: bold 16px  Arial, Helvetica, sans-serif;
	color	: white;
	background-color:#14267f;
	height:20px;
	text-align:center;
	text-decoration : underline
}
.pager a
{	
	font	: bold 14px  Arial, Helvetica, sans-serif;
	color	: yellow;
	
}
.content 
{
	font	: normal 12px  Arial, Helvetica, sans-serif;
	color	: black;
	text-align:center;
}
.sKanan
{
	border	: 2px solid red;
	background	: url('App_Themes/Theme1/images/bgBack.gif') repeat-y;
	}
.sHubKami
{
	color:#050; 
	  font: bold 14px 'trebuchet ms',helvetica,sans-serif; 
	  background-color:#fed; 
	  border: 1px solid; 
	  border-color: #696 #363 #363 #696; 
	  filter:progid:DXImageTransform.Microsoft.Gradient 
	  (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#66ff00');
	}
.sButton
{
		color:#050; 
	  font: bold 14px 'trebuchet ms',helvetica,sans-serif; 
	  background-color:#fed; 
	  border: 1px solid; 
	  border-color: #696 #363 #363 #696; 
	  filter:progid:DXImageTransform.Microsoft.Gradient 
	  (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffcc00');
}

/*   lain2 */

.borderPic {	
	border-color: #7f6a6a;
	margin		: 0px;
}
.spacePic {	
	padding-right	: 3px;	
}
.headerText 
{
	font	: bold 16px  Arial;	
	color	: white;
	text-decoration : none;
	background-color : #606163;
	padding : 5px;
	text-align:center;
	}
.headerToko 
{
	font	: bold 17px Arial;
	color	: Black;
	text-decoration : underline;
	padding-bottom : 20px;
	}
.tokoKecil 
{
	width	: 50%;
	height	: 95px;
	border	: solid 3px #A3CAF1;
	font	: normal 13px Arial;
	color	: Black;
	vertical-align : top;
	}
.tokoBody 
{
	clear:both;
	padding-top:10px;
	overflow:auto;
	height:635px;
	}
.separatorKecil {
	background-color:#dedede; 
	height		:1px;
	clear		: both;
}
.space5 {
	height:5px;
	clear:both;
}
.space {
	height:10px;
	clear:both;
}
.banner {
	padding		: 8px;	
}

.loading 
{	
	font	: italic 12px Arial;
	color	: blue;
	font-weight : bold;		
	}

.subHeader {
	padding		: 10px 5px 8px 0px;		
}
.subHeaderJudul {
	padding     : 8px 2px 0px 3px;	
	float		: left;
	background	: url('App_Themes/Theme1/images/isi_logoBg.gif') repeat-x;
	width		: 110px;
	height		: 29px	
}

.subHeaderJudulLink {
	font	: bold 11px  Arial;
	color	: #ffffff;
}
.subMenuLink 
{
	font	: bold 12px  Arial;
	color	: #000000;	
	}
.subMenuLink_over
{
	font	: bold 12px  Arial;	
	color	: blue;
	text-decoration : none;
	}	

/* tab menu */

.dhtmlgoodies_tabPane{
	height:21px;	/* Height of tabs */
	border-bottom:1px solid #919b9c;
}
.dhtmlgoodies_aTab{
	border-left:1px solid #919b9c;
	border-right:1px solid #919b9c;
	border-bottom:1px solid #919b9c;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	padding:5px;	
}
.dhtmlgoodies_tabPane DIV{
	float:left;
	height:100%;	/* Height of tabs */
	padding-left:3px;
	vertical-align:middle;
	background-repeat:no-repeat;
	background-position:bottom left;
	cursor:pointer;
	position:relative;
	bottom:-1px;
	margin-left:0px;
	margin-right:0px;
}
.dhtmlgoodies_tabPane .tabActive{
	background-image:url('App_Themes/Theme1/images/tab_left_active.gif');
	margin-left:0px;
	margin-right:0px;	
	z-index:10;		
}
.dhtmlgoodies_tabPane .tabInactive{
	background-image:url('App_Themes/Theme1/images/tab_left_inactive.gif');
	margin-left:0px;
	margin-right:0px;
	z-index:1;
}
.dhtmlgoodies_tabPane .inactiveTabOver{
	background-image:url('App_Themes/Theme1/images/tab_left_over.gif');
	margin-left:0px;
	margin-right:0px;
}
.dhtmlgoodies_tabPane span{
	font	: bold normal 12px Arial;
	vertical-align:top;	
	padding-left:3px;
	padding-right:3px;		
	line-height:21px;
	float:left;
	color	: #5e5c5c;		
}
.dhtmlgoodies_tabPane .tabActive span{
	padding-bottom:1px;
	line-height:20px;
}
.dhtmlgoodies_tabPane img{
	float:left;
}

/* detailSpec */

.kolom1 {
	width : 100px    
}
.kolom2 {
	width : 100px
}
.kolom3 {
	width : 100px
}
.kolom4 {
	width : 100px
}
.kolom5 {
	width : 100px
}
.kolom6 {
	width : 100px
}
.kolom7 {
	width : 100px
}
.kolom8 {
	width : 100px
}
.kolom9 {
	width : 100px
}

/* mBaru */
.perhatian 
{
	padding		:5px 5px 5px 0;
	border		:1px solid #CCC000; 
	width		: 99%;
	text-align	:justify;
	font		: normal 11px  Verdana;
	color		: #000000;	
	}
.listMerek 
{
	overflow-y	: scroll;
	overflow	: -moz-scrollbars-vertical;
	height		: 115px;
	}
/* hal 1 */
#mBaru1_1
{
	float:left;
	width:205px;
	background: url('../App_Themes/Theme1/images/isi11_bg.gif') repeat-x);
	text-align:center;
	}
#mBaru1_2 
{
	background-color:#dedede;
	border:solid 1px red;
	padding:2px;
	}
#mBaru1_3 
{
	float:right;
	width:400px;
	}
#mBaru1_4
{
	background-color:#0066ff;
	border:solid 1px red;
	padding:2px;
	}
.lnkMerek 
{
	font	: bold 8px  Arial;
	color	: #000000;	
	}
.lnkMerek:hover 
{
	text-decoration	: none;
	color	: blue;	
	}
/* hal 1-2 */
#mBaru12_1 
{
	text-align:center;
	width:100%;
	}
#mBaru12_2 
{
	clear:both;
	padding-top:8px;
	}
#mBaru12_4
{
	text-align:left;
	padding:5px;
	}
.mBaru12 
{
	background-color:Gray;
	height:1px;
	}
.mBaru12_
{
	background-color:gray;
	padding:10px;
	text-align:right;
	font : normal 12px Arial;
	color:White;
	}
.mBaru12__
{
	height:30px;
	padding:10px 0 10px 0;
	}
/* hal 2 */	
#mBaru2_1 
{
	float:left;
	width:210px;
	}
#mBaru2_2
{
	float:left;
	width:430px;
	}
.mBaru2_3
{
	background-color:#dedede;
	border:solid 1px red;
	padding:3px;
	font:bold 13px arial;
	}
/* MBekas */
.HeaderStyle1
{	
	background-color: #606163;
	color: White;	
	height:25px;
	padding:2px;
	font : bold 12px Arial;
	width : 90px;
}
.ContentStyle 
{
	text-align : center;
	}
.mkHeader 
{
	text-decoration : underline;
	font : bold 13px Arial;
	color: white;
	float:left;
	background-color : #606163;	
	width:100%;
	}
.mkKreditH 
{
	text-align:center;
	width:115px;
	font : bold 13px Arial;
	color : White;
	background-color:#606163;
	}
.mkKreditD 
{
	text-align:center;	
	font : bold 14px Arial;
	color : blue;
	}
#mkKredit
{
	background-color:#e9eaea;
	padding:10px;
	border:solid 1px black;
	}
	
.perhatianBekas 
{
	text-align:center;
	background-color:#dedede;	
	border:solid 1px red;
	}
	
/* Asuransi */
.asHeader 
{
	text-align:left;
	padding:5px;
	}
.asDetail 
{
	text-align:right;
	padding:5px;
	}
	
/* Pesan Kesalahan */
	
.asterik 
{	
	font-size:small;
	color:Red;	
	}	
.error 
{
	font : bold 12px Arial;
	color : red;
	}
	
/* class toko */
.judulT
{
	border-bottom:solid 1px red;
	font:bold 16px Arial;
	color:blue;
	padding-top:10px;
	}
.infoT 
{
	font:normal 14px Arial;
	color:Black;
	}
.isiT 
{
	overflow:auto;
	padding:3px;
	font:normal 12px Arial;
	}
.jarakT 
{
	padding-bottom:10px;
	}
/* class produk */
.subBody
{
	width	: 205px;
	height	: 300px;
	border	: solid 1px #14267F;
	vertical-align	: top;	
	}
.subHead 
{
	font	: bold 13px Arial;
	color	: black;
	border-bottom : solid 1px #14267F;
	padding	: 3px;
	text-align	: center;
	background	: url('App_Themes/Theme1/images/menu_subBg.gif') repeat-x;
	}
.subContent 
{
	text-align	: center;
	padding		: 3px;
	font		: normal 11px Verdana;
	height		: 250px;
	overflow	: auto;
	}
/* berita */
.dvNewsLain
{
	text-align:left;
	border:solid 2px #f0d8a8;
	padding:5px;
	}
/* Cari */
#cJudul 
{	
	text-align	: center;
	padding		: 3px;
	background	: url('App_Themes/Theme1/images/menu_subBg.gif') repeat-x;
	font		: bold 14px Arial;
	}
#cIsi 
{
	text-align	: center;
	padding		: 3px;
	font		: bold 12px Arial;
	border-left	: solid 1px blue;
	border-right: solid 1px blue;
	border-bottom	: solid 1px blue;
	}