@charset "utf-8";
/* CSS Document */
* { margin:0}

body { font-family:Tahoma, Arial; font-size:11px; 
	   color:#333333;
	   margin:15px;}

a.scrollover {
      /* Default Colour/Styles here */
      color: #557AFF;
   }
a.scrollover em:first-line {
      /* Rollover Colour/Styles here */
      color: #FF5B3C;
 }

#tess { list-style:none; padding:0; margin:0}
#tess li { padding-bottom:10px; border-bottom:1px dashed #666666; margin-bottom:10px}

#testilist { list-style:none; padding:0; margin-top:5px}
#testilist li { display:inline-block; margin-bottom:3px; margin-right:1px }
#testilist li a { color:#333333; background:url(images/tag.png) no-repeat; padding:3px 3px 3px 20px; text-decoration:none; display:block;}
#testilist li a:hover { display:block; text-decoration:underline;padding:3px 3px 3px 20px;}

.error { background: url(images/cancel.png) no-repeat; padding-left:15px; color:#993300}
.doenk a{ color:#FFFFFF; text-decoration:none}
.doenk a:hover { color:#333333; text-decoration:underline} 

 h1 { font-family:Georgia, "Times New Roman", Times, serif; 
	 font-weight:lighter; 
	 color:#FF9900;
	 font-size:16px;
	 margin-top:0;}

h2 {font-family:Tahoma, Arial; font-size:11px; color:#99CC00; text-transform:capitalize; margin-top:10px; margin-bottom:5px} 
h2 a{ color:#99CC00; text-decoration:none; text-transform:capitalize}
h2 a:hover { color:#666666}
input { padding:5px; background:#CCCCCC ; border:none;  font-family:Tahoma, Arial; font-size:11px}
textarea{ padding:5px; background:#CCCCCC; border:none; font-family:Tahoma, Arial; font-size:11px}
select {padding:5px;text-transform:capitalize; background:#CCCCCC; border:none; font-family:Tahoma, Arial; font-size:11px}
option {padding:2px; text-transform:capitalize}
.mark { font-size:11px; color: #FFFFFF}

.onduty {min-width:800px; text-align:center; background: #999999; font-weight:bold; padding:5px; clear:both;}
.date {font-size:10px; padding-left:15px; background:url(images/date.jpg) no-repeat; color:#0099FF; }

#otherprod { list-style:none; padding-left:2px; padding-right:2px}
#otherprod li { padding-bottom: 10px ; margin-top:10px; border-bottom: dashed 1px #CCCCCC; min-height:120px;}
#otherprod li img { float:left; width:100px; margin-right:10px; margin-bottom:10px;}


#tag{float:left; width:270px; padding-top:40px; margin-left:40px;}
#newsindex { padding-left:2px; padding-right:2px; list-style:none}
	#newsindex li { padding-bottom:5px; margin-bottom:10px; border-bottom:1px dashed #CCCCCC}
	.noborder {padding-bottom:5px; margin-bottom:10px;}
	#newsindex li a { color: #99CC00;text-decoration:none}
	#newsindex li a:hover {color:#666666}
	#newsindex img {margin-right:5px}
	#newsindex p{margin-bottom:5px}

.howtouse { width:48%; float:left}
.artikle  { width:48%; float:right}

#listproduct  { margin-top:10px; padding-left:2px; padding-right:2px; list-style:none}
	#listproduct li{ text-transform:capitalize; text-indent:16px; 
					 height:20px; padding-top:3px; padding-bottom:3px; 
					 border-bottom:#CCCCCC dashed 1px; margin-bottom:3px;}
	#listproduct p {text-transform:capitalize; color:#99CC00; font-weight:bold}
	#listproduct li a { color:#666666; text-decoration:none}
	#listproduct li a:hover{ color: #0099FF}

#recomended { padding-left:2px; padding-right:2px; list-style:none; margin-top:10px;}
	#recomended li {float:left; width:150px; height:250px; margin-right:5px; 
					margin-bottom:10px; 
					padding:5px 5px 15px 5px;
					border: dashed 1px  #CCCCCC }
					
	#recomended li a{ color: #99CC00; text-decoration:none;}
					
	#recomended li img { width:150px; height:160px;}

.iconOrder {background:url(images/cart_03.jpg) no-repeat; 
			padding-left:20px; 
			height:20px; display:inline}
			
.iconMore {background:url(images/more_03.jpg) no-repeat; padding-left:20px; 
			}
.harga { color: #0099FF; font-weight:bold}
#wrap {min-width:900px;}
	#header { min-width:950px; 
			  height:155px; 
			  padding-bottom:20px;
			  border-bottom:  dashed 1px  #CCCCCC}
	#logo { width:250px; float:left}
	#tagline { width:350px; margin-top:25px; float:right; clear:right}
	#menu 	{width:680px;  height:40px; margin:10px; margin-bottom:10px; text-align:right; float:right; clear:right; }
		#nav { float:right;  margin-top:20px; padding-left:2px; list-style:none; padding-right:2px}
		#nav li {height:14px;float:left; margin-left:15px;}
		#nav li a {height:14px;}			
		#nav img {margin-right:5px}

#colwrap { width:100%; overflow:hidden; min-height:370px; clear:right}
#col1 { width:17%;  min-height:340px; float:left; padding:10px;  margin-bottom: -1000px; padding-bottom: 1000px;}
#col2 { width:56%; min-height:340px; float:left; padding:10px;border-left:dashed 1px #ccc; margin-bottom: -1000px; padding-bottom: 1000px;}

.formorder { clear:both; background:#FFFFFF}
.formorder img { float: none}
.formorder input { padding:5px; margin-bottom:10px; font-family:Tahoma, Arial; font-size:11px}
.formorder textarea {margin-bottom:10px; padding:5px; font-family:Tahoma, Arial; font-size:11px}
.formorder table {margin-top:20px;}

#col3 { width:20%; min-height:340px; float:left; padding:10px;;border-left:dashed 1px #ccc; margin-bottom: -1000px; padding-bottom: 1000px;}						
.colitem { width:100%;  margin-top:10px; padding-bottom:5px;}
.colitem p img {margin-bottom:5px; }

#bannerindex { padding-left:2px; padding-right:2px; margin-top:10px; list-style:none}
#bannerindex li { margin-right:5px; margin-bottom:5px; }
#bannerindex img{border:0; width:170px}

#productpage img { float:left; margin-right:15px}

#footer { width:100%; height:50px; border-top:#CCCCCC dashed 1px; clear: right}
	#innerfooter { padding:10px; }
	.leftfooter {width:200px; float:left}
	.rightfooter {width:500px; float:right}
	
#shopping-bag { height:36px; background:url(images/shoppingbag.png) no-repeat top left; margin-top:10px; width:129px;   font-family:Tahoma, Geneva, sans-serif; font-weight:bold; color:#24a6d6; padding-top:18px;  padding-left:45px}
#shopping-bag a {color:#72d91f; font-size:15px; text-decoration:none}
#shopping-bag a:hover {color:#24a6d6;}
.paging{ margin:10px 45px 20px 0; font-family:tahoma,arial; font-size:11px; color:#3366CC; display:block; clear:left; float:right}
.paging a{color:#3366CC; }