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

* {margin:0px;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#imgprod {margin-top:10px}
body{ background:url(images/bg_01.jpg) no-repeat #000000;
	  font-size:12px; line-height:16px; font-family:"Lucida Sans Unicode", Verdana; 
	  color:#FFFFFF}

#content2 a {color:#99CC00; text-decoration:none; padding:2px	}

#content2 a:hover{color: #0099FF; 
                  background-image:url(images/hoverlink-bg_06.jpg);
				  padding:2px;}

#newproducttext {color:#129eaf}

#wrap {width:100%;
	  margin:0 auto;}

#logowrap { width:100%;}	

#leftadmin a { color:#FFFFFF; text-decoration:none; padding:5px; }
#leftadmin a:hover { padding:5px; color: #FF6600}

#logo{ width:791px; margin:0 auto; height:98px;
	   margin-top:14px; margin-bottom:20px;}
	   
#menuwrap { width:100%; height:30px; 
		background:#000000;}

#menu{  width:783px; 
		height:20px;
		padding:5px; 
		margin:0 auto}


#menu a{ text-decoration:none; color:#FFFFFF; 
		 border-bottom:2px solid #000000}

#menu a:hover {border-bottom:3px solid  #CCCC00; color: #0099FF}

#banner{ width:809px; 
		 height:214px; 
		 margin:0 auto}

#content-wrap{ width:100%; margin-top:20px; }

#content{width:750px; 
		 background:url(images/bg_25.jpg) bottom #000000 repeat-x; 
		 padding:30px; margin:0 auto; padding-top:10px; 
		 }

#content2{width:750px; 
		 background: url(images/bg_25.jpg)bottom #000000 repeat-x; 
		 padding:30px; margin:0 auto; padding-top:10px}
		 

#footer{ width:750px; 
		 background: url(images/bgfooter_42.jpg) repeat-x; 
		 padding:30px; margin:0 auto; padding-top:10px; 
		 font-size:9px; color:#999999}

#footer a {color:#99CC00; text-decoration:none}
#footer a:hover {color:#000000; background-color:#99CC00}

.newprod{float:left; border:none; 
		 margin-right:5px;margin-bottom:5px}
	 		
h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:16px;
     color: #CCCCCC;
	 margin-bottom:10px; }
	 
h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;
     color: #FF9900;
	 margin-bottom:5px; }

h2 a{	 color: #FF9900; text-decoration:none}
h2 a:hover {color: #99CC00 }
#kategoriproduct {list-style:none; float: left; text-align:center; margin-right:5px;}

#kategoriproduct a{list-style:none; float: left; 
				   font-weight:bold; 
				   text-transform:uppercase;
				   text-align:center; padding:3px; margin-bottom:5px; height:15px; text-decoration:none; 
				   color: #FF9900; background-image:url(images/hoverlink-bg_06.jpg); 
				   }
				   
#kategoriproduct a:hover{ list-style:none; float: left; font-weight:bold;
                          text-transform:uppercase; text-decoration:none; 
						  padding:3px; 
                          background-image:url(images/hoverlink-bg_09.jpg); 
						  color: #FFFFFF}

#header {font-size:12px; color: #000000; line-height:18px}

#uppercase a{text-transform:capitalize; color:#FF9900; text-decoration:none}

#uppercase a:hover{text-transform:capitalize; color:#0066FF;
                   background-image:url(images/hoverlink-bg_06.jpg)}

#imgnews{float:left; padding:3px; margin-bottom:15px; 
		 background-color:#CCCCCC; margin-right:10px; }

#recentnews { list-style:none; }

#recentnews a { text-decoration:none; color: #99CC00 }	
	 
#recentnews a:hover 
			{color: #FF9900; 
			background-image:url(images/hoverlink-bg_06.jpg) }

input { border:1px solid #999999; color:#99CC00; 
	    padding:4px; background:transparent; font-family:"Lucida Sans Unicode", Verdana;
	    font-size:12px; margin-bottom:5px}

select { 
	    padding:4px; width:200px; font-family:"Lucida Sans Unicode", Verdana;
	    font-size:12px; margin-bottom:5px}
		
#select { border:1px solid #999999; color:#99CC00; 
	    padding:4px; background:transparent; font-family:"Lucida Sans Unicode", Verdana;
	    font-size:12px}
		
textarea { border:1px solid #999999; color:#99CC00;  
		   padding:4px; background:transparent;  
		   font-family:"Lucida Sans Unicode", Verdana;
		   font-size:12px}

.order {border:1px solid #999999; color:#99CC00; 
        margin-top:5px; background:transparent; 
		margin-left:20px; padding:2px;}
		
.button { font-size:12px; color:#0033FF; 
          border:none; padding:2px; margin-top:5px}

.prosesorder{border-bottom:#999900 1px solid; padding-bottom:5px}
.confirm li { list-style:none; float:left; margin-right:10px }

#indexadmin { width:350px; height:270px; margin:0 auto; background-color: #000000; vertical-align:middle; border: #0033FF solid 3px;}
#login { width:330px; height:100px; padding:10px; line-height:20px;}
#logoadmin { height:95px; background-image:url(images/logoadmin.png); background-repeat:no-repeat}

#contentAdmin { width:90%; margin-top:15px; padding:10px;}
#leftadmin {width:150px; float:left; padding:10px; line-height:20px;}
#rightadmin {width:800px; margin-left:180px; padding:10px; border-left: #666666 solid 1px}

.forum {margin-bottom:20px;}
.forum img { margin-right:20px; float:left; border:4px solid  #333333}
.forum a img { margin-right:20px; float:left; border:4px solid  #333333}
.forum a:hover img { margin-right:20px; float:left; border:4px solid #99CC00}

.garisbawahs{ border-bottom:dotted 1px #666666}

.warna { color:#0066FF }
img{border:none}