* {
   margin:0;
   padding:0;
   outline:none;

}

body {
  font-family:arial, verdana,"trebuchet MS", serif;
  font-size:12px;
  background-color:#0e1b8d;
  background-image:url(../images/bgbody.gif);

}

#container {
  position:relative;
  margin:auto;
  width:740px;
  height:auto;
  padding:0 20px;
  padding-bottom:5px;
  background-color:white;
  background-image:url(../images/containerbg.jpg);
  background-repeat:repeat-y;
  background-position:center;
  
}
#music {
  position:absolute;
  width:60px;
  height:20px;
  top:0px;
  right:-62px;
  background-image:url(../images/musicbg.png);
  background-repeat:repeat-x;
}

/* navigasi atas */

#header {
   width:auto;
   height:190px;

}

#topnav {
  margin-left:337px;
  padding:5px 0;
  
  }

#topnav li {
  display:inline;
  padding:0 5px; 
}

#topnav a:link, #topnav a:visited{
   text-decoration:none;
   color:#054db9;
}


#topnav a:hover {
   text-decoration:none;
   color:#f26522;
}

/* navigasi kiri*/
#left{
  width:165px;
  background-image:url(../img100908/groceryimages/bg-leftnaf.gif);
  background-repeat:no-repeat;
  
  }
  
  
#left ul{
  margin-left:20px;
  padding:4px;
  padding-bottom:30px;
  padding-top:15px;
  color:#105c35;
  }
  
#left_nav li{
  padding:4px 0;
  letter-spacing:1px;

}  
#left_nav  a:link, #left_nav a:visited{
  color:#054db9;
  text-decoration:none;
  font-weight:normal;
  }
  
#left_nav  a:hover{
  color:#ffae00;
  text-decoration:none;
  font-weight:normal;
  }
  
a img {
  border:none;

}  

#event  {
  padding:0px 10px 25px 10px;
  }
  
#event img  {
  padding:0px 0;
  }
  
#menu img {
  margin-left:0px;
  margin-top:5px;

}

#left_nav h2 {
  font-size:12px;
  color:white;
  text-align:center;
  background-color:#0e1b8d;
  background-image:url(../img100908/appliancesimages/ext-garantie.jpg);
  background-repeat:no-repeat;
  padding:16px 0px 15px 45px;
  

}
#resep h2{
  font-size:12px;
  color:white;
  text-align:center;
  background-color:#0e1b8d;
  background-image:url(../img100908/appliancesimages/zepro.jpg);
  background-repeat:no-repeat;
  padding:28px 0px 27px 50px;
  

}

#left_nav h3 {
  font-size:12px;
  color:#0e1b8d;
  text-align:center;
  margin-bottom:20px;
}

em {
  font-size:9px;

}

#resep ul{
  font-size:12px;
  padding:0px;
  padding-bottom:20px;
  margin:0px 0px 0px 20px;

}

#resep li{
  padding:0px;
}

#resep a:link, #resep a:visited {
  font-size:12px;
  padding:0px;
  margin:0px;

}


#resep a:hover {
  font-size:12px;
  padding:0px;
  margin:0px;

}


/* content */
#middle {
  color:#555555;
  position:absolute;
  top:190px;
  left:195px;
  width:560px;
  border: 0px solid #02a3e0;
  background-repeat:no-repeat;
  padding-top:10px;
  padding-right:5px;
  border-left:1px solid #fcc4fb;
}


#middle h1, #middle h2 { 
  color:#054db9;
  margin-left:10px;
  text-align:center;
}

#greenbagpar {
  color:#555555;
  padding-bottom:120px;
  margin-left:40px;
  margin-bottom:50px;
  text-align:left;

}

#middle h1{
  font-size:20px;
}

#middle h2 {
  font-size:14px;
}


#middle li{
  margin-top:20px;
}

span {
   color:#92278f;


}

/* footer */
#footer {
   padding:15px;
   font-size:10px;
   text-align:center;
   background-color:#054db9;
   margin-top:200px;
   margin-bottom:7px;
   color:white;


}