html body * span.clear,

html body * div.clear,

html body * li.clear,

html body * dd.clear

{

	background: none;

	border: 0;

	clear: both;

	display: block;

	float: none;

	font-size: 0;

	list-style: none;

	margin: 0;

	padding: 0;

	overflow: hidden;

	visibility: hidden;

	width: 0;

	height: 0;

}

body{

	background:url(../images/bg-main_02.jpg) repeat;

	margin:0;

	padding:0;

	font-family:verdana;

	font-size:11px;

	color:#999;

}

h1,h2,h3,h4,h5,h6,ul,ol,li,dd,dl,dt,table,thead,tbody,tr,td,th,form,input,textarea,button{

	margin:0;

	padding:0;

}

/*=============================

		 GLOBAL CLASS

===============================*/

.body{

	background:url(../images/bg-body_02.jpg) repeat-x left top;

}

.mainPage{

	background:url(../images/bg-wraper_12.jpg) repeat-y;

	margin:0 auto;

	width:968px;

}

.wrapper{

	background:url(../images/bg-bottom_51.jpg) no-repeat left bottom;

	padding-bottom:15px;

}

li{

	list-style:none;

}

a{

	text-decoration:none;

	outline:none;

	border:none;

}

a img{

	border:none;

}

/*=============================

		     HEADER

===============================*/

.header{

	background:url(../images/bg-header_04.jpg) no-repeat left top;

	width:948px;

	height:150px;

	margin:0 auto;

	padding:60px 20px 0;

}



.sitename{

	width:344px;

	height:88px;

}



.errRed{

	border:1px solid #FAC5C7;

	padding:5px 5px 5px 5px;

	margin:10px 0;

	background-color:#FEF0F0;

	color:#FF0000;

}

ul.nav{

	float:left;

	margin:18px 0;

}

ul.nav li {

	float:left;

}

ul.nav li a{

	color:#fff;

	font-weight:bold;

	text-transform:uppercase;

	padding:13px 6px;

	display:inline-block;

	margin:0 3px;

}

ul.nav li a:hover{

	background:#84593e;

}

.searchBox{

	float:right;

	margin:26px;

}

.searchBox input.searchTxt{

	background: url(../images/bg-search_11.jpg) no-repeat left top;

	height:17px;

	width:179px;

	font-size:11px;

	padding:3px;

	border:none;

	margin:0;

	float:left;

}

.searchBox input.searchBtn{

	background:url(../images/btn-search_12.jpg) no-repeat left top;

	width:24px;

	height:23px;

	border:none;

	cursor:pointer;

	margin:0 0 0 -4px;

}

/*=============================

		     SIDEBAR

===============================*/

.sidebar{

	margin-left:10px;

	width:230px;

	float:left;

}

.sidebar h2{

	font-size:12px;

	color:#000;

}

.shoppingCartBox{

	background:#3c2415 url(../images/bg-cart-bottom_24.jpg) no-repeat left bottom;

	padding-bottom:7px;

	text-align:left;

}

.shoppingCartBox h2{

	background:url(../images/heading-cart_15.jpg) no-repeat left top;

	height:177px;

}

.shoppingCartBox h2 span{

	display:none;

}

.cartCell{

	margin:10px;

}

.cartCellTop{

	background:url(../images/bg-shopping-top_17.jpg) no-repeat left top;

	height:4px;

	width:213px;

	margin:0 auto;

}

.cartCellContent{

	background: url(../images/bg-cart-content_22.jpg) repeat-y;

	width:213px;

	padding-bottom:10px;

}

.cartCellContent table{

	color:#9E7A46;

}

.cartCellContent a{

	color:#FC0;

}

.cartCellContent a:hover{

	color:#fff;

}

.cartCellBottom{

	background:url(../images/bg-shopping-bottom_22.jpg) no-repeat left top;

	height:4px;

	width:213px;

	margin:0 auto;

}



.cs{

	background:url(../images/bg-cs-bottom_27.jpg) no-repeat left bottom;

	padding-bottom:61px;

	margin:10px 0 0;

	color:#666;

}

.cs table{

	width:200px;

}

.cs table td{

	padding:2px;

}

.cs h2{

	background:url(../images/heading-cs_21.jpg) no-repeat left top;

	height:26px;

	padding:50px 10px 0;

}

.csCell{

	background:url(../images/bg-cs_25.jpg) repeat-y;

	padding:10px;

}

.menu{

	background:#804e07 url(../images/bg-cat_37.jpg) no-repeat left bottom;

	margin:10px 0;

	padding-bottom:10px;

}

.menu h2{

	background:url(../images/heading-cat_35.jpg) no-repeat left top;

	padding:10px;

}

.ThemeOfficeMainItemRight{

	*display:none;

}

.testimonial{

	background:url(../images/bg-testi_46.jpg) no-repeat left bottom;

	padding-bottom:71px;

}

.testimonial h2{

	background:url(../images/heading-testi_42.jpg) no-repeat left top;

	padding:84px 10px 0;

	margin:0;

	color:#93af00;

}

.testiBox{

	background:url(../images/bg-testibox_44.jpg) repeat-y;

	padding:5px 0;

}

.testiBox p{

	padding:0 10px;

	margin:0;

	color:#000;

}

/*=============================

		     PAGE

===============================*/

.page{

	float:right;

	width:708px;

	margin-right:10px;

}

.promo{

	background:url(../images/bg-promo_12.jpg) no-repeat left top;

	width:580px;

	height:228px;

	margin:0 auto;

	padding:40px 20px 0;

}

.promoBox{

	margin:20px;

}

.promoImage{

	width:100px;

	float:left;

	margin-left:60px;

}

.promoImage img{

	height:170px;

}

.promoReview{

	width:330px;

	float:left;

	margin-left:10px;

}

.promoReview h2{

	color:#F00;

}

.promoReview p a{

	background:#6B432A;

	padding:4px 10px;

	margin:15px 0 0;

	color:#fff;

}

.promoReview p a:hover{

	background:#84CD3E;

}

.promoReview p.prize{

	font-size:14px;

	font-weight:bold;

	color:#93af00;

	text-align:right;

	margin-right:50px;

}

.banner{

	height:60px;

}

.banner p{

	text-align:center;

}

.productList h2, .news h2, .main h1{

	background:url(../images/heading-title-content_52.jpg) no-repeat left top;

	padding:50px 10px  25px 70px ;

	font-size:14px;

	color:#fff;

}

.productList ul{

	margin:10px 20px;

	*margin:10px 15px;

}

.productList ul li{

	float:left;

}

.productList .productImage{

	background:url(../images/bg-produk_32.jpg) no-repeat left top;

	width:141px;

	height:280px;

	float:left;

	margin-right:10px;

	text-align:center;

	

}

.productList .productImage input.buy{

	background:url(../images/btn-beli_44.jpg) no-repeat left top;

	height:22px;

	width:129px;

	text-align:center;

	border:none;

	cursor:pointer;

}
.productList .productImage div{
	height:230px;
}
.productList .productImage div span{

	position:relative;

	*padding:0 1px;

}

.productList .productImage a img{

	width:auto;

	max-width:90px;

	max-height:158px;

	margin:72px 20px 0px;

}

.productList .productImage a{

	text-align:center;

}

.productList .productImage p{

	background:#000;

	margin-top:-50px;

	position:absolute;

	width:141px;

	text-align:center;

	color:#fff;

	font-weight:bold;

	font-size:12px;

	opacity: .6; /* other browsers */

	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* buat ie6-ie8 */

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)"; /* ie8 aja */



}

.productList .productImage p a{

	color:#FED815;

}

.productItem .productimage .gallery {

	display:inline-block;

	float:left;

	margin-right:10px;

	text-align:center;

	width:210px;

}

.productItem .productimage .gallery img {

	height:auto;

	margin:10px;

	max-height:250px;

	max-width:190px;

	width:auto;

}



.productItem .review h3{

	color:#F60;

}

.productThumb{

	margin:10px 0;

}

.productThumb h2{

	font-size:12px;

	background:#804E07;

	color:#FED815;

	padding:4px;

	text-align:left;

}

.productThumbCell{

	text-align:center;

}

.productThumbCell .gallery img, .productThumbCell ul li img{

	width:auto;

	max-width:60px;

	height:90px;

	margin:0 5px;

}

.productThumbCell ul{

	margin:10px;

}

.productThumbCell ul li{

	width:70px;

	height:100px;

	float:left;

	border:1px solid #ccc;

	margin-left:10px;

}

.content{

	margin:10px;

}

.navPage{

	text-align:center;

	background:#ffef98;

	padding:5px;

}

.navPage a{

	background:#fff;

	padding:1px 3px;

	border:1px solid #ffd800;

	color:#000;

}

.navPage a:hover{

	background:#ffd800;

}

.navPage span{

	background:#000;

	padding:1px 3px;

	color:#fff;

	border:1px solid #ffd800;

}

.news{

}

.newsItem{

	color:#666;

	padding:10px 0;

	border-bottom:1px solid #ccc;

}

.newsImage{

	width:130px;

	float:left;

	text-align:center;

}

.newsImage img{

	height:120px;

	max-width:90px;

	width:auto;

}

.newsBrief{

	padding-right:15px;

}

.newsBrief h2{

	background:none;

	margin:0;

	padding:0;

}

.newsBrief h2 a{

	color:#60940e;

	font-size:12px;

}

.newsBrief h2 a:hover{

	color:#ffd200;

}

.newsBrief p span.newsDate{

	color:#f00;

	font-size:10px;

}

.newsBrief p.left a{

	color:#F90;

	font-size:10px;

}

.newsBrief p.left a:hover{

	color:#000;

}

table.contactTable {

	width: 100%;

	background-color: #f2f2f2;

	border: 1px solid #ccc;

	margin: 10px 0px;

}

table.contactTable th {

	padding: 5px 10px;

	color: #fff;

	background-color: #000;

	border: 1px solid #f2f2f2;

	border-bottom: 10px solid #f2f2f2;

	text-align: left;

}

table.contactTable th a {	

	color: #8fc3ff;

}

table.contactTable th a:hover {	

	color: #fff;

	text-decoration: underline;

}

table.contactTable td {

	padding: 6px 10px;

	border-bottom: 1px solid #eef6fe;

	text-align: left;

}

table.contactTable td a:hover {

	text-decoration: none;

}

table.confirmTable {

	width: 100%;

	background-color: #f2f2f2;

	border: 1px solid #ccc;

	margin: 10px 0px;

}

table.confirmTable th {

	padding: 8px 10px;

	color: #fff;

	background-color: #000;

}

table.confirmTable th a {	

	color: #ccc;

}

table.confirmTable th a:hover {	

	color: #fff;

	text-decoration: underline;

}

table.confirmTable td {

	padding: 6px 10px;

	border-bottom: 1px solid #eaeaea;

}

table.confirmTable td b {

	color: #222;

}

table.confirmTable td a:hover {

	text-decoration: none;

}

table.affiliateTable {

	width: 100%;

	background-color: #f2f2f2;

	border: 1px solid #ccc;

	margin: 10px 0px;

}

table.affiliateTable th {

	padding: 5px 10px;

	color: #fff;

	background-color: #000;

}

table.affiliateTable th a {	

	color: #ccc;

}

table.affiliateTable th a:hover {	

	color: #fff;

	text-decoration: underline;

}

table.affiliateTable td {

	padding: 6px 10px;

	border-bottom: 1px solid #eaeaea;

}

table.affiliateTable td b {

	color: #222;

}

table.affiliateTable td a:hover {

	text-decoration: none;

}

table.shoppingTable {

	width: 100%;

	background-color: #f2f2f2;

	border: 1px solid #ccc;

	margin: 10px 0px;

}



table.shoppingTable th {

	padding: 5px 10px;

	color: #fff;

	background-color: #000;

}

table.shoppingTable th a {	

	color: #fff;

}

table.shoppingTable th a:hover {	

	color: #fff;

	text-decoration: underline;

}

table.shoppingTable td {

	padding: 6px 10px;

	border-bottom: 1px solid #eaeaea;

}

table.shoppingTable td b {

	color: #222;

}

table.shoppingTable td a:hover {

	text-decoration: none;

}

/*=============================

		  BOTTOM PAGE

===============================*/

.bottomPage{

	background:url(../images/bg-footer_44.jpg) no-repeat left top;

	height:37px;

	width:961px;

	margin:3px auto 10px;

	font-size:10px;

	color:#fff;

}

.footer{

	padding:4px;

	*padding:0px;

}

.footer a{

	color:#ffd200;

}

.footer a:hover{

	color:#000;

}