/* CSS Harga Baik */
@import url(form.css);
@import url(inner.css);
@import url(left.css);
@import url(right.css);

 .clearfix {
clear:both;
display:block;
font-size:10px;
visibility:hidden;
}  
.clearfix2 {
clear:both;
font-size:10px;
visibility:hidden;
display:inline-block;
width:100%;
}  
 .clearfix1 {
clear:both;
display:block;
font-size:0px;
visibility:hidden;
}  

body
{
margin:0px;
background:url("../../images/background/bg_repeat.jpg");
font-family:"Tahoma", Geneva, Arial, Helvetica, sans-serif ;
}
#main
{
width:934px;
margin:5px auto  auto auto;
background:#FFFFFF;
clear:both;
}
#header
{
width:930px;
height:20px;
margin:auto auto 3px auto;

}
#header .logo
{
height:100px;
float:left;

}
#header #top-menu
{
float:right;
margin:10px 10px 0px 0px;
font-size:12px;
color:#0077FF;
font-weight:bold;
}
#header #top-menu a
{ 
font-size:12px;
color:#0077FF;
font-weight:bold;
text-decoration:none;
}
#header #top-menu a:hover
{ 
font-size:12px;
color:#0077FF;
font-weight:bold;
text-decoration:underline;
}
#header #welcome
{
clear:both;
width:738px;
margin:0px 10px 0px 182px;
font-size:11px;
color:#333333;
font-weight:normal;
text-decoration:none;
}
#header #welcome a.sgn-in
{ 
font-size:11px;
color:#0077FF;
font-weight:bold;
text-decoration:none;
}
#header #welcome a.sgn-in:hover
{ 
font-size:11px;
color:#0077FF;
font-weight:bold;
text-decoration:underline;
}
#header #welcome a.cont
{
font-size:10px;
color:#333333;
font-weight:bold;
text-decoration:none;
}
#header #welcome a.cont:hover
{
font-size:10px;
color:#333333;
font-weight:bold;
text-decoration:underline;
}
#welcome .usr-nm
{
font-size:11px;
color:#0077FF;
font-weight:bold;
text-decoration:none;
}
#welcome  a.logout
{
font-size:11px;
color:#FF0D0D;
font-weight:bold;
text-decoration:none;
}
#welcome  a.logout:hover
{
font-size:11px;
color:#FF0D0D;
font-weight:bold;
text-decoration:underline;
}
#search
{
width:934px;
height:54px;
background:url(../../images/front/common/search-r.gif) right top no-repeat;
text-align:center;
vertical-align:middle;
margin:0px 0px 5px 0px;

}
#search .srch-left
{
float:left;
height:54px;
}
#search  .search-bx
{
padding-top:10px;
text-align:center;
vertical-align:middle;
}
#search  .nonmargin
{
margin:0px 0px 0px 0px;
}
#search a.adv-srch
{
font-size:12px;
color:#024A13;
font-weight:bold;
text-decoration:none;
}
#search a.adv-srch:hover
{
font-size:12px;
color:#024A13;
font-weight:bold;
text-decoration:underline;
}
#banner
{
width:934px;
height:180px;
margin:0px 0px 5px 0px;
}

#main-menu
{
/*background:url(../../images/front/common/menu-bg.gif) top left repeat-x;
background-color:#999999;*/
height:34px;
width:930px;
margin:auto;
border:1px #000000 solid;
text-align:center;
}
#main-menu .hr-menu
{
margin:0px 5px 0px 5px;
}
#main-menu  a
{
margin:0px 10px 0px 10px;
font-size:12px;
color:#333333;
text-decoration:none;
font-weight:bold;
}
#main-menu  a:hover
{
margin:0px 10px 0px 10px;
font-size:12px;
color:#333333;
text-decoration:underline;
font-weight:bold;
}
#top-ads
{
width:930px;
margin:10px auto 0px auto;
}
#top-ads .left-bx-greenbg
{
background:url(../../images/front/common/green-strp-r.gif) right top no-repeat;
height:35px;
width:630px;
}
#top-ads img
{
border:none;
}
#top-ads .fl-lft2
{
float:left;
}

#top-ads .top-ad
{
margin:4px 0px 0px 0px;
float:right;
width:618px;
}
.home-in
{
background:url(../../images/front/common/home-in.gif) no-repeat center  ;
height:20px;
width:49px;
text-align:center;
}
.home-out
{
background:url(../../images/front/common/home-out.gif) no-repeat center;
height:20px;
width:49px;
text-align:center;
}


#container .leftbx-m
{
background:url(../../images/front/common/login-left-bx-m.gif) top left repeat-y;
width:640px;
padding:10px;
}
#container .leftbx-m1
{
background:url(../../images/front/common/login-left-bx-m.gif) top left repeat-y;
width:640px;
padding:10px;
}
#container .left1
{
float:left;
width:695px;
}
#container .left1bx-m
{
background:url(../../images/front/common/login-left1-bx-m.gif) top left repeat-y;
width:675px;
padding:10px;
}
#container .left1bx-m1
{
background:url(../../images/front/common/login-left1-bx-m.gif) top left repeat-y;
width:675px;
padding:10px;
}
#container .leftbx-m ul
{
color:#e05823;
}
#container .right
{
float:right;
width:255px;
height:190px;
margin:0px 0px 5px 10px;
background-color:#FCFDDF;
border:1px #AEAEAE solid;
}

#container .rightforgot
{
float:right;
width:255px;
height:150px;
margin:0px 0px 0px 10px;
background-color:#FCFDDF;
border:1px #AEAEAE solid;
}
#container .frg-pass
{
width:930px;
height:150px;
margin:0px 0px 0px 0px;
background-color:#FCFDDF;
border:1px #AEAEAE solid;
}
#container .padding10-tb
{
padding:10px 0px 12px 10px;
}
#container .padding10-t
{
padding:10px 0px 0px 0px;
}
#container .lgn-hd
{
font-size:11px;
color:#618BCA;
font-weight:bold;
padding:5px 0px 5px 5px;
border-bottom:1px #AEAEAE solid;
}
#container .news img
{
padding:0px 0px 0px 10px;
}
#container .news a
{
background-image: url(../../images/front/common/news-arrow.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:10px;
color:#333333;
text-decoration:none;
}
#container .news a:hover
{
background-image: url(../../images/front/common/news-arrow.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:10px;
color:#0099FF;
text-decoration:underline;
}
#container .news-dt
{
font-size:12px;
color: #009900;
font-weight:normal;
}
#container .news-hd
{
font-size:12px;
color:#0066CC;
font-weight:bold;
}
#container .abt-bld
{
font-size:12px;
color:#0066CC;
font-weight:bold;
}
a.bcm-mbr
{
font-size:12px;
color:#333333;
text-decoration:none;
font-weight:bold;
padding:0px 5px 0px 0px;
}
a.bcm-mbr:hover
{
font-size:12px;
color:#333333;
text-decoration:underline;
padding:0px 5px 0px 0px;
}
a.frgt-pass
{
font-size:12px;
color:#333333;
font-weight:normal;
text-decoration:underline;
padding:0px 0px 0px 5px;
}
a.frgt-pass:hover
{
font-size:12px;
color:#333333;
text-decoration:none;
padding:0px 0px 0px 5px;
}
.margin10-tb
{
margin:10px 0px 10px 0px;
}
#advertise
{
clear:both;
padding:0px 0px 0px 0px;
margin:auto;
/*height:100px;*/
width:930px;

}
#advertise .adv1
{
float:left;
/*height:100px;*/
width:225px;
margin:0px 0px 0px 0px;

}
#advertise .adv2
{
float:left;
/*height:100px;*/
width:225px;
margin:0px 0px 0px 10px;
}
#footer1 
{
clear:both;
width:930px;
margin:0px auto 0px auto;
border-top: 1px #373737 solid;
border-bottom:1px #373737 solid;
padding:10px 0px 10px 0px;
font-size:12px;
text-align:left;
}
#footer1  a
{
font-size:12px;
color:#373737;
text-decoration:none;
margin:0px 5px 0px 5px;
}
#footer1  a:hover
{
font-size:12px;
color:#999999;
text-decoration: underline;
margin:0px 5px 0px 5px;
}
#footer2 
{
width:930px;
margin:5px auto auto auto;
font-size:12px;
font-weight:bold;
text-align:center;
color:#016ABA;
}
#footer2  a
{
font-size:12px;
color:#016ABA;
text-decoration:none;
margin:0px 5px 0px 5px;
}
#footer2  a:hover
{
font-size:12px;
color:#016ABA;
text-decoration: underline;
margin:0px 5px 0px 5px;
}
#copyright
{
width:930px;
margin:10px auto 5px; auto;
font-size:10px;
color:#373737;
text-align:center;
}




.padding15-r
{
padding:0px 18px 0px 0px;
}
.margn5-t
{
margin:5px 0px 0px 0px;
}
.margn10-b
{
margin:0 0 10px 0;
}
.label-srch
{
font-size:12px;
vertical-align:middle;
color:#024A13;
font-weight:bold;
text-decoration:none;
}