/* CSS Document */
*{ margin:0; padding:0; }

body{font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#1D4757 url(../images/bg.jpg) center top no-repeat;;}
dt{text-align:center; font-weight:bold;}
p{padding-top:0.5em;}

img, div, dd, input { behavior: url(css/iepngfix.htc) }

#full-width{}
#inner-width{
	text-align:left;
	width:893px;
}

#logo{ text-align:center; margin-top:15px; }
/*#top-menu{ width:823px; margin-top:1em; margin-left:70px;}*/
#top-menu{ width:823px; margin-top:1em; margin-left:43px;}
#top-menu a { text-decoration:none; color:#FFFFFF; font-weight:bold; }
/*#top-menu a:hover {text-decoration:underline; }*/
#top-menu #menu-0 a { background:url(../images/nav-top-0.png) no-repeat; width:63px; height:23px; margin:0 2px 0 2px; float:left; line-height:2em;}
#top-menu #menu-1 a { background:url(../images/nav-top-1.png) no-repeat; width:141px; height:23px; margin:0 2px 0 2px; float:left; line-height:2em;}
#top-menu #menu-2 a { background:url(../images/nav-top-2.png) no-repeat; width:126px; height:23px; margin:0 2px 0 2px; float:left; line-height:2em;}
#top-menu #menu-3 a { background:url(../images/nav-top-3.png) no-repeat; width:134px; height:23px; margin:0 2px 0 2px; float:left; line-height:2em;}
#top-menu #menu-4 a { background:url(../images/nav-top-4.png) no-repeat; width:183px; height:23px; margin:0 2px 0 2px; float:left; line-height:2em;}
#top-menu #menu-5 a { background:url(../images/nav-top-5.png) no-repeat; width:135px; height:23px; margin:0 2px 0 2px; float:left; line-height:2em;}
 /* hilite when hover */
#top-menu #menu-0 a:hover{ background:url(../images/nav-top-0-hover.png);}
#top-menu #menu-1 a:hover{ background:url(../images/nav-top-1-hover.png);}
#top-menu #menu-2 a:hover{ background:url(../images/nav-top-2-hover.png);}
#top-menu #menu-3 a:hover{ background:url(../images/nav-top-3-hover.png);}
#top-menu #menu-4 a:hover{ background:url(../images/nav-top-4-hover.png);}
#top-menu #menu-5 a:hover{ background:url(../images/nav-top-5-hover.png);}
 /* hilite for current page */
#top-menu #hilite-0 { background:url(../images/nav-top-0-hover.png) no-repeat; width:63px; height:23px; margin:0 2px 0 2px; float:left; line-height:2em;}
#top-menu #hilite-1 { background:url(../images/nav-top-1-hover.png) no-repeat; width:141px; height:23px; margin:0 2px 0 2px; float:left; line-height:2em;}
#top-menu #hilite-2 { background:url(../images/nav-top-2-hover.png) no-repeat; width:126px; height:23px; margin:0 2px 0 2px; float:left; line-height:2em;}
#top-menu #hilite-3 { background:url(../images/nav-top-3-hover.png) no-repeat; width:134px; height:23px; margin:0 2px 0 2px; float:left; line-height:2em;}
#top-menu #hilite-4 { background:url(../images/nav-top-4-hover.png) no-repeat; width:183px; height:23px; margin:0 2px 0 2px; float:left; line-height:2em;}
#top-menu #hilite-5 { background:url(../images/nav-top-5-hover.png) no-repeat; width:135px; height:23px; margin:0 2px 0 2px; float:left; line-height:2em;}

#left-col{ 
	width:605px; 
	float:left; 
	margin:9px 7px 9px 7px;
}
#right-col{ 
	width:260px; 
	float:left; 
	margin:9px 7px 9px 7px;
}
/*
#left-col{ 
	width:605px; 
	float:left; 
	margin:9px 4px 9px 12px;
}
#right-col{ 
	width:260px; 
	float:left; 
	margin:9px 8px 9px 4px;
}
*/

/*Bluebox type-1: Start Here*/
.bluebox-t1 {
	background:#FFFFFF url(../images/bluebox-t1-bottom.png) bottom left no-repeat;
	width:257px;
	padding-bottom:9px;
}
.bluebox-t1 dt {
	color:#FFFFFF;
	font-weight:bold;
	line-height:1.8em;
	vertical-align:middle;
	background:#FFFFFF url(../images/bluebox-t1-top.png) no-repeat;
	width:257px; height:23px;
}
.bluebox-t1 dd {
	background:#CDDEFA;
	width:257px;
}

/*Bluebox type-2: Your Success Story*/
.bluebox-t2 {
	background:#FFFFFF url(../images/bluebox-t2-bottom.png) bottom left no-repeat;
	width:257px;
	padding-bottom:9px;
}
.bluebox-t2 dt {
	color:#FFFFFF;
	font-weight:bold;
	line-height:1.8em;
	vertical-align:middle;
	background:#FFFFFF url(../images/bluebox-t2-top.png) no-repeat;
	width:257px; height:24px;
}
.bluebox-t2 dd {
	background:#CDDEFA;
	width:255px;
	border:solid #BABABA 1px;
	border-bottom:none;
}

/*Bluebox type-3: Customer Service*/
.bluebox-cs {
	background:#FFFFFF url(../images/bluebox-t3-bottom.png) bottom left no-repeat;
	width:605px;
	padding-bottom:9px;
}
.bluebox-cs img{ margin-bottom:2em;}
.bluebox-cs p { padding-top:1em;}
.bluebox-cs dt {
	color:#FFFFFF;
	font-weight:bold;
	line-height:1.8em;
	vertical-align:middle;
	background:#FFFFFF url(../images/bluebox-t3-top.png) no-repeat;
	width:605px; height:23px;
}
.bluebox-cs dd {
	background:#F4F4F4;
	width:603px;
	border:solid #BABABA 1px;
	border-bottom:none;
	min-height:730px;
}

#cs-left{
	width:228px;
	float:left;
}

#cs-separator{
	width:1px; height:471px;
	background:url(../images/cs-separator.gif) no-repeat;
	float:left;
}
#cs-right{
	width:360px;
	float:left;
}

/*Bluebox - as easy as 123*/
.bluebox-123 {
	background:#FFFFFF url(../images/bluebox-123-bottom.png) bottom left no-repeat;
	width:257px;
	padding-bottom:11px;
}
.bluebox-123 dt {
	color:#FFFFFF;
	font-weight:bold;
	line-height:1.8em;
	vertical-align:middle;
	background:#FFFFFF url(../images/bluebox-123-top.png) no-repeat;
	width:257px; height:23px;
}
.bluebox-123 dd {
	background:#F4F4F4;
	width:255px;
	border-left:solid #BABABA 1px;
	border-right:solid #BABABA 1px;
}

/*Bluebox QT big*/
.bluebox-qt-big {
	background:#FFFFFF url(../images/blubox-qt-big-bottom.png) bottom left no-repeat;
	width:339px;
	padding-bottom:12px;
}
.bluebox-qt-big dt {
	color:#FFFFFF;
	font-weight:bold;
	line-height:1.8em;
	vertical-align:middle;
	background:#FFFFFF url(../images/blubox-qt-big-top.png) no-repeat;
	width:339px; height:23px;
}
.bluebox-qt-big dd {
	background:#CDDEFA url(../images/mobil_dipojok.png) bottom right no-repeat;
	width:337px;
	border-left:solid #BABABA 1px;
	border-right:solid #BABABA 1px;
}

/*Bluebox : Need Help*/
.bluebox-nh {
	background:url(../images/bluebox-nh-bottom.png) bottom left no-repeat;
	width:257px;
	padding-bottom:9px;
}
.bluebox-nh dt {
	color:#FFFFFF;
	font-weight:bold;
	line-height:1.8em;
	vertical-align:middle;
	background:url(../images/bluebox-nh-top.png) no-repeat;
	width:257px; height:23px;
}
.bluebox-nh dd {
	background:#F2DDF3;
	width:255px;
	border:solid #BABABA 1px;
	border-bottom:none;
}
.bluebox-nh dd a {
	color:#5673AE;
	font-weight:bold;
}

/*Bluebox FormApplication*/
.bluebox-form {
	background:#FFFFFF url(../images/bluebox-form-bottom.png) bottom left no-repeat;
	width:591px;
	padding-bottom:14px;
	margin-left:3px;
}
.bluebox-form dt {
	/*color:#14336A;*/
	color:#FFFFFF;
	font-weight:bold;
	line-height:2em;
	vertical-align:middle;
	background:#FFFFFF url(../images/bluebox-form-top.png) no-repeat;
	width:591px; height:22px;
}
.bluebox-form dd {
	background:#F4F4F4;
	width:589px;
	border:solid #BABABA 1px;
	border-bottom:none;
}

/*Orangebox*/
#orangebox-top {
	line-height:2em;
	background:url(../images/orangebox-top.png) no-repeat;
	width:895px; height:24px;
}
#orangebox-top-left { color:#FFFFFF; text-align:left; float:left; margin-left:1em; font-weight:bold;}
#orangebox-top-right { color:#FFFFFF; float:right; margin-right:1em; font-weight:normal;}
#orangebox-body {
	background:#FFFFFF;
	width:895px;
}
#orangebox-bottom {
	background:url(../images/orangebox-bottom.png) no-repeat;
	width:895px; height:9px;
}

/*Greybox Big*/
.greybox-big {
	background:#FFFFFF url(../images/greybox-big-bottom.png) bottom left no-repeat;
	width:605px;
	padding-bottom:14px;
}
.greybox-big dt {
	color:#14336A;
	font-weight:bold;
	line-height:1.8em;
	vertical-align:middle;
	background:#FFFFFF url(../images/greybox-big-top.png) no-repeat;
	width:605px; height:22px;
}
.greybox-big dd {
	background:#F4F4F4;
	width:603px;
	border:solid #BABABA 1px;
	border-bottom:none;
}

/*Greybox Medium*/
#greybox-med{
	width:374px; 
	float:right; 
	margin-left:0.5em;
}
#greybox-med-top{
	text-align:center;
	font-weight:bold;
	color:#163470;
	line-height:2em;
	background:url(../images/greybox-med-top.png) no-repeat;
	width:374px; height:22px;
}
#greybox-med-body{
	font-size:11px;
	background:#F4F4F4;
	border:#BABABA solid 1px;
	border-bottom:none;
}
#greybox-med-body form {
	height:25px;
	vertical-align:middle;
	padding:0 0 0 1em;
}
#greybox-med-body th { background:#A1A1A1; font-weight:normal; height:17px;}
#greybox-med-body td {height:17px; }
#greybox-med-bottom{
	font-size:11px;
	text-align:right;
	background:url(../images/greybox-med-bottom.png) no-repeat;
	width:374px; height:16px;
}

/*Greybox quick-tip*/
.greybox-qt {
	background:#FFFFFF url(../images/grey-qt-bottom.png) bottom left no-repeat;
	width:220px;
	padding-bottom:13px;
}
.greybox-qt dt {
	color:#FFFFFF;
	font-weight:bold;
	line-height:1.8em;
	vertical-align:middle;
	background:#FFFFFF url(../images/grey-qt-top.png) no-repeat;
	width:220px; height:22px;
}
.greybox-qt dd {
	font-size:11px;
	background:#F4F4F4;
	width:218px;
	border:#BABABA solid 1px;
	border-bottom:none;
}
.greybox-qt dd .diduknow {
	font-size:12px;
	font-weight:bold;
	color:#FF8C18;
	margin-bottom:1em;
}

#footer-upper{
	background:url(../images/footer-h.png) no-repeat;
	width:893px; height:11px;
	margin:2px 0 0 0;
}
#footer-lower{
	font-size:11px;
	text-align:center;
	line-height:2em;
	color:#FFFFFF;
	background:url(../images/footer-v.png) repeat-x;
	width:895x; height:220px;
}
#footer-lower p {margin-top:2em;}
#footer-lower img {margin:1em;}
#footer-lower a {text-decoration:none; color:#FFFFFF}
#footer-lower a:hover {text-decoration:underline;}

.quick-tip{
	font-weight: bold;
	background:#5673AD;
	border:#FFFFFF solid 1px;
	padding:0 1em 0 1em;
}

.link-list{
	list-style-image:url(../images/list-star.png); 
	list-style-position:inside;
}
.link-nostar{
	list-style-type:none;
	list-style-position:inside;
	line-height:2em;
}
.menu-list{
	width:200px;
	list-style-type:none;
	text-align:left;
	line-height:2.2em;
	border:#BABABA solid 1px;
	border-bottom:none;
}
.menu-list li{ 
	background:url(../images/list-menu-bg.jpg) repeat-y; 
	border-bottom:#BABABA solid 1px; 
	padding-left:1em;
}
.main-form{ line-height:2em;}
.main-form #form-title { font-weight:bold; margin-bottom:1em;}
.main-form fieldset { margin:0; padding:0; border:none; }
.main-form label { padding-top:2em; }
.input-line { 
	border:none; 
	border-width:thick; 
	background:url(../images/form-input.gif) no-repeat; 
	width:278px; height:25px; 
	font-size:10px; 
}
.input-message {
	border:none; 
	background:url(../images/form-message.gif) no-repeat; 
	width:280px; height:162px; 
	overflow:hidden;  
}
.aboutus-box{
	border:#DBDBDB solid 1px; 
	background:#ECEAEB; 
	padding:0.5em; 
	line-height:1.5em;
}
.homepage-photo{
	width:189px;
	float:left;
	margin-left:6px;
}
.loans{
	font-size:11px;
	text-align:center;
	width:200px;
	float:left;
}
.loans strong{ color:#14336A;}
.loans p { margin-top:1em; padding:0 1em 0 1em; }
.loans input {margin:0.5em 0 0.5em 0; }

/*faqs*/
.qa { border-bottom: #919191 solid 1px; padding-bottom:0.5em; margin-bottom:0.5em;}
.qa strong{ color:#f58711;}

.payment-estimator-box-top{
	background:#E9EDEC url(../images/paymentestimator-box-top.gif) no-repeat;
	width:260px;
}
.payment-estimator-box-mid{
	width:258px;
	border-left:#EAE2E0 solid 1px;
	border-right:#EAE2E0 solid 1px;
	background:#E9EDEC;
}
.payment-estimator-box-text{
	padding:0 1em 0 1em;
}
.payment-estimator-box-bot{
	width:260px;
	background:#E9EDEC url(../images/paymentestimator-box-bottom.gif) bottom no-repeat;
}

/*.payment-estimator-box{
	background:#E9EDEC url(../images/paymentestimator-box-bottom.gif) bottom no-repeat;
	width:260px;
	padding-bottom:6px;
	margin-top:1em;
}
.payment-estimator-box > dt {
	background:#E9EDEC url(../images/paymentestimator-box-top.gif) no-repeat;
}*/
.estimator-form{}
.estimator-form label{ line-height:2.5em; }

.result-boxes{float:left; font-size:11px; line-height:1.5em;}
.result-box-1{text-align:center; width:105px; border:#959595 solid 1px; margin:0.5em 0 0.5em 0.5em; background:#FFFFFF;}
.result-box-2{text-align:center; width:105px; border:#959595 solid 1px; margin:0.5em 0.5em 0.5em 0; background:#BECCF3; font-weight:bold;}
.result-box-3{text-align:center; width:105px; border:#959595 solid 1px; margin:0.5em 0.5em 0.5em 0; background:#FE8D17; font-weight:bold;}
.result-box-4{text-align:center; width:105px; border:#959595 solid 1px; margin:0.5em 0 0.5em 0.5em; background:#FFC58B;}

.glossary-letter{color:#13326B; font-size:16px; text-align:center; padding:1em 1em 0 1em;}
.glossary-letter a{color:#153371; text-decoration:none;}
.glossary-A{text-align:left;}
.glossary-A h1 {
	font-weight:bold; 
	font-size:14px; 
	color:#FFFFFF; 
	background:url(../images/glossary-A.png) no-repeat; 
	width:585px; height:17px;
	padding-left:1em;
	margin-top:1em;
}
.glossary-A h2 {font-weight:bold; font-size:12px; margin-top:1em;}

.form-star{ 
	text-align:left;
	width:427px; height:50px; 
	background:url(../images/formbox-star.png) no-repeat;
}
.form-star  div {font-size:12px; padding:1em 0 0 3em;}
.form-form { text-align:left;}
.form-1{width:425px; margin-top:1em;}
.form-1 dt {
	line-height:3.5em;
	text-align:left;
	color:#FFFFFF;
	width:425px; height:36px; 
	background:url(../images/formbox-top-1.png) no-repeat;
	padding:0 1em 0 3em;
}
.form-1 dd { 
	text-align:left;
	width:423px; 
	background:#E2EDE7;
	border:#9B9B9B solid 1px;
}
.form-1 dd div{padding:1em;}

.form-1-low{
	width:380px; 
	border:#9B9B9B solid 1px; 
	border-top:none; margin-top:3px;
	background:#E2EDE7;
	text-align:left; padding-left:2em;
	min-height:6em;
}

.form-2, .form-3{width:380px; margin-top:1em;}
.form-2 dt {
	line-height:3.5em;
	text-align:left;
	color:#FFFFFF;
	width:380px; height:36px; 
	background:url(../images/formbox-top-2.png) no-repeat;
	padding:0 1em 0 3em;
}
.form-2 dt .secure-app {
	float:right; 
	margin-right:40px;
	font-weight:normal;
}
.form-2 dt .secure-app a {
	color:#FFFFFF;
}
.form-3 dt {
	line-height:3.5em;
	text-align:left;
	color:#FFFFFF;
	width:380px; height:36px; 
	background:url(../images/formbox-top-3.png) no-repeat;
	padding:0 1em 0 3em;
}
.form-2 dd, .form-3 dd { 
	text-align:left;
	width:378px; border:solid 1px;
	background:#E2EDE7;
	border:#9B9B9B solid 1px;
}
.form-2 dd div, .form-3 dd div{padding:0.5em;}

.form-4{
	text-align:left;
	padding:5px;
	width:368px;
	background:#D7E2DC;
	margin-top: 1em;
}
.form-4 input{float:left; margin-left:2em;}
.form-4 label{float:left; margin-left:1em; font-weight:bold;}

.form-1 label, .form-2 label, .form-3 label {font-weight:bold;}
.form-1 select{background:#EAF4FD;}
.form-2 select{background:#EAF4FD; width:45px;}
.form-3 select{background:#EAF4FD;}

.go-button{
	position:relative; 
	top:3px;
}

h1 {
	color:#FFFFFF;
       font-size:14px;
	font-weight:bold;
	vertical-align:middle;
	top:3px;
}

h2 {
	color:#f58711;;
       font-size:12px;
	font-weight:bold;

}