/* Generic --------------------------------- */
body {
	margin: 0;	padding: 0; font: 12px trebuchet ms; background: #1c1c1c url(../image/main_background.gif) top repeat-x; color: #fff;
}
input, textarea {
	font: 12px arial;
}
p {
	padding: 0;
}
img {
	border: none;
}
a {
	color: #7e3636; text-decoration: none; outline: none;
}
a:hover {
	color: #555; text-decoration: none;
}
ul {
	list-style: none; margin: 0 0 20px 0; padding:0;
}
ul li {
	padding: 0 0 0 20px; background: url(../images/li.jpg) 0 3px no-repeat;
}
ol {
	font: italic 12px trebuchet ms; color: #3a3a3a; margin: 0; padding: 0;
}
ol li {
	margin: 0 0 5px 30px; padding: 0;
}
ol p {
	font: normal 80%/150% Arial, Helvetica, sans-serif; color: #333;
}

/* Content Page --------------------------------- */
.containerPage {
	margin: 0 auto; width: 100%; height: 500px; background:url(../image/red.gif) center 65px no-repeat;
}
.mainPage {
	margin: 0 auto; padding: 0; width: 960px;
}

/* Header --------------------------------- */
.header {
	margin: 0; padding:0; width: 960px; height: 65px; overflow: hidden;
}
.headerMenu {
}
.headerMenu ul {
	margin-left: 12px;
}
.headerLogo {
	float: left; width: 235px; height: 65px;
}
/* menu */
.menu {
	margin:0; padding: 0; list-style-type: none; height: 65px; float: left;
}
.menu ul {
	margin:0; padding:0; list-style-type: none;
}
.menu li {
	float: left; margin: 0; padding: 0; border-right: 1px solid #000; border-left: 1px solid #3d3d3d;
}
.menu li a {
	text-decoration: none; display: block; padding: 0 20px; color: #74c5d7;
}
.menu li a:hover, .menu li.active a {
	color: #00d1ff; text-decoration: none; background:url(../images/header-bg-hover.jpg) center;
}
#menuCell img {
	display: none;
}
/* language */
.headerLang {
	 margin: 4px 0 0 0; font: 12px arial; color:#aaa; clear:both; width:160px; height:25px; float: right; padding: 10px; color: #aaa; background: url(../image/headerLang_background.gif) no-repeat 90px 11px;
}
.headerLang a {
		padding: 0 20px 0 10px; color: #fff; text-decoration: none;
}
.headerLang a:hover {
		color: #fff; text-decoration: none; font-weight:bold;
}
/* newsletter */
.newsletter {
	float: left; margin: 1px 0 0 0; padding: 10px 20px 10px 0; width: 760px; height: 25px; font: 12px arial; color: #fff; text-align: right;
}
.newsletter ul {
	margin: 0; padding: 0; list-style-type: none; float: right;
}
.newsletter ul li {
	float: left; margin:4px 0 0 0; padding:0 0 0 0;
}
.newsletter ul li input {
	margin: -2px 0 0 10px; background: url(../image/newsletterInput_background.gif) left top no-repeat; border: none; width: 106px; height: 20px; padding: 2px 5px 0 7px;
}
.newsletter ul li .butt {
	margin: -2px 0 0 0; padding: 0; background: url(../image/newsletter_butt.gif) no-repeat; border: none; width: 28px; height: 20px;
}

/* ads banner */
.wrapper {
	padding: 5px 0 0 0; clear: both; width: 960px;
}
.adsLeft {
	float:left; width:330px; height:410px; background: url(../image/ads_left_background.gif) no-repeat;
}
.adsRight {
	float:right; width:630px; height:410px; background: url(../image/ads_right_background.gif) no-repeat;
}

/* product box */
.productBox {
	clear:both; padding:7px 0 0 0; width:960px; height:138px; font:11px trebuchet ms; color:#000; line-height:1.2em;
}
.productBox ul {
	list-style:none; margin:0; padding:0;
}
productBox li {
	margin:0; padding:0; float:left;
}
.productBox ul li h2 {
	margin:0; padding:0 0 3px 15px; font:12px arial; font-weight:bold; color:#000;
}
.productRev {
	width: 150px; height:60px; overflow: hidden;
}
.productRev2 {
	width: 190px; height:60px; overflow: hidden;
}
.productDes {
	height:45px;
}
.productReadMore {
	padding:3px 0 0 15px; width:100px; color:#00d1ff;
}
.productReadMore a {
	font: bold 11px arial; text-decoration:none; color:#ed387c;
}
.productReadMore a:hover {
	text-decoration:none; color: #fe6aae;
}
.productBox ul li.reviewProduk {
	position: relative; margin: 0; padding: 10px 0 0 0; width:327px; height:138px; background:url(../image/reviewProduk_background.gif) no-repeat; float:left;
}
.reviewProduk .image {
	/* padding: 5px 15px 0 20px; */ float:right; height:105px;
}
.reviewProduk img {
	padding: 5px 15px 0 15px; height:15px;
}
.productBox ul li.reviewProduk h1 {
	margin:0; padding:0 0 5px 15px; font:14px arial; color:#ed387c;
}
.productBox ul li.produkTerbaru {
	position: relative; margin: 0 9px 0 0; padding: 10px 0 0 0; width:292px; height:128px; background: url(../image/produkTerbaru_background.gif) no-repeat; float:left;
}
.produkTerbaru img {
	padding: 5px 15px 0 0; float:right; height:100px;
}
.productBox ul li.produkTerbaru h1 {
	margin:0; padding:0 0 5px 15px; font:14px arial; color:#ed387c;
}
.productBox ul li.produkTerlaris {
	position: relative; margin: 0 9px 0 0; padding: 10px 0 0 0; width:323px; height:128px; background:url(../image/produkTerlaris_background.gif) no-repeat; float:left;
}
.produkTerlaris img {
	padding: 5px 15px 0 0; float:right; height:110px;
}
.productBox ul li.produkTerlaris h1 {
	margin:0; padding:0 0 5px 15px; font:14px arial; color:#ed387c;
}
.productList {
}
.productList ul {
	list-style:none; margin:0; padding:0;
}
.productList li {
	margin:0; padding:0 0 0 15px; float:none; font: 11px arial;
}

/* footer */
.footer {
	margin:20px 0 60px 0; clear:both; width:960px; height:35px; font: 12px arial;
}
.footerCell {
}
.footerCellMenu {
	margin:0; padding:0; font:12px arial; list-style-type:none; height: 25px; float:left; width: 100%;
}
.footerCellMenu ul {
	margin: 0; padding:0 0 5px 0; list-style-type:none;
}
.footerCellMenu li {
	float:left; margin:0; padding: 0 8px 0 0;
}
.footerCellMenu li a {
	text-decoration:none; display:block; margin:9px 0 0 0; padding:0 0 0 8px; line-height:12px; color:#d35edf; border-left:1px solid #d35edf;
}
.footerCellMenu li a:hover {
	color:#e984f4; text-decoration:none;
}
.footerCellMenu li.active a {
	text-decoration:none; display:block; margin:9px 0 0 0; padding:0; line-height:12px; color:#e984f4; border:none;
}
.footerCellMenu li.active a:hover {
	color:#e984f4; text-decoration:none; cursor:default;
}
.footerCellCopyright {
	 margin:0; clear: both; padding:0; color:#fff; position: relative;
}
.footerCellCopyright a {
	color:#ed387c; text-decoration:none;
}
.footerCellCopyright img {
	float: right; position: absolute; left: 740px; top: -30px;
}
.footerCellCopyright a:hover {
	color:#ed387c; text-decoration:none;
}

/* added 09/03/2010 */
.productBox ul li.produkTerbaru .price {
	position: absolute; top: 109px; left: 90px; width: 125px; height: 30px; font-weight: bold; font-size: 12px; color: #1e73d2;
}
.productBox ul li.produkTerlaris .price {
	position: absolute; top: 109px; left: 90px; width: 125px; height: 30px; font-weight: bold; font-size: 12px; color: #1e73d2;
}
.productBox ul li.reviewProduk .price {
	position: absolute; top: 94px; left: 90px; width: 125px; height: 30px; font-weight: bold; font-size: 12px; color: #1e73d2;
}

/* added 20/07/2010 */
#masuk {
	float: right;
	padding: 10px 15px 0 0;
}
/* #masuk a {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}
#masuk a:hover {
	color: #ddd;
} */