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

body {
margin:0; 
padding:0; 
background-color:#d9d9d9;
background-image:url(images/background.jpg);
background-repeat:repeat-y;
background-position:center;
font-family:"Tahoma";
font-size:11px;
color:#333333;
}
a {color:#333333;}
a:hover {color:#2796b5;}
.clear {clear:both;}
.big {font-size:12px; font-family:"Verdana"; color:#000000; font-weight:bold; text-decoration:none;  }
img {border:none;}
#wrapper {
width:1000px;
margin:0 auto;
background-image:url(images/bg-wrapper.jpg);
background-position:top;
background-repeat:no-repeat;
}
#top {
width:1000px;
height:135px;
margin:0 auto;
}
#logo {
width:220px;
height:135px;
float:left;
}
#logo img {margin-left:35px; margin-top:5px;}
#top-right {
width:780px;
height:135px;
float:right;
}
#top-menu {
width:750px;
float:right;
padding:5px 15px;
text-align:right;
}
#banner {
width:468px;
height:60px;
margin-top:20px;
margin-right:50px;
float:right;
}
#pita-atas {
height:23px;
width:1000px;
margin:0 auto;
}
#title {
float:left;
margin-top:6px;
margin-left:20px;
text-transform:uppercase;
}
#search-box {
width:202px;
height:17px;
margin-top:5px;
padding-left:10px;
float:right;
margin-right:20px;
background-image:url(images/bg-search.png);
background-repeat:no-repeat;
background-position:center;
}
#search-box input[type=text] {
float:left;
height:14px;
width:170px;
font-family:"Tahoma";
font-size:10px;
color:#666666;
background-color:transparent;
border:none;
padding:0;
margin:0;
}

#badan {
width:1000px;
margin:40px auto 0 auto;
background-image:url(images/bg-badan.jpg);
background-repeat:repeat-y;
}

#left-sidebar {
width:178px;
float:left;
margin-left:15px;
}
#konten {
width:581px;
float:left;
margin-left:15px;
}
#right-sidebar{
width:178px;
float:left;
margin-left:14px;

}
#badan-bawah {
clear:both;
width:1000px;
height:9px;
background-image:url(images/bg-badan-bawah.jpg);
background-position:center;
background-repeat:no-repeat;
}
#judul {
width:100%;
height:18px;
background-image:url(images/bg-pita.jpg);
background-repeat:repeat-x;
font-family:"Verdana";
color:#000000; 
font-weight:bold;
/*text-shadow:#ffffff 1px 1px 0; */
text-decoration:none;
text-align:center;
text-transform:uppercase;
padding-top:4px;
margin-left:1px;
font-size:12px;
border:solid 1px #acacac;
}
#judul-katalog {
width:100%;
height:18px;
background-image:url(images/bg-pita.jpg);
background-repeat:repeat-x;
font-family:"Verdana";
color:#000000; 
font-weight:bold;
/*text-shadow:#ffffff 1px 1px 0; */
text-decoration:none;
text-align:left;
text-transform:uppercase;
padding-top:4px;

margin-left:1px;
font-size:12px;
border:solid 1px #acacac;
}
#judul-katalog a{text-decoration:none;}
#judul-katalog a:hover {text-decoration:underline;}
select {
width:150px;
font-family:"Tahoma";
font-size:10px;
margin-top:15px;
margin-left:15px;
margin-bottom:15px;
}
option {
width:122px;
font-family:"Tahoma";
font-size:10px;
}
#best-seller-box {
width:154px;
margin:15px auto;
text-align:center;
display:block;
}
.harga-coret {color:#990000; text-decoration:line-through; font-weight:bold;}
.harga {font-weight:bold;}
#best-seller-box img {
border:solid 4px #7c7c7c; margin-bottom:3px;}
#best-seller-box:hover {background-color:#b1f3fb;}

#slide {
width:581px;
height:205px;
background-color:#FFFFFF;
border:solid 1px #FFFFFF;
}
#katalog {text-align:center; width:530px; margin:auto;}
#katalog-box {
width:154px;
margin:15px 11px;
text-align:center;
float:left;
}
#detail {width:530px; margin: 15px auto;}
.nama-produk {font-size:12px; text-transform:uppercase; font-weight:bold;}
.kode-produk {font-size:9px; font-weight:bold;}
.foto-produk {width:500px; margin:auto;}
.foto-produk img {border:solid 8px #666666; margin:10px auto;}
#katalog img {
border:solid 4px #7c7c7c; margin-bottom:3px;}

#login-box {
width:155px;
margin:10px auto 15px auto;
}
#login-box input[type=text] ,input[type=password]{
height:12px;
width:155px;
font-family:"Tahoma";
font-size:10px;
color:#666666;
margin-bottom:5px;
}
#login-box input[type=submit] {
height:20px;
font-family:"Tahoma";
font-size:10px;
text-transform:uppercase;
padding:0;
float:right;
font-weight:bold;
}

#cart-box {
margin:10px auto 15px;
width:175px;
text-align:center;
}
#promotion-box {
width:170px;
margin:10 auto;
}
#promotion-box ul {margin:10px 0; padding:0;}
#promotion-box ul li {margin-bottom:5px; list-style-position:outside; list-style-image:url(images/bullet-small.gif);margin-left:25px;}

#footer {
text-align:center;}
#navigasi-halaman {margin-top:10px; background-color:#FFFFFF; border:solid 1px #666666; text-align:center;}
#paging {background-color:#FFFFFF; border:solid 1px #666666; text-align:center;}
.navigazi {margin-right:20px;}
.highlight {color:#990000; font-weight:bold; }
.navigasi {padding:0 10px; color:#999999;}
a.navigasi  {color:#333333; text-decoration:none;}
#thumbnail {text-align:center;}
#thumbnail img {cursor:hand;cursor:pointer; border:solid 1px #666666;}
.deskripsi { padding:5px 10px; border:solid 1px #666666; margin-top:10px; background-color:#FFFFFF;}
.harga-detail {font-size:16px; color:#2796b5; font-weight:bold;}
.tombol-order {width:125px; margin:10px auto 0 auto;}
.note {font-weight:bold; font-style:italic; color:#FF0000;}
.coret {color:#990000; text-decoration:line-through;}
#artikel { width:530px; margin:auto;}
#kanan {float:right; margin-right:10px;}

/*****TAMNBAHAN********/
#box-tombol-katalog {text-align:center; width:101px; margin:auto;}
#tombol-katalog {float:left; background-image:url(images/bg-pita.jpg); background-repeat:repeat-x; font-size:9px; text-align:center; padding: 4px; margin:3px;}
#tombol-katalog a:hover {color:#fff;}#left-sidebar ul									{ list-style: none; padding:0; margin:0 0 0 2px; z-index:9998;} 


/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; z-index:9999;}
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; background: #f6f6f6; }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding: 4px 8px; 
	 								  color: #222; width:158px; background-image:url(images/bullet.gif); background-repeat:no-repeat; 
									  background-position:right;}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #b1f3fb; color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 170px; visibility: hidden; left: 100%; top: 0; position:absolute; }
ul.dropdown ul li 					{ font-weight: normal; background: #2390b1; color: #000; 
									  border-bottom: 1px solid #ccc; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; background:none; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }