@charset "utf-8";
body {
	margin: 0px;
	font: 12px Arial, Helvetica, sans-serif;
	background-color: #990000;
	background-repeat: repeat;
	}
div, ul, li, h1, h2, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
	}
a img{
	border: none;
	}
#wrapper{
	width: 998px; margin-left: -499px; left: 50%; position: absolute; padding: 0 0px; margin-top: 9px; margin-bottom: 9px;
	}
#forAll{
	width: 980px; float: left; padding: 9px; margin-bottom: 9px; background-color: #000000;
	}

/* --------------- header --------------- */

#header{
	width: 980px; height: 100px; margin-bottom: 8px; float: left;
	}
	
#top1{
	width: 980px;
	height: 80px;
	float: left;
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: left top;
	}
#logo{
	width: 310px;
	height: 75px;
	text-align: left;
	float: left;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	}
#banner_570x75{
	width: 100px;
	height: 75px;
	text-align: right;
	float: right;
	margin-top: 3px;
	margin-right: 149px;
	margin-bottom: 0;
	margin-left: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
	
#top2{
	width: 964px;
	height: 20px;
	float: left;
	background-repeat: repeat-x;
	background-position: left top;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
	padding-top: 0;
	padding-right: 8px;
	padding-bottom: 0;
	padding-left: 8px;
	background-color: #CCCCCC;
	}
#loginText{
	width: 290px; height: 22px;	text-align: center; font: 12px Arial, Helvetica, sans-serif; color: #996666; float: right; padding-top: 10px;
	}
#loginText a{
	font: bold 12px Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: none;
	}
#loginText a:hover{
	font: bold 12px Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: none; border-bottom: dotted 1px #ffffff;
	}
	
#top3{
	width: 964px;
	height: 46px;
	float: left;
	padding: 0 8px;
	background-color: #000000;
	background-repeat: repeat-x;
	background-position: left top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	}
#top3Left{
	width: 652px; height: 30px; text-align: left; font: 11px Arial, Helvetica, sans-serif; color: #828282; float: left; padding-top: 16px;
	}
.breakingNews{
	font: bold 11px Arial, Helvetica, sans-serif; float: left;
	}
#top3Right{
	width: 292px; height: 34px;	text-align: left; float: right;	padding-top: 12px;
	}
.txtInput_search{
	width: 214px; font: 12px Arial, Helvetica, sans-serif; border: solid 1px #333333; color: #828282; padding: 3px 4px;	vertical-align: top; background: transparent;
	}
.selectInput_short{
	width: 100px; height: 24px; font: 12px Arial, Helvetica, sans-serif; border: solid 1px #333333; color: #828282; padding:3px 4px; background: transparent;
	}
	
/* --------------- content --------------- */
	
#pageContainer{
	width: 980px;
	float: left;
	background-color: #000000;
	}
.boxContent{
	width: 980px; float: left;
	}
#splash{
	width: 660px; height: 250px; float: left;
	}
#banner_300x250{
	width: 300px; height: 250px; text-align: center; float: right;
	}
#boxLeft{
	width: 320px; margin-right: 20px; float: left;
	}
#boxCenter{
	width: 320px; margin-right: 20px; float: left;
	}
#boxRight{
	width: 300px; float: left;
	}
.boxContentLoop{
	margin-bottom: 20px; float: left;
	}
.boxContentLoop .BOX{
	margin-top: 10px; float: left;
	}
.boxContentLoop .img_display3Products{
	width: 180px; height: 90px;	margin-bottom: 8px;	text-align: center;	background: #000000 url(../images/loading.gif) center 35px no-repeat; float: left; padding: 5px;
	}
.boxContentLoop .img_90x60{
	width: 90px; height: 90px; margin:0 10px 5px 0; text-align: center; background: #333333 url(../images/loading.gif) center 20px no-repeat; float: left; padding: 5px;
	}
.boxContentLoop .nDate{
	width: 194px;
	color: #FFFFFF;
	font: 11px Arial, Helvetica, sans-serif;
	float: right;
	margin-top: 15px;
	}
.boxContentLoop .h1{
	width: 194px; font: bold 12px Arial, Helvetica, sans-serif;	margin-bottom: 5px;	color: #990000;	float: right;
	}
.boxContentLoop .h1 a{
	width: 194px; font: bold 12px Arial, Helvetica, sans-serif;	color: #990000;	text-decoration: none;
	}
.boxContentLoop .h1 a:hover{
	width: 194px; font: bold 12px Arial, Helvetica, sans-serif;	color: #ff0000;	text-decoration: none; border-bottom: dotted 1px #ff0000;
	}
.boxContentLoop .listDate{
	width: 74px; color: #FFFFFF; font: 12px Arial, Helvetica, sans-serif; float: left;
	}
.boxContentLoop .listTitle{
	width: 230px; font: 12px Arial, Helvetica, sans-serif; color: #660000; float: left;
	}
.boxContentLoop .listTitle a{
	font: 12px Arial, Helvetica, sans-serif; color: #660000; text-decoration: none;
	}
.boxContentLoop .listTitle a:hover{
	font: 12px Arial, Helvetica, sans-serif; color: #ff0000; text-decoration: none;	border-bottom: dotted 1px #ff0000;
	}
.boxContentLoop .nDescripsi{
	width: 194px; font: 12px Arial, Helvetica, sans-serif; color: #828282; float: right;
	}
.boxContentLoop .redDate{
	width: 190px; color: #990000; font: 11px Arial, Helvetica, sans-serif; float: left;
	}
.boxContentLoop .h2{
	width: 190px; font: bold 12px Arial, Helvetica, sans-serif;	margin-bottom: 8px;	color: #e1e1e1;	float: left;
	}
.boxContentLoop .h2 a{
	width: 190px; font: bold 12px Arial, Helvetica, sans-serif;	color: #e1e1e1;	text-decoration: none;
	}
.boxContentLoop .h2 a:hover{
	width: 190px; font: bold 12px Arial, Helvetica, sans-serif;	color: #ffffff;	text-decoration: none; border-bottom: dotted 1px #ffffff;
	}
.boxContentLoop .nDescripsi2{
	width: 190px; font: 12px Arial, Helvetica, sans-serif; color: #828282; float: left;
	}
.boxContentLoop .detailDate{
	width: 652px; font: 11px Arial, Helvetica, sans-serif; color: #828282; float: left;
	}
.boxContentLoop .detailTitle{
	width: 652px; font: bold 20px Arial, Helvetica, sans-serif;	color: #990000;	float: left;
	}
.boxContentLoop .detailPosting{
	width: 652px; font: 11px Arial, Helvetica, sans-serif; color: #333333; float: left;
	}
.boxContentLoop .detailBoxImage{
	width: 652px; margin: 15px 0; float: left;
	}
.boxContentLoop .detailBoxImage p{
	width: 652px; font: 11px Arial, Helvetica, sans-serif; font-style: italic; color: #333333; padding: 0; margin: 0; float: left;
	}
.boxContentLoop .detailimg_90x60{
	width: 90px; height: 90px; margin: 0 8px 8px 0;	text-align: center;	background: #333333 url(../images/loading.gif) center 20px no-repeat; float: left; padding: 5px;			    }
.boxContentLoop .detailTeks{
	width: 652px; font: 12px Arial, Helvetica, sans-serif; text-align: left; color: #828282; float: left;
	}
.boxContentLoop .detailTeks a{
	width: 652px; font: bold 12px Arial, Helvetica, sans-serif;	text-align: left; color: #828282; text-decoration: none;
	}
.boxContentLoop .detailTeks a:hover{
	width: 652px; font: bold 12px Arial, Helvetica, sans-serif;	text-align: left; color: #ffffff; text-decoration: none; border-bottom: dotted 1px #ffffff;
	}

.headerProfile{
	width: 644px; font: bold 12px Arial, Helvetica, sans-serif; color: #cbcbcb; border-bottom: solid 1px #333333; padding: 5px 0 7px 0; margin-bottom: 10px;
	float: left;
	}
.boxProfile{
	width: 644px; margin-bottom: 15px; float: left;
	}
.boxProfileLeft{
	width: 210px; margin-right: 14px; float: left;
	}
.boxAvatar{
	width: 200px; border: solid 1px #333333; text-align: center; background: #000000 url(../images/loading.gif) center no-repeat; padding: 4px; margin-bottom: 8px;
	float: left;
	}
.btnEdit{
	width: 91px; font: 11px Arial, Helvetica, sans-serif; color: #828282; text-align: center; border: solid 1px #333333; padding: 4px; margin: 0 8px 4px 0; float: left;
	}
.btnEdit a{
	width: 91px; font: 11px Arial, Helvetica, sans-serif; color: #828282; text-align: center; float: left;
	}
.btnEdit a:hover{
	width: 91px; font: 11px Arial, Helvetica, sans-serif; color: #cbcbcb; text-align: center; float: left;
	}
.btnAdd{
	width: 91px; font: 11px Arial, Helvetica, sans-serif; color: #828282; text-align: center; border: solid 1px #333333; padding: 4px; margin: 8px 0 0 9px; float: left;
	}
.btnAdd a{
	width: 91px; font: 11px Arial, Helvetica, sans-serif; color: #828282; text-align: center; float: left;
	}
.btnAdd a:hover{
	width: 91px; font: 11px Arial, Helvetica, sans-serif; color: #cbcbcb; text-align: center; float: left;
	}
.boxProfileRight{
	width: 420px; float: left;
	}
.boxprofileTxt{
	width: 420px; margin-bottom: 3px; float: left;
	}
.profileStatus{
	width: 420px; font: bold 12px Arial, Helvetica, sans-serif; color: #cbcbcb; margin-bottom: 3px; float: left;
	}
.profileTxtBold1{
	width: 150px; font: bold 12px Arial, Helvetica, sans-serif; color: #990000; margin-right: 10px; float: left;
	}
.profileTxtQ1{
	width: 260px; font: 12px Arial, Helvetica, sans-serif; color: #828282; float: left;
	}
#boxPhotoGallery{
	width: 644px; margin-top: 25px; float: left;
	}
.PhotoGalleryLoop{
	width: 120px; text-align: center; margin: 0 8px 10px 0; float: left;
}
.PhotoGallery{
	width: 90px; height: 60px; margin: 0 10px 5px 10px; text-align: center; background: #333333 url(../images/loading.gif) center 20px no-repeat; padding: 5px;
	float: left;
	}
.PhotoTitle{
	width: 120px; font: bold 11px Arial, Helvetica, sans-serif; color: #cbcbcb; text-align: center; margin-bottom: 4px; float: left;
	}
.btnEditNDelete{
	width: 120px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #828282;
	text-align: center;
	margin-bottom:5px;
	float: left;
	}
.btnEditNDelete a{
	width: 120px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #828282;
	}
.btnEditNDelete a:hover{
	width: 120px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #990000;
	}
.profileField{
	width: 226px; font: 12px Arial, Helvetica, sans-serif; color: #828282; text-align: left; background-color: #000000;	padding: 4px 4px;
	border: solid 1px #333333; float: left;
	}

.boxMANews{
	width: 640px; padding: 10px; background-color: #333333; margin: 10px 0 25px 0; float: left;
	}
.boxContentLoop .boxMANews_img{
	width: 180px; text-align: center; background: #000000 url(../images/loading.gif) center 35px no-repeat; float: left; padding: 5px;
	}
.boxContentLoop .redMANewsDate{
	width: 435px; color: #990000; font: 11px Arial, Helvetica, sans-serif; margin: 0 0 4px 15px; float: left;
	}
.boxContentLoop .boxMANewsh4{
	width: 435px; font: bold 14px Arial, Helvetica, sans-serif;	margin: 0 0 8px 15px;	color: #e1e1e1;	float: left;
	}
.boxContentLoop .boxMANewsh4 a{
	width: 435px; font: bold 14px Arial, Helvetica, sans-serif;	color: #e1e1e1;	text-decoration: none;
	}
.boxContentLoop .boxMANewsh4 a:hover{
	width: 435px; font: bold 14px Arial, Helvetica, sans-serif;	color: #ffffff;	text-decoration: none; border-bottom: dotted 1px #ffffff;
	}
.boxContentLoop .boxMANewsDescripsi{
	width: 435px; font: 12px Arial, Helvetica, sans-serif; color: #828282; margin-left: 15px; float: left;
	}
.boxContentLoop .imgNews_90x60{
	width: 90px; height: 60px; margin:0 10px 5px 0; text-align: center; background: #333333 url(../images/loading.gif) center 20px no-repeat; float: left; padding: 5px;
	}
.boxContentLoop .redNewsDate{
	width: 254px; color: #333333; font: 11px Arial, Helvetica, sans-serif; float: right;
	}
.boxContentLoop .newsh3{
	width: 254px; font: bold 12px Arial, Helvetica, sans-serif;	margin-bottom: 5px;	color: #990000;	float: right;
	}
.boxContentLoop .newsh3 a{
	width: 254px; font: bold 12px Arial, Helvetica, sans-serif;	color: #990000;	text-decoration: none;
	}
.boxContentLoop .newsh3 a:hover{
	width: 254px; font: bold 12px Arial, Helvetica, sans-serif;	color: #ff0000;	text-decoration: none; border-bottom: dotted 1px #ff0000;
	}
.boxContentLoop .newsDescripsi2{
	width: 254px; font: 12px Arial, Helvetica, sans-serif; color: #828282; float: left;
	}
#boxNewsArchives{ 
	width: 224px; font: 12px Arial, Helvetica, sans-serif; text-align: left; color: #990000; margin-left: 20px; float: right;
	}
#boxNewsArchives ul{ 
	width: 224px; margin: 0; padding: 0;
	}
#boxNewsArchives ul li{
	width: 224px; line-height: 20px; border-bottom: solid 1px #1c1c1c; list-style-type: square;
	}
#boxNewsArchives ul li a{
	font: 12px Arial, Helvetica, sans-serif; color: #828282; text-decoration:none;
	}
#boxNewsArchives ul li a:hover{
	font: 12px Arial, Helvetica, sans-serif; color: #990000; text-decoration:none;
	}
.viewAll{
	font: 11px Arial, Helvetica, sans-serif;
	color: #828282;
	text-align: left;
	float: right;
}
.viewAll a{
	font: 11px Arial, Helvetica, sans-serif;
	color: #828282;
	padding-left: 15px;
	background: url(../images/box_ArrowGrey.jpg) left 3px no-repeat;
	border-bottom: dotted 1px #828282;
}
.viewAll a:hover{
	font: 11px Arial, Helvetica, sans-serif;
	color: #990000;
	padding-left: 15px;
	background: url(../images/box_ArrowRed.jpg) left 3px no-repeat;
	border-bottom: dotted 1px #990000;
}
	
.boxContentLoop .searchimg_90x60{
	width: 90px; height: 90px; margin:0 10px 5px 0; text-align: center; background: #333333 url(../images/loading.gif) center 20px no-repeat; float: left; padding: 5px;
	}
.boxContentLoop .searchDate{
	width: 534px; color: #333333; font: 11px Arial, Helvetica, sans-serif; float: right;
	}
.boxContentLoop .h3{
	width: 534px; font: bold 12px Arial, Helvetica, sans-serif;	margin-bottom: 5px;	color: #990000;	float: right;
	}
.boxContentLoop .h3 a{
	width: 534px; font: bold 12px Arial, Helvetica, sans-serif;	color: #990000;	text-decoration: none;
	}
.boxContentLoop .h3 a:hover{
	width: 534px; font: bold 12px Arial, Helvetica, sans-serif;	color: #ff0000;	text-decoration: none; border-bottom: dotted 1px #ff0000;
	}
.boxContentLoop .searchDescripsi{
	width: 534px; font: 12px Arial, Helvetica, sans-serif; color: #828282; float: right;
	}
	
.boxTitleH28{
	text-align: center;
	float: left;
	background-color: #000;
	background-repeat: repeat-x;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #CCCCCC;
	height: 30px;
	margin-top: 9px;
	font-weight: bold;
	}
.boxContentMain{
	text-align: left; margin: 10px 8px 0 8px; float: left;
	}
.boxBig{
	margin-top: 10px;
	float: left;
	}
#shortBy{
	width: 200px; text-align: left;	font: bold 12px Arial, Helvetica, sans-serif; color: #e1e1e1; float: left;
	}
#productSearch{
	width: 425px; text-align: right; font: bold 12px Arial, Helvetica, sans-serif; color: #e1e1e1; float: right;
	}

#pagination-flickr ul{border:0; margin:0; padding:0;}

#pagination-flickr li{
		border:0; margin:0; padding:0; font-size:11px; list-style:none;
		}
#pagination-flickr a{
		border:solid 1px #404040; margin-right:2px;
		}
#pagination-flickr .previous-off,
#pagination-flickr .next-off {
		color:#666666; display:block; float:left; border:solid 1px #333333; font-weight:bold; padding:3px 4px;
		}
#pagination-flickr .next a,
#pagination-flickr .previous a {
		font-weight:bold; border:solid 1px #404040;
		}	
#pagination-flickr .active{
		color:#FFFFFF; font-weight:bold; display:block; float:left; padding:4px 6px;
		}
#pagination-flickr a:link, 
#pagination-flickr a:visited {
		color:#990000; display:block; float:left; padding:3px 6px; text-decoration:none;
		}
#pagination-flickr a:hover{
		border:solid 1px #828282;
		}
		
.boxBigTitleWhite{
	font: bold 20px/15px Arial, Helvetica, sans-serif; color: #cbcbcb; margin-right: 4px; text-transform: uppercase; float: left;
	}
.boxBigTitleRed{
	font: bold 20px/15px Arial, Helvetica, sans-serif; color: #990000; text-transform: uppercase; float: left;
	}

.boxdownloadLoop{
	width: 640px;
	float: left;
	margin-top: 8px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	}
.download{
	width: 137px;
	float: left;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	}
.download .Wallpapers{
	width: 127px; height: 85px;	font: 11px Arial, Helvetica, sans-serif; text-align: center; padding: 5px;
	background: #333333 url(../images/loading.gif) center 32px no-repeat;
	}
.download .WallpapersLink{
	width: 137px; font: 11px Arial, Helvetica, sans-serif; text-align: center; margin: 2px 0; color: #828282;
	}
.download .WallpapersLink a{
	width: 137px; color: #828282; font: 11px Arial, Helvetica, sans-serif; text-decoration: none;
	}
.download .WallpapersLink a:hover{
	width: 137px; color: #CCCCCC; font: 11px Arial, Helvetica, sans-serif; text-decoration: none; border-bottom: dotted 1px #CCCCCC;
	}
.download .Gallery{
	width: 127px; height: 85px;	font: 11px Arial, Helvetica, sans-serif; text-align: center; padding: 5px;
	background: #333333 url(../images/loading.gif) center 32px no-repeat;
	}
.download .GalleryTxt{
	width: 137px; font: 11px Arial, Helvetica, sans-serif; text-align: left; margin: 2px 0; color: #828282;
	}
	
#companyProfileImgOffice{
	width: 344px; padding: 10px; background: #333333 url(../images/loading.gif) center no-repeat; text-align: center; margin: 2px 0 20px 0;	float: left;
	}
#companyProfileImgLogo{
	width: 364px; float: left;
	}
#companyProfile{
	width: 364px; font: 12px Arial, Helvetica, sans-serif; color: #828282; float: left;
	}
#searchTitle{
	width: 644px; font: bold 14px Arial, Helvetica, sans-serif;	color: #828282;	margin: 10px 8px ;	float: left;
	}
#searchDeskripsi{
	width: 644px; font: 11px Arial, Helvetica, sans-serif; color: #828282; margin: 10px 8px; float: left;
	}
	
#faqTitle{
	width: 644px; font: bold 14px Arial, Helvetica, sans-serif;	color: #cbcbcb; border-bottom: solid 1px #1c1c1c; padding-bottom: 5px; margin-bottom: 10px; float: left;
	}
.boxFaqPertanyaan{ 
	width: 380px; font: 12px Arial, Helvetica, sans-serif; text-align: left; color: #990000; float: left;
	}
.boxFaqPertanyaan ol{ 
	width: 376px; margin: 0 0 0 20px; padding-left: 4px;
	}
.boxFaqPertanyaan ol li{
	width: 376px; line-height: 18px; list-style-type: decimal;
	}
.boxFaqPertanyaan ol li a{
	font: 12px Arial, Helvetica, sans-serif; color: #828282; text-decoration:none;
	}
.boxFaqPertanyaan ol li a:hover{
	font: 12px Arial, Helvetica, sans-serif;	color: #990000; text-decoration:none;
	}
#boxFaqList{ 
	width: 224px; font: 12px Arial, Helvetica, sans-serif; text-align: left; color: #990000; margin-left: 40px; float: right;
	}
#boxFaqList ul{ 
	width: 224px; margin: 0; padding: 0;
	}
#boxFaqList ul li{
	width: 224px; line-height: 20px; border-bottom: solid 1px #1c1c1c; list-style-type: square;
	}
#boxFaqList ul li a{
	font: bold 12px Arial, Helvetica, sans-serif; color: #828282; text-decoration:none;
	}
#boxFaqList ul li a:hover{
	font: bold 12px Arial, Helvetica, sans-serif; color: #990000; text-decoration:none;
	}
.boxJawabanLoop{
	width: 640px; padding-left: 4px; margin-bottom: 10px; float: left;
	}
.boxJawabanBold{
	width: 640px; font: bold 12px Arial, Helvetica, sans-serif;	color: #cbcbcb; margin-bottom: 5px;	float: left;
	}
.boxJawabanNormal{
	width: 640px; font: 12px Arial, Helvetica, sans-serif; color: #828282; margin-bottom: 5px; float: left;
	}
.boxJawabanBack{
	width: 640px; font: 11px Arial, Helvetica, sans-serif; color: #828282; padding-bottom: 5px;	border-bottom: solid 1px #1c1c1c; float: left;
	}
.boxJawabanBack a{
	font: 11px Arial, Helvetica, sans-serif;
	color: #828282;
}
.boxJawabanBack a:hover{
	font: 11px Arial, Helvetica, sans-serif;
	color: #990000;
}
	
#contactDeskripsi{
	width: 364px; font: 12px Arial, Helvetica, sans-serif; color: #828282; margin-bottom: 15px; float: left;
	}
#contactForm{
	width: 364px; font: 12px Arial, Helvetica, sans-serif; color: #828282; margin-top: 10px; float: left;
	}
#contactForm .fieldset{
	width: 100px; font: 12px Arial, Helvetica, sans-serif; line-height: 22px; margin: 0; display: block; float: left;
	}
#contactForm .titik2{
	width: 14px; line-height: 22px;	display: block;	float: left;
	}
#contactForm p{
	padding: 0;	margin: 0; float: left;
	}
#contactForm .txtInput{
	width: 240px; font: 12px Arial, Helvetica, sans-serif; color: #828282; text-align: left; background-color: #000000;	padding: 4px 4px; margin-bottom: 12px;
	border: solid 1px #333333; float: left;
	}
#contactForm .txtInput2{
	width: 110px; font: 12px Arial, Helvetica, sans-serif; color: #828282; text-align: left; background-color: #000000;	padding: 4px 4px; margin: 0 0 12px 10px;
	border: solid 1px #333333; float: left;
	}
#contactForm .txtArea{
	width: 240px; font: 12px Arial, Helvetica, sans-serif; color: #828282; text-align: left; background-color: #000000;	padding: 4px 4px; margin-bottom: 12px;
	border: solid 1px #333333; float: left;
	}
#contactForm .boxCaptcha{
	width: 120px; text-align: left;	float: left;
	}
#contactForm .contactFormButton{
	width: 250px; margin: 15px 0 0 114px; float: left;
	}
#contactMap{
	width: 344px; padding: 10px; background: #333333 url(../images/loading.gif) center no-repeat; text-align: center; margin-top: 20px;	float: left;
	}
	
#boxLoginLeft{
	width: 375px; padding-right: 21px; border-right: solid 1px #191919;	float: left;
	}
#boxLoginLeft .Normal{
	width: 236px; margin-left: 139px; font: 12px Arial, Helvetica, sans-serif;	color: #cbcbcb; text-decoration: none; margin-top: 20px; float: left;
	}
#boxLoginleft .Normal a{
	width: 236px; font: 12px Arial, Helvetica, sans-serif;	color: #cbcbcb;	text-decoration: none; float: left;
	}
#boxLoginLeft .Normal a:hover{
	width: 236px; font: 12px Arial, Helvetica, sans-serif;	color: #990000;	float: left;
	}
#boxLoginRight{
	width: 225px; padding-left: 22px; float: left;
	}
#boxLoginRight .linkBold{
	width: 225px; font: bold 18px Arial, Helvetica, sans-serif;	color: #cbcbcb; text-decoration: none; margin-top: 20px; float: left;
	}
#boxLoginRight .linkBold a{
	width: 225px; font: bold 18px Arial, Helvetica, sans-serif;	color: #cbcbcb;	text-decoration: none; float: left;
	}
#boxLoginRight .linkBold a:hover{
	width: 225px; font: bold 18px Arial, Helvetica, sans-serif;	color: #990000;	float: left;
	}
.titleLogin{
	width: 100%; font: 12px Arial, Helvetica, sans-serif; color: #990000; margin-bottom: 15px; float: left;
	}

#loginForm{
	width: 375px; font: 12px Arial, Helvetica, sans-serif; color: #828282; margin-top: 5px; float: left;
	}
#loginForm .fieldset{
	width: 125px; font: 12px Arial, Helvetica, sans-serif; line-height: 22px; margin: 0; display: block; float: left;
	}
#loginForm .titik2{
	width: 14px; line-height: 22px;	display: block;	float: left;
	}
#loginForm p{
	padding: 0;	margin: 0; float: left;
	}
#loginForm .txtInput{
	width: 226px; font: 12px Arial, Helvetica, sans-serif; color: #828282; text-align: left; background-color: #000000;	padding: 4px 4px; margin-bottom: 12px;
	border: solid 1px #333333; float: left;
	}
#loginForm .loginFormButton{
	width: 236px; margin-left: 139px; float: left;
	}

#registerForm{
	width: 400px; font: 12px Arial, Helvetica, sans-serif; color: #828282; margin-top: 10px; float: left;
	}
#registerForm .fieldset{
	width: 125px; font: 12px Arial, Helvetica, sans-serif; line-height: 22px; margin: 0; display: block; float: left;
	}
#registerForm .titik2{
	width: 14px; line-height: 22px;	display: block;	float: left;
	}
#registerForm p{
	padding: 0;	margin: 0; float: left;
	}
#registerForm .txtInput{
	width: 250px; font: 12px Arial, Helvetica, sans-serif; color: #828282; text-align: left; background-color: #000000;	padding: 4px 4px; margin-bottom: 12px;
	border: solid 1px #333333; float: left;
	}
#registerForm .txtInput2{
	width: 58px; font: 12px Arial, Helvetica, sans-serif; color: #828282; text-align: left;	background-color: #000000; padding: 4px 4px; margin-bottom: 12px;
	border: solid 1px #333333; float: left;
	}
#registerForm .txtInput3{
	width: 145px; font: 12px Arial, Helvetica, sans-serif; color: #828282; text-align: left; background-color: #000000;	padding: 4px 4px; margin-bottom: 12px;
	border: solid 1px #333333; float: left;
	}
#registerForm .txtInput4{
	width: 99px; font: 12px Arial, Helvetica, sans-serif; color: #828282; text-align: left;	background-color: #000000; padding: 4px 4px; margin: 0 0 12px 6px;
	border: solid 1px #333333; float: left;
	}
#registerForm .selectInput{
	width: 156px; font: 12px Arial, Helvetica, sans-serif; color: #828282; text-align: left; background-color: #000000;	padding: 3px 4px; margin-bottom: 12px;
	border: solid 1px #333333; float: left;
	}
#registerForm .selectInput2{
	width: 50px; font: 12px Arial, Helvetica, sans-serif; color: #828282; text-align: left;	background-color: #000000; padding: 3px 4px; margin: 0 6px 12px 0;
	border: solid 1px #333333; float: left;
	}
#registerForm .selectInput3{
	width: 100px; font: 12px Arial, Helvetica, sans-serif; color: #828282; text-align: left; background-color: #000000;	padding: 3px 4px; margin: 0 6px 12px 0;
	border: solid 1px #333333; float: left;
	}
#registerForm .txtArea{
	width: 250px; font: 12px Arial, Helvetica, sans-serif; color: #828282; text-align: left; background-color: #000000;	padding: 4px 4px; margin-bottom: 12px;
	border: solid 1px #333333; float: left;
	}
#registerForm .boxCaptcha{
	width: 145px; text-align: left;	float: left;
	}
#registerForm .registerFormButton{
	width: 261px; margin: 15px 0 0 139px; float: left;
	}

#forgotDeskripsi{
	width: 644px; font: 12px Arial, Helvetica, sans-serif; color: #990000; margin-bottom: 15px;	float: left;
	}
#forgotForm{
	width: 644px; font: 12px Arial, Helvetica, sans-serif; color: #828282; margin-top: 10px; float: left;
	}
#forgotForm .fieldset{
	width: 175px; font: 12px Arial, Helvetica, sans-serif; line-height: 22px; margin: 0; display: block; float: left;
	}
#forgotForm .titik2{
	width: 14px; line-height: 22px;	display: block;	float: left;
	}
#forgotForm p{
	padding: 0;	margin: 0; float: left;
	}
#forgotForm .txtInput{
	width: 445px; font: 12px Arial, Helvetica, sans-serif; color: #828282; text-align: left; background-color: #000000;	padding: 4px 4px; margin-bottom: 12px;
	border: solid 1px #333333; float: left;
	}
#forgotForm .forgotFormButton{
	width: 455px; margin-left: 189px; float: left;
	}
	
#address{
	width: 244px; font: 12px Arial, Helvetica, sans-serif; color: #828282; margin-bottom: 15px;	float: left;	
	}
.online{
	width: 244px; font: 12px Arial, Helvetica, sans-serif; color: #828282; margin-bottom: 30px; border: none; float: left;	
	}
#dealer{
	width: 244px; font: bold 14px Arial, Helvetica, sans-serif;	color: #cbcbcb;	margin-bottom: 5px; padding-bottom: 5px; border-bottom: solid 1px #333333; float: left;
	}
.brand{
	width: 244px; font: bold 14px Arial, Helvetica, sans-serif;	color: #990000;	margin: 10px 0 5px 0; float: left;
	}
.boxToko{
	width: 244px; margin-bottom: 5px; float: left;
	}
.namaToko{
	width: 105px; font: bold 12px Arial, Helvetica, sans-serif;	color: #828282;	margin-right: 14px;	float: left;
	}
.noTelpon{
	width: 125px; font: 12px Arial, Helvetica, sans-serif; color: #828282; float: left;
	}
#boxMainLeft{
	width: 660px;
	float: left;
	margin-left: 80px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
#boxMainRight{
	width: 300px; float: right;
	}

/* --------------- footer --------------- */

#footer{
	width: 980px;
	height: 100px;
	border-top: solid 1px #333;
	padding-top: 14px;
	float: left;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: right top;
	}
#footerLeft{
	width: 500px; height: 75px;	text-align: left; font: 11px Arial, Helvetica, sans-serif; color: #666666; float: left;
	}
#ticker {
	height: 50px;
	}
#ticker marquee {
	color : #000; font-size: 10px !important;
	}
#ticker marquee a {
	color: #000;
	}
#ticker marquee a:hover {
	color: #000;
	}
#footerRight{
	width: 400px; height: 75px;	text-align: right; font: 11px Arial, Helvetica, sans-serif;	color: #666666;	float: right;
	}
#footerRight a{
	font: 11px Arial, Helvetica, sans-serif; color: #666666; text-decoration: none;
	}
#footerRight a:hover{
	font: 11px Arial, Helvetica, sans-serif; color: #cccccc; text-decoration: none; border-bottom: dotted 1px #cccccc;
	}