@import url("template.css");

.Category {font : 1.5em "verdana", Arial, Sans-Serif;  margin : 15px 0px 2px 0px; background: #efefef; padding: 4px;}
.subCategory {float:left; font-size: 11px; margin : 0 0 0 0; padding : 0 0 0 2px; font-weight: none;}
.sbcp {float:left;}

.ctgImages {background: #336611; padding: 5px; width: 80px; float: left; height: 17px;}
.ctgDesc {background: #336611; padding: 5px; width: 500px; float: left; color: #FFFFFF; font-weight: bold;}
.ctgPrice {background: #336611; padding: 5px; width: 140px; float: left; color: #FFFFFF; font-weight: bold;}

.xctgImages {padding: 5px; width: 80px; float: left;}
.xctgDesc {padding: 5px; width: 500px; float: left;}
.xctgPrice {padding: 5px; width: 140px; float: left; }

.prevboxa {border-bottom: solid 1px #B9ED96; background: #fffccc;}
.prevboxb {border-bottom: solid 1px #B9ED96; background: #FFFFFF;}
h3 {font : 1.0em "verdana", Arial, Sans-Serif; font-weight: bold; margin : 0px 0px 0px 0px; text-decoration: underline;}
h4 { font : 1.0em "trebuchet ms", Arial, Sans-Serif; color:#336611; font-weight:bold; margin : 0px 0px 0px 0px; text-align:right; }


.categoryHeader {margin: 13px 0 10px; 0px;}
	.categoryHeader img { float: left; border-right: solid 1px #336611; padding: 0 10px 0 0px;}
	.categoryHeader p {float: left; padding: 0 0 0 0px; margin: 0px 0 0 5px;}
	
.author {}
	.author img {float: left; padding: 3px 10px 0 0px;}
	.author p {float: left; margin: 6px 0 0 0px;}
.linkauthor {font-style: italic;}

.ctgClass {
	float		: left;
	width		: 170px;
	padding-left	: 15px;
	line-height	: 20px;
	color		: #336633;
}

.ctgClass a{color: #336633; text-decoration: none;}

#presentation {border: solid 1px #C0C0C0; background:#EAEAEA; height:200px;}

.indLeft {float:left; width:140px;}
	.indLeft li {}

#contentIndex ul li.indHead {list-style-image: url(../images/indbig.jpg); padding-left:-20px;}
#contentIndex ul li.indChild {list-style-image: url(../images/indsmall.jpg); margin-left:-20px;}

.adpreview {
	color: #808080;
	border-left: solid 2px #cccccc;
	padding: 0px 5px 4px 4px;
	float: left;
	margin: 0 0 0 4px;
	width: 500px;
	font-size : 10px;
	line-height: 14px;
}
	.adpreview h2 {font-size : 12px; margin : 0px 0px 0px 0px; color: #3b5998; }
	
.tips {position: absolute; width: 330px;
	background-image	: url('../images/info.png');
	background-repeat	: no-repeat;
	background-position	: 12px center;
	padding: 0 0 0 40px;
	margin: 0 0 0 380px;
}


#content a {color:#1D1D1D;}
#content a:hover {color:#800000;}

.faqColom {padding: 3px; background:#FFFFCC; width: 300px;}

.ctgImg {float:left; width: 60px; margin: 10px 0 0 0px}
.ctgContent {float:right; width: 685px; margin: 5px 0 10px 0px}
	
.smsboxup {
	background: #FFFFAE;
	padding: 5px;
	margin:  0 0 5px 0px;
	border-top: solid 1px #B6ED92;
	border-right: solid 1px #B6ED92;
	border-bottom: solid 1px #336611;
	border-left: solid 1px #B6ED92;
}

.smsbox {
	padding: 5px;
	margin:  0 0 5px 0px;
	border-top: solid 1px #B6ED92;
	border-right: solid 1px #B6ED92;
	border-bottom: solid 1px #336611;
	border-left: solid 1px #B6ED92;
}

.fothead {}
	.fothead h2 {font-size: 13px; margin : -1px 0px 0px 0px; color: #336611; float: left;}
	
	
.contleft {float: left; width: 100px; text-align: right; margin: 2px 0 2px 0px;}
.contright {float: right; width: 645px; text-align: left; margin: 2px 0 2px 0px;}
	.contright img {padding: 3px;
			border: solid 1px #C0C0C0;
			border-bottom: solid 1px #808080;}
			
#iklanbaris2 img {padding: 3px; border: solid 1px #C0C0C0; border-bottom: solid 1px #808080;}

.needhelp {
	float: left;
	width: 245px;
	height: 100px;
	margin: 0 2px 0 2px;
}
	.needhelp h2 {text-align:left; font : 1.1em "verdana", Arial, Sans-Serif;  margin : 0px 0px 0px 0px; text-style: uppercase; color: #336611; text-transform: uppercase; font-weight: bold;}
	.needhelp a {color: #336611;}
	.needhelp p {margin: 5px 0 0 0px;}
	.needhelp p img {padding: 0 4px 0 0px; }
	
.ask {
	background-image: url(../images/pertanyaan.jpg);
	background-repeat: no-repeat;
	padding: 40px 0 0 0px;
	font-style: italic;
}

.answer {
	margin: 20px 0 0 0px;
	background-image: url(../images/jawaban.jpg);
	background-repeat: no-repeat;
	padding: 40px 0 0 0px;
}

.folder {
	background-image: url(../images/folder.jpg);
	background-repeat: no-repeat;
	padding: 0px 0 0 25px;
	margin: 10px;
}

.squarel li {list-style-type: square;}

.boxpreview {
	background: #f7fbf3;
	border-bottom: solid 1px #ced7e4;
	padding: 4px; 
	margin: 0 0 10px 0px;
}
	.boxpreview h2{color: #947b25; font-size: 12px; font-weight: bold; margin: 0 0 0 0;}
	.boxpreview p {margin: 0 0 0 0px;}
	.boxpreview img { float: left; padding-right: 4px; }