body{
color: #fff;
background:#000;
text-align:center;
margin:0; 
padding:10px 0 10px 0; 
}

#wrapper{
clear:both;
margin:auto;
width:997px;
padding:0;
text-align:center;
}
#wrap{
clear:both;
float:left;
margin:0;
width:997px;
padding:0;
text-align:left;
}
#left{
float:left;
width:312px;
margin:0;
padding:0 42px 0 0;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
}
#left img{
border:0;
}
#left p{
margin:0;
padding:0 0 6px 0;
}
.logo, .judul{
clear:both;
float:left;
width:312px;
margin:5px 0 5px 0;
padding:0;
}
.toptit{
	margin:0px;
	padding:0;
	font: 12px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	color: #fff;
	text-align:center;
	font-weight:bold;
}

.topket{
	margin:0px;
	padding:0;
	font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	color: #fff;
	text-align:center;
}

.menu{
	clear:both;
	float:left;
	padding:0 0 0 28px;
	margin:0 0 20px 0;
	width:284px;
}
.menu a, .menu a:link, .menu a:active, .menu a:visited{
font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
display:block;
margin:0;
padding:6px 0px 6px 0px;
font-weight:bold;
width:284px;
color:#fff;
text-decoration:none;
}
.menu a:hover{
color:#fcf1c3;
}
.menu ul{
list-style:none;
margin:0;
padding:0;
width:284px;
}
.lbox{
clear:both;
float:left;
width:312px;
margin:6px 0 6px 0;
padding:0;
}

.prodtub{
float:left;
width:64px;
margin:0;
padding:7px;
}



.lboxc{
clear:both;
float:left;
width:312px;
margin:6px 0 6px 0;
padding:0;
text-align:center;
}
.lbox a, .lbox a:link, .lbox a:active, .lbox a:visited{
font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#edb045;
text-decoration:none;
}
.lbox a:hover{
color:#ffe7bd;
}

.date{
font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#edb045;
text-decoration:none;
margin:0px 0 0 0;
padding:0;
}

.frame{
float:left;
width:152px;
height:152px;
margin:3px 0 5px 0;
padding:0;
border:1px solid #000000;
}
.frame:hover{
border:1px solid #333333;
}

.orange{
color:#fccd4b;
font-weight:bold;
}


#right{
float:left;
width:643px;
margin:0;
padding:0;
}
#membermenu{
clear:both;
float:left;
width:643px;
margin:0px 0 40px 0;
padding:3px 0px 0 0;
text-align:right;
font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#f2f4df;
}
#membermenu a, #membermenu a:link,  #membermenu a:active,  #membermenu a:visited  {
padding: 0 4px 0 4px;
color: #edb045;
font-weight:bold;
text-decoration:none;
}
#membermenu a:hover {
color: #ffe7bd;
text-decoration:none;
margin:0;
padding: 0 4px 0 4px;
}
#topmenu{
clear:both;
float:left;
width:633px;
margin:6px 0 6px 0;
padding:10px 10px 0 0;
height:31px;
background:url(../images/bgmenu.jpg) repeat-x #a9772e;
text-align:right;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#f2f4df;
}

#topmenu a, #topmenu a:link,  #topmenu a:active,  #topmenu a:visited  {
padding: 0 4px 0 4px;
color: #fff;
font-weight:bold;
text-decoration:none;
}
#topmenu a:hover {
color: #fff1d7;
text-decoration:none;
margin:0;
padding: 0 4px 0 4px;
}
#banner{
clear:both;
float:left;
width:643px;
margin:0;
padding:0;
}
#main{
clear:both;
float:left;
width:623px;
margin:0;
padding:10px;
font: 11px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#fff;
}
#main a, #main a:link, #main a:active, #main a:visited{
font: 11px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#edb045;
text-decoration:none;
}
#main a:hover{
color:#ffe7bd;
}
#feature{
clear:both;
float:left;
width:623px;
margin:5px 0 0 0;
padding:10px;
}
#feature img{
border:0;
}
.frame2{
float:left;
width:150px;
height:150px;
margin:3px 0 6px 0;
padding:0;
border:1px solid #000000;
}
.frame2:hover{
border:1px solid #333333;
}
.mjudul{
clear:both;
float:left;
width:623px;
margin:5px 0 15px 0;
padding:0;
font: 28px/1.6em "Times New Roman", Times, serif;
font-weight:bold;
color:#fdc674;
font-style:italic;
border-bottom:1px solid #494a2e;
}

#main p{
font: 11px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#fff;
margin:0;
padding:0 0 8px 0;
}
/* begin product */
#product{
clear:both;
float:left;
width:611px;
margin:0 0 8px 0;
padding:0px 6px 0px 6px;
}
#product p{
font: 11px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#fff;
margin:0;
padding:0 0 6px 0;
}
.prod{
float:left;
width:195px;
height:230px;
margin:0;
padding:15px 3px 2px 3px;
text-align:center;
border:1px solid #000;
}
.prod:hover{
border:1px solid #333333;
}
.prodsimg img{
border:0;
margin:0;
padding:0;
}

.prodsimg{
clear:both;
float:left;
width:150px;
margin:0 0 4px 0;
padding:0 23px 0 24px;
border:0;
}
.prodsimgtub{
float:left;
width:150px;
margin:3px 15px 5px 15px;
padding:0;
text-align:center;
border:1px solid #000;
}
.prodsimgtub:hover{
border:1px solid #D6D6AD;
}
.prodsimgtub img{
border:0;
}
/* end product */


/* etc */
#thumb{
clear:both;
float:left;
width:620px;
margin:5px 0 0 0;
padding:4px 1px 4px 2px;
border:0px solid #8e8e8e;
}
#thumb img{
border:0;
}
.tb{
float:left;
width:115px;
height:80px;
margin:5px 0 10px 0;
padding:10px 19px 10px 19px;
border:1px solid #000000;
text-align:center;
}
.tb:hover{
border:1px solid #333333;
}
#thumb p{
clear:both;
float:left;
width:115px;
margin:0;
padding:0px 0 0 0;
font: 11px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#fff;
text-align:center;
}

.btlogin {
background: #ddd;
color:#000;
border:0;
font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
margin:2px;
border:1px solid #ccc;
} 
.rightsearch{
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
text-align:left;
color:#2F496B;
padding:2px;
border:1px solid #666666;
}

.red{
color:#FF0000;
}
.ket{
clear:both;
float:left;
width:623px;
margin:0;
padding:0;
}
#bgrey{
clear:both;
float:left;
width:601px;
margin:0;
padding:5px 10px 5px 10px;
border:1px solid #666666;
background:#999999;s
}

#location{
clear:both;
float:left;
width:570px;
margin:0 0 2px 0;
padding:3px 5px 3px 5px;
background:#fcf9f2;
border:1px solid #e3dad0;
}
#ads{
clear:both;
float:left;
width:468px;
margin:4px 0 4px 0;
padding:3px 56px 3px 56px;
background:#e4e2d8;
border:1px solid #C4B18C;
}

#titleresult{
clear:both;
float:left;
width:611px;
margin:0 0 8px 0;
padding:0px 5px 0px 5px;
background:#847a36;
border:1px solid #6e756a;
color:#fff;
}
#pagebottom{
clear:both;
	float: left;
	font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	padding:0 5px 3px 5px ;
	margin:10px 0 0px 0;
	width: 611px;
	text-align:left;
	border-top: 1px solid #000;
	background:#847a36;
	color:#FFFFFF;
}
#pagebottom p {
clear:both;
float:left;
width:611px;
padding:0;
margin: 3px 0 3px 0;
}

#pagebottom a, #pagebottom a:link, #pagebottom a:visited, #pagebottom a:active,
#titleresult a, #titleresult a:link, #titleresult a:visited, #titleresult a:active  {
color:#293357;
border:1px solid #2f0101;
background:#fff;
width:10px;
height:12px;
padding:0px 3px 0px 3px;
margin:2px 2px 2px 2px;
text-decoration: none;
}
#pagebottom a:hover, #titleresult a:hover {
	text-decoration: none;
	color: #2f0101;
	border:1px solid #2f0101;
	background:#dbc385;
	padding:0px 3px 0px 3px;
	margin:2px 2px 2px 2px;
	font-weight:bold;
	}
/* end etc */



#footer{
clear:both;
float:left;
width:643px;
margin:8px 0 0 0;
padding:10px 0 0 0;
font: 11px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#fff;
text-align:left;
background:url(../images/bgfooter.jpg) repeat-x;
}
#footer a, #footer a:link, #footer a:active, #footer a:visited{
font: 11px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#edb045;
text-decoration:none;
}
#footer a:hover{
color:#ffe7bd;
}
#footer p{
margin:0;
padding:0;
}