@charset "utf-8";

body {
	margin-left:0px;
	margin-top:0px;
	background-image: url(images/design-terang-bg_03.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

.addthis_button{
	position:relative;
	top:5px;
	left:80px;
}




#getDebug{
color:#FFFFFF;

}

.page-topleft imgxxx{

/* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
}


.page-topright{
background-image: url(images/maintable_02.jpg);
	background-repeat: no-repeat;
	background-position: left top;

}

 img {
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
 border:none;
 }

.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;}
.qmmc {position:relative;left:200px;}
.qmmc a {float:left;display:block;white-space:nowrap;}
.qmmc div a {float:none;}.qmmc div {visibility:hidden;position:absolute;}


#qm0{
	background-color:transparent;	
}


#qm0 a{
	color:#A1A1A1;
	background-color:none;
	font-family:Arial;
	font-size:11px;
	text-decoration:none;
	padding:5px 20px 5px 8px;
	border:none;	
}

#qm0 a:hover{
	background-color:#393939;

}

body #qm0 .qmactive, body #qm0 .qmactive:hover	{
	background-color:#393939;
	text-decoration:none;
	color:#FFD765;
}

#qm0 .qmparent	{
	background-image:url(images/arrow_down.gif);
	background-repeat:no-repeat;
	background-position:95%;
}



#qm0 div	{
	background-color:#efefef;
	padding:0px 6px 6px 0px;
	margin-top:-1px;
	margin-left:0px;
	background: url(images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(images/shadowAlpha.png) no-repeat bottom right;
	opacity: 0.95;
	-moz-opacity: 0.95;
	filter: alpha(opacity=95);
}

#qm0 div a:hover	{
	background-color:#444444;
	
	padding-left:5px;
	color:#aaaaaa;
}

body #qm0 div .qmactive, body #qm0 div .qmactive:hover	{
	background-color:#ffffff;
}

#qm0 div .qmparent 	{
	background-image:url(images/arrow_right.gif);
}

#qm0 div a	{
	background-color:#393939;

	padding:2px 40px 2px 5px;
	border-width:0px;
	border-style:none;
	border-color:#000000;
	color:#aaaaaa;
}

.homecontent{
	

}

a{
 color:#FF9B0D;
 font-weight:bold;
 text-decoration:none;

}

a:hover{
 text-decoration:underline;
}

#leftcontent li{
	list-style-image:url(images/bulletArrow.gif);
	margin-left:20px;
}

#rightcontent li{
	list-style:none;
	margin-left:20px;
}

#rightcontent li img{
	padding-right:5px;
}

#rightcontent li #produktitle{
	margin-top:20px;
	color:#FFA200;
	background-color:none;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
}

#rightcontent li #produkcontent{
	color:#464646;
	background-color:none;
	font-family:Verdana;
	font-size:12px;
}

#produkList td #produktitle{
	margin-top:5px;
	color:#FFA200;
	background-color:none;
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
}

#produkList #produktitle{
	background-image:url(images/bulletArrow.gif);
	background-repeat:no-repeat;	
	background-position:50%;
	padding:0px 0px 0px 100px;
}

#produkList td #produkcontent{
	color:#464646;
	background-color:none;
	font-family:Verdana;
	font-size:10px;

}



.footer{
	padding-top:20px;
	width:770px;
	height:58px;
	background-image:url(images/maintable_08.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
	padding-right:10px;
	
}




#reltitle{
	position:relative;
	top:35px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333333;
	font-size:14px;
	border-left:14px solid #FF6600;
	padding-left:5px;
}
#bottomPageNav{
	position:relative;
	width:360px;
	left:120px;
	text-align:right;
}
#bottomPageNav a{
	position:relative;
	width:20px;
	text-align:center;
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:10px;
	border:1px solid #333333;
	margin-right:5px;
	margin-bottom:5px;
	text-decoration:none;
}

#bottomPageNav a:hover{
color:#FFFFFF;
	background-color:#333333;
}

#bottomPageNav .active{
	position:relative;
	width:20px;
	text-align:center;
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#333333;
	font-size:10px;
	border:1px solid #333333;
	margin-right:5px;
	margin-bottom:5px;
}

.relatedContent{
	position:relative;
	top:30px;
}

.relatedContent #linkTitle a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;	
	font-weight:normal;

}

.relatedContent #linkTitle {
	
	border-bottom:1px dashed #666666;
	padding:10px 0px 10px 0px;

}

.homecontent #leftcontent{
	padding:0px 3px 3px 0px;
	position:relative;
}

.homecontent #rightcontent{
	padding:80px 3px 3px 0px;
	position:relative;
}

.homecontent #leftcontent #welcome #title{
	position:relative;
	top:-30px;
	padding:50px 20px 0px 5px;
	color:#EAEAEA;
	background-color:none;
	font-family:Verdana;
	font-size:18px;
	letter-spacing:10px;
	border-left-width:5px;
	border-left-style:solid;
	border-left-color:#FF6600;
}



.contact-area{
	background-image:url(images/bottombg.jpg);
	background-position:100%;
	background-repeat:repeat-y;
	width:252px;
	
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
	padding-right:10px;
}

.under-contact-area{
	background-image:url(images/maintable_07.jpg);	
	background-position:100% 0%;
	background-repeat:no-repeat;
	width:252px;
	height:58px;
}

.homecontent #leftcontent #welcome #content{
	margin-top:15px;
	padding:0px 20px 0px 20px;
	color:#464646;
	background-color:none;
	font-family:Verdana;
	font-size:12px;
}

.summary  #title{
	padding:0px 20px 0px 20px;
	margin-top:20px;
	color:#882407;
	background-color:none;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
}

.summary #content{
	padding:0px 20px 0px 20px;
	color:#464646;
	background-color:none;
	font-family:Verdana;
	font-size:12px;
	font-weight:normal;
}

.summary #content li a{
	color:#464646;
	text-decoration:none;
	font-weight:bold;
}
.summary #content a:hover{
	text-decoration:underline;
}

.homecontent #rightcontent #produkList #title{
	color:#882407;
	background-color:none;
	font-family:Verdana;
	font-size:18px;
}

.homecontent #rightcontent #produkList #content{
	margin-top:15px;
	color:#464646;
	background-color:none;
	font-family:Verdana;
	font-size:12px;
}


.content #leftcontent #contentTitle {
	position:relative;
	top:-30px;
	padding:50px 20px 0px 5px;
	color:#EAEAEA;
	background-color:none;
	font-family:Verdana;
		font-size:18px;
	letter-spacing:5px;
	
	border-left-width:5px;
	border-left-style:solid;
	border-left-color:#FF6600;
}


.content #leftcontent #contentSubTitle {
	position:relative;
	top:-30px;
	padding:0px 20px 0px 5px;
	color:#eaeaea;
	background-color:none;
	font-family:Verdana;
	font-size:12px;

	letter-spacing:5px;
	
	border-left-width:5px;
	border-left-style:solid;
	border-left-color:#FF6600;
}



.content #rightcontent{
	padding:80px 3px 3px 0px;
	position:relative;
	color:#882407;
	background-color:none;
	font-family:Verdana;
	font-size:18px;
}


.content #leftcontent #contentBody {
	padding:10px 20px 0px 20px;
	color:#464646;
	background-color:none;
	font-family:Verdana;
	font-size:11px;
	line-height:16px;
	font-weight:normal;
	
}



/*
    The following are some sample styles used in the "Styles" toolbar command.
    You should instead remove them, and include the styles used by the site
    you are using the editor in.
*/

.Bold
{
	font-weight: bold;
}

.SectionTitle
{
	font-family:"Verdana";
	font-weight:bold;
	font-size: 12px;
	color: #882407;
}

.Code
{
	border: #8b4513 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	color: #000066;
	font-family: 'Courier New' , Monospace;
	background-color: #ff9933;
}

.regularText{

font:11px Geneva, Arial, Helvetica, sans-serif;
color:#686868;
}


.content{
	margin-bottom:20px;
}

.content #title{
font:14px Geneva, Arial, Helvetica, sans-serif;

}

.content #schedule{
	font:11px Geneva, Arial, Helvetica, sans-serif;
	border-left:3px solid #666666;
	padding:3px 3px 3px 10px; 
	margin:20px 0px 0px 0px; 
}

.content #desc{
text-align:justify;

}







.comment {
 margin:0px 0px 0px 100px;
 
}

.comment #title{
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 border-bottom:1px solid #999999;
 margin-bottom:30px;
 font-weight:bold;
 padding:2px 2px 2px 2px;
 
}

.comment #form #title{
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 border-bottom:1px solid #999999;
 margin-top:30px;
 font-weight:bold;
 padding:2px 2px 2px 2px;
 
}

.comment-item{
	background-color:#eaeaea;
	margin-bottom:10px;
	border-left:5px solid #FF6600;
	padding: 5px 5px 5px 10px;
}

.comment-item #comment-details{
	background-color:#fafafa;
	padding:2px 2px 2px 2px;
	margin:2px 2px 2px 2px;
}

.comment #comment_name,#comment_email,#details {
 
 margin-bottom:10px;
 background-image:url(images/fieldbg.jpg);
 background-position:top left;
 background-repeat:no-repeat;
 border:1px solid #999999;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 padding:2px 2px 2px 2px;
 color:#666666;
 
}





.comment textarea {
	width:400px;
	height:80px;
}

.comment #list #nocomment{
	margin-top:50px;
	padding:10px 10px 10px 10px;
	background-color:#eaeaea;
	text-align:center;
}


#shoppingCart{
	margin-top:40px;

}



#shoppingCart .sheader{
	 font-family:Arial, Helvetica, sans-serif;
 	 font-size:11px;
	 font-weight:bold;
	 border-bottom:1px solid #999999;
	 color:#666666;
	 background:#99CC66;
}

#shoppingCart .scontent{
	 font-family:Arial, Helvetica, sans-serif;
 	 font-size:11px;
	 color:#666666;
	 border-bottom:1px solid #999999;
}

#shoppingCart .grandtotal{
	 font-family:Arial, Helvetica, sans-serif;
 	 font-size:11px;
	 color:#CC0000;
	 font-weight:bold;
	 border-bottom:1px solid #999999;
}

#shoppingCart input,textarea{

 background-image:url(images/fieldbg.jpg);
 background-position:top left;
 background-repeat:no-repeat;
 border:1px solid #999999;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 padding:2px 2px 2px 2px;
 color:#666666;
 }
 
 #shoppingCart #title{
	 font-family:Arial, Helvetica, sans-serif;
 	 font-size:14px;
	 font-weight:bold;	 
	 color:#666666;
}