/* CSS Document */
html,
body
{
	margin: 0;
	padding: 0;
	
	height: 100%;
	width: 100%;
	font-family:Arial, Helvetica, sans-serif;
}
#wrapper{
width:780px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
}
.text-form,.text-form-2,input.text-form-2{
	background-color:#fed8cd;
	padding:2px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #999999;
	border-left-color: #999999;
	}
.text-form-2{
width:350px;
}
.btn{
	background-color:#990000;
	color:#FFFFFF;
	font-weight:bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #000000;
	cursor:pointer;
	cursor:hand;
}
.rupiah{
	background-color:#990000;
	color:#FFFFFF;
	font-weight:bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #000000;
	padding:2px;
}
#top-logo{
float:left;
}
#top-form{
float:left;padding-top:35px;padding-left:50px;
}
#top-nav{
float:left;padding-top:35px;padding-left:10px;font-size:11px
}
#top-nav a:link,#top-nav a:visited{
color:#000000;
}
#top-nav a:hover{
color:#999999;
}
#top-nav img{
	vertical-align: middle;
}
.clear{
clear:both;

}
#top-line{
	background-image: url(images/top-line.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 7px;
	width: 100%;
}
#foot{
	background-image: url(images/foot.jpg);
	background-repeat: no-repeat;
	height: 134px;
	width: 780px;
	background-position: bottom;
	text-align:right;
	font-size:12px;
	color:#FFFFFF;
}
#body-content{
	/*padding-left:10px;
	padding-right:10px;*/
	width:auto;
	padding:0px;
}

/*menu


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.suckertreemenu {
text-align:center;
padding-left:5px;
padding-top:0px;
margin:0px;

}
.suckertreemenu ul{
	list-style-type: none;
	text-align:center;
	width:auto;
	height:65px;
	padding: 0;
	margin: 0;

}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
/*display: inline;*/
display:block;
float: left;

text-align:center;
margin:2px;
}

/*Top level menu link items style*/
.suckertreemenu ul li a{

display: block;
/*width: 85px; /*Width of top level menu link items*/
height:46px;/*baru*/
font-size:13px;
padding: 1px 8px;

text-decoration: none;
	
/*color: navy;*/
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{

left: -30px;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
border:#cc9966 1px solid;
height:auto;

}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
	text-align:center;
	display: list-item;
	float: none;
	padding:0px;
	margin:0px;
	height:28px;
	width: 180px;
	
}
li a:link,li a:active,li a:visited{
color:#666666;
}
.hmenu a.l{
background-color: transparent;
	background-image: url(images/bg-submenu.png);	width: 180px;
	}
/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */

.suckertreemenu ul li ul li a:link,.suckertreemenu ul li ul li a:visited,.fm{
	background-position:center 0px;
	background-repeat:no-repeat;
	display: block;
	/*width: 167px; /*width of sub menu levels*/
	width:180px;
	height:28px;
	text-decoration: none;
	padding: 0px;

	background-color: transparent;
	background-image: url(images/bg-submenu.png);	

}
.suckertreemenu ul li ul li a:hover{
background-color: transparent;
	background-image: url(images/bg-submenu.png);	
		background-position: center -29px;
}
.suckertreemenu ul li ul li a.lmenu{
width: 180px;
background-color: transparent;
	background-image: url(images/bg-submenu-bottom.png);	

}
.suckertreemenu ul li ul li a.lmenu:hover{
	width: 180px;
	background-color: transparent;
	background-image: url(images/bg-submenu-bottom.png);
	background-position: center -29px;
}

/*.suckertreemenu ul li a:hover,.suckertreemenu ul li ul li a.lmenu:hover{
background-color: #ffcccc;
color: #993333;

}*/



/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #F3F3F3 url(media/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }

*html .suckertreemenu ul li ul li { float: left;}
/* End */
li.menu{
background-color:#000000;
}
#block-banner{
padding-top:10px;
text-align:center;
}
#block-banner a img{
border:none;

}
.left-menu{
border-bottom:#CCCCCC dotted 2px;background-image:url(images/down-arrow.gif) ;background-repeat: no-repeat;background-position: right center;font-weight:bold;font-size:13px;color:#993333;text-transform:lowercase;list-style:none;padding-bottom:10px;;
}
.smenu1{
padding:0px;margin-left:10px;margin-top:0px;
}
.smenu ul{
padding-bottom:10px;
}
.smenu1 li{
list-style:none;margin-top:0px;font-size:13px;color:#666666;text-transform:lowercase;padding-bottom:5px;
}
.smenu1 li ul li.sublevel-3{
list-style:circle;
}
.smenu1 li a:link,.smenu1 li a:visited{
text-decoration:none;color:#666666;padding-bottom:5px;
}
.smenu1 li a:hover{
text-decoration:underline;color:#000000;
}
.block-th-prod{
/**/
background-color:#bd5a5a;padding:5px;margin:1px;border:#CCCCCC 1px solid;width:128px;height:147px;text-align:center;float:right;
}
.block-th-prod a img{
/**/
border:#CCCCCC 1px solid;
}
.block-th-prod span{
color:white;font-weight:bold;font-size:13px;
}
#content-left{
width:155px;float:left;padding-right:5px;padding-top:10px;
}
#main-content{
	float:left;
	/*text-align:right;*/
	width:620px;
	vertical-align: top;
	
}
#main-content-full{
	float:left;
	/*text-align:right;*/
	width:auto;
	vertical-align: top;
	
}
#block-testimonial{
float:right;border:#993333 2px dotted;text-align:left;padding:5px;margin-top:5px;width:553px;
}
#h-testimonial{
background-color:#990000;border:#CCCCCC solid 1px;width:135px;font-size:13px;color:white;font-weight:bold;padding:2px;text-align:center;
}
 #data-testimony{
padding:2px;
font-size:12px;
}
 #data-testimony .testimony-name{
font-weight:bold;
color:#bd5a5a;
}
#foot a:link,#foot a:visited{
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
	letter-spacing: 1px;
}
#foot a:hover{
color:#000000;text-decoration:underline;
}
a#about_us:link,a#about_us:visited{
border:none;
	background-image: url(images/b-about-us.gif);
	background-repeat: no-repeat;
	background-position:left 0px;
	width:74px;
	height:36px;
}
a#about_us:hover {
	background-position: left -38px;
	height:36px;
	
}
a#about_us-active{
background-image: url(images/b-about-us.gif);
	background-repeat: no-repeat;
	width:74px;
	background-position: left -38px;
	height:36px;
}
a#delicious_food:link,a#delicious_food:visited {
	padding-bottom:8px;
	border:none;
	background-image: url(images/b-delicious-foods.gif);
	background-repeat: no-repeat;
	background-position:left 0px;
	width:93px;
	height:36px;

}

a#delicious_food:hover,a#delicious_food-active:hover {
	background-position: left -46px;
	height:36px;
}
a#delicious_food-active{
	padding-bottom:8px;
	border:none;
	background-image: url(images/b-delicious-foods.gif);
	background-repeat: no-repeat;
	width:93px;
	background-position: left -46px;
	height:29px;
}
a#hobbies:link,a#hobbies:visited {
	padding-bottom:8px;
	border:none;
	background-image: url(images/b-hobbies.gif);
	background-repeat: no-repeat;
	background-position:left 0px;
	width:105px;
	height:36px;

}
a#hobbies:hover,a#hobbies-active:hover {
	background-position: left -46px;
	height:36px;
}
a#hobbies-active {
	padding-bottom:8px;
	border:none;
	background-image: url(images/b-hobbies.gif);
	background-repeat: no-repeat;
	width:105px;;
	background-position: left -46px;
	height:29px;
}
a#gifts:link,a#gifts:visited {
	padding-bottom:8px;
	border:none;
	background-image: url(images/b-personalized-gifts.gif);
	background-repeat: no-repeat;
	background-position:left 0px;
	width:93px;
	height:36px;
}
a#gifts:hover,a#gifts-active:hover {
	background-position: left -46px;
	height:38px;
}
a#gifts-active {
	padding-bottom:8px;
	border:none;
	background-image: url(images/b-personalized-gifts.gif);
	background-repeat: no-repeat;
	width:93px;	
	background-position: left -46px;
	height:29px;
}
a#fashion:link,a#fashion:visited {
	padding-bottom:8px;
	border:none;
	background-image: url(images/b-fashion.gif);
	background-repeat: no-repeat;
	background-position:left 0px;
	width:79px;
	height:36px;
}
a#fashion:hover,a#fashion-active:hover {
	background-position: left -46px;
	height:36px;
}
a#fashion-active {
	padding-bottom:8px;
	border:none;
	background-image: url(images/b-fashion.gif);
	background-repeat: no-repeat;
	width:79px;
	background-position: left -46px;
	height:29px;
}
a#how_buy:link,a#how_buy:visited {
	padding-bottom:8px;
	border:none;
	background-image: url(images/b-how-buy.gif);
	background-repeat: no-repeat;
	background-position:left 0px;
	width:108px;
	height:30px;
}
a#how_buy:hover {
	background-position: left -38px;
	height:30px;
}
a#how_buy-active {
padding-bottom:8px;
	border:none;
	background-image: url(images/b-how-buy.gif);
	background-repeat: no-repeat;

	width:108px;
	background-position: left -38px;
	height:30px;
}
a#contact_us:link,a#contact_us:visited {
	padding-bottom:8px;
	border:none;
	background-image: url(images/b-contact.gif);
	background-repeat: no-repeat;
	background-position:left 0px;
	width:75px;
	height:28px;
}
a#contact_us:hover {
	background-position: left -38px;
	height:28px;
}
a#contact_us-active{
padding-bottom:8px;
	border:none;
	background-image: url(images/b-contact.gif);
	background-repeat: no-repeat;

	width:75px;

background-position: left -38px;
	height:28px;
}
span.hide,.hide{
	display:none;
	visibility: hidden;
}
.line-pink{

	background-repeat:repeat-x;
	background-position:left center;
	background-image: url(images/dot-p.gif);
}
/*text style*/
h1{
font-size:16px;
padding:0px;
margin:0px;
color:#990000;
}
p{
	word-spacing: 5px;/*margin:0px;
padding:0px;*/
}
#main-content,p,#main-content-full{
font-size:12px;
}
td.breadcumb,div#htitle{
	padding:5px;
	color:white;
	background-color:#999999;
	background-image: url(images/arrow-white-2.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
}
div#htitle span{
padding-left:10px;
}
td.paging{
padding:5px;
background-color:#ef9a85;
text-align:right;
}
td.paging a:link,td.paging a:visited{
color:white;
text-decoration:underline;
}
td.paging a:hover{
color:black;
}
td h1{
font-size:14px;
color:#990000;
text-transform:uppercase;
font-weight:bold;
}
table #data-product td{
	text-align:left;
	vertical-align: top;
}
.btn-cart{
	background-image: url(images/cart.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: right;
	background-color: #FFFFFF;
	width: 90px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor:pointer;
	cursor:hand;
	
}
.btn-detail{
	background-color: #FFFFFF;
	background-image: url(images/icon-detail.gif);
	background-repeat: no-repeat;
	background-position: left center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #0099FF;
	padding-left: 20px;
	cursor:pointer;
	cursor:hand;
}
td.line-grey{
	background-image: url(images/dot-g.gif);
	background-repeat: repeat-x;
	background-position: center center;
}
img.icon{
	text-align: left;
	vertical-align: middle;
}
.bold{
font-weight:bold;
}
/*form-register*/
#form_register{
}

#form_register label {
	float:left;
	clear:both;
	display:block;
	clear:both;
	/*font-weight:bold;*/
	width:180px;
}
#form_register div{
	float:left;
	width:400px;
	margin-bottom:5px;
}
#form_register div div{
	float:none;
	width:auto;
	margin:0;
}
#form_register span{
	float:left;
	margin-bottom:5px;
	width:15px;
}
#form_register hr {
	clear:both;
	border: 1px solid #fff;
}
#form_register .inputbox{
	width:150px;
}
#form_register .inputbox#reg_address {
	width:350px;
}
#form_register .inputbox#reg_realname,
#form_register .inputbox#reg_phone,
#form_register .inputbox#reg_email{
	width:250px;
}
/*how to*/
ul li.howto{
	list-style-position: outside;
	list-style-image: url(images/arrow-red.gif);
	padding:5px;
}
ul li.howto a:link,ul li.howto a:visited{
color:#8d2929;
text-decoration:none;
font-weight:bold;
font-size:16px;
}
ul li.howto a:hover{
text-decoration:underline;
}
ul li.subhowto{
	list-style-position: outside;
	list-style-image: url(images/bullet.gif);
	padding:5px;
	font-size:10px;
}
ul li.subhowto a:link,ul li.subhowto a:visited{
font-size:12px;
font-weight:normal;
}
h1.hbuy{
color:#8d2929;
font-size:12px;
}
a.product-detail:link,a.product-detail:visited{
color:#00a8ff;
}
a.product-detail:hover{
	color:#666666;
}
td.prod-thumb{
border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999999;
}
.text-form-contact{
background-color: #cccccc;
border:#8d2929 1px solid;
padding:2px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
h1.t-product{
	color:#666666;
	padding-bottom: 10px;
	padding-top: 10px;
}
img.thumb{
border:#CCCCCC 1px solid;
}
/*div.tab-menu,div.tab-menu-active{
border:#666666 1px solid;width:130px;height:15px;float:left;vertical-align:middle;margin-top:5px;text-align:center;
}
div.tab-menu a:link,div.tab-menu a:visited{
font-weight:bold;
text-decoration:none;
color:#FFFFFF;
display:block;
background-color:#993333;
}

div.tab-menu a:hover,div.tab-menu-active a{
font-weight:bold;
color:#000000;
display:block;
background-color:#cc9999;
}*/
.tab-menu,.tab-menu-active{
border:#666666 1px solid;width:130px;height:15px;float:left;vertical-align:middle;margin-top:5px;text-align:center;
}
.tab-menu a:link,.tab-menu a:visited{
font-weight:bold;
text-decoration:none;
color:#FFFFFF;
display:block;
background-color:#993333;
}

.tab-menu a:hover,.tab-menu-active a{
font-weight:bold;
color:#000000;
display:block;
background-color:#cc9999;
}
input.rd{
vertical-align:middle;

}
a:link,a:visited{
text-decoration:none;
color:#666666;
}
a:hover{
text-decoration:underline;
color:#000000;
}
.hideBlock_hb{
	display:none;

	
}