@charset "utf-8";
body  {
	font: 12px Arial, Helvetica, sans-serif;
	background: url(images/bg.gif) repeat-x #FFF;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #222;
}
.berbingkai {
	padding: 10px;
	border: 1px solid #CCCCCC;
	background-color: #DDD;
}
.titel {
	color: #FFFFFF;
	width: 880px;
	margin: 0 auto;
	margin-top: 40px;
	text-align: left;
}
.twoColFixLtHdr #container { 
	width: 880px;
	background: #EEE;
	margin: 0 auto;
	text-align: left;
} 
.twoColFixLtHdr #header { 
	background: #333;
	padding: 0px;
}
.twoColFixLtHdr #sidebar1 {
	font-size: 12px;
	float: left;
	width: 170px;
	background: #EEE;
	padding: 15px 5px 15px 20px;
}
.twoColFixLtHdr #mainContent {
	margin: 0 0 0 210px; 
	padding: 0 20px; 
} 
.twoColFixLtHdr #footer {
	border-top: #DDD thick solid;
	font-size: 10px;
	padding: 0 10px 0 20px; 
	background: #FFF;
	margin-bottom: 30px;
} 
.twoColFixLtHdr #footer p {
	margin: 0; 
	padding: 10px 0;
}
.mainmenu {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: medium solid #00FF00;
	margin: 1px;
	padding: 10px;
	background-color: #111;
}
.mainmenu:hover {
	color: #00FF00;
	background-color: #222;
	border-bottom: #00FF00 solid thin;
}
.white11px {
	padding: 10px;
	color: #FFFFFF;
	font-size: 11px;
}
.title1 {
	font-size: 16px;
	padding: 10px;
	background-color: #666666;
}
a {
	color: #009900;
	border-bottom: #FFFFFF dotted thin;
	text-decoration: none;
}
a:hover {
	color: #00FF00;
	border-bottom: #000000 dotted thin;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.head1 {
	display: block;
	padding: 10px;
	border-bottom: thin #666666 solid;
}
/*header di categori product*/
.head2 {
	font-size: 18px;
	color: #00CC00;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 10px;
	text-transform: capitalize;
	
}
.nofound {
	border: #CCCCCC solid thin;
	padding: 20px;
	margin: 10px;
}
.testi {
	font-size: 12px;
	border-top: thin #AAA solid;
	border-bottom: thin #BBB solid;
	padding: 5px;
	margin: 2px;
}
.testi1 {
	font-size: 12px;
	border: thin #CCCCCC solid;
	/*border-bottom: thin #CCCCCC solid;*/
	padding: 5px;
	margin: 2px;
}
.boxfoto1 {
	float: left;
	width: 200px;
	display: block;
}
.boxfoto2 {
	display: block;
}
.prodfoto1 {
	padding: 5px;
	background-color: #333333;
}
.desfoto1 {
	display: block;
	margin: 0px 5px;
	padding: 5px 10px;
	background-color: #333333;
	color: #FFFFFF;
	font-size: 10px;
	text-transform: uppercase;
}
.iklanpoto1 {
	border: thin #999 solid;
	padding: 5px;
	background-color: #FFF;
}
.paging {
	background: url(images/stripes_10.png) repeat #DDD;
	margin: 5px;
	padding: 10px;
	border-bottom: thin #CCCCCC solid;
	border-top: thin #CCCCCC solid;
}
.buttonpage {
	font-weight: bold;
	background-color: #EEE;
	margin: 0px;
	padding: 2px 10px;
	border: thin #999999 solid;
}
.buttonpage:hover {
	background-color: #333333;
}
.sidebarlink {
	display: block;
	margin-top: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: thin solid #999999;
	background: url(images/ul-style01.gif) left no-repeat;
	padding-left: 10px;
	color: #006600;
	text-transform: capitalize;
	font-size: 12px;
}
.sidebarlink:hover {
	color: #001100;
	background-color: #DDD;
}
.det-prod {
	border-bottom: thin solid #CCCCCC;
	text-transform: capitalize;
	font-weight: bold;
}
.contact-foto {
	border: #999 thin solid;
	margin: 5px 15px;
}
.notifi {
	border: thin #333333 solid;
	padding: 20px;
	margin: 10px;
}