/* CSS Document */

body { margin:0px; background-color:#000000; font-family: Lucida Grande, Verdana, Sans-serif; font-size: 12px; line-height:16px; color: #000000; scrollbar-base-color: #c3af97; scrollbar-arrow-color: green; scrollbar-DarkShadow-Color: black; }

a { color: #003399; background-color: transparent; font-weight: normal;}

h1 { color: #444444; background-color: transparent; border-bottom: 1px solid #D0D0D0; font-size: 16px; font-weight: bold; margin: 0px 0 0px 0; padding: 5px 0 5px 0;}

code { font-family: Monaco, Verdana, Sans-serif; font-size: 12px; background-color: #f9f9f9; border: 1px solid #D0D0D0; color: #002166; display: block; margin: 14px 0 14px 0; padding: 12px 10px 12px 10px;}

#latar_luar {float:left; width:800px; height:auto; border:1px solid #aaaaaa; background:url(../images/background/background.jpg) repeat;}
#latar_dalam {float:left; width:800px; height:auto}

#latar_luar_product {float:left; width:800px; height:auto; border:1px solid #aaaaaa; background:url(../images/background/background.jpg) repeat;}
#latar_dalam_product {float:left; width:800px; height:auto;}

#topnav {float:right; width:400px; height:35px;}
.menu {float:left; width:auto; height:35px; line-height:35px; margin-right:20px;}
.menu a {color:white;}

#header {float:left; width:100%; height:129px; line-height:129px; text-align:center; font-family:"Times New Roman"; font-size:24px; letter-spacing:1px; color:white;}
#content {float:left; width:100%; height:auto; background:#c3af97;}
#footer {float:left; width:100%; height:67px; padding-top:100px; text-align:center; color:#FFFFFF;}

.left_area {float:left; width:400px; height:275px; background:url(../images/background/kiri-1.jpg) center no-repeat;}
.right_area {float:right; width:400px; height:275px; overflow:auto;}

#product_content {float:left; width:100%; height:auto; background:#c3af97;}
.product_left_area {float:left; width:275px; height:auto;}
.product_right_area {float:right; width:500px; height:auto;}
.product_image {float:left; width:250px; height:250px; padding:10px; margin:5px; border:1px solid #cccccc;}

.top_background {background:url(../images/background/top-flower.png) bottom left no-repeat;}
.bottom_background {background:url(../images/background/bottom-flower.png) top left no-repeat;}

#footer a {color:white; text-decoration:none;}

.product_thumbnail {float:left; width:112px; padding:5px; height:165px;}
.product_image_thumb {float:left; width:100px; height:100px; padding:5px; border:1px solid #cccccc;}

a {text-decoration:none;}

div.content_tl {
  float:left; width:100%;
  background: url(../images/background/page-ornament-tl.png) 0 0 no-repeat;
  padding: 0;
}
 
div.content_bl {
  float:left; width:100%;
  background: url(../images/background/page-ornament-bl.gif) 0 100% no-repeat;
  margin: 0;
  border: 0;
}
 
div.content_tr {
  float:left; width:100%;
  background: url(../images/background/page-ornament-tr.png) 100% 0 no-repeat;
}
 
div.content_br {
  float:left; width:100%;
  background: url(../images/background/page-ornament-br.gif) 100% 100% no-repeat;
}

#featured-item { background:transparent; }
.featured-itemImage { border:0px solid #fff }
.featured-itemImage span { background-color: #353d41; color: #fff }			
.featured-itemImage span strong { color:#fff !important }
.featured-itemImage span b { color:#dce7ed }
.featured-itemImage span em.price { color:#FFF }

#featured-item {
   width: 382px; /* important to be same as image width */
   height: 267px; /* important to be same as image height */
   position: relative; /* important */
   float:left;
   margin:0 0 20px 0;
   display:block;
   overflow: hidden; /* important */
}

#featured-itemContent {
   width: 382px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin:0; padding:0;
   list-style:none;
   margin-left: 0; /* important */
}

.featured-itemImage {
	width:382px; height:267px;
   	float: left; /* important */
   	position: relative; /* important */
   	display: none; /* important */
}

.featured-itemImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   width: 382px;
   filter: alpha(opacity=90); /* here you can set the opacity of box with text */
   -moz-opacity: 0.9; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.9; /* here you can set the opacity of box with text */
   opacity: 0.9; /* here you can set the opacity of box with text */
   display: none; /* important */

   bottom: 0; 		/* if you put
   					top: 0; -> the box with text will be shown at the top of the image
       
	   				if you put
       				bottom: 0; -> the box with text will be shown at the bottom of the image */ }
					
.featured-itemImage span strong {
	font-weight:normal;
	font-size:16px; letter-spacing:-1px;
	display:block;
	margin:15px 0 5px 15px !important; padding:0 }

.featured-itemImage span b {
	font-weight:normal;
	display:block;
	margin:3px 0 12px 15px !important; padding:0;
	line-height:15px; font-size:12px;
	width:350px }

.clear { clear: both }