body {padding:0; margin:0; font-family:verdana,arial,helvetica; background:#3D5A87 url(images/bg.gif); font-size:12px; color:#444 }
tr,td{font-family:verdana,arial,helvetica; color:#444; font-size:12px}
div,ul,ol,li,p { margin:0; padding:0 }

a { color:#194156; text-decoration:none } a:hover{ text-decoration:underline}
hr { border:0; border-bottom:1px solid #999; height:1px }

h1{font-size:1.7em; font-weight:bold; color:#194156; margin:0 0 0.5em 0; padding:0; font-family:helvetica,verdana; }
h2{ font-weight:bold; color:#194156; margin:0 0 0.5em 0; padding:0; font-size:1.3em  }

.wrap { clear:both; padding: 0; margin: 0; width:1px; height:1px;}
.wrapborder { clear:both; padding: 0; margin: 0; background:url(http://www.telimek.lipindonesia.com/themes/shop9/images/border_h.gif) repeat-x ; height:1px;}
.pad {margin:0 10px; padding:10px 0; text-align:left}
.left { float:left }
.right { float:right }
.color2 { color:#900 }

#loginframe {padding: 20px; background:#eee}
.loginframetr {margin-bottom:10px; padding:5px; background:#aaa; color:#fff; font-weight:bold}

#container { clear:both; margin:0 auto; padding:10px; width:980px; text-align:left; background:#fff;  }
#header { margin:0; auto; border:0px solid; background:#003366 }
#header1 { float:left; width:445px; height:100px; border:0px solid #ff9900; padding-left:20px; }
#header1 img { float:left; margin:10px 0 0 0  }
#header1 h1 { float:left; font-family:arial,helvetica; font-size:2.1em; color:#FFF; letter-spacing:0em; margin:20px 0 10px 20px }
#header1 h2 { float:left; font-family:arial,helvetica; font-size:1.2em; color:#fa0;  }
#header2 { float:right; width:480px; border:0px solid }
#header2 #header2top { margin-top:5px; padding-right:15px; text-align:right; border:0px solid #fff; color:#ffc }
#header2 #header2top a { color:#fff }
#header2 #header2bot { margin:5px 6px 0 0; position:relative;border:1px solid #FFCC66; background:#FCF7CD}
#header2 #login1 { margin:8px 20px 0; text-align:left; font-size:0.9em; border:0px solid }
#header2 #login2 { margin:15px 20px 8px; text-align:right; border:0px solid }

.tlink1 { padding:0 15px; color:#222; border-right:1px solid #F4AB00 }
a.tlink2 { padding:0 9px; color:#222; border-right:1px solid #F4AB00 }
a.tlink3 { padding:0 9px; color:#222; }
a.tlinkicon { padding:0 9px 0 25px; color:#222; border-right:1px solid #F4AB00 }
a.abdt:hover{text-decoration:underline; }

#menu {margin:0 auto; height:37px; background: #2C5B8B url(images/p2.gif) repeat-x; 	}
#menu .wrapper1 { height:36px; }
#menu .wrapper1 .wrapper2 { height:36px; padding:0 20px }

#navtop { float:left; width:960px; border:0px solid; font-size:0.9em	}
#navtop .aa { }
#navtop .a1 { border-right:1px solid #1a1f26; padding-left:10px; }
#navtop .a2 { border-left:1px solid #5e7088; border-right:1px solid #1a1f26; }
#navtop .a3 { border-left:1px solid #5e7088; }


#footer { margin:0 auto; padding:0; width:980px;  border-top:1px solid #ddd; position:relative; text-align:center; padding:10px 0 15px; font-size:0.9em }

#navbottom { list-style-type:none; margin:10px auto;  display:table; }
#navbottom li { float:left; }
#navbottom .aa { display:block; padding:0 9px; outline:none; color:#444;; border:0;  }
#navbottom .a1 { border-right:0px solid #aaa; }
#navbottom .a2 { border-left:1px solid #aaa; }
#navbottom .a3 { border-left:1px solid #aaa; }


#search { float:right; width:210px; text-align:right; border:0px solid }
.txtsearch{ width:140px; margin-top:7px; border:1px solid #fff }
.btnsearch{background:url(images/search_0.gif) no-repeat; width:58px; height:21px; border:0px solid}

#grey { margin:0 auto; width:980px; background:url(images/iboxbg.gif) repeat-x; border-bottom:1px solid #ccc }
#grey .wrapper { border-bottom:1px solid #ddd }

#grey .greytext { padding:9px 0 10px; font-size:0.9em; color:#222 }
#grey .grey1 {float:left; padding-left:45px; width:720px; color:#666; background: url(images/cursor.png) no-repeat 20px 6px; border:0px solid }
#grey .grey2 {float:right; margin-right:10px; width:180px; text-align:right; border:0px solid  }


.buttonku { display:table-cell; padding:1px 5px; color:#fff; border:1px solid #fff; font-weight:normal; font-size:.8em; }
.buttonbeli {  background:#f80;  }
.buttondetail { background:#679 }

.imgatblog {float:right; margin:0 15px 15px 0}

.mybox { padding:10px; border:1px solid #ccc; background:#ffe }
.litbox { margin:0 0 7px 0; }


#content { margin:0 auto; width:980px; border:0px solid }
#smain { float:left; width:560px; border:0px solid; padding:10px }
#smain ul,ol { margin-left:2em }
#smain li,p { margin:0.6em 0 }


#sleft { float:left; width:170px; border-right:1px solid #ccc; padding:10px 10px 10px 0  }
#sright { float:right; width:200px; border-left:1px solid #ccc; padding:10px 0 10px 10px }

/* dir navigation */
#dirnav {  padding:0;  font-size:1em; margin-bottom:10px }
#dirnav a:hover { text-decoration:none }
#dirnav h2 { position:relative; background:#336600; color:#fff; font-size:1em; font-weight:bold; display:block; padding:7px 10px; margin:0;  }
#dirnav ul { list-style: none; background:#eee; }
#dirnav ul li {  }
#dirnav ul li .level1 { font-weight:bold; color:#194156; display:block; padding:10px 0 5px 10px }
#dirnav ul li .red { color:#c00; font-weight:normal   }
#dirnav ul li ul { border-top:1px solid #fff;  }
#dirnav ul li ul li { padding:0 10px  }
#dirnav ul li ul li a { display:block; padding-left:0; font-size:1.1em; font-weight:normal; color:#194156; padding:2px 0 2px 13px;
	background: url(images/dot.gif) no-repeat 0 3px; border-bottom:1px solid #fff; }
#dirnav ul li ul li a:hover { background: url(images/dot.gif) no-repeat 0 3px; text-decoration:none; color:#a00  }
#dirnav .bot { background:#efefef url(http://www.telimek.lipindonesia.com/themes/shop9/images/admnavnav.gif) no-repeat left bottom; }
#dirnav .bot .wrapper { height:10px; background: url(http://www.telimek.lipindonesia.com/themes/shop9/images/admnavnav.gif) no-repeat right bottom; }


#bottomnav{ margin:0; padding:5px; text-align:center;height:20px; border-top:2px solid #abc; }
#bottomnav a{ margin:5px; text-decoration:none; white-space:nowrap; font-weight:bold}
#bottomnav a:hover{ text-decoration:none}


.list { }
.listdiv { padding:10px 0; border-top:1px solid #ddd }
.listdiv .col1 { float:left; position:relative; width:540px; height:80px; border:0px solid; padding:0 5px} 
.listdiv .col1 .imgpro {float:left; border:1px solid #ccc; margin-right:10px }
.listdiv .title { font-weight:bold; color:#194156; font-size:1.1em; margin-bottom:5px; display:block} 


.showleft { float:left; width:200px; padding:60px 20px 20px 0; text-align:center; border:0px solid }
.showright { float:right; width:370px ; margin-bottom:14px }
.showright h2 { font-size:1.4em; font-weight:bold; font-family:arial,helvetica;}
.showright table { margin:15px 0 }
.showright .l { font-weight:bold }
.showbottom { clear:both; border:0px solid}
.showbottom .detail { font-weight:bold; font-size:1.1em }

.showbottom table { border-bottom:0px solid #ddd; border-right:0px solid #ddd; width:100% }
.showbottom td { border-top:1px solid #ddd; border-left:0px solid #ddd; padding:10px;}

.showdetail { clear:both; border:0px solid #C84A35; margin:20px 0; padding:0  }
.showdetail span { color:#fff; padding:6px 15px; background:#C84A35; } 


#advcat1 { float:left; margin:0; padding:0; width:415px; text-align:left;  }
#advcat2 { float:right; margin:0; padding:0;  width:125px; text-align:right; }

.more {text-align:right; font-weight:bold; margin-bottom:5px; padding:0;width:99%}
.infop { margin:10px 0 25px; border-bottom:1px solid #bfbfa3 }
.infop span { padding:6px 15px; background:#f4f4e9; font-weight:bold; border:1px solid #bfbfa3; }


.msg0{color:#f00; font-size:1.2em }
.msg1{color:#390; font-size:1.2em}

#levelcontrol{ position:relative; padding:7px 12px; background:#CC9966; border-top:0px solid #ccc; border-bottom:0px solid #ccc; color:#fff}
#levelcontrol a{font-weight:bold; color:#fff}
#listcontrol{ padding:8px 12px; background:#f7f7ef; border-bottom:1px solid #ccc; font-weight:bold}
#level3 { background:#e7daeb; padding:6px 10px; font-size:0.9em }

.pagidiv{ margin:10px border:1px solid }
.pagidiv .gen { margin:2px; background:#fff; padding:6px; border:1px solid #ccc;  }
.pagidiv a { text-decoration:none; float:left; display:block }
.pagidiv a:hover { background:#eee }
.pagidiv span { float:left;  }
.pagidiv .cur{ background:#eee; }

.tbformborder{font-weight:normal; background:#fff; color:#000; border:0}
.tbformtitle { font-weight:bold; font-size:1.1em; color:#039; }
.tbformtools{ color:#ff9933; text-align:right; font-weight:bold;border-bottom:1px dotted #aaa}
.tbformfielda{ text-align:left; font-weight:bold}
.tbformfieldb{ width:100%; white-space:nowrap}
.tbformdesc {font-size:0.9em }
.tbformdescerr { color:#f00; font-style:italic }

form{ margin:0; padding:0; float:left}
.button{font-family:verdana,arial,helvetica;  background:#ccc; color:#333; margin-top:2px; margin-right:2px}
.ctext{font-family:verdana,arial,helvetica; font-size:1.1em; background:#fff; color:#333; margin-right:2px;border:1px solid #777}
.ctexterr{font-family:verdana,arial,helvetica;  font-size:1.1em; background:#fffffa; color:#333; margin-right:2px;border:1px solid #cc0000}

/* rounded box */
.box { clear:both; position: relative; border: solid 1px #ccc; padding:30px 10px 10px 10px; margin-bottom:10px } 
.box .title { position:absolute; font-size:1.1em; margin-bottom:20px; padding:0 5px; background:#ddd; top:-0.8em }
.box h1, .box h2 {position:absolute; font-size:1em; background:#005984; padding:5px 10px; top:-1px; left:-1px; color:#fff;  }
.box h3 {font-size:1em; padding:0; margin:0 }
.box h4 {font-size:1em; color:#090; font-weight:normal; padding:5px 0; margin:0 }
.box h5 {font-size:0.8em; font-weight:bold; padding:2px 0; margin:0 }
.c0  { position:absolute; width:10px; height:10px; }  
.c1 { background: url(http://www.telimek.lipindonesia.com/themes/shop9/images/greyrb.gif) no-repeat 0 0; top:-1px; left:-1px; }  
.c2 { background: url(http://www.telimek.lipindonesia.com/themes/shop9/images/greyrb.gif) no-repeat 0 -10px; top:-1px; right:-1px; }  
.c3 { background: url(http://www.telimek.lipindonesia.com/themes/shop9/images/greyrb.gif) no-repeat 0 -30px; bottom:-1px; right:-1px; }
.c4 { background: url(http://www.telimek.lipindonesia.com/themes/shop9/images/greyrb.gif) no-repeat 0 -20px; bottom:-1px; left:-1px; }  
.box img { margin:5px 0 } 
.sbnoframe { margin-bottom:10px; padding:0;} 

.e1 { background: url(http://www.telimek.lipindonesia.com/themes/shop9/images/boxsbiru.gif) no-repeat 0 0; top:0; left:0; }  
.e2 { background: url(http://www.telimek.lipindonesia.com/themes/shop9/images/boxsbiru.gif) no-repeat -10px 0; top:0; right:0; }  
.f1 { background: url(http://www.telimek.lipindonesia.com/themes/shop9/images/boxsungu.gif) no-repeat 0 0; top:0; left:0; }  
.f2 { background: url(http://www.telimek.lipindonesia.com/themes/shop9/images/boxsungu.gif) no-repeat -10px 0; top:0; right:0; }  

.g1 { background: url(http://www.telimek.lipindonesia.com/themes/shop9/images/boxsorange.gif) no-repeat 0 0; top:-1px; left:-1px; }  
.g2 { background: url(http://www.telimek.lipindonesia.com/themes/shop9/images/boxsorange.gif) no-repeat -6px 0; top:-1px; right:-1px; }  
.g3 { background: url(http://www.telimek.lipindonesia.com/themes/shop9/images/boxsorange.gif) no-repeat -6px -4px; bottom:-1px; right:-1px; }
.g4 { background: url(http://www.telimek.lipindonesia.com/themes/shop9/images/boxsorange.gif) no-repeat 0 -4px; bottom:-1px; left:-1px; }  

/* galeri */
.galeri { float:left; width:160px; border:1px solid #ccc; margin:10px 0 0 10px; padding:5px }
.galeri h5 { font-size:0.8em }