/*******************
      mypoeti
*******************/

body {
     margin:auto;
     width:100%;
     font-family: arial, helvetica, sans-serif;
     font-size: 80.5%;
     color: #000000;
     background-color: #ffffff;
     background-image:url('../templates/tpl_mypoeti/body.jpg');
     background-repeat:repeat-x;
     background-position:center top;
     }

#body{
      width:100%;
      height:600px;
      margin:auto;
      background-image:url('../templates/tpl_mypoeti/back.jpg');
      text-align:center;
      background-repeat:no-repeat;
      background-position:center top;
     }

table,tr,td {
	     border:0px solid black;
	    }

.cari {
	text-align:left;
      }  

.center {
	text-align:center;
	}
.center1 {
	  text-align:center;
	  border:1px solid SandyBrown;
	  width:50%;
	 }
.center2 {
	  vertical-align:top;
	  width:35%;
	 }

.gambar {
	border: 0px solid black;  //untuk mengatur pinggiran link gambar
	}

.harga {
        color:#1A65B0;
        font-size : 13px;
        font-family : arial,Constantia,Tahoma,Verdana;
       }

/* header */
.header {
	width:980px;
        text-align:center;
	margin:auto;
	margin-top:0px;
	}

.header1{
	/*background-image:url('../templates/tpl_mypoeti/header.jpg');*/
	width:980px;
	text-align:center;
	vertical-align:middle;
	height:300px;
	}


/* menu */
.top {
      width:970px;
      margin:auto;
      margin-top:150px;
      padding-top :0px;
      height:45px;
     }

.top1 {
	  width:96px;
	  background-image:url('../templates/tpl_mypoeti/menu_info1.jpg');
	  background-repeat:repeat-x;
	  color : black;
	  text-align:center;
	  vertical-align:middle;
	  font-size : 11px;
	  font-family : Tahoma,Verdana,Arial;
	  font-weight: bold;
	 }
	
.top1 a {
	    color : white;
	    text-decoration: none;  
	}
.top1 a:hover {
	       color :white;
	       text-decoration:underline;
	      }

/* mengatur menu  */

.menu1 {
        width:740px;
        vertical-align:bottom;
	background-color: none;
       }

.menu2 ul{
	  float:left;
	  width:100%;
	  padding:0;
	  margin:0;
	  list-style-type:none;
	 }
.menu2 a{
	 font-size : 13px;
	 float:left;
	 width:100px;
	 height:21px;
	 text-decoration:none;
	 text-align:center;
	 color:#ffffff;
	 background-image:url('../templates/tpl_mypoeti/menu_2.gif');
	 padding:10px 0px 0px 0px; 
	 border:0px solid black;
	 font-weight: bold;
	}
.menu2 a:hover {
		background-image:url('../templates/tpl_mypoeti/menu_1.gif');
		color:#4f0750;
	       }

.menu2 li {
	   display:inline;
	  }

/* mini cart */
.minicart1 {
	   width:230px;
	   height:100%;
	   vertical-align:bottom;
	   background-image:url('../templates/tpl_mypoeti/cart.gif');
	   background-repeat:no-repeat;
	  }
.minicart2 {
	   width:100%;
	   height:100%;
	   border:0px solid black;
	   color : #F6E9F6; 
	   text-align:right;
	   font-size: 11px;
	   font-family: Georgia, "Times New Roman", Georgia, serif;
	  }
.minicart2 a {
	   color : #F6E9F6; 
	   text-decoration: none;
	   font-weight: bold;
	  }
.minicart2 a:hover {
		  text-decoration:underline;
		}
/* kolom isi template */
.conten {
	 width:980px;
	 margin:auto;
         margin-top:23px;
	 background-color:#B150A1;	
	}



/* isi template */
.isi 	{
	width:980px;
	margin-bottom :40px;
	margin:auto;
        margin-top:23px;
	color:#000000;
        background-color:#B150A1;
	}
.isi1 	{
	width:100%;
	vertical-align:top;
	text-align:center;
	}

.samping {
	  width:185px;
	  vertical-align:top;
	 }

.tengah {
	 width:605px;
	 margin-top :0px;
	 vertical-align:top;
	}
.tengah1_atas{width:100%; height:15px; background-image:url('../templates/tpl_mypoeti/tengah_atas.jpg');}
.tengah1_bawah{width:100%; height:15px; background-image:url('../templates/tpl_mypoeti/tengah_bawah.jpg');}
.tengah1 {
	  width:100%;
	  margin-top:0px;
	  background-color:#f6e9f6;
	 }
.tengah1 h4 {
	     color:SandyBrown;
	     font-family : arial,Verdana,Arial;
	    }


.kotak_judul {
	      background-image:url('../templates/tpl_mypoeti/judul_atas.jpg');
	      width:100%;
	      height:35px;
	      color :#4f0750;
             }
.kotak_tengah {
	       width:100%;
	       padding:5px;
	       background-color:#f6e9f6;
	      }
.kotak_bawah {
	      background-image:url('../templates/tpl_mypoeti/judul_bawah.jpg');
	      width:100%;
	      height:15px;
             }

.kotak_scroll {
	       width:100%;
	       height:200px;
	       padding:5px;
	       background-color:#f6e9f6;
	      }


/* footer */
.isi_bawah{
	   background-image:url('../templates/tpl_mypoeti/bawah.jpg');
	   background-repeat:no-repeat;
	   height:25px;
	   width:100%;
	  }

.footer {
	 width:980px;
	 margin:auto;
	 margin-bottom :10px;
	 text-align:center;
	 font-weight: bold;
	 color :#4f0750;
	}

.footer a {
	   color :#4f0750;
	   text-decoration: none;
	  }
.footer a:hover {
		 color :#4f0750;
		 text-decoration:underline;
		}
.footer p {color:#4f0750;}



/*
   kolom cart
*/
.cart {
       width:980px;
       margin:auto;
       background-color:white;
      }
.minicart {
	   width:100%;
	   color:#000;
	   font-size: 11px;
	   font-family: Georgia, "Times New Roman", Georgia, serif;
	  }
.minicart a {
	     color : #fff;
	     text-decoration: none;
	    }
.minicart a:hover {
		   color : #fff;
		   text-decoration:underline;
		  }
.minicart div {
	       color:#ffffff;
	      }


.leftnav {
	  width: 150px;
	  font-size: 12px;
	  vertical-align: top;
	  font-size: 85%;
          text-align:left;
	  background-color:#f6e9f6;
         }

ul, ol {
	font-family: Georgia, "Times New Roman", Times, serif;
       }

.leftnav a {
	    padding: 3px; 
	    display: block;
	    border: 0px dotted #CCC;
	    text-decoration: none;
	    line-height: 1em;
	    //width: 150px ;
	   }

.leftnav a:link, .leftnav a:visited {
	                             color:#4f0750;
				    }

.leftnav a:hover, .leftnav a:active {
				     color:#ffffff;
				     background-color: #4f0750;
				     border: 0px solid #000;
				    }

.leftnav ul {
	     padding: 0em;
	     margin-left: 0em;
	     margin-right: 0em;
	     list-style-type: none;
	     font-weight: bold;
	    }

.leftnav li {
	     margin: 0px 0px 6px 0px; 	
	    }
.judul  {
	 width: 185px;
	 font-size : 11px;
	 font-family :Georgia,Forte,Arial;
	 font-weight: bold;
	 vertical-align:top;
	 text-align:center;
	 border: 0px dotted #CCC;
	 margin-top : 0px;
	}
.judul a {
	  /*/*/padding: 5px;
	  display: block;
	  border: 0px dotted #CCC;
	  text-decoration: none;
	  line-height: 1em;
	  /* */
	 }

.judul a:link, .judul a:visited {
	                         color:#4f0750;
				}

.judul a:hover, .judul a:active {
				 color:#4f0750;
				 border: 0px solid #000;
				 text-decoration:underline;
				}
.judul1 {
	 width: 185px;
	 font-size : 11px;
	 font-family :Georgia,Forte,Arial;
	 font-weight: bold;
	 vertical-align: top;
	 text-align:center;
	 border: 0px dotted #CCC;
	 margin-top : 5px;
	}

#current a {
	    color: #FFFFFF !important;
	    /*/*/background-color: #4f0750 !important;
	    border: 0px dotted #999 !important; /* */
	   }
.kolom_cart{
	    width:980px;
	    margin:auto;
	    margin-top : 23px;
	    background-color:#B150A1;
	   }
.cart_kosong {
	     font-family: Arial, Helvetica, sans-serif;
	     font-size: 12px;
	     background-color: #4f0750;
	     width:80%;
	     margin:auto;
 	     margin-top : 0px;
	    text-align:left;
	    }
.entryTable {
	     font-family: Arial, Helvetica, sans-serif;
	     font-size: 12px;
	     background-color: #4f0750;
	     width:80%;
	     margin:auto;
 	     margin-top : 0px;
	    text-align:left;
	    }

.entryTableHeader {
	           font-family: "Courier New", Courier, mono;
	           font-size: 14px;
	           color: #FFFFFF;
	           background-color: #4f0750;
	           font-weight: bold;
	           background-position: center;
	           border: 1px solid #000;
	          }

.entryTable .label {
		    background-color: #f6e9f6;
		   }

.entryTable .content {
		      background-color: #FFFFFF;
		     }


.infoTable {
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 12px;
	    background-color: #4f0750;
	    text-align:left;
	   }

.infoTableHeader {
		  font-family: "Courier New", Courier, mono;
		  font-size: 14px;
		  color: #FFFFFF;
		  background-color: #4f0750;
		  font-weight: bold;
		  background-position: center;
		  text-align:center;
		 }

.infoTable .label {
		   background-color: #f6e9f6;
		  }

.infoTable .content {
		     background-color: #FFFFFF;
		    }

.box {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      border: 1px solid #336699;
     }

.notice {
	 color: #996600;
	 font-weight: bold;
	}

#errorMessage   {
		 color: #990000;
		 font-weight: bold;
		}

input, select {
	       color : #000000;
	       font-size : 12px;
	       font-family : Tahoma,Verdana,Arial;
	      }
div {
     margin-top : 0px;
     margin-bottom : 0px;
     margin-left : 0px;
     margin-right : 0px;
    }
.px {
     padding-top : 0px;
     padding-bottom : 0px;
     padding-left : 0px;
     padding-right : 0px;
     margin-top : 2px;
     margin-bottom : 0px;
     margin-left : 0px;
     margin-right : 0px;
    }
.px5 {
      padding-top : 5px;
      padding-bottom : 0px;
      padding-left : 0px;
      padding-right : 0px;
      margin-top : 5px;
      margin-bottom : 0px;
      margin-left : 0px;
      margin-right : 0px;
     }
.menu {
       color : #FFFFFF;
       margin-top : 9px;
       padding-bottom : 9px;
       margin-left : 10px;
       margin-right : 10px;
       font-size : 11px;
       font-family : Tahoma,Verdana,Arial;
       font-weight: bold;
      }
.menu a {
	 color : #FFFFFF;
	 text-decoration: none;
	}
.menu a:hover {
	       color : #F2F2F2;
	      }
.title01 {
	  color : #FFFFFF;
	  margin-top : 5px;
	  padding-bottom : 5px;
	  margin-left : 10px;
	  margin-right : 10px;
	  font-size : 11px;
	  font-family : Tahoma,Verdana,Arial;
	  font-weight: bold;
	 }
.title02 {
	  color : #000000;
	  margin-top : 0px;
	  padding-bottom : 0px;
	  margin-left : 5px;
	  margin-right : 5px;
	  font-size : 11px;
	  font-family : Tahoma,Verdana,Arial;
	  font-weight: bold;
	 }
.title02 a {
	    color : #000000;
	    text-decoration: none;
	   }
.right {
	color : #003C5E;
	margin-top : 5px;
	padding-bottom : 10px;
	margin-bottom : 0px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
       }
.right b {
	  color : #EF6D00;
	 }
.right a {
	  color : #003C5E;
	 }
.right a:hover {
	        color : #000000;
	       }
.left {
       color : #FFFFFF;
       margin-top : 10px;
       padding-bottom : 10px;
       margin-bottom : 10px;
       margin-left : 10px;
       margin-right : 10px;
       font-size : 11px;
       font-family : Tahoma,Verdana,Arial;
      }
.left a {
	 color : #FFFFFF;
	}
.left a:hover {
		color : #000000;
	      }
li {
    color : #000000;
    margin-top : -1px;
    padding-bottom : -1px;
    margin-bottom : -1px;
    margin-right : 1px;
    font-size : 11px;
    font-family : Tahoma,Verdana,Arial;
   }
ul, ol {
	color : #000000;
	margin-top : 0px;
	padding-bottom : 0px;
	margin-bottom : 0px;
	margin-right : 0px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
       }
p {
   color : #000000;
   margin-top : 5px;
   padding-bottom : 5px;
   margin-bottom : 0px;
   margin-left : 10px;
   margin-right : 10px;
   font-size : 11px;
   font-family : Tahoma,Verdana,Arial;
  }
p a {
     color : #294A7B;
    }
p a:hover {
	   color : #000000;
	  }
.bot {
      color : #000000;
      margin-top : 20px;
      padding-bottom : 10px;
      margin-bottom : 0px;
      margin-left : 200px;
      margin-right : 10px;
      font-size : 11px;
      font-family : Tahoma,Verdana,Arial;
      font-weight: bold;
     }
.bot a {
	color : #000000;
	text-decoration: none;
       }
.bot a:hover {
	      color : #294A7B;
	     }

#info { 
       border:0px solid blue;
       width:100%;
       text-align:center;
       vertical-align:top;
       margin-top:5px;
      }

#info a,#info a:visited{
	 		color: #1A65B0;
	 		text-decoration:none;
	 		font-size: 12px;
	 		font-family: arial,"Times New Roman",times,tahoma, serif;
	 		font-weight: bold;
		       }

#info a:hover, #info a:active{
			      color:#4f0750;
			      text-decoration:underline;
 	      		     }
#info1 { 
	border:0px solid blue;
	width:100%;
	text-align:left;
	background-color:white;
	margin-top:5px;
       }
#info1 a,#info1 a:visited{
	 		  color:#3F70AB;
	 		  text-decoration:none;
	 		  font-size: 11px;
	 		  font-family:arial,"Times New Roman",times,tahoma, serif;
	 		  font-weight: bold;
			 }

#info1 a:hover, #info1 a:active{
				color: #880000;
				text-decoration:underline;
 	      		       }
#info1 p {
	  font-family: arial, Helvetica, sans-serif;
	  font-size : 13px;
	  text-align:justify;
	  text-indent:0px;
	 }
#info1 h2,h3,h4 {
	  	 color:#d0e4ee;
	  	 text-decoration:none;
	  	 text-align:left;
	 	}

.menu02 {
	 color : #FFFFFF;
	 margin-top : 5px;
	 padding-bottom : 5px;
	 margin-bottom : 0px;
	 margin-left : 20px;
	 margin-right : 20px;
	 font-size : 11px;
	 font-family : Tahoma,Verdana,Arial;
	 font-weight: bold;
	}
.menu02 a {
	   color : #FFFFFF;
	   text-decoration: none;
	  }
.menu02 a:hover {
		 color : #DDDDDD;
		}

.menu01 {
	 color : #FFF;
	 margin-top : 5px;
	 padding-bottom : 5px;
	 margin-bottom : 0px;
	 margin-left : 20px;
	 margin-right : 20px;
	 font-size : 11px;
	 font-family : Tahoma,Verdana,Arial;
	 font-weight: bold;
	}
.menu01 a {
	   color : #FFF;
	   text-decoration: none;
	  }
.menu01 a:hover {
		  text-decoration:underline;
		}



#kategori a {
	     /*/*/padding: 3px; 
	     display: block;
	     border: 1px dotted #CCC;
	     text-decoration: none;
	     line-height: 1em;
	     width: 150px ;/* */
	    }

#kategori a:link, #kategori a:visited {
					color: black;
				      }

#kategori a:hover, #kategori a:active {
					color: #ffffff;
					background-color: #6699CC;
					border: 1px solid #000;
				      }
div {
     color:#000000;
     font-size : 13px;
     font-family : arial,Constantia,Tahoma,Verdana;
    }
.tes {
       background-image:url('../templates/tpl_mypoeti/kotak.jpg');
       /*background-image:url('../templates/tpl_mypoeti/bg.gif');*/
       border: 0px solid #2996D5;
       text-align:center;
       /*background-color:white;*/
     }

.visitor {
	  width:95%;
	  margin:auto;
	  text-align:left;
	  font-size: 11px;
	  color:#000000;
	 }

/* konfir succes */
.home { 
	border:1px solid #045FB4;
	width:99%;
	margin:auto;
	text-align:left;
	font-size: 11px;
	background-color:white;
       }
.home a{
	 color:#3F70AB;
	 text-decoration:none;
	 font-size: 11px;
	}

.home a:hover {
		color: #880000;
		text-decoration:underline;
 	      }
.home p {
	 font-family: arial, Helvetica, sans-serif;
	 font-size : 12px;
	 text-align:justify;
	 text-indent:0px;
	}

/* 
   search 
*/
/* kolom isian search */
.form {
	text-align:center;
	width:135px;
	background-image:url('../templates/tpl_mypoeti/form.jpg');
	background-repeat:no-repeat;
       }
.form input {
	     border:0px solid blue;
	     background-color:#e0add8; 
	    }

/* mengatur tombol search */
.submit{
        cursor:pointer;
        border:outset 0px #ccc;
        width:100%;
	height:30px;
        color:#ffffff;
        font-weight:bold;
        padding: 0px 0px;
	background-image:url('../templates/tpl_mypoeti/go.jpg');
	background-repeat:no-repeat;
       }


.tombol {width:19px;}


/*  
    scroller testimoni   
*/

#pscroller2{
width: 100%;
height: 100px;
border: 0px solid black;
padding: 5px;
color:#000000
}
#pscroller2 b {
	       color:#000000;
     	       font-size : 13px;
     	       font-family : arial,Constantia,Tahoma,Verdana;
    	      }

#pscroller2 div {
		 color:#000000;
     		 font-size : 12px;
     		 font-family : arial,Constantia,Tahoma,Verdana;
    		}
.someclass1{ 
          //class to apply to your scroller(s) if desired
          }

/* testimoni */
.testimoni {
	    border:0px solid silver; 
	    width:100%;
	    text-align:left;
	   }
.testimoni p {
	 font-family: arial, Helvetica, sans-serif;
	 font-size : 13px;
	 text-align:justify;
	 text-indent:20px;
	}
.testimoni a {
	   color : #4f0750;
	   text-decoration: none;
	  }
.testimoni a:hover {
		  color :#4f0750;
		  text-decoration:underline;
		}

/* tombol-tombol payment */
.belanja_lagi{
        cursor:pointer;
	border:0px solid #336699;
	width:150px;
	height:25px;
	background-image:url('../templates/tpl_mypoeti/belanja_lagi.jpg');
	}
.selesai_belanja{
        cursor:pointer;
	border: 0px solid #336699;
	width:150px;
	height:25px;
	background-image:url('../templates/tpl_mypoeti/selesai_belanja.jpg');
	}
.hapus{
        cursor:pointer;
	border: 0px solid #336699;
	width:50px;
	height:25px;
	background-image:url('../templates/tpl_mypoeti/hapus.jpg');
	}
.edit{
        cursor:pointer;
	border: 0px solid #336699;
	width:100px;
	height:25px;
	background-image:url('../templates/tpl_mypoeti/edit.jpg');
	}
.proses{
        cursor:pointer;
	border: 0px solid #336699;
	width:100px;
	height:25px;
	background-image:url('../templates/tpl_mypoeti/proses.jpg');
	}
.edit2{
        cursor:pointer;
	border: 0px solid #336699;
	width:250px;
	height:25px;
	background-image:url('../templates/tpl_mypoeti/edit2.jpg');
	}
.konfirmasi{
        cursor:pointer;
	border: 0px solid #336699;
	width:200px;
	height:25px;
	background-image:url('../templates/tpl_mypoeti/komfir.jpg');
	}

/* produk scroll */
.productscrollsmoot{
	     width:100%;
	     overflow:hidden;
	    }

.messagediv{
	    display: none;
    	   }