@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;	margin: 0px; background: url(../images/bg_allTop.jpg) repeat-x;
	}
div, p, textarea, img, span{
	margin:0; padding:0;
	}
a img{
	border: none;
	}

#pageContainer{
	width: 100%; float: left;
	}
#wrapper{
	width: 990px;
	margin: 0 auto;
}

/* top */
#top{
	width: 990px; height: 190px; margin-bottom: 10px; /*margin: 0 auto;*/ background: url(../images/bg_Top.png) no-repeat top; float: left;
	}
#top .Link{
	width: 990px; height: 20px; padding-top: 5px; text-align: right; font: 12px Arial, Helvetica, sans-serif, Tahoma; text-transform: capitalize; color: #999999;
	float: right;
	}
#top .Link a{
	color: #999999; text-decoration: none;
	}
#top .Link a:hover{
	color: #e3e3e3; text-decoration: none;
	}
	
/* logo */
#logo{
	width: 285px; height: 90px;	padding-top: 22px; float: left;
	}

/* saldo */	
#saldoAnda{
	width: 192px; height: 34px; padding: 0; margin: 11px 0 5px 513px; float: left; background: url(../images/bg-saldo.png) top no-repeat;
	}
#saldoAnda p.saldo{
	width: 77px; font: bold 12px/30px Arial, Helvetica, sans-serif, Tahoma; color: #333333; text-align: right; float: left;
	}
#saldoAnda p.rupiah{
	width: 115px; font: bold 13px/30px Arial, Helvetica, sans-serif, Tahoma; color: #ff6600; text-align: center; float: left;
	}

/* menu */
#box_menuNav{
	width: 608px; height: 34px;	padding: 2px 0 0 97px; float: left;
	}
#menuNav{
	width: 395px; height: 25px; padding-right: 8px; float: left;
	}
#menuNav ul{
	margin: 0; padding: 0; float: right;
	}
#menuNav ul li{	
	font: bold 15px Arial, Helvetica, sans-serif, Tahoma; color: #000000; list-style-type: none; display: inline; letter-spacing: -1px; padding-left: 15px;
	text-transform: uppercase;
	}
#menuNav ul li a{
	color: #000000; text-decoration: none;
	}
#menuNav ul li a:hover{
	color: #ff6600; text-decoration: none;
	}
#menuNav ul li .active{
	color: #ff6600;	text-decoration: none;
	}

/* daftar */
#daftarMasuk{
	width: 200px; padding: 0 0 0 4px; font: bold 15px Arial, Helvetica, sans-serif, Tahoma; color: #000000; letter-spacing: -1px; text-transform: uppercase;
	text-align: right; float: left;
	}
#daftarMasuk a{
	color: #000000;	text-decoration: none;
	}
#daftarMasuk a:hover{
	color: #666666; text-decoration: none;
	}
	
#totalBelanja{
	width: 275px; height: 32px; padding-left: 430px; margin-top: 10px; float: left;
	}
#totalBelanja p.items{
	width: 65px; padding: 5px 32px 0 0;	text-align: center;	font: 22px Tahoma, Arial, Helvetica, sans-serif; color: #ffffff; float: left;
	}
#totalBelanja p.viewNcheckout{
	width: 145px; padding: 15px 0 0 25px; font: bold 13px Arial, Helvetica, sans-serif, Tahoma; color: #666666; letter-spacing: 2px; text-align: center; float: right;
	}
#totalBelanja p.viewNcheckout a{
	color: #666666; text-decoration: none;
	}
#totalBelanja p.viewNcheckout a:hover{
	color: #000000; text-decoration: none;
	}

/* topZ */	
#topZ{
	width: 990px; height: 25px;	padding-top: 10px; float: left;
	}
#search{
	width: 280px; float: left;
	}
#search form{
	margin: 0; width: 280px; display: block; float: left;
	}
#search .divInputsearch{
	width: 187px; margin-bottom: 5px; float: left;
	}
#search .txtInputsearch{
	width: 177px; font: bold 12px Arial, Helvetica, sans-serif; color: #999999; vertical-align: middle; border: solid 1px #e3e3e3; padding: 5px 4px;
	background: #ffffff url(../images/bg_form.jpg) repeat-x;
	}

/* pilih kategori */	
#boxPK{
	width: 200px; padding-left: 25px; float: left;
	}
ul, li{margin: 0; border: 0; padding: 0; list-style: none;}
#dm_pilihKategori{
	font-size: 11px; color: #3b5d14; font: bold 12px Arial, Helvetica, sans-serif, Tahoma;	height: 27px;
	}
	#dm_pilihKategori .pilKat li {
		background: url(../images/dm_pk_l.png) left top no-repeat; height: 27px; float: left; margin-right: 10px;
		}
	#dm_pilihKategori .pilKat li a{
		color: #777777; text-decoration: none; padding: 0 10px; height: 27px; line-height: 27px; display: block; float: left; padding: 0 40px 0 10px;
		background: url(../images/dm_pk_r.png) right top no-repeat;
		}
	#dm_pilihKategori .pilKat li a:hover{
		color: #000000;
		}
#dm_pilihKategori ul .subpilKat {
	background: #ffffff; position: relative; top: 2px; width: 125px; padding: 2px 0; clear: both; z-index: 2; display: none;
	}
	#dm_pilihKategori ul .subpilKat li{
		background: none; display: block; float: none; margin: 0 0px; border: 0; height: auto; line-height: normal; border-bottom: solid 1px #dedede;
		}
	#dm_pilihKategori .subpilKat li a{
		background: none; display: block; float: none; padding: 5px 10px; margin: 0; border: 0; height: auto; color: #777777; line-height: normal;
		}
	#dm_pilihKategori .subpilKat li a:hover{
		color:#ff6600;
		}

/* prev next */
#prevNext{
	width: 130px; padding: 2px 0 0 0; text-align: right; float: left;
	}
#prevNext p.prev{
	width: 48px; height: 22px; background: url(../images/btn_prevNormal.jpg) no-repeat; margin-left: 12px; float: right;
	}
#prevNext p.prev a{
	width: 48px; height: 22px; background: url(../images/btn_prevNormal.jpg) no-repeat; text-decoration: none; display: block;
	}
#prevNext p.prev a:hover{
	background: url(../images/btn_prevHover.jpg) no-repeat; text-decoration: none;
	}
#prevNext p.next{
	width: 48px; height: 22px; background: url(../images/btn_nextNormal.jpg) no-repeat; margin-left: 12px; float: right;
	}
#prevNext p.next a{
	width: 48px; height: 22px; background: url(../images/btn_nextNormal.jpg) no-repeat; text-decoration: none; display: block;
	}
#prevNext p.next a:hover{
	background: url(../images/btn_nextHover.jpg) no-repeat; text-decoration: none;
	}

/* content */
#content{
	width: 990px;
	padding-top: 2px;
	float: left;
}

/* leftCol */
#leftCol{
	width: 684px;
	margin-right: 34px;
	float: left;
}
.leftLoop{
	width: 684px;
	margin-bottom: 15px;
	float: left;
}

/* splash */
#splash{
	width: 684px;
	height: 54px;
	padding-top: 346px;
	margin-bottom: 35px;
	float: left;
}
#splash .boxKeterangan{
	width: 664px;
	height: 50px;
	padding: 4px 10px 0 10px;
	background: url(../images/bg_keteranganSplash.png);
	float: left
}
.keterangan{
	width: 480px;
	padding: 5px 20px 0 0;
	float: left;
}
.keterangan p.judulnyaBig{
	font: bold 16px Arial, Helvetica, sans-serif, Tahoma; color: #e3e3e3; margin: 0; padding: 0;
	}
.keterangan p.judulnyaBig a{
	color: #e3e3e3;	text-decoration: none;
	}
.keterangan p.judulnyaBig a:hover{
	color: #ff6600;	text-decoration: none;
	}
.keterangan p.desainolehBig{
	font: 11px Arial, Helvetica, sans-serif, Tahoma; color: #999999; margin: 0;	padding: 0;
	}
.keterangan p.desainolehBig a{
	color: #999999;	text-decoration: none;
	}
.keterangan p.desainolehBig a:hover{
	color: #ff6600;	text-decoration: none;
	}
#harganyaBig{
	width: 144px;
	height: 38px;
	margin-bottom: 4px;
	padding: 8px 0 0 19px;
	border-left: solid 1px #555555;
	text-align: right;
	letter-spacing: -1px;
	font: bold 24px Arial, Helvetica, sans-serif, Tahoma;
	color: #e3e3e3;
	float: left;
}
.kotakluarDisplay{
	width: 144px;
	margin-right: 36px;
	float: left;
}
.kotakluarDisplay p.imgKaosnya{
	width: 144px; margin-bottom: 5px; float: left;
	}
.kotakluarDisplay p.hargaPas{
	width: 114px; margin-right: 5px; font: bold 14px Arial, Helvetica, sans-serif, Tahoma; color: #000000; float: left;
	}
.kotakluarDisplay p.hargaDiskon{
	width: 114px; margin-right: 5px; font: bold 11px Arial, Helvetica, sans-serif, Tahoma; color: #cc0000; text-decoration: line-through; float: left;
	}
.kotakluarDisplay p.imgKeranjang{
	width: 25px; float: left;
	}
.kotakluarDisplay p.judulnya{
	width: 144px; font: 11px Arial, Helvetica, sans-serif, Tahoma; color: #000000; margin-top: 5px; float: left;
	}
.kotakluarDisplay p.judulnya a{
	color: #000000; text-decoration: none;
	}
.kotakluarDisplay p.judulnya a:hover{
	color: #ff6600; text-decoration: none;
	}
.kotakluarDisplay p.desainOlehsmall{
	width: 144px; font: 10px Arial, Helvetica, sans-serif, Tahoma; color: #999999; float: left;
	}
.kotakluarDisplay p.desainOlehsmall a{
	color: #999999; text-decoration: none;
	}
.kotakluarDisplay p.desainOlehsmall a:hover{
	color: #999999;	text-decoration: underline;
	}

.threeinOne{
	width: 214px;
	margin-right: 21px;
	float: left;
}
.threeinOne p.threeinOne_Top{
	width: 200px; height: 34px;	padding: 28px 0 0 14px;	font: bold 16px Arial, Helvetica, sans-serif, Tahoma; letter-spacing: 1px; text-transform: uppercase;
	color: #333333; float: left;
	}
.threeinOne_Bottom{
	width: 186px;
	padding: 10px 14px 25px 14px;
	font: 12px Arial, Helvetica, sans-serif, Tahoma;
	color: #666666;
	background: #e3e3e3 url(../images/bg_threeinOne_Bottom.jpg) no-repeat bottom;
	float: left;
}
.threeinOne_Bottom a{
	font: bold 12px Arial, Helvetica, sans-serif, Tahoma;
	color: #666666;
	font-style: italic;
	text-decoration: none;
}
.threeinOne_Bottom a:hover{
	font: bold 12px Arial, Helvetica, sans-serif, Tahoma;
	color: #000000;
	font-style: italic;
	text-decoration: none;
}

/* rightCol */
#rightCol{
	width: 272px;
	margin-bottom: 35px;
	float: left;
}
.sidebarLoop{
	width: 272px;
	margin-bottom: 20px;
	float: left;
}
.sidebarLoop p.desainOleh{
	width: 272px; font: 11px Arial, Helvetica, sans-serif, Tahoma; color: #000000; margin: 0; padding: 5px 0 0 0; float: left;
	}
.sidebarLoop p.desainOleh a{
	color: #000000; text-decoration: none;
	}
.sidebarLoop p.desainOleh a:hover{
	color: #ff6600; text-decoration: none;
	}
.sidebarLoop p.sidebarTitle{
	width: 272px; height: 47px; float: left;
	}
.sidebarLoop p.sidebarInner{
	width: 262px; background: #ffffff; border: solid 5px #dfdfdf; text-align: center; font: 12px Arial, Helvetica, sans-serif, Tahoma; color: #000000; float: left;
	}
#newsletter{
	width: 252px;
	padding: 10px;
	margin-bottom: 20px;
	background: #dfdfdf;
	float: left;
}
#newsletter p.txtNL{
	width: 252px; padding-bottom: 5px; font: bold 12px Arial, Helvetica, sans-serif, Tahoma; color: #000000; float: left;
	}
#newsletter form{
	margin: 0;
	width: 252px;
	display: block;
	float: left;
}
#newsletter .divInputNletter{
	width: 176px;
	margin-bottom: 5px;
	float: left;
}
#newsletter .txtInputNletter{
	width: 164px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #999999;
	vertical-align: middle;
	border: solid 1px #b3b3b3;
	padding: 6px 5px;
	background: #ffffff  url(../images/bg_form.jpg) repeat-x;
}

#shoutboxOuter{
	width: 252px;
	padding: 15px 10px 30px 10px;
	background: #dfdfdf url(../images/sidebar_title_Shoutbox_bot.png) no-repeat bottom;
	float: left;
}
#shoutboxOuter .shoutboxInner{
	width: 252px;
	font: 12px Arial, Helvetica, sans-serif, Tahoma;
	color: #000000;
	float: left;
}
#shoutboxOuter .shoutboxInner a{
	color: #000000;
	text-decoration: none;
}
#shoutboxOuter .shoutboxInner a:hover{
	color: #ff6600;
	text-decoration: none;
}
.shoutboxInner p.namaNpesennya{
	width: 252px; font: 12px Arial, Helvetica, sans-serif, Tahoma; color: #666666; padding: 5px 0; margin-bottom: 2px; border-bottom: solid 1px #d9d9d9; float: left;
	}
#shoutboxOuter p.banyakTulisan{
	width: 252px; padding-bottom: 5px; font: bold 12px Arial, Helvetica, sans-serif, Tahoma; color: #000000; float: left;
	}
#shoutboxOuter form{
	margin: 0;
	width: 252px;
	display: block;
	float: left;
}
#shoutboxOuter .divInputSbox{
	width: 252px;
	margin-bottom: 5px;
	float: left;
}
#shoutboxOuter .txtInputSbox{
	width: 240px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #999999;
	vertical-align: middle;
	border: solid 1px #b3b3b3;
	padding: 6px 5px;
	background: #ffffff  url(../images/bg_form.jpg) repeat-x;
}

/* singleCol */
#singleCol{
	width: 990px;
	padding-top: 25px;
	margin-bottom: 40px;
	float: left; 
}
/* singleftCol */
#singleftCol{
	width: 602px;
	margin-right: 34px;
	float: left;
}
#boxDetailImages{
	width: 602px;
	margin-bottom: 20px;
	padding-top: 8px;
	float: left;
}
#boxDILeft{
	width: 310px;
	height: 320px;
	margin-right: 26px;
	margin-top: 9px;
	float: left;
}
#boxDILeft .DILInner{
	width: 310px;
	height: 276px;
	float: left;
}
#boxDIRight{
	width: 266px;
	height: 320px;
	margin-top: 9px;
	float: left;
}
#boxDIRight .DIRInner{
	width: 266px;
	height: 276px;
	float: left;
}
#boxBTNLeft{
	width: 175px;
	height: 14px;
	padding-left: 135px;
	text-align: center;
	float: left;
}
#boxBTNLeft .tombol1{
	width: 14px; height: 14px; background: url(../images/btn_tombol_normal.jpg) no-repeat; margin: 0 12px 0 0; padding: 0; float: left;
	}
#boxBTNLeft .tombol1 a{
	width: 14px; height: 14px; background: url(../images/btn_tombol_normal.jpg) no-repeat; text-decoration: none; display: block;
	}
#boxBTNLeft .tombol1 a:hover{
	background: url(../images/btn_tombol_hover.jpg) no-repeat; text-decoration: none;
	}
#boxBTNLeft .tombol1 .activenih{
	background: url(../images/btn_tombol_hover.jpg) no-repeat; text-decoration: none;
	}
#boxBTNLeft .tombol2{
	width: 14px; height: 14px; background: url(../images/btn_tombol_normal.jpg) no-repeat; margin: 0; padding: 0; float: left;
	}
#boxBTNLeft .tombol2 a{
	width: 14px; height: 14px; background: url(../images/btn_tombol_normal.jpg) no-repeat; text-decoration: none; display: block;
	}
#boxBTNLeft .tombol2 a:hover{
	background: url(../images/btn_tombol_hover.jpg) no-repeat; text-decoration: none;
	}
#boxBTNLeft .tombol2 .activenih{
	background: url(../images/btn_tombol_hover.jpg) no-repeat; text-decoration: none;
	}
	
#boxBTNRight{
	width: 153px;
	height: 14px;
	padding-left: 113px;
	text-align: center;
	float: left;
}
#boxBTNRight p.tombol3{
	width: 14px; height: 14px; background: url(../images/btn_tombol_normal.jpg) no-repeat; margin: 0 12px 0 0; padding: 0; float: left;
	}
#boxBTNRight p.tombol3 a{
	width: 14px; height: 14px; background: url(../images/btn_tombol_normal.jpg) no-repeat; text-decoration: none; display: block;
	}
#boxBTNRight p.tombol3 a:hover{
	background: url(../images/btn_tombol_hover.jpg) no-repeat; text-decoration: none;
	}
#boxBTNRight p.tombol3 .activenih{
	background: url(../images/btn_tombol_hover.jpg) no-repeat; text-decoration: none;
	}
#boxBTNRight p.tombol4{
	width: 14px; height: 14px; background: url(../images/btn_tombol_normal.jpg) no-repeat; margin: 0; padding: 0; float: left;
	}
#boxBTNRight p.tombol4 a{
	width: 14px; height: 14px; background: url(../images/btn_tombol_normal.jpg) no-repeat; text-decoration: none; display: block;
	}
#boxBTNRight p.tombol4 a:hover{
	background: url(../images/btn_tombol_hover.jpg) no-repeat; text-decoration: none;
	}
#boxBTNRight p.tombol4 .activenih{
	background: url(../images/btn_tombol_hover.jpg) no-repeat; text-decoration: none;
	}
	
#boxDetailImages .ddlImages{
	width: 602px;
	margin-bottom: 13px;
	float: left;
	}
#boxDetailImages .ddlImages a{
	padding: 5px;
	border: solid 3px #e3e3e3;
	display: block;
	}
#boxDetailImages .ddlImages a:hover{
	border: solid 3px #b7b7b7;
	}
	
#boxDetailKomentar{
	width: 602px;
	float: left;
}
#boxDetailKomentarTitle{
	width: 602px;
	height: 28px;
	font: bold 16px Arial, Helvetica, sans-serif, Tahoma;
	line-height: 26px;
	border-bottom: solid 3px #e3e3e3;
	float: left;
}
#boxDetailKomentarTitle p.dktTotalnya{
	width: 300px;
	padding-top: 5px;
	font: bold 16px Arial, Helvetica, sans-serif, Tahoma;
	color: #000000;
	float: left;
}
#boxDetailKomentarTitle .dktPrevNext{
	width: 300px;
	padding: 5px 0 0 2px;
	float: right;
}
#boxDetailKomentarTitleBottom{
	width: 602px;
	float: left;
}
#boxDetailKomentarTitleBottom .dktPrevNextBottom{
	width: 300px;
	padding: 5px 0 0 2px;
	float: right;
}
#boxDetailKomentarBawah{
	width: 602px;
	float: left;
}
#boxDetailKomentarBawah .dkbLoop{
	width: 602px;
	padding-bottom: 15px;
	border-bottom: solid 2px #e3e3e3;
	background: url(../images/tanda_petik_kecil.jpg) right top no-repeat;
	margin-top: 12px;
	float: left;	
}
#boxDetailKomentarBawah p.dkbImagesnya{
	width: 54px; height: 44px; margin-right: 13px;	float: left;
	}
#boxDetailKomentarBawah p.dkbImagesnya a{
	display: block;	border: solid 2px #e3e3e3;
	}
#boxDetailKomentarBawah p.dkbImagesnya a:hover{
	border: solid 2px #b7b7b7;
	}
#boxDetailKomentarBawah p.dkbNamanya{
	width: 535px;
	padding-bottom: 5px;
	font: bold 12px Arial, Helvetica, sans-serif, Tahoma;
	color: #000000;
	float: left;
}
#boxDetailKomentarBawah p.dkbNamanya a{
	color: #000000;
	text-decoration: none;
}
#boxDetailKomentarBawah p.dkbNamanya a:hover{
	color: #ff6600;
	text-decoration: none;
}
#boxDetailKomentarBawah p.dkbKomentarnya{
	width: 535px;
	font: 12px Arial, Helvetica, sans-serif, Tahoma;
	color: #777777;
	float: left;
}
#boxFormKomentar{
	width: 602px;
	margin-top: 8px;
	float: left;
}
#boxFormKomentar p.txtFK{
	width: 602px; padding-bottom: 8px; font: bold 14px Arial, Helvetica, sans-serif, Tahoma; color: #000000; float: left;
	}
#boxFormKomentar form{
	margin: 0;
	width: 602px;
	display: block;
	float: left;
}
#boxFormKomentar .divInputFK{
	width: 602px;
	margin-bottom: 5px;
	float: left;
}
#boxFormKomentar .txtInputFK{
	width: 588px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #777777;
	border: solid 2px #e3e3e3;
	padding: 5px;
	background: #ffffff  url(../images/bg_form.jpg) repeat-x;
}


/* singrightCol */
#singrightCol{
	width: 354px;
	float: left;
}
#singrightCol .srcLoop{
	width: 354px;
	margin-bottom: 20px;
	float: left;
}
#singrightCol p.srcTitle{
	width: 354px; font: bold 18px Arial, Helvetica, sans-serif, Tahoma;	color: #000000;	padding-bottom: 2px; float: left;
	}
#singrightCol p.srcDesainoleh{
	width: 354px; font: 11px Arial, Helvetica, sans-serif, Tahoma; color: #000000; padding-bottom: 5px; border-bottom: solid 3px #e3e3e3; float: left;
	}
#singrightCol p.srcDesainoleh a{
	color: #000000;	text-decoration: none;
	}
#singrightCol p.srcDesainoleh a:hover{
	color: #ff6600;	text-decoration: none;
	}
#singrightCol p.srchargaPas{
	width: 175px; margin-top: 10px; letter-spacing: -1px; font: bold 26px Arial, Helvetica, sans-serif, Tahoma; color: #000000;	float: left;
	}
#singrightCol p.srchargaDiskon{
	width: 90px; margin-top: 13px; font: bold 12px Arial, Helvetica, sans-serif, Tahoma; color: #cc0000; text-decoration: line-through;	float: left;
	}
#singrightCol p.gender{
	width: 354px; margin-bottom: 8px; font: bold 12px Arial, Helvetica, sans-serif, Tahoma;	color: #000000;	float: left;
	}
#singrightCol .genderOuter{
	width: 45px;
	margin-right: 6px;
	float: left
}
.genderOuter p.sizeS{ width: 45px; height: 33px; background: url(../images/size_S_Normal.png) no-repeat; }
.genderOuter p.sizeS a{ width: 45px; height: 33px; background: url(../images/size_S_Normal.png) no-repeat; text-decoration: none; display: block; }
.genderOuter p.sizeS a:hover{ background: url(../images/size_S_Hover.png) no-repeat; text-decoration: none; }

.genderOuter p.sizeM{ width: 45px; height: 33px; background: url(../images/size_M_Normal.png) no-repeat; }
.genderOuter p.sizeM a{ width: 45px; height: 33px; background: url(../images/size_M_Normal.png) no-repeat; text-decoration: none; display: block; }
.genderOuter p.sizeM a:hover{ background: url(../images/size_M_Hover.png) no-repeat; text-decoration: none; }

.genderOuter p.sizeL{ width: 45px; height: 33px; background: url(../images/size_L_Normal.png) no-repeat; }
.genderOuter p.sizeL a{ width: 45px; height: 33px; background: url(../images/size_L_Normal.png) no-repeat; text-decoration: none; display: block; }
.genderOuter p.sizeL a:hover{ background: url(../images/size_L_Hover.png) no-repeat; text-decoration: none; }

.genderOuter p.sizeXL{ width: 45px; height: 33px; background: url(../images/size_XL_Normal.png) no-repeat; }
.genderOuter p.sizeXL a{ width: 45px; height: 33px; background: url(../images/size_XL_Normal.png) no-repeat; text-decoration: none; display: block; }
.genderOuter p.sizeXL a:hover{ background: url(../images/size_XL_Hover.png) no-repeat; text-decoration: none; }

.genderOuter p.size2XL{ width: 45px; height: 33px; background: url(../images/size_2XL_Normal.png) no-repeat; }
.genderOuter p.size2XL a{ width: 45px; height: 33px; background: url(../images/size_2XL_Normal.png) no-repeat; text-decoration: none; display: block; }
.genderOuter p.size2XL a:hover{ background: url(../images/size_2XL_Hover.png) no-repeat; text-decoration: none; }

.genderOuter p.genderBanyaknya{
	width: 45px; margin-top: 2px; font: 11px Arial, Helvetica, sans-serif, Tahoma; color: #313131; text-align: center;
	}
.genderOuter p.genderBanyaknyaHabis{
	width: 45px; margin-top: 2px; font: 11px Arial, Helvetica, sans-serif, Tahoma; color: #999999; text-align: center;
	}
#singrightCol .berbagiDesainini{
	width: 176px;
	margin-top: 5px;
	border-right: solid 1px #c7c7c7;
	float: left;
}
#singrightCol .ddTombolInvestor{
	width: 169px;
	margin-bottom: 5px;
	font: 12px Arial, Helvetica, sans-serif, Tahoma; color: #999999;
	border-right: solid 1px #c7c7c7;
	float: left;
}
.ddTombolInvestor p.ddtiKeterangan{
	width: 160px;
	margin-bottom: 5px;
	font: bold 11px Arial, Helvetica, sans-serif, Tahoma; color: #000000;
	float: left;
}
.ddTombolInvestor p.ddtiButton{
	width: 160px;
	float: left;
}
#singrightCol .ddRattingVotes{
	width: 110px;
	padding-left: 10px;
	margin: 5px 0 0 14px;
	color: #999999;
	float: left;
}
.berbagiDesainini p.bdiTeks{
	width: 176px; margin-bottom: 10px; font: 11px Arial, Helvetica, sans-serif, Tahoma; color: #999999; float: left;
	}
.berbagiDesainini p.bdiImages{
	width: 14px; margin: 0 11px 10px 0; float: left;
	}
#singrightCol .lihatUkuranygcocok{
	width: 125px;
	height: 31px;
	padding-left: 40px;
	margin: 5px 0 0 12px;
	background: url(../images/icon_lihatukuranygcocok.gif) left top no-repeat;
	font: 11px Arial, Helvetica, sans-serif, Tahoma;
	color: #999999;
	float: left;
}
#singrightCol .lihatUkuranygcocok a{
	color: #999999;
	text-decoration: none;
}
#singrightCol .lihatUkuranygcocok a:hover{
	color: #333333;
	text-decoration: none;
}
#singrightCol .detailrightColTitle{
	width: 354px;
	font: bold 16px Arial, Helvetica, sans-serif, Tahoma;
	line-height: 26px;
	border-bottom: solid 3px #e3e3e3;
	margin-bottom: 10px;
}
.tdiBox{
	width: 354px;
	float: left;
}
.tdiBox p.tdiImages{
	width: 140px; height: 99px;	padding: 3px; margin: 0 10px 0 0; background: #e3e3e3; float: left;
	}
.tdiBox p.tdiRatting{
	width: 198px; padding-bottom: 5px; font: bold 14px Arial, Helvetica, sans-serif, Tahoma; color: #000000; float: left;
	}
.tdiBox p.tdiKeterangan{
	width: 198px; font: 12px Arial, Helvetica, sans-serif, Tahoma; color: #666666; float: left;
	}
.tdiBox p.tdiKeteranganFull{
	width: 354px; font: 12px Arial, Helvetica, sans-serif, Tahoma; color: #666666; float: left;
	}
.tdiBox p.tdiLIUserNama{
	width: 150px; margin-bottom: 10px; padding-bottom: 8px; border-bottom: solid 1px #e3e3e3; font: bold 12px Arial, Helvetica, sans-serif, Tahoma; color: #000000; float: left;
}
.tdiBox p.tdiLITotalKaos{
	width: 100px; margin-bottom: 10px; padding-bottom: 8px; border-bottom: solid 1px #e3e3e3; font: bold 12px Arial, Helvetica, sans-serif, Tahoma; color: #000000; float: left;
}
.tdiBox p.tdiLIKeuntungan{
	width: 100px; margin-bottom: 10px; padding-bottom: 8px; border-bottom: solid 1px #e3e3e3; font: bold 12px Arial, Helvetica, sans-serif, Tahoma; color: #000000; float: left;
}
.tdiBox .tdiLILoop{
	width: 354px; margin-bottom: 5px; float: left;
}
.tdiLILoop p.tdiLIUN{
	width: 140px; padding-right: 10px; font: bold 12px Arial, Helvetica, sans-serif, Tahoma; color: #777777; float: left;
}
.tdiLILoop p.tdiLIUN a{
	color: #777777; text-decoration: none;
}
.tdiLILoop p.tdiLIUN a:hover{
	color: #ff6600; text-decoration: none;
}
.tdiLILoop p.tdiLITK{
	width: 90px; padding-right: 10px; font: 12px Arial, Helvetica, sans-serif, Tahoma; color: #777777; float: left;
}
.tdiLILoop p.tdiLIK{
	width: 90px; padding-right: 10px; font: 12px Arial, Helvetica, sans-serif, Tahoma; color: #777777; float: left;
}
.tdiBox p.tdiListInvestor{
	width: 350px; padding: 0 2px; font: bold 12px Arial, Helvetica, sans-serif, Tahoma; color: #666666;
}
.tdiBox p.tdiListInvestor a{
	color: #666666; text-decoration: none;
}
.tdiBox p.tdiListInvestor a:hover{
	color: #ff6600; text-decoration: none;
}
.gylBox{
	width: 354px;
	float: left;
}
.gylBox p.gylImages{
	width: 114px; text-align: center; margin: 0 4px 5px 0;	float: left;
	}
.gylBox p.gylImages a{
	display: block;	border: solid 2px #e3e3e3;
	}
.gylBox p.gylImages a:hover{
	border: solid 2px #b7b7b7;
	}
	
/* produk */
.produktopLines{
	width: 669px;
	height: 37px;
	padding: 0 0 10px 20px;
	margin: 20px 0 10px 0;
	/*border-bottom: solid 2px #e3e3e3;*/
	background: url(../images/bg-pilih-kategori.jpg) left top no-repeat;
	float: left;
}
.produkbotLines{
	width: 684px;
	/*height: 18px;*/
	padding: 11px 0 0 0;
	margin-bottom: 39px;
	/*border-top: solid 2px #e3e3e3;*/
	/*background: url(../images/line_bottom.png) top no-repeat;*/
	float: left;
}
.produktopLines p.ptlJudulKategori{
	width: 340px;
	padding-top: 2px;
	font: 18px/18px Arial, Helvetica, sans-serif, Tahoma;
	color: #000000;
	float: left;
}
.produktopLines .ptlPrevNext{
	width: 340px;
	height: 23px;
	padding: 5px 0 0 4px;
	float: right;
}
	ul{border: 0; margin: 0; padding :0;}
	.pagination li{
		border: 0; margin: 0; padding: 0;
		font: 11px Arial, Helvetica, sans-serif, Tahoma;
		list-style: none;
		float: left;
	}
	.pagination li, .pagination a{
		border-right: solid 0px #666666;
		margin-right: 0px;
		float: left;
	}
	.pagination .previous-off,
	.pagination .next-off {
		color: #888888;
		display: block;
		float: left;
		font-weight: bold;
		padding: 3px 6px;
	}	
	.pagination .next a,
	.pagination previous a{
		border: none;
		font-weight: bold;
		float: left;
	}	
	.pagination .active{
		color: #ff6600;
		font-weight: bold;
		display: block;
		float: left;
		padding: 3px 6px;
	}
	.pagination a:link, 
	.pagination a:visited {
		color: #000000;
		display: block;
		float: left;
		padding: 3px 6px;
		text-decoration: none;
	}
	.pagination a:hover{
		color: #ff6600;
		text-decoration: none;
		float: left;
	}

/* galleryDesain */
.galleryDesain {
	list-style: none;
	margin: 0;
	padding: 0;
}
.galleryDesain li {
	padding: 10px 11px 75px 10px;
	margin: 0;
	float: left;
	position: relative;
	width: 150px;
	height: 109px;
}
.galleryDesain li:hover img {
	border-color: #313131;
}
.galleryDesain img {
	background: #fff;
	border: solid 1px #b3b3b3;
	padding: 4px;
}
.galleryDesain p.gdJudulnya{
	font: 11px Arial, Helvetica, sans-serif, Tahoma;
	color: #000000;
	padding: 2px 0;
}
.galleryDesain p.gdJudulnya a{
	color: #000000;
	text-decoration: none;
}
.galleryDesain p.gdJudulnya a:hover{
	color: #ff6600;
	text-decoration: none;
}
.galleryDesain .gdVotenya{
}
.galleryDesain p.gdDesainoleh{
	font: 10px Arial, Helvetica, sans-serif, Tahoma;
	color: #999999;
}
.galleryDesain p.gdDesainoleh a{
	color: #999999;
	text-decoration: none;
}
.galleryDesain p.gdDesainoleh a:hover{
	color: #999999;
	text-decoration: underline;
}
.galleryDesain em {
	background: #fff url(../images/grey-gradient.gif) repeat-y;
	color: #000;
	font: 11px Arial, Helvetica, sans-serif, Tahoma;
	padding: 2px 5px;
	display: block;
	position: absolute;
	top: 85px;
	left: 9px;
	border: 1px solid #b3b3b3;
	border-left-color: #b3b3b3;
}
.galleryDesain a {
	text-decoration: none;
}
.galleryDesain a:hover em {
	background: #ffdb01 url(../images/orange-gradient.gif) repeat-y;
	border-color: #ff6600;
}

/* untuk semua */
.atasUntukSemua684px{
	width: 664px;
	height: 37px;
	padding: 0 0 10px 20px;
	margin: 20px 0 10px 0;
	font: bold 16px Arial, Helvetica, sans-serif, Tahoma;
	color: #000000;
	background: url(../images/bg-pilih-kategori.jpg) left top no-repeat;
	/*border-bottom: solid 2px #e3e3e3;*/
	float: left;
}
.isiUntukSemua684px{
	width: 684px;
	margin-bottom: 40px;
	float: left;
}

.isiUntukSemua684px form{
	margin: 0;
	padding: 0;
}
.isiUntukSemua684px form fieldset{
	border: solid 1px #ffffff;
	padding: 20px;
	margin: 0;
}
.isiUntukSemua684px form legend{
	font-size: 14px;
	font-weight: bold;
	color: #336699;
	padding: 0 5px;
}
.isiUntukSemua684px form label{
	font-size: 12px;
	font-weight: bold;
	color: #333D4A;
	display: block;
	line-height: 24px;
}
.isiUntukSemua684px form .txtInput{
	font-size: 12px;
	width: 250px;
	float: left;
	vertical-align: middle;
	border: solid 1px #e3e3e3;
	padding: 5px 4px;
	background: #ffffff url(../images/bg_form.jpg) repeat-x;
}
.isiUntukSemua684px form .txtArea{
	font-size: 12px;
	width: 250px;
	border: solid 1px #D1D7E0;
	float: left;
	padding: 4px 0;
}
.isiUntukSemua684px form .selectInput{
	font-size: 12px;
	width: 250px;
	border: solid 1px #D1D7E0;
	float: left;
	padding: 4px 0;
}
.isiUntukSemua684px form .btnInput{
	background: #333333;
	border: none;
	font: bold 12px/30px Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding-bottom: 2px;
	margin-bottom: 2px;
	margin-top: 10px;
	height: 30px;
	cursor: pointer;
	float: left;
	/*font-size: 12px;
	font-weight: bold;
	height: 30px;
	width: 75px;
	border: solid 1px #41505F;
	float: left;
	color: #FFFFFF;
	background: url(../images/bgBtn.jpg);
	margin-top: 5px;
	cursor: pointer;*/
}
.isiUntukSemua684px form .divForm{
	width: 525px;
	float: left;
	margin-bottom: 3px;
}
.isiUntukSemua684px form .divForm1{
	width: 255px;
	float: left;
	margin-bottom: 3px;
}



.isiUntukSemua684px .us684pxImagesnya{
	width: 290px;
	padding: 0 12px 12px 0;
	float: left;
}
.isiUntukSemua684px h2{
	padding: 0 0 0 0;
	margin: 0 0 12px 0;
	font: bold 14px Arial, Helvetica, sans-serif, Tahoma;
	color: #666666;
}
.isiUntukSemua684px h2 a{
	color: #666666;
	font-style: italic;
	text-decoration: none;
}
.isiUntukSemua684px h2 a:hover{
	color: #ff6600;
	font-style: italic;
	text-decoration: none;
}
.isiUntukSemua684px blockquote{
	padding: 16px;
	margin: 0 100px 25px 18px;
	background: #e3e3e3;
}
.isiUntukSemua684px p{
	padding: 0 0 0 0;
	margin: 0 0 25px 0;
	font: 12px Arial, Helvetica, sans-serif, Tahoma;
	color: #999999;
}
.judulnyabawahUntukSemua684px{
	width: 684px;
	height: 18px;
	padding: 11px 0 0 0;
	margin-bottom: 39px;
	/*border-top: solid 2px #e3e3e3;*/
	background: url(../images/line_bottom.png) top no-repeat;
	float: left;
}
.judulnyaatasUntukSemua684px p.UntukSemua684px{
	width: 684px;
	height: 28px;
	font: 18px "Trebuchet MS", Arial, Helvetica, sans-serif, Tahoma;
	color: #000000;
	float: left;
}

/* form Login */
#formLogin{
	margin: 0;
	padding: 0;
}
#formLogin fieldset{
	border: solid 1px #ffffff;
	padding: 20px;
	margin: 0;
	float: left;
	display: block;
	width: 260px;
}
#formLogin legend{
	font-size: 14px;
	font-weight: bold;
	color: #336699;
	padding: 0 5px;
}
#formLogin label{
	font-size: 12px;
	font-weight: bold;
	color: #333D4A;
	display: block;
	line-height: 24px;
}
#formLogin label a{
	font-weight: bold;
	color: #999999;
	display: block;
	line-height: 24px;
	text-decoration: none;
}
#formLogin label a:hover{
	font-weight: bold;
	color: #999999;
	display: block;
	line-height: 24px;
	text-decoration: underline;
}
#formLogin .txtInput{
	font: 12px Arial, Helvetica, sans-serif;
	width: 250px;
	float: left;
	vertical-align: middle;
	border: solid 1px #e3e3e3;
	padding: 5px 4px;
	background: #ffffff url(../images/bg_form.jpg) repeat-x;
}
#formLogin .btnInput{
	background: #333333;
	border: none;
	font: bold 12px/30px Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding-bottom: 2px;
	margin-bottom: 2px;
	margin-top: 10px;
	height: 30px;
	cursor: pointer;
	float: left;
}
#formLogin .divForm{
	width: 250px;
	float: left;
	margin-bottom: 3px;
}


	#menu{
		width:684px;
		height:34px;
		margin-bottom: 30px;
		background:url(../images/menu_029_bg.jpg) no-repeat;
	}
		#menu ul{
			list-style:none;
			padding:0 6px;
		}
			#menu li{
				list-style:none;
				display:block;
				float:left;
				margin:0 1px;
				height:34px;
				line-height:34px;
				vertical-align:middle;
			}
				#menu li a{
					display:block;
					float:left;
					color:#333d4a;
					text-transform:uppercase;
					font-size:12px;
					font-weight:bold;
					padding:0 0 0 7px;
					text-decoration:none;
					cursor:pointer;
				}
				#menu li a span{
					display:block;
					float:left;
					color:#333d4a;
					padding:3px 14px 0 7px;
				}
					#menu li a:hover{
						display:block;
						float:left;
						background:url(../images/menu_029_l.jpg) no-repeat left;
					}
					#menu li a:hover span{
						display:block;
						float:left;					
						color:#ffffff;
						background:url(../images/menu_029_r.jpg) no-repeat right;
					}
				#menu li a.current{
					display:block;
					float:left;
					color:#ffffff;
					text-transform:uppercase;
					font-size:12px;
					font-weight:bold;
					background:url(../images/menu_029_l.jpg) no-repeat left;
					padding:0 0 0 7px;
					text-decoration:none;
				}
				#menu li a.current span{					
					display:block;
					float:left;
					background:url(../images/menu_029_r.jpg) no-repeat right;
					color:#ffffff;
					padding:3px 14px 0 7px;
				}


/* bottom */
#bottom{
	background: #e3e3e3; width: 100%; float: left;
	}
#bottomContainer{
	width: 990px; /*height: 240px;*/ padding-top: 15px;	padding-bottom: 25px; margin: 0 auto; clear: left;
	}
.bottomLoop{
	width: 310px; margin-right: 30px; float: left;
	}
.bottomTop{
	width: 308px; height: 45px;	padding: 10px 0 0 2px; font: bold 16px Arial, Helvetica, sans-serif, Tahoma;	color: #333333;	float: left;
	}
.bottom_ourLink{
	width: 310px; margin: 10px 0 40px 0; float: left;
	}
.bottom_ourLink ul{
	width: 310px;
	}
.bottom_ourLink ul li{
	list-style-type: none; line-height: 22px; background: url(../images/icon-OL.png) 1px 7px no-repeat;	border-bottom: solid 1px #d3d3d3;
	font: 12px/22px Arial, Helvetica, sans-serif, Tahoma; color: #666666; padding-left: 20px;
	}
.bottom_ourLink ul li a{
	color: #666666; text-decoration: none;
	}
.bottom_ourLink ul li a:hover{
	color: #000000; text-decoration: none;
	}
.bottom_ourNews{
	width: 310px; margin: 10px 0 40px 0; float: left;
	}
.bottom_ourNews ul{
	width: 310px; padding: 0; margin: 0;
	}
.bottom_ourNews ul li{
	list-style-type: none; line-height: 22px; background: url(../images/icon-ON.png) 1px 5px no-repeat;	border-bottom: solid 1px #d3d3d3;
	font: 12px/22px Arial, Helvetica, sans-serif, Tahoma; color: #666666; padding-left: 16px;
	}
.bottom_ourNews ul li a{
	color: #666666;	text-decoration: none;
	}
.bottom_ourNews ul li a:hover{
	color: #000000;	text-decoration: none;
	}
.testimonial{
	width: 250px; padding: 0 10px 10px 50px;	margin-top: 14px; font: 12px Arial, Helvetica, sans-serif, Tahoma; color: #666666;
	background: url(../images/tanda_Petik.jpg) no-repeat top left; float: left;
	}

/* footer */
#footer{
	background: #222222; width: 100%; float: left;
	}
#footerContainer{
	width: 990px; height: 60px; margin: 0 auto;
	}
#footerLeft{
	width: 500px; height: 35px;	padding: 22px 40px 0 50px; font: 12px Arial, Helvetica, sans-serif, Tahoma;	color: #979797;
	background: url(../images/logo_footerDM.png) no-repeat left 8px; float: left;
	}
#footerRight{
	width: 400px; height: 35px;	padding-top: 22px; text-align: right; float: left;
	}
#footerRight .rightLink a{
	font: 12px Arial, Helvetica, sans-serif; color: #999999; text-decoration: none;
	}
#footerRight .rightLink a:hover{
	color: #e3e3e3; text-decoration: none;
	}