/*
main css for Agung Automall website
*/

/* main part */
body {
	background: url('../images/bg.jpg') repeat-x fixed; 
	margin: 0px;
	padding: 0px;
	font: normal 10px verdana, sans-serif;
	color: #666666;
	line-height: 14px;
}
/* main logo */
#lwrap {
	margin: auto;
	text-align: center;
	width: 938px;
}
#toyota-logo{
	text-align: left;
	background: url('../images/toyota-logo.jpg') no-repeat; 
	width: 134px;
	height: 58px;
	float: left;
}
#agung-logo{
	background: url('../images/agung-logo.jpg') no-repeat;
	width: 97px;
	height: 58px;
	margin-left: 838px;
}
/* main banner */
#lban {
	background: url('../images/pjk-ats1.gif') no-repeat;
	width: 8px;
	height: 112px;
	float: left;
}
#cban {
	background: #474747;
	width: 916px;
	height: 112px;
	float: left;
	text-align: left;
}
#cban img{
	border: 0px;
	margin-right: 8px;
	margin-top: 13px;
	float: left;
}
#cban object{
	border: 0px;
	margin-right: 8px;
	margin-top: 13px;
	float: left;
}
#rban {
	background: url('../images/pjk-ats2.gif') no-repeat;
	width: 11px;
	height: 112px;
	float: left;
}
#searchbox {
	margin-top: 13px;
	width: 210px;
	font: normal 11px verdana, sans-serif;
	color: #999999;
	position: absolute;
}
html>body #searchbox {
	margin-left: 703px;
	margin-top: 13px;
	width: 210px;
	font: normal 11px verdana, sans-serif;
	color: #999999;
	position: absolute;
}
#searchbox input{
	margin-left: 3px;
	padding-left: 4px; 
	padding-right: 4px; 
}
/* main content home*/

#mw-l{
	margin-top: 5px;
	background: url('../images/mw-l.gif') no-repeat;
	width: 12px;
	height: 10px;
	float: left;
}
#mw-ct{
	margin-top: 5px;
	background: url('../images/mw-ct.jpg') repeat-x;
	width: 913px;
	height: 10px;
	float: left;
}
#mw-r{
	margin-top: 5px;
	background: url('../images/mw-r.gif') no-repeat;
	width: 10px;
	height: 10px;
	float: left;
}
#mw-menu{
	text-align: left;
}
#menu-l img{
	border: 0px;
	float: left;
}
#tanggal{
	background: url('../images/mbgr.jpg') repeat-x;
	width: 377px;
	height: 19px;
	float: left;
	text-align: right;
	padding-top: 8px;
}
#tanggal span{
	margin-right: 10px;
	color: #fff;
}
#iwrap-top{
	background: url('../images/imctbg.jpg') repeat-x;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	height: 271px;
	width: 933px;
	text-align: left;
	float: left;
}
#il {
	float: left;
	background: #fff;
	padding-left: 20px;
	padding-top: 15px;
	height: 255px;
	width: 446px;
	background: url('../images/index-bg.jpg') no-repeat;
}
#ir {
	float: left;
}
#dl-b {
	margin-top: 25px;
	float: left;
}
.dl-b1 {
	margin-left: 15px;
	float: left;
	width: 160px;
	color: #666666;
}
.dl-b1 h2{
	font: bolder 10px verdana, sans-serif;
	color: #000;
	margin-top: 0px;
}
.dl-b1 select{
	position: absolute;
	margin-top: 14px;
	margin-left: 2px;
	font: normal 11px verdana, sans-serif;
	color: #666666;
}
.dl-b2 {
	margin-left: 60px;
	float: left;
	font: normal 10px verdana, sans-serif;
	color: #666666;
	width: 215px;
}
span.select {
	position: absolute;
	width: 158px; 
	height: 27px;
	padding: 2px 24px 0 12px;
	color: #666666;
	font: 11px/21px verdana, sans-serif;
	background: url(../images/select.png) no-repeat;
	overflow: hidden;
	margin-top: 8px;
}
/* main bottom home*/
#iwrap-bottom{
	background: #b9b9b7 url('../images/m2bg.jpg') no-repeat;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	height: 118px;
	width: 925px;
	text-align: left;
	padding-left: 8px;
	padding-top: 8px;
	float: left;
}
#iwrap-bottom img{
	vertical-align: bottom;
	color: #666666;
}
#m2-l{
	background: url('../images/m2l.gif') no-repeat;
	width: 14px;
	height: 11px;
	float: left;
}
#m2-ct{
	background: url('../images/m2c.jpg') no-repeat;
	width: 906px;
	height: 11px;
	float: left;
}
#m2-r{
	background: url('../images/m2r.gif') no-repeat;
	width: 15px;
	height: 11px;
	float: left;
}
#berita-dpn{
	margin-left: 25px;
	margin-top: 5px;
}
.judul1 {
	font: bold 12px verdana, sans-serif;
	color: #666666;
}
.judul2 {
	font: bold 10px verdana, sans-serif;
	color: #666666;
}
#bl{
	width: 400px;
	float: left;
}
#br{
	width: 390px;
	margin-left: 65px;
	float: left;
	margin-right: 20px;
}
#next{
	margin-top: -2px;
	margin-right: 15px;
	text-align: right;
}
/* quick navigation */
#qn1 {
	margin-top: 8px;
	background: url('../images/qbg.gif') no-repeat;
	width: 935px;
	height: 112px;
	float: left;
}
#qtab1{
	font: bold 11px verdana, sans-serif,arial,sans-serif; 
	width: 105px; 
	float: left;
	margin: 5px 0 0 5px;
	text-align: left;
	height: 103px;
}
html>body #qtab1{
	margin: 5px 0 0 10px;
}
#qtab1 img{
	cursor: pointer;
}
.tb1{
	background:url('../images/tab1.jpg') no-repeat; 
	height: 12px;
	width: 100px;
	margin: 0px 2px 0px 5px; 
}
.tb2{
	background:url('../images/tab2.jpg') repeat-y; 
	height: 4px;
	width: 100px;
	margin: 0px 2px 0px 5px; 
}
.tb3{
	background:url('../images/tab3.jpg') no-repeat; 
	height: 11px;
	width: 100px;
	margin: 0px 2px 0px 5px; 
}
#qtab2{
	background:url('../images/tbg.jpg') repeat-x; 
	width: 795px;
	height: 103px;
	float: left;
	margin: 5px 0 0 0px;
}
#qtab3{
	background:url('../images/tab4.jpg') no-repeat; 
	width: 13px;
	height: 103px;
	float: left;
	margin: 5px 0 0 0px;
}
#pre{
	background:url('../images/tb2.jpg') no-repeat; 
	background:url('../images/tb3.jpg') no-repeat; 
}
/* bottom navigation */
#btm {
	float: left;
	width: 917px;
	height: 20px;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-left: 20px;
	background: #000000;
}
#btm-mn{
	float: left;
}
#btm-mn a{
	color: #999999;
	text-decoration: none;
	margin-right: 50px;
}
#btm-mn a:hover{
	color: #ffffff;
	text-decoration: none;
	margin-right: 50px;
}
#counter {
	float: left;
	color: #999999;
	margin-left: 240px;
	width: 220px;
}
#counter span{
	float: left;
	margin-right: 5px;
}
#counter ul{
	margin: 0;
	padding: 0px;
	list-style: none;
	display: block;
}
#counter ul li{
	display: inline;
	padding: 0;
	border:0;
}
#counter ul li img{
	float: left;
}
#none{
	display: none;
	width: 4px;
}

/* main content tentang */

#iwrap-top2{
	background: #ffffff;
	border-right: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	width: 933px;
	text-align: left;
	float: left;
}
#mkiri {
	width: 232px;
	wid\th: 240px;
	float: left;
	height: 300px;
}
#mkiri ul{
	list-style: none;
	padding: 0px;
	margin-left: 0px;
	margin-top: 10px;
	marg\in-top: 10px;
}
#mkiri ul hr{
	border: solid 1px #e4e4e4;
	width: 205px;
}
#mkiri ul img{
	padding-left: 8px;
	border: 0px;
}
a.active{
	color: #cc0000;
	font: bold 10px verdana, sans-serif;
	text-decoration: none;
}
#mkiri a.active{
	color: #cc0000;
	font: bold 10px verdana, sans-serif;
	text-decoration: none;
}
#mkiri a.passive{
	color: #666666;
	font: bold 10px verdana, sans-serif;
	text-decoration: none;
}
#mkiri a:hover{
	color: #cc0000;
	font: bold 10px verdana, sans-serif;
	text-decoration: none;
}
#mkiri .shadow{
	color: #999999;
	font: bold 10px verdana, sans-serif;
	text-decoration: none;
	margin-left: 27px;
}
#ab-isi{
	float: left;
	width: 465px;
	color: #000000;
	margin-top: 17px;
	line-height: 16px;
}
#ab-isi .jdl{
	font: bold 12px verdana, sans-serif;
}
/* main bottom */
#iwrap-bottom2{
	background: #751a1a;
	border-left: solid 1px #751a1a;
	border-right: solid 1px #751a1a;
	height: 118px;
	width: 925px;
	text-align: left;
	padding-left: 8px;
	padding-top: 8px;
	float: left;
}
#m2-l2{
	background: url('../images/m2l2.gif') no-repeat;
	width: 16px;
	height: 23px;
	float: left;
}
#m2-ct2{
	background: #751a1a;
	width: 898px;
	height: 22px;
	float: left;
}
#m2-r2{
	background: url('../images/m2r2.gif') no-repeat;
	width: 21px;
	height: 23px;
	float: left;
}
#taam{
	margin-left: 233px;
	margin-top: 8px;
	width: 700px;
}
#taam1{
	margin-top: 8px;
	width: 693px;
	float: left;
}
#taam img{
	margin-bottom: 8px;
}
#taam1 img{
	margin-bottom: 8px;
}
#taam2{
	margin-top: 8px;
	background: url('../images/cab-main.jpg') no-repeat;
	width: 933px;
	height: 205px;
	margin-left: -1px;
}
#taam3{
	margin-top: 8px;
	background: url('../images/kontak-bar.jpg') no-repeat;
	width: 933px;
	height: 250px;
	margin-left: -1px;
}
#cab-plh{
	background: url('../images/cb-bg.jpg') repeat-x;
	height: 117px;
	width: 933px;
}
.dl-b12 {
	margin-left: 115px;
	float: left;
	width: 200px;
	color: #999999;
	margin-top: 10px;
}
html>body .dl-b12 {
	margin-left: 230px;
	float: left;
	width: 200px;
	color: #999999;
	margin-top: 10px;
}
.dl-b11 {
	margin-left: 30px;
	float: left;
	width: 170px;
	color: #999999;
	margin-top: 10px;
}
.dl-b11 h2{
	font: bolder 10px verdana, sans-serif;
	color: #fff;
	margin-top: 0px;
}
.dl-b11 select{
	position: absolute;
	margin-top: 13px;
	margin-left: 2px;
	font: normal 11px verdana, sans-serif;
	color: #999999;
}
.dl-b21 {
	margin-left: 70px;
	float: left;
	font: normal 10px verdana, sans-serif;
	color: #999999;
	margin-top: 10px;
}
.dl-b31 {
	margin-left: 10px;
	float: left;
	width: 210px;
	color: #666666;
	margin-top: 10px;
}
html>body .dl-b31 {
	margin-left: 20px;
	float: left;
	width: 210px;
	color: #666666;
	margin-top: 10px;
}
.dl-b32 {
	float: left;
	color: #666666;
	margin-top: 10px;
	line-height: 18px;
}
.dl-b33 {
	margin-left: 120px;
	float: left;
	font: normal 10px verdana, sans-serif;
	color: #666666;
	margin-top: 10px;
	line-height: 18px;
}
.dl-b32 a, .dl-b33 a {
	font-weight: bold;
	text-decoration: none;
	color: #666666;
}
.dl-b32 a:hover, .dl-b33 a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #999999;
}
#ab-isi2{
	float: left;
	width: 692px;
	color: #000000;
	margin-top: 5px;
	padding-bottom: 10px;
	line-height: 16px;
}
#ab-isi2 .jdl{
	font: bold 12px verdana, sans-serif;
}
#ab-isi2 hr{
	border: solid 1px #000;
	margin-top: 15px;
	margin-bottom: 10px;
}
.csrl{
	float: left;
	width: 230px;
	vertical-align: top;
}
.csrl img{
	float: left;
}
.csrr{
	float: left;
	width: 400px;
	margin-bottom: 30px;
}
.csrl2{
	float: left;
	width: 230px;
	color: #000;
}
.csrl3{
	float: left;
	width: 230px;
	vertical-align: top;
	color: #000;
}
.csrl2 img, .csrl3 img, .csrr2 img, .csrr3 img{
	float: left;
}
.csrr2{
	float: left;
	width: 210px;
	wid\th: 230px;
	margin-bottom: 10px;
	margin-left: 10px;
	color: #000;
}
.csrr3{
	float: left;
	width: 210px;
	margin-bottom: 10px;
	color: #000;
}
/* menu kiri layanan */
#mkiri2 {
	width: 232px;
	float: left;
}
#mkiri2 ul{
	list-style: none;
	padding: 0px;
	margin-left: 0px;
	margin-top: 10px;
}
#mkiri2 ul li{
	margin-bottom: 8px;
}
#mkiri2 ul img{
	padding-left: 8px;
	border: 0px;
}
#mkiri2 a.active{
	color: #cc0000;
	font: bold 10px verdana, sans-serif;
	text-decoration: none;
}
#mkiri2 a.passive{
	color: #666666;
	font: bold 10px verdana, sans-serif;
	text-decoration: none;
}
#mkiri2 a:hover{
	color: #cc0000;
	font: bold 10px verdana, sans-serif;
	text-decoration: none;
}
.box{
	float: left;
	background: #e5e5e5;
	width: 199px;
	height: 31px;
	font: bold 11px verdana, sans-serif;
	margin-bottom: 5px;
}
.box img{
	margin-right: 10px;
	height: 30px;
	font: bold 11px verdana, sans-serif;
}
.box p{
	margin-top: 8px;
}
.box2{
	float: left;
	width: 230px;
	height: 80px;
	margin-bottom: 5px;
}
.box2 img{
	margin-right: 15px;
}
#mmbg{
	background: url('../images/mmbg.jpg') repeat-x;
	height: 1px;
	width: 935px;
	float: left;
	margin-bottom: -10px;
}
html>body #mmbg{
	margin-bottom: 0px;
}
/* isi produk */
#mw3-l{
	margin-top: 5px;
	background: url('../images/mw3-l.gif') no-repeat;
	width: 20px;
	height: 15px;
	float: left;
}
#mw3-ct{
	margin-top: 5px;
	background: url('../images/mw3-ct.jpg') repeat-x;
	width: 895px;
	height: 15px;
	float: left;
}
#mw3-r{
	margin-top: 5px;
	background: url('../images/mw3-r.gif') no-repeat;
	width: 20px;
	height: 15px;
	float: left;
}
#iwrap-top3{
	background: url('../images/mobg.jpg') repeat-x;
	height: 340px;
	width: 927px;
	float: left;
	padding: 0px 0 0 8px;
	text-align: left;
	color: #999999;
}
#iwrap-top3 img, #iwrap-top3 object{
	float: left;
}
#l360{
	height: 35px;
	width: 300px;
	margin-top: 5px;
	float: left;
}
#p360{
	background: url('../images/prd-bg.jpg') no-repeat;
	width: 525px;
	height: 270px;
	margin-left: 4px;
	margin-top: -4px;
	float: left;
}
#p360 object{
	margin-left: 12px;
	margin-top: 11px;
}
html>body #p360{
	background: url('../images/prd-bg.jpg') no-repeat;
	width: 525px;
	height: 270px;
	margin-left: 10px;
	margin-top: 4px;
	float: left;
}
#barmo{
	background: url('../images/barmo.jpg') repeat-x;
	height: 23px;
	width: 373px;
	margin-left: 537px;
	margin-top: 10px;
}
#mobr {
	background: url('../images/mobr.jpg') repeat-x;
	height: 2px;
	width: 900px;
	float: left;
	margin-top: 10px;
	margin-left: 10px; 
	margin-bottom: 5px;
}
.hr-l{
	margin-left: 15px; 
	margin-top: 5px;
	width: 100px;
	float: left;
}
.hr-ct{
	margin-top: 5px;
	width: 155px;
	float: left;
}
.hr-r{
	margin-top: 5px;
	width: 115px;
	float: right;
}
.hr-n {
	float: right;
	margin-top: 15px;
	margin-right: 25px;
}
.hr-n a{
	color: #828180;
	text-decoration: none;
	cursor: pointer;
}
.hr-n a:hover{
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
.hr-d {
	float: left;
	margin-top: 40px;
	margin-left: 10px;
}
.w11{
	background: url('../images/w1.gif') no-repeat;
	width: 9px;
	height: 9px;
	float: left;
}
html>body .w11{
	background: url('../images/w1.png') no-repeat;
}
.w12{
	background: #262626;
	width: 347px;
	height: 9px;
	float: left;
}
.w13{
	background: url('../images/w2.gif') no-repeat;
	width: 9px;
	height: 9px;
	float: left;
}
html>body .w13{
	background: url('../images/w2.png') no-repeat;
}
.w22{
	background: #262626;
	width: 341px;
	height: 75px;
	margin-top: -5px;
	margin-bottom: -15px;
	padding: 0 12px 0 12px;
	font-size: 9px;
}
.w31{
	background: url('../images/w3.gif') no-repeat;
	width: 9px;
	height: 9px;
	float: left;
}
html>body .w31{
	background: url('../images/w3.png') no-repeat;
}
.w32{
	background: #262626;
	width: 347px;
	height: 9px;
	float: left;
}
.w33{
	background: url('../images/w4.gif') no-repeat;
	width: 9px;
	height: 9px;
	float: left;
}
html>body .w33{
	background: url('../images/w4.png') no-repeat;
}
a{
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
a:hover{
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
}
.prod{
	float: left;
	margin-left: 0px;
	margin-right: 7px;
	margin-top: 9px;
	text-align: center;
}
html>body .prod{
	margin-top: 8px;
}
.prod img{
	margin-top: 3px;
	cursor: pointer;
}
html>body .prod img{
	margin-top: 0px;
}
.prod a{
	font-weight: normal;
	text-decoration: none;
}
.prod a:hover{
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.pnh-right{
	float: right;
	margin-right: -1px;
}
html>body .pnh-right{
	position: absolute;
	margin-left: 760px;
}
.hrdeal hr{
	width: 100%;
}
#deal-bawah{
	text-align: left;
	padding-left: 232px;
	padding-bottom: 5px;
	color: #000000;
	background: #ffffff;
	border-right: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	width: 701px;
	float: left;
}
#deal-bawah hr {
	border: solid 1px #e4e4e4;
	margin-bottom: 10px;
}
.jdl-brt{
	color: #990000;
	font-size: 10px;
}
.jdl-brt a{
	color: #990000;
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
}
.jdl-brt a:hover{
	color: #cc0000;
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
}
.jdl-brt2{
	color: #000000;
	font-size: 10px;
}
.jdl-brt2 a{
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
.jdl-brt2 a:hover{
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}
#tag{
	color: #cccccc;
	float: left;
	margin-left: 12px;
	font-size: 12px;
	width: 200px;
}
#tag img{
	float: none;
	margin-left: -3px;
}
#deal-bawah2{
	width: 500px;
	text-align: left;
	padding-left: 1px;
	margin-left: 231px;
	margin-bottom: 20px;
	color: #000000;
}
#deal-bawah2 hr {
	background: #dbdbdb;
	border: 0px;
	width: 500px;
	float: left;
	height: 1px;
}
a.red{
	color: #cc0000;
	font: bold 10px verdana, sans-serif;
	text-decoration: none;
}
a:hover.red{
	color: #666666;
	font: bold 10px verdana, sans-serif;
	text-decoration: underline;
}
a.brown{
	color: #666666;
	font: normal 10px verdana, sans-serif;
	text-decoration: none;
	height: 22px;
}
a:hover.brown{
	color: #333333;
	font: normal 10px verdana, sans-serif;
	text-decoration: underline;
	height: 22px;
}
#deal-bawah2 .hr-l{
	margin-top: -5px;
	margin-bottom: 2px;
	width: 230px;
	float: left;
}
#deal-bawah2 .hr-r{
	margin-top: -5px;
	margin-bottom: 2px;
	width: 230px;
	line-height: 20px;
}
html>body #deal-bawah2 .hr-l, html>body #deal-bawah2 .hr-r{
	margin-top: 5px;
	margin-bottom: 0px;
}
.hr-l li, .hr-r li{
	list-style: none;
	padding: -5px 0 0 -2px;
	margin: -5px 0 0 -2px;
}
#deal-bawah3{
	width: 920px;
	text-align: left;
	padding-left: 1px;
	float: left;
	padding-bottom: 20px;
	margin-top: 10px;
	color: #666666;
	line-height: 16px;
}
#deal-bawah3 .left{
	width: 210px;
	text-align: left;
	padding-left: 5px;
	float: left;
	height: 700px;
}
#deal-bawah3 .right{
	width: 475px;
	text-align: left;
	float: left;
	padding-left: 20px;
}
.kiri{
	text-align: left;
	float: left;
}
.kanan{
	text-align: right;
	float: right;
	margin-bottom: 17px;
	vertical-align: top;
}
#cap{
	cursor: pointer;
}