/* CSS Document */

body {background-color:#121212; font:normal 11px "Verdana", Arial, Helvetica, sans-serif; color:#5b5B5b; padding:0;margin:0}
form {margin:0; padding:0}
h3 { margin:0px; padding:10px; color:#950000}

#header{ width:729px; margin:0 auto; padding-left:20px; margin-top:10px}
#container {width:729px;margin:0 auto; background-image:url(bg_top.jpg); background-position:top left; background-repeat:no-repeat;padding-top:20px}
#center{width:699px; padding-left:15px; padding-right:14px;background-image:url(bg_center.jpg); background-position:top left; background-repeat: repeat-y;}
#content {width:691px; padding:2px 3px 2px 2px !important; padding:2px 3px 0 2px; margin:0 1px 0 1px; border:1px solid #202020; background-image:url(background.gif); /*background-image:url(bg_bunga.jpg);*/ background-position:top left; background-repeat:repeat}
#content img.cover {width:692px;height:289px;}
#content #content_relative {height:289px; position:relative}
#content_relative ul {margin:0; padding:0 0 0 280px; bottom:0; left:0; position:absolute; list-style:none; text-align:center}
#content_relative ul li {padding:2px;color: #fff;font-size: 100%;}
#content_relative ul li a {font:normal 15px 'Century Gothic',arial; color: #fff; text-decoration:none; text-transform:uppercase}
#content_relative ul li a:hover {text-decoration:underline}

#content #content_left {float:left; width:394px; border-right:1px solid #454545}
#content_left #img_big{width:394px; height:591px; background-image:url(../images/sabbatha_bali.jpg); background-repeat:no-repeat}
#content #center_right {float:left;width:292px; padding-left:3px}
.navigation{margin: 0 0 10px 0;}
.navigation dl{margin:0;padding:0}
.navigation dd{margin:0;padding:0;color: #555;font-size: 100%;border-bottom: 1px dashed #343434;}
.menu a, .menu a:visited {color:#950000;text-decoration:none;display:block;padding:5px 5px 5px 15px;width:272px;}
.menu a:hover {background: #343434;color:#d70000;}
.menu h2{font:normal 20px "Georgia", Times New Roman, Times, serif; margin:0; padding:5px 0 5px 0}


/*--------------------------------------- katalog ---------------------------------------------*/
#content #backtohome { width:106px; padding:2px 5px 0 1px; float:left}
#backtohome dl{margin:0;padding:0}
#backtohome dd{margin:0;padding:0;color: #555;font-size: 100%;}
.menutohome a, .menutohome a:visited {color:#950000;text-decoration:none;display:block;background: transparent url(../images/bt-list-home.gif) 2px 50% no-repeat; padding:5px 5px 5px 15px;width:86px;}
.menutohome a:hover {color:#d70000;}
#content #wrap_product{ width:579px; float:left}
#wrap_product h2{font:normal 20px "Georgia", Times New Roman, Times, serif; color:#c6a43f;margin-top:0px; margin-left:9px; padding-top:0px}
#wrap_product p{ line-height:12pt; color:#aeaeae; margin-left:9px;}
#wrap_product table {width:100%; margin-bottom:50px}
#wrap_product td{padding:2px 2px 2px 2px}
#wrap_product .atas{background-color:#8c8c8c; text-align:center; border:1px solid #747474;color:#fff;}
#wrap_product .tengah{background-color:#d3d3d3}
#wrap_product .inputan{width:33px; border:1px solid #787878;font-size:11px;margin-right:3px}
#wrap_product .edit{font-size:11px ;margin-right:3px}
#wrap_product a{color:#950000;text-decoration:underline }
#wrap_product a:hover{color:#d70000;}
#wrap_product .bawah{text-align:right; border-top:1px solid #747474}
p .empty{border-top:1px solid #fff;width:500px; padding-bottom:250px;}
#wrap_product #blackbox {width:559px; padding:10px; background-color:#000; color:#F2BF48; text-align:center}



.wrapimg{width:126px;margin:5px 7px 15px !important; margin:5px 5px 15px; float:left;}
.wrapimg .imgname{text-align:left;padding:0;margin:0; line-height: normal; color:#531500; font-weight:bold;}
.imgname a{color:#777777;font-weight:normal;}
.imgname a:hover{color:#4f4f4e; background:none;}
.wrapimg img{margin-bottom:5px; padding:2px}
.wrapimg a:hover{color:#6e6e6e;}
.wrapimg a:link img, .wrapimg a:visited img{border:1px solid #363636;}
.wrapimg a:focus img, .wrapimg a:hover img, .wrapimg a:active img{ border:1px solid #6e6e6e}
.thumbnail{ position: relative; z-index: 0;}
.thumbnail:hover{background-color: transparent;z-index: 50;}
.thumbnail span{ position: absolute;background-color: #121212;padding: 5px;left: -1000px;visibility: hidden;text-decoration: none;}
.thumbnail span img{border-width: 0;padding: 2px;}
.thumbnail:hover span{ visibility: visible;top: -50px !important;top: 50px;left: 60px;}


/* ------------------------ pagination -----------------------  */ 
.page{padding: 2px; margin:0 0 10px 5px; clear:left}
.page ul{margin: 0;padding: 0;text-align: left; font:normal 11px Georgia, "Times New Roman", Times, serif;}
.page li{list-style-type: none;display: inline;padding-bottom: 1px;}
.page a, .page a:visited{padding: 3px 5px 3px;text-decoration: none; color: #ababab; font-size:11px;}
.page a:hover, .page a:active{color: #d70000;}
.page a.currentpage{color: #fff;font-weight: bold;cursor: default;}
.page a.disablelink, .page a.disablelink:hover{cursor: default;color: #929292;font-weight: normal !important;}
.page a.prevnext{font-weight: bold;}
/*------------------------------------------------------------------- detail ---------------------------------------------------------- */
#content #detail_left {float:left;width:393px;}
#detail_left img{border:1px solid #454545;padding:2px}
#content #detail_right {float:left;width:298px;}
#detail_right #for_link{ width:auto; padding:2px; margin-bottom:10px}
#for_link dd{margin:0;padding:0;color: #555;font-size: 100%;}
#detail_right #description{width:295px; background-color:#4f4f4f; line-height:12pt; margin:45px 0 0 3px}
#description h2{width:auto; margin:0; padding:5px; background-color:#e6e6e6; font:normal 16px Georgia, "Times New Roman", Times, serif; color:#4f4f4f}
#description p{width:auto;padding:5px; color:#e6e6e6; margin:0}
.myform p { border-top:1px solid #2D2D2D; padding:2px}
.myform input.text{ width:40px; border:1px solid #2d2d2d; padding:2px 2px 1px 2px !important; padding:2px 2px 3px 2px}
.myform input.submit {padding:1px 2px 0 2px; border:1px solid #2d2d2d; cursor:pointer}
.myform label{float:left; width: 30px; margin-right:2px; padding: 2px}
/*.menutohome a, .menutohome a:visited {color:#950000;text-decoration:none;display:block;background: transparent url(../images/bt-list-home.gif) right no-repeat; padding:5px 15px 5px 5px;width:86px;}
.menutohome a:hover {color:#d70000;}*/


.clear {clear:left; margin:0;padding:0}
#footer{width:713px; padding: 16px 0 0 16px;margin:0 auto ; margin-bottom:28px; background-image:url(bg_bottom.jpg); background-position:top left; background-repeat:no-repeat; font:normal 11px Georgia, "Times New Roman", Times, serif}
#footer a{text-decoration:none; color:#747474;}
#footer a:hover{text-decoration:none;}
/*#footer{width:729px;margin:0 auto; margin-bottom:28px; background-image:url(bg_bottom.jpg); background-position:bottom left; background-repeat:no-repeat;padding-bottom:16px}
#foot{width:699px; padding-left:15px; padding-right:15px; text-align:center;background-image:url(bg_center.jpg); background-position:top left; background-repeat: repeat-y;}*/
#foot{width:auto}
.white {color: #CFCFCF}
.cssform label{float: left;width: 150px;}

.cssform input[type="text"]{ width: 180px;border:1px solid #cecece}
.cssform input{border:1px solid #cecece}
.cssform textarea{width: 250px;height: 150px;border:1px solid #cecece}