/* Import Basic Rules */

@import url("basic.css");

/* Layout */

body {
	background: #fff url("../images/background.gif") repeat-x 0 0;
	text-align: center;
}

#header {
	width: 760px;
	height: 150px;
	margin: 0 auto;
	text-align: left;
	clear: both;
	font-size: 12px;
}

#header h1 {
	width: 70px;
	height: 150px;
	display: block;
	text-indent: -10000px;
	background: transparent url("../images/logo.gif") no-repeat 0 60px;
	float: left;
}

/* Font Style */

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Helvetica, Arial, serif;
	margin-bottom: 5px;
}

p {
	font-family: Verdana, Helvetica, Arial, serif;
	margin-bottom: 10px;
}

h3 {
	font-size: 14px;
}

/* Top Navigation */

#topnav {
	width: 600px;
	float: right;
	height: 50px;
}

#topnav ul {
	list-style-type: none;
	margin-top: 13px;
}

#topnav li {
	float: right;
	color: #fff;
}

#topnav li a {
	color: #fff;
}

#topnav form input.searchField {
	width: 100px;
	float: left;
	height: 17px;
	margin-right: 5px;
}

#topnav form input.searchButton {
	width: 80px;
	float: left;
	height: 23px;
}

/* Site Navigation */

ul#sitenav {
	float: right;
	width: 680px;
	list-style-type: none;
	background: transparent url("../images/bg-sitenav.gif") no-repeat 0 0;
	height: 30px;
	margin-top: 10px;
	padding-right: 10px;
	font-size: 11px;
}

ul#sitenav li {
	float: right;
	padding-top: 5px;
	padding-right: 0;
}

ul#sitenav li a {
	color: #fff;
}

ul#sitenav li a:hover {
	color: #000;
}

/* Sub Navigation */

ul#subnav {
	float: right;
	width: 690px;
	list-style-type: none;
	margin-top: 12px;
	margin-bottom: 0;
}

ul#subnav li {
	float: right;
	width: 100px;
	text-align: center;
	margin: 0 0 0 3px;
	padding: 3px 0 0 0;
	background-color: #66A7DD;
}

ul#subnav li.active-go {
	background-color: #FFF999;
}

ul#subnav li.active-aa {
	background-color: #549AD8;
}

ul#subnav li.active-mgo {
	background-color: #E0E0E0;
}

ul#subnav li.active-go a {
	display: block;
	padding: 3px 0;
	color: #000;
	font-weight: bold;
}

ul#subnav li.active-go a:hover {
	color: #29455B;
}

ul#subnav li.active-aa a {
	display: block;
	padding: 3px 0;
	color: #000;
	font-weight: bold;
}

ul#subnav li.active-aa a:hover {
	color: #29455B;
}

ul#subnav li.active-mgo a {
	display: block;
	padding: 3px 0;
	color: #000;
	font-weight: bold;
}

ul#subnav li.active-mgo a:hover {
	color: #fff;
}


ul#subnav a {
	display: block;
	padding: 3px 0;
	color: #fff;
	font-weight: bold;
}

ul#subnav a:hover {
	color: #29455B;
}

/* Sub Sub Navigation */

body#mainpage ul#subsubnav {
	float: right;
	width: 680px;
	list-style-type: none;
	background: transparent url("../images/bg-subnav-title.gif") no-repeat 0 0;
	height: 30px;
	padding-right: 10px;
	font-size: 11px;
}

body#gardaoto ul#subsubnav {
	float: right;
	width: 680px;
	list-style-type: none;
	background: transparent url("../images/bg-sitenav-go.gif") no-repeat 0 0;
	height: 30px;
	padding-right: 10px;
	font-size: 11px;
}

body#asuransiastra ul#subsubnav {
	float: right;
	width: 680px;
	list-style-type: none;
	background: transparent url("../images/bg-sitenav.gif") no-repeat 0 0;
	height: 30px;
	padding-right: 10px;
	font-size: 11px;
}

ul#subsubnav li {
	float: right;
	padding-top: 8px;
	padding-left: 4px;
}

ul#subsubnav li a {
	color: #000;
}

ul#subsubnav li a:hover {
	color: #ccc;
}

/* Main Builder */

#main {
	width: 760px;
	margin: 0 auto;
	text-align: left;
	padding-top: 150px;
	/*edited by zar */
	background: transparent url("../images/aab-Lebaran2010.gif") no-repeat 0 0;
	/*background: transparent url("../images/bg-main.jpg") no-repeat 0 0;*/
	margin-top: 15px;
}

/* Sidemenu */

#sidemenu {
	width: 140px;
	float: left;
	display: inline;
	margin-right: 10px;
}

#ultah {
	background: transparent url("../images/vertical_banner2.jpg") no-repeat 0 0;
	height: 100px;}

#ultah h3 {
	text-indent: -10000px;
}

#korporat {
		border: 1px solid #ddd;
		padding: 5px;
		margin-bottom: 10px;
}

#korporat h3 {
	text-indent: -10000px;
	height: 20px;
	display: block;
	background: transparent url("../images/title-asuransikorporat.png") no-repeat 0 0;
}

#korporat a {
	color: #1A3688;
}

/* Utama */

#utama {
	width: 250px;
	float: left;
	display: inline;
	background-color: transparent;
	margin: -140px 0 10px;
	/* edited by zar */
	margin: 0px 0 10px;
}

#about {
	border: none;
	padding: 0;
	margin-bottom: 10px;
}

#about h2 {
	display: block;
	height: 40px;
	/* edited zar */
	background: transparent url("../images/title-asuransiastra01.gif") no-repeat 0 0;
	text-indent: -10000px;
	margin-bottom: 10px;
}

#news {
	border: 1px solid #ddd;
	padding: 5px;
}

#news h3 {
	display: block;
	height: 20px;
	background: transparent url("../images/title-beritaterbaru.png") no-repeat 0 0;
	text-indent: -10000px;
}


#news dt {
	padding-left: 20px;
	background: transparent url("../images/newspaper.png") no-repeat 0 5px;
	margin-bottom: 5px;
	border-top: 1px dotted #66A7DD;
	padding-top: 5px;
}

#news dt a {
	color: #1A3688;
}

#news dt a:hover {
	color: #000;
}

#news dd {
	margin-left: 20px;
}

#news dd p.date {
	font-size: 10px;
	color: #66A7DD;
	margin-bottom: 0;
}

#news dd p {
	margin-bottom: 5px;
	
}

/* Akses */

#go-akses {
	width: 190px;
	float: left;
	display: inline;
	margin-left: 5px;
}

#akses {
	background: #f00 url("../images/button-gardaakses.png") no-repeat 0 0;
	height: 66px;
	margin: 0 5px;
}

#akses h4, #akses h3 {
	text-indent: -10000px;
}

#polis {
	margin: 10px 5px;
	border: 1px solid #bbb;
	padding: 5px;
}

#polis h3 {
	display: block;
	height: 20px;
	background: transparent url("../images/title-polis.png") no-repeat 0 0;
	text-indent: -10000px;
}

#simulasi {
	margin: 0 5px;
	border: 1px solid #bbb;
	padding: 5px;
}

#simulasi h3 {
	display: block;
	height: 20px;
	background: transparent url("../images/title-simulasiharga.png") no-repeat 0 0;
	text-indent: -10000px;
}

#download {
	margin: 5px 5px;
	border: 1px solid #bbb;
	padding: 5px;
}

#download h3 {
	display: block;
	height: 20px;
	background: transparent url("../images/title-download.png") no-repeat 0 0;
	text-indent: -10000px;
}

#facebook {
	margin: 5px 5px;
	border: 1px solid #bbb;
	padding: 5px;
}

#facebook h3 {
	display: block;
	height: 20px;
	background: transparent url("../images/facebook.jpg") no-repeat 0 0;
	text-indent: -10000px;
}

#simulasi label {
	display: block;
}

/* Testimonial */

#testimonial {
	margin-left: 600px;
	padding: 5px;
	border: 1px solid #bbb;
}

#testimonial h3 {
	display: block;
	height: 20px;
	background: transparent url("../images/title-testimonial.png") no-repeat 0 0;
	text-indent: -10000px;
}

#testimonial img {
	width: 50px;
	float: left;
	margin-right: 5px;
}

/* Tips */

#tips {
	margin: 0 0 10px 600px;
	padding: 5px;
	border: 1px solid #bbb;
}

#tips h3 {
	display: block;
	height: 20px;
	background: transparent url("../images/title-tips.png") no-repeat 0 0;
	text-indent: -10000px;
}

/* Footer */

#footer {
	clear: both;
	padding: 20px 0 10px;
}

#footer h6 {
	font-size: 10px;
}

/* For Main Page */

body#mainpage #about {
/*edited by zar */
	/*background: transparent url("../images/bg-main-asuransiastra.jpg") no-repeat 0 -10px;*/
}

body#mainpage #about p {
	margin: 5px;
}


/* For Garda Oto */

body#gardaoto #main {
	background: transparent url("../images/bg-main-go.jpg") no-repeat 0 0;
}

body#gardaoto #utama {
	width: 420px;
	float: left;
	display: inline;
	background-color: #fff;
	margin: 0 0 10px;
}

body#gardaoto #about h2 {
	background: transparent url("../images/title-retail.png") no-repeat 0 0;
	height: 20px;
}

body#gardaoto h2#programretail {
	text-indent: -10000px;
	height: 20px;
	display: block;
	background: transparent url("../images/title-programretail.png") no-repeat 0 0;
}

body#gardaoto h2#layananretail {
	text-indent: -10000px;
	height: 20px;
	display: block;
	background: transparent url("../images/title-layananretail.png") no-repeat 0 0;
}

body#gardaoto #about ol {
	margin: 5px 20px;
}

body#gardaoto #about ol h3 {
	font-size: 12px;
}


body#gardaoto #about ol ol {
	list-style-type: lower-alpha;
}

body#gardaoto #about dt {
	font-weight: bold;
}

body#gardaoto #right {
	margin-left: 575px;
	margin-bottom: 10px;
}

body#gardaoto #right #akses {
	margin: 0 0 10px 5px;
	padding: 0;
}

body#gardaoto #right #polis, body#gardaoto #right #simulasi {
	margin: 0 0 10px 5px;
	padding: 5px;
}

body#gardaoto #right #simulasi select {
	margin-bottom: 5px;
}

body#gardaoto #testimonial {
	margin-left: 580px;
}

body#gardaoto #tips {
	margin-left: 580px;
}

body#gardaoto #about h2#klaimretail {
	text-indent: -10000px;
	height: 20px;
	display: block;
	background: transparent url("../images/title-klaim.png") no-repeat 0 0;
}

body#gardaoto #about fieldset {
	border: 1px solid #ddd;
	padding: 5px;
	margin-bottom: 10px;
}

body#gardaoto #about legend {
	font-weight: bold;
	padding: 5px;
	font-size: 14px;
}

body#gardaoto #about fieldset label {
	display: block;
	margin: 10px 0 3px;
}

body#gardaoto #about fieldset p {
	display: block;
	margin: 10px 0 3px;
}

body#gardaoto #about h2#simulasiretail {
	text-indent: -10000px;
	height: 20px;
	display: block;
	background: transparent url("../images/title-simulasiharga.png") no-repeat 0 0;
}

body#gardaoto #about table#tabelrateasuransi {
	margin-bottom: 10px;
	border: 1px solid #ddd;
	width: 100%;
}

body#gardaoto #about table#tabelrateasuransi thead th {
	text-align: center;
}

body#gardaoto #about table#tabelrateasuransi th {
	font-size: 11px;
	font-weight: bold;
	background-color: #69f;
	padding: 5px;
}

body#gardaoto #about table#tabelrateasuransi tr.even {
	background-color: #CCFFFF;
}

body#gardaoto #about table#tabelrateasuransi td {
	padding: 5px;
}

body#gardaoto #about fieldset label {
	display: block;
	margin: 10px 0 3px;
}

body#gardaoto #about form#formsimulasi fieldset label {
	display: inline;
	margin: 0;
}

body#gardaoto #about form#formsimulasi th {
	width: 100px;
	text-align: right;
	margin-right: 10px;
}

body#gardaoto #about h2#orderpolis {
	text-indent: -10000px;
	height: 20px;
	display: block;
	background: transparent url("../images/title-orderpolis.png") no-repeat 0 0;
}

body#gardaoto #about h2#transaksiretail {
	text-indent: -10000px;
	height: 20px;
	display: block;
	background: transparent url("../images/title-transaksi.png") no-repeat 0 0;
}

body#gardaoto #about h2#tanyajawabretail {
	text-indent: -10000px;
	height: 20px;
	display: block;
	background: transparent url("../images/title-tanyajawab.png") no-repeat 0 0;
}

body.tanyajawab dl {
	margin-top: 10px;
}

body#gardaoto #about ol ul {
	margin-left: 15px;
}

body#gardaoto #about ol li {
	margin-bottom: 10px;
}

/* For Asuransi Astra */

body#asuransiastra #utama {
	width: 410px;
	float: left;
	display: inline;
	background-color: #fff;
	margin: 0 0 10px;
}

body#asuransiastra #about h2 {
	text-indent: -10000px;
	height: 20px;
	display: block;
	background: transparent url("../images/title-komersial.png") no-repeat 0 0;
}

body#asuransiastra #right {
	margin-left: 570px;
	margin-bottom: 10px;
}

body#asuransiastra #about dt {
	font-weight: bold;
	margin: 5px 0;
}

body#asuransiastra #artikel {
	border: 1px solid #ddd;
	padding: 5px;
}

body#asuransiastra #artikel h3 {
	text-indent: -10000px;
	height: 20px;
	display: block;
	background: transparent url("../images/title-artikel.png") no-repeat 0 0;
}

body#asuransiastra #artikel a {
	color: #1A3688;
}

body#asuransiastra #artikel dt {
	padding-left: 20px;
	background: transparent url("../images/book.png") no-repeat 0 5px;
	margin-bottom: 5px;
	border-top: 1px dotted #66A7DD;
	padding-top: 5px;
}

body#asuransiastra #artikel dt a {
	color: #1A3688;
}

body#asuransiastra #artikel dt a:hover {
	color: #000;
}

body#asuransiastra #about h2#layanankomersial {
	text-indent: -10000px;
	height: 20px;
	display: block;
	background: transparent url("../images/title-layanankomersial.png") no-repeat 0 0;
}

body#asuransiastra #about h2#produkkomersial {
	text-indent: -10000px;
	height: 20px;
	display: block;
	background: transparent url("../images/title-produkkomersial.png") no-repeat 0 0;
}

body#asuransiastra #about h2#klaimkomersial {
	text-indent: -10000px;
	height: 20px;
	display: block;
	background: transparent url("../images/title-klaim.png") no-repeat 0 0;
}
body#asuransiastra #about h2#perpanjangankomersial {
	text-indent: -10000px;
	height: 20px;
	display: block;
	background: transparent url("../images/title-perpanjangan.png") no-repeat 0 0;
}

body#asuransiastra ol {
	margin: 10px;
}

body#asuransiastra ol ul {
	margin-left: 15px;
}

body#asuransiastra #about h2#penawarankomersial {
	text-indent: -10000px;
	height: 20px;
	display: block;
	background: transparent url("../images/title-penawaran.png") no-repeat 0 0;
}

body#asuransiastra fieldset {
	border: 1px solid #ddd;
	padding: 5px;
	margin-bottom: 10px;
}

body#asuransiastra fieldset legend {
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
}

body#asuransiastra fieldset label {
	display: block;
	margin: 10px 0 0;
}

body#asuransiastra fieldset input {
	margin-top: 3px;
}

body#asuransiastra #about h2#orderpolis {
	text-indent: -10000px;
	height: 20px;
	display: block;
	background: transparent url("../images/title-orderpolis.png") no-repeat 0 0;
}

body#asuransiastra #about fieldset .subbayar {
	margin-left: 25px;
	clear: right;
	margin-bottom: 10px;
}

/* Company Homepage */

body.komersil #main {
	background: transparent url("../images/bg-main-company.jpg") no-repeat 0 0;
}

body#company #utama {
	width: 410px;
	float: left;
	display: inline;
	background-color: #fff;
	margin: 0 0 10px;
}

body.profil #middle h2#profil {
	text-indent: -10000px;
	height: 20px;
	display: block;
	background: transparent url("../images/title-perjalanan.png") no-repeat 0 0;
}

body.profil #middle h2#profil-en {
	text-indent: -10000px;
	height: 20px;
	display: block;
	background: transparent url("../images/title-history.png") no-repeat 0 0;
}

body.profil #middle h2#visimisi {
	text-indent: -10000px;
	height: 20px;
	display: block;
	background: transparent url("../images/title-visimisi.png") no-repeat 0 0;
}

body.profil #middle h2#visimisi-en {
	text-indent: -10000px;
	height: 20px;
	display: block;
	background: transparent url("../images/title-vision.png") no-repeat 0 0;
}

body.profil #middle h2#manajemen {
	text-indent: -10000px;
	height: 20px;
	display: block;
	background: transparent url("../images/title-manajemen.png") no-repeat 0 0;
}

body.profil #middle h2#manajemen-en {
	text-indent: -10000px;
	height: 20px;
	display: block;
	background: transparent url("../images/title-management.png") no-repeat 0 0;
}

body.profil #middle h2#pencapaian {
	text-indent: -10000px;
	height: 20px;
	display: block;
	background: transparent url("../images/title-pencapaian.png") no-repeat 0 0;
}

body.profil #middle h2#pencapaian-en {
	text-indent: -10000px;
	height: 20px;
	display: block;
	background: transparent url("../images/title-achievements.png") no-repeat 0 0;
}

body.profil #middle h2#annual-en {
	text-indent: -10000px;
	height: 20px;
	display: block;
	background: transparent url("../images/title-annual.png") no-repeat 0 0;
}

body.profil #middle h2#tahunan-in {
	text-indent: -10000px;
	height: 20px;
	display: block;
	background: transparent url("../images/title-tahunan.png") no-repeat 0 0;
}

body.profil #middle table#tabelsaham {
	margin-bottom: 10px;
}

body.profil #middle table#tabelsaham thead th {
	text-align: center;
}

body.profil #middle table#tabelsaham th {
	font-size: 11px;
	font-weight: bold;
	background-color: #69f;
	padding: 5px;
}

body.profil #middle table#tabelsaham td {
	text-align: right;
	border: 1px solid #69f;
	padding: 5px;
}

body.profil #middle table.tabelmanajemen {
	width: 100%;
}

body.profil #middle table.tabelmanajemen img {
	border: 1px solid #333;
}

body.profil #middle table.tabelmanajemen td {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 11px;
	/*width: 90px;*/
}

body.profil #sidebarmenu {
	margin: 10px 5px;
	border: 1px solid #bbb;
	padding: 5px;
}

body.profil #sidebarmenu h3#profil {
	text-indent: -10000px;
	height: 20px;
	display: block;
	background: transparent url("../images/title-profil.png") no-repeat 0 0;
}

body.profil #sidebarmenu h3#profil-en {
	text-indent: -10000px;
	height: 20px;
	display: block;
	background: transparent url("../images/title-profile.png") no-repeat 0 0;
}

body.profil h3.profilmanajemen {
	clear: both;
	margin: 20px 0 10px 0;
}

body.berita #middle h2#beritaterbaru {
	text-indent: -10000px;
	height: 20px;
	display: block;
	background: transparent url("../images/title-beritaterbaru.png") no-repeat 0 0;
}

body.asuransi #middle h2 {
	text-indent: -10000px;
	height: 20px;
	display: block;
	background: transparent url("../images/title-tentang.png") no-repeat 0 0;
}

body.asuransi h3 {
	font-size: 12px;
	margin-top: 20px;
}

body.asuransi #middle dl {
	margin-left: 30px;
}

body.asuransi #middle dt {
	font-weight: bold;
	margin: 0 0 5px;
}

body.asuransi #middle dd {
	margin: 0;
}

body.asuransi #middle dd ul {
	margin: 0 0 10px 10px;
}

body.kinerja #middle h2 {
	text-indent: -10000px;
	height: 20px;
	display: block;
	background: transparent url("../images/title-kinerja.png") no-repeat 0 0;
}

body.kinerja #middle dt {
	padding-left: 22px;
	background: transparent url("../images/acrobat.png") no-repeat 0 0;
}

body.kinerja #middle table.tabelkinerja {
	width: 100%;
	margin-bottom: 10px;
	border: 1px solid #ddd;
}

body.kinerja #middle table.tabelkinerja thead {
	background-color: #6CA7D2;
	color: #fff;
	text-align: center;
	font-size: 11px;
}

body.kinerja #middle table.tabelkinerja tbody {
	font-size: 11px;
}

body.kinerja #middle table.tabelkinerja tbody tr.even {
	background-color: #CCFFFF;
}

body.kinerja #middle table.tabelkinerja tbody tr th, body.kinerja #middle table.tabelkinerja tbody tr td {
	padding: 5px;
}

body.kinerja #middle table.tabelkinerja tbody tr td {
	text-align: right;
}

body.kontak #middle h2 {
	text-indent: -10000px;
	height: 20px;
	display: block;
	background: transparent url("../images/title-kontak.png") no-repeat 0 0;
}

body.kontak #middle form {
	margin: 0;
	font-size: 14px;
}

body.kontak #middle fieldset {

}

body.kontak #middle fieldset legend {

}

body.kontak #middle label {
	display: block;
	margin: 10px 0 2px;
}

body.kontak #middle select {
	padding: 2px;
	/* font-size: 14px; */
}

body.kontak #middle input {
	display: block;
	margin-bottom: 10px;
	padding: 2px;
	/* font-size: 14px; */
}

body.kontak #middle textarea {
	width: 300px;
	height: 100px;
}

body.kontak #middle input#submit {
	width: 100px;
	margin-top: 10px;
	display: block;
}

body.karir #middle h2 {
	text-indent: -10000px;
	height: 20px;
	display: block;
	background: transparent url("../images/title-karir.png") no-repeat 0 0;
}

body.karir #middle p.kirimaplikasi {
	padding-left: 22px;
	background: transparent url("../images/kirimaplikasi.png") no-repeat 0 0;
}

body.karir #middle form fieldset {
	margin-bottom: 20px;
	border: 1px solid #ddd;
	padding: 10px;
}

body.karir #middle form#karirform label, body.karir #middle form#karirform p {
	display: block;
	margin: 10px 0 3px;
	font-weight: bold;
}

body.karir #middle form#karirform input.radioselect {
	clear: left;
	float: left;
	margin: 9px 5px 0 0;
}

body.karir #middle form#karirform label.radio {
	clear: none;
	font-weight: normal;
}

body.karir #middle hr {
	border: 1px solid #ddd;
	border-width: 0 0 1px 0;
	padding-bottom: 5px;
}

body.layanan #middle h2 {
	text-indent: -10000px;
	height: 20px;
	display: block;
	background: transparent url("../images/title-layanan.png") no-repeat 0 0;
}

body.layanan #middle h3 {
	margin: 10px 0;
}

body.layanan #middle form {
	margin-bottom: 20px;
}

body.layanan #middle form select, body.layanan #middle form input {
	/* font-size: 14px; */
}

body.layanan #middle img {
	float: left;
	margin-right: 20px;
}

body.layanan #middle table#tabelbengkel thead {
	background-color: #66A7DD;
}

body.layanan #middle table#tabelbengkel thead th {
	padding: 5px;
	color: #fff;
}

body.layanan #middle table#tabelbengkel tbody td {
	padding: 5px;
}

body.layanan #middle table#tabelbengkel tbody tr.odd {
	background-color: #CCFFFF;
}

body.tips #tipscolumn h2#tipstitle {
	text-indent: -10000px;
	height: 20px;
	display: block;
	background: transparent url("../images/title-tips.png") no-repeat 0 0;
}

#tipscolumn dt {
	padding-left: 20px;
	background: transparent url("../images/information.png") no-repeat 0 5px;
	margin-bottom: 5px;
	
	padding-top: 5px;
}

#tipscolumn dt a {
	color: #1A3688;
}

#tipscolumn dt a:hover {
	color: #000;
}

#tipscolumn dd {
	margin-left: 20px;
}

#tipscolumn dd p.date {
	font-size: 10px;
	color: #66A7DD;
	margin-bottom: 0;
}

#tipscolumn dd p {
	margin-bottom: 5px;
	
}

body.testimonial #testimonialcolumn h2#testimonialtitle {
	text-indent: -10000px;
	height: 20px;
	display: block;
	background: transparent url("../images/title-testimonial.png") no-repeat 0 0;
}

body.testimonial #testimonialcolumn img {
	float: left;
	width: 100px;
	margin: 0 10px 10px 0;
}

body.testimonial h3 {
	clear: both;
}

/* For Mitra Garda Oto */

body#mitragardaoto #utama {
	width: 410px;
	float: left;
	display: inline;
	background-color: #fff;
	margin: 0 0 10px;
}

body.mitragardaoto #main {
	background: transparent url("../images/bg-main-mitra.jpg") no-repeat 0 0;
}

body.mitragardaoto #about h2#mitragardaoto {
	text-indent: -10000px;
	height: 20px;
	display: block;
	background: transparent url("../images/title-mitragardaoto.png") no-repeat 0 0;
}

body.mitragardaoto #about img {
	float: left;
	margin-right: 10px;
}

body#mitragardaoto ul#subsubnav {
	float: right;
	width: 680px;
	list-style-type: none;
	background: transparent url("../images/bg-sitenav-mgo.gif") no-repeat 0 0;
	height: 30px;
	padding-right: 10px;
	font-size: 11px;
}




/* For Daftar Produk */

#korporat ul li {
	list-style-type: none;
	background: url("../images/page_white.png") no-repeat 0 0;
	margin: 0;
	padding-left: 20px;
}

#polis ul li {
	list-style-type: none;
	background: url("../images/page_white.png") no-repeat 0 0;
	margin: 0;
	padding-left: 20px;
}


/* For DomCollapse */

		.trigger{
			cursor:pointer;
			text-decoration: underline;
		}		
		.trigger:hover{
			cursor:pointer;
			text-decoration: underline;
		}		
		.expanded{

			cursor:pointer;
		}
		.expanded:hover{

			cursor:pointer;
		}
		.show{
		}
		.hide{
			position:absolute;
			left:-999em;
			height:1px;
			width:100px;
			overflow:hidden;
		}
		.trigger img {
			display: none;
		}

		.expanded img {
			display: none;
		}