@charset "utf-8";
/* CSS Document */

body { 
	background: url(phpmodul/images/bg.png);
	background-attachment:fixed;
	font-family: Verdana; font-size: 10pt;
	margin-top: 0px;
	}
td           { font-family: Verdana; font-size: 10pt; }
td.menus	 { background-image:url('phpmodul/pro_drop/bg.gif'); background-repeat:repeat-x;}
td.kiri		 { 
				padding:0px;
				width: 180px;
				}
td.kanan_atas	{ 
				padding-top:2px;
				padding-left:2px;
				height: 100px;
				}
td.kanan_tengah	{ 
					padding-right:10px;
					padding-left:10px;
				}
td.kanan_tengah2 { 
					height: 66px;
					padding-left:2px;
				}
td.kanan_bawah	{ 
				padding-top:2px;
				padding-left:2px;
				}
table.detail {width: 100%;
				padding: 0px;}
td.judul_cart { background:url('phpmodul/images/carttitle.jpg') bottom left no-repeat ;
				height: 23px;}
td.judul_cart2 { background:url('phpmodul/images/carttitle2.jpg') ;}
td.kiri_cart { border-left: 1px solid #db6c0e;	}
td.kanan_cart { border-right: 1px solid #db6c0e; 	}
td.bawah_cart_kiri { border-left: 1px solid #db6c0e;
				border-bottom: 1px solid #db6c0e;	}
td.bawah_cart_kanan { border-bottom: 1px solid #db6c0e;
				border-right: 1px solid #db6c0e;	}
td.bawah_cart_bawah {border-bottom: 1px solid #db6c0e;}
td.support1{
			background-repeat: no-repeat;
			width:623px;
			height: 250px;
			padding: 0px 5px 0 0px;
			color:#666666;
			font-size:10px;
			}
.support1 a {
color:#666666
}

td.support3{
			background-image:url('phpmodul/images/support3.jpg'); 
			background-repeat: no-repeat;
			width: 314px;
			height: 250px;}
td.support_space{
			width: 3px;
			height: 250px;
			}
.kiri_online1{
			background: url(phpmodul/images/update_images/aboutus.png) 5px top no-repeat ;
			width: 190px;
			height: 43px;
			padding-left:10px;
			}
.kiri_online{
			width: 180px;
			padding-left:5px;
			}
.menu_kiri_online{
		background: #c50202;
		width: 180px;
		padding-bottom: 15px;
}
.menu_kiri_online1{
		background: #c50202;
		width: 190px;
		padding-bottom: 15px;
}
.ideamenu{ 
			width: 176px;
			padding: 5px 5px 5px 5px;
			border-right: 2px solid #c50202;
			border-left: 2px solid #c50202;
			background: #ffffcc;
 }
 
.ideafoot{ 
			width: 140px;
			height: 24px;
			padding: 22px 0px 0px 50px;
			background: url(phpmodul/images/update_images/idea.png) bottom left no-repeat;
 }
 
.popidea{ text-indent: 5px; background: url(phpmodul/pro_drop/arrow.gif) 160px center no-repeat; display:block; color:#CC0000; padding: 3px 0 3px 0;}
.popidea:hover{background:#cc0000 url(phpmodul/pro_drop/arrow_over.gif) 160px center no-repeat; color:#FFFFFF}

.kiri_phone{
			background: url(phpmodul/images/update_images/department.png) 5px top no-repeat ;
			width: 190px;
			height: 43px;
			padding-left:10px;
			}
.kiri_alamat{
			background:url('phpmodul/images/home.jpg') top center no-repeat ;
			width: 200px;
			height: 252px;
			border-top: 3px solid #ffffff;
			}
.kiri_best {
			background:url('phpmodul/images/best.jpg') bottom center no-repeat ;
			width: 200px;
			height: 33px;
			}
.best_data {
			padding-top: 1px;
			width: 200px;
			}
td.rev1{
			background:url(phpmodul/images/bg_01.gif) top left no-repeat;
			width: 950px;
			height: 32px;
			}
td.rev2{
			background: #99CC00 url('phpmodul/images/bg_02.gif') top left no-repeat;
			width: 27px;
			height: 238px;}
td.rev3{
			background: #99CC00 url('phpmodul/images/bg_031.gif') bottom right no-repeat ;
			width: 894px;
			height: 238px;}
td.rev4{
			background : #99CC00 url('phpmodul/images/bg_04.gif') bottom left no-repeat;
			width: 29px;
			height: 268px;}
td.rev5{
			background-color: #99CC00;
			width: 894px;
			height: 30px;}
td.rev6{
			background : #99CC00 url('phpmodul/images/bg_022.gif') bottom left no-repeat;
			}
td.footer a:hover{ color: #FFCC00}
a.df {text-decoration:none;color: #990000}
a.df:hover   { color: #FF6600 }
td.corner_atas_kiri{
			background: url('phpmodul/images/cor1.jpg') center left no-repeat ;
			width: 102px;
			height: 71px;}
td.corner_atas_kanan{
			background: url('phpmodul/images/cor2.jpg') center right no-repeat ;
			width: 102px;
			height: 71px;}
td.corner_bawah_kiri{
			background: url('phpmodul/images/cor3.jpg') center left no-repeat ;
			width: 102px;
			height: 71px;}
td.corner_bawah_kanan{
			background: url('phpmodul/images/cor4.jpg') center right no-repeat ;
			width: 102px;
			height: 71px;}
a.other {text-decoration:none;color:#FFFFFF}
a.other:hover {text-decoration:none;color: #FF9933}
select   { font-size: 9pt; }
select.tiki   { font-size: 10pt; }
a {text-decoration:none;color:#0000ff}
a:hover  { color: #FF6600 }
.compro  { background:url(phpmodul/images/compro.png) top left no-repeat; height: 20px; padding-top: 2px; padding-left: 10px }
.compro a {color: #cc0000; display:block; font-weight:bold}
.compro a:hover {color: #FFCC00; display:block;}
.compare {border-width: 0px; width: 100px; height: 20px; background: url(phpmodul/images/compare.jpg) top left no-repeat; cursor: pointer;}
.cartb { border: 1px dashed #FF9900; color: #666666; background:url('phpmodul/images/carttitle2.jpg'); cursor: pointer;}
.error { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:100; color:#990000; font-size:10px; background:#FFFFCC;}
.fileUploadQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	background-color: #F5F5F5;
	border: 3px solid #E5E5E5;
	margin-top: 5px;
	padding: 10px;
	width: 300px;
}
.fileUploadQueueItem .cancel {
	float: right;
}
.fileUploadProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.fileUploadProgressBar {
	background-color: #0099FF;
}
#s5_layer { border: 1px solid #EEEEEE; padding: 15px; width: 320px;}
#hrg_luar{float:left; width: 395px; height: 270px; padding-top: 5px }
#hrg_luar1{border-left: 1px solid #999900; width: 401px; height: 18px; background:url(phpmodul/images/dahboard.png) top left no-repeat; color:#FFFFFF;
padding: 2px 0 0 5px; }
#hrg_luar2 {padding: 2px 5px 5px 5px; border-bottom: 3px double #999900; border-left: 1px solid #999900; width: 390px; border-right: 1px solid #999900; height: 240px}
.pageaktif {float: left; padding-top: 2px; width: 18px; height: 14px; background: #FFFFCC; cursor: pointer; font-size:9px; color:#CC0000}
.page {float: left; padding-top: 2px; width: 18px; height: 14px; cursor: pointer; font-size:9px;}
.page_black{color: #666666; border:#666666 1px solid}
.page_white{color: #FFFFFF; border: #FFFFFF 1px solid}
.space {width: 3px; height: 16px; float: left;}
.pageaktif a{display:block}
.page a{display:block}
.stday_red {color: #cc0000}
a.stday_red {color: #cc0000}
a.stday_red:hover {color: #cc0000; text-decoration:underline}
.stday_grey {color: #7E7E7E}
a.stday_grey {color: #7E7E7E}
a.stday_grey:hover {color: #7E7E7E; text-decoration:underline}
a.stday_black {color: #000000; font-size:10px}
a.stday_black:hover {color: #cc0000; text-decoration:underline; font-size:10px}
.stday_grey1 {color: #666666}
a.stday_grey1:hover {color: #666666; text-decoration:underline}
.cartpopup {position:absolute; width: 150px; height: 50px; background:url(phpmodul/images/addtocart.png) top left no-repeat; display:none; z-index:10;}
.namapro {color:  #000000; font-size:11px; font-weight:bold}
.namapro:hover {text-decoration:underline;color:  #666666; }
.cartatas{color: #000000;}
.cartatas:hover{color: #FF9900;}
.fullstore{float:left; width: 930px; height:100px; padding: 4px 4px 4px 10px;}
.halfstore{float:left; width: 460px; height:150px; padding: 4px 4px 4px 10px;}
.halfstore1{float:left; width: 460px; height:150px; padding: 4px 4px 4px 6px;}
.tristore{float:left; width: 224px; height:150px; padding: 4px;}
.tristore1{float:left; width: 224px; height:150px; padding: 4px 4px 4px 10px;}
.tristore3{float:left; width: 224px; height:150px; padding: 4px 4px 4px 6px;}
.tristore2{float:left; width: 224px; height:150px; padding: 4px 4px 4px 8px;}
#lastestidea{float:left; width: 617px; height: 250px; padding: 3px 0px 3px 5px}
#locations{float:left; width: 314px; height: 250px; background:url(phpmodul/images/support3.jpg) center center no-repeat; padding: 3px;}
#fesbuk{float: left; width: 300px; height: 595px; padding: 3px 3px 3px 10px;}
#proref{float: left; width: 620px; height: 595px; padding: 3px 3px 3px 10px;}
.profcorner{float:left; width: 198px; height:192px; border-bottom: 1px solid #FF6666; border-right: 1px solid #FF6666; padding:3px}
.profcorner1{float:left; width: 199px; height:192px; border-bottom: 1px solid #FF6666; padding:3px}
.profcorner2{float:left; width: 198px; height:193px; border-right: 1px solid #FF6666; padding:3px }
.profcorner3{float:left; width: 198px; height:193px; padding:3px}
.nextlevelidea{position: absolute; z-index:3; border: 1px solid #cc0000; background:#ffffcc; display:none; width: 250px}
.popidea1{display: block; padding:5px;font-size: 11px}
.a_white{color: #FFFFFF}
.a_white:hover{color: #FFFFFF;text-decoration: underline}
.linkreviews{color:#000000; text-decoration:underline}
.linkreviews:hover{color: #CC0000; text-decoration:underline; cursor:pointer}
.tabs, .tabx{float:left; width: 130px; height: 21px; background:url(phpmodul/images/update_images/tabred.png) top left no-repeat; padding: 10px 5px 0 5px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer}
.tabs_over, .tabx_over{float:left; width: 130px; height: 21px; background:url(phpmodul/images/update_images/tabwhite.png) top left no-repeat; padding: 10px 5px 0 5px; color:#CC0000; font-family:Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer; display:none}

.tabo{float:left; width: auto; height: 31px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer;}

.tabo_over{float:left; width: auto; height: 21px; background:url(phpmodul/images/update_images/tabwhite.png) top left no-repeat; padding: 10px 5px 0 5px; color:#CC0000; font-family:Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer; display:none; border:1px solid #ccc}

.tabo-d1{float:left; height:31px; width:10px; background:url(phpmodul/images/update_images/tabred.png) top left no-repeat;}
.tabo-d2{float:left; height:21px; width:auto; background:url(phpmodul/images/update_images/tabred_1.png) repeat-x; padding:10px 5px 0 5px;}
.tabo-d3{float:left; height:31px; width:10px; background:url(phpmodul/images/update_images/tabred.png) top right no-repeat;}

.tabo-over-d1{float:left; height:31px; width:10px; background:url(phpmodul/images/update_images/tabwhite.png) top left no-repeat;}
.tabo-over-d2{float:left; height:21px; width:auto; background:url(phpmodul/images/update_images/tabwhite_1.png) repeat-x; padding:10px 5px 0 5px; color:#CC0000;}
.tabo-over-d3{float:left; height:31px; width:10px; background:url(phpmodul/images/update_images/tabwhite.png) top right no-repeat;}

.tabscontent{display:none}
.adirainstallment:hover, .bcainstallment:hover{cursor:pointer}

/****************UPDATE**************/

#bymerek{width:940px; height:70px; padding-top:20px; float:left; padding-left:5px}
.nav-merek{float:left; width:25px; height:50px;}
.kiri-vendor{margin-left:10px}
.kanan-vendor{padding-left:10px}
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 870px;
	height:50px;
	float:left;;
	
}

.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

.items div {
	float:left;
}
.next {width:15px; height:50px; display:block; background:url(phpmodul/images/next_vendor.gif) no-repeat}
.next:hover {background:url(phpmodul/images/next_vendor_hover.gif) no-repeat}
.prev {width:15px; height:50px; display:block; background:url(phpmodul/images/prev_vendor.gif) no-repeat}
.prev:hover {background:url(phpmodul/images/prev_vendor_hover.gif) no-repeat}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 

#tips-special{}
/*======================= PAGE ===========================*/
#wrapper{
	width: 100%;
	height: auto;
}

#container{
	margin: 2px auto;
	height: auto;
	width: 950px;
}
#container2{
	float:left;
	height: auto;
	width:950px;
	background:#fff;
}
#container-1{
	margin: 2px auto;
	height: auto;
	width: 745px;
}
#container2-1{
	float:left;
	height: auto;
	width:745px;
	background:#fff;
}

/*======================= BODY ===========================*/

.kr{
	float:left;
	width:300px;
	height:800px;
	background:#FFF9C2;
}

.krabt{
	float:left;
	width:542px;
	height: auto;
	background:#fff;
	padding: 10px;
}

.krabt-1{
	float:left;
	width:353px;
	height: auto;
	background:#fff;
	padding:10px 5px 10px 0;
}

.knn{
	float:left;
	width:650px;
	height:800px;
}

.knnabt{
	float:left;
	width:386px;
	height:auto;
}
/*======================= MENU ===========================*/

.knkr{
	float:left;
	width:25px;
	height:auto;
	background:#fff;

}

.knkrbwh{
	clear:both;
	width:24px;
	height:862px;
	border-right:solid 1px #ddd;
}

.knkn{
	float:left;
	width:640px;
	height:1330px;
	border-bottom:solid 1px #ddd;
	border-right:solid 1px #ddd;
	border-top:solid 1px #ddd;
	
}

.knkn-1{
	float:left;
	width:640px;
	height:1330px;
	border-bottom:solid 1px #ddd;
	border-right:solid 1px #ddd;
	border-top:solid 1px #ddd;
	
}

.knknabt{
	float:left;
	width:338px;
	height:auto;
	border-bottom:solid 1px #ddd;
	border-right:solid 1px #ddd;
	border-top:solid 1px #ddd;
	border-left:solid 1px #ddd;
	padding: 5px;
}

.knknabt33{
	float:left;
	width:345px;
	height:auto;
	border-bottom:solid 1px #ddd;
	border-right:solid 1px #ddd;
	border-top:solid 1px #ddd;
	border-left:solid 1px #ddd;
	padding: 5px;
}

.tab-but{	width:25px;
	height:150px;
}
#mn1{
	width:25px;
	height:150px;
	background:url(phpmodul/images/bestseller.png) left no-repeat;
	cursor:pointer;
	z-index:3;
	position:absolute;
}
#mn1-hover{
	width:10px;
	height:150px;
	background:url(phpmodul/images/bestsellerhov2.png) left no-repeat;
	cursor:pointer;
}

#mn1-click{
	width:10px;
	height:150px;
	background:url(phpmodul/images/bestsellerhov2.png) left no-repeat;
	cursor:pointer;
}

#mn2{
	width:25px;
	height:150px;
	background:url(phpmodul/images/todayonsale.png);
	cursor:pointer;
	z-index:3;
	position:absolute;
}
#mn2-hover{
	width:10px;
	height:150px;
	background:url(phpmodul/images/todayonsalehov2.png);
	cursor:pointer;}
	
#mn2-click{
	width:10px;
	height:150px;
	background:url(phpmodul/images/todayonsalehov2.png);
	cursor:pointer;}

#mn3{
	width:25px;
	height:150px;
	background: url(phpmodul/images/newproduct.png);
	cursor:pointer;
	z-index:3;
	position:absolute;
}

#mn3-hover{
	width:10px;
	height:150px;
	background: url(phpmodul/images/newproducthov2.png);
	cursor:pointer;
}
#mn3-click{
	width:10px;
	height:150px;
	background: url(phpmodul/images/newproducthov2.png);
	cursor:pointer;
	margin-left:25px;

}

#mn4{
	width:25px;
	height:150px;
	background:url(phpmodul/images/recentlyview1.png) left no-repeat;
	cursor:pointer;
	z-index:3;
	position:absolute;
}
#mn4-hover{
	width:10px;
	height:150px;
	background:url(phpmodul/images/recentlyview2.png) left no-repeat;
	cursor:pointer;
}

#mn4-click{
	width:10px;
	height:150px;
	background:url(phpmodul/images/recentlyview2.png) left no-repeat;
	cursor:pointer;
}

#mn5{
	width:25px;
	height:150px;
	background:url(phpmodul/images/mostviewed2.png) left no-repeat;
	cursor:pointer;
	z-index:3;
	position:absolute;
}
#mn5-hover{
	width:10px;
	height:150px;
	background:url(phpmodul/images/mostviewed3.png) left no-repeat;
	cursor:pointer;
}

#mn5-click{
	width:10px;
	height:150px;
	background:url(phpmodul/images/mostviewed3.png) left no-repeat;
	cursor:pointer;
}

.hovermn{
	display:none;
}
.klikmenu{
	display:none;
	margin-left:25px;
}

.judul-tips a{font-size:13px; font-weight:bold; color:#CC0000; width:542px; clear:both}
.berita-sebelumnya{font-size:13px; font-weight:bold; color:#CC0000; padding-bottom: 5px; padding-top:5px; width:542px; clear:both}
.tanggal-tips{font-size:10px; color:#CC0000; width:542px; clear:both}
.isi-tips{text-align:justify; padding-bottom:5px; font-size:11px; width:542px; clear:both}
.garis-titik{width: 450px; height:5px; border-top: 1px dotted #ccc; clear:both}
.tanggal-tips-sebelumnya{font-size:10px; color:#666; padding-top:10px; width:542px; clear:both}
.judul-tips-sebelumnya a{color:#CC0000; font-weight:bold;font-size:13px; width:542px; clear:both}
.judul-tips a:hover, .judul-tips-sebelumnya a:hover{ color:#FF6600}

.loaders{margin:0 0 0 240px}
.tab-judul-biru a{ font-size:9px; color: #6699FF; font:Verdana, Arial, Helvetica, sans-serif}
.tab-judul-biru a:hover{ font-size:9px;}
.tab-harga{font-size:9px; font:Verdana, Arial, Helvetica, sans-serif; color:#CC0000; font-weight:bold}
.tab-harga-strip{font-size:9px;color: #999900; text-decoration:line-through}

.left-trik-div{ padding-bottom: 15px}
.left-trik-read, .left-trik-date{font-size:10px}
.left-trik-judul a{color: #802015; font-weight:bold}
.left-trik-judul a:hover{color: #FF9900;}
.left-trik-div-add{color:#99CC00; font-weight:bold; padding-bottom:5px }

.judul-tips-1 a{font-size:13px; font-weight:bold; color:#CC0000; width:348px; clear:both;}
.berita-sebelumnya-1{font-size:13px; font-weight:bold; color:#CC0000; padding-bottom: 5px; padding-top:5px; width:348px; clear:both}
.tanggal-tips-1{font-size:10px; color:#CC0000; width:348px; clear:both}
.isi-tips-1{text-align:justify; padding-bottom:5px; font-size:11px; width:348px; clear:both;}
.garis-titik-1{width: 348px; height:5px; border-top: 1px dotted #ccc; clear:both}
.tanggal-tips-sebelumnya-1{font-size:10px; color:#666; padding-top:10px; width:348px; clear:both}
.judul-tips-sebelumnya-1 a{color:#CC0000; font-weight:bold;font-size:13px; width:348px; clear:both}
.judul-tips-1 a:hover, .judul-tips-sebelumnya-1 a:hover{ color:#FF6600}
.on-cart{display:block; width:100px; height:17px; text-align:center; font-size:10px; padding-top:5px}