* {
	margin:0;
	padding:0;
	outline:none;
}
a, a:visited, a:link {
	text-decoration: none;
	color:#333333;
}
body {
	font-size:11px;
	line-height:1.5;
	background:#6b1d55 url(../images/layout/bg.jpg) repeat fixed left;
	font-family:Trebuchet MS;
	text-align:center;
	color:#333333;
}
img {
	border:none;
}
.clear {
	clear:both;
	font-size:1px;
}
#wrapper {
	width:980px;
	margin:20px auto 0;
	clear:both;
	position:relative;
}
#content{

}
#content_left{
	float:left;
	width:190px;
	margin-left:41px;
}
.kategori{
	font-size:18px;
	color:#FFF;
}
#content_left .kateogri ul li a.visited{
	color:#663399;
}
.kategori h4, .kategori h1 { 
 	background-color:#97467a;
 	border:5px solid #C19CB8;
 	border-radius:5px
 	letter-spacing:5px;
 }
#content_left ul li{
	border-bottom:1px solid #999;
	text-align:left;
	font-size:16px;
	padding:10px;
}
#content_left ul li a{
	font-weight:bold;
}
#content_left ul li a:hover{
	color:#663399;
}
.kalender{
	margin-top:15px;
	border-bottom:1px solid #CCC;
	display:block;
	padding-bottom:15px;
}
.jam{
	margin-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #CCC;
	display:block;
	width:190px;
}	
#counter{
	margin-top:15px;
	margin-bottom:15px;
}	
#list{
	font-size:18px;
	color:#FFF;
}

#list h4 { background:#97467a;  border:5px solid #C19CB8; border-radius:5px; letter-spacing:4px; margin-top:15px}
#list ul{padding-top:10px;}
#list ul { list-style:none; }
#list ul li { background:url(../images/layout/bullet.png) no-repeat left 9px; display:block; border:none; padding:3px; }
#list ul li a{
	display:block;
	color:#333;
	font-size:12px;
	padding-left:7px;
}
#content_center .kategori p{
	font-size:14px;
	margin-bottom:10px;
	color:#333;
	text-align:left;
	font-style:italic;
	margin-left:10px;
}
#content_center{
	float:left;
	margin-left:17px;
	width:504px;
	font-family:Trebuchet MS;
}
#content_center .pic{
	float:left;
	margin-top:10px;
	margin-right:9px;
	width:162px;
	padding-bottom:10px;
	border-bottom:1px solid #CCC;
	font-size:14px;
	font-weight:bold;

}
#content_center .decorpic{
	float:left;
	margin-top:10px;
	margin-right:9px;
	width:505px;
	padding-bottom:10px;
	font-size:14px;
	font-weight:bold;
}
#content_center .pic-kanan{
	margin-right:0;
}
#content_center img.img{
	width:162px;
	height:191px;
	display:block;
}
#content_center .decorpic .img{
	width:505px;
	height:470px;
	display:block;
}
#content_center h4{font-size:18px;}
#content_center .pic h4{font-size:14px; color:#663366;}
#content_center .decorpic h4{font-size:14px; color:#663366;}
#content_center h4.home{font-size:14px; text-align:center; color:#666}
#content_center h5{font-size:10px; line-height:1;}
#content_center a{display:block; text-align:center}
#content_center a:hover { text-decoration:underline; color:#663399; }
#content_center .sort a:hover, #content_center .button_beli a:hover { color:#fff; text-decoration:none }

#content_center .black a{background:#000;}
#content_center .black a span { background:#fff; display:block }
#content_center .paging a{font-size:14px; color:#06F;}
#tombol_nav a:hover{ color:#C19CB8;}	
#content_right{
	float:right;
	margin-right:25px;
	width:182px;
}
#content_right .number{
	background:url(../images/telp.png) no-repeat;
	height:260px;
}
#content_right .number h5{
	font-size:19px;
	font-style:italic;
}
h5.number1 span{
	letter-spacing:5px;
}
#content_right .number h4{
	border-bottom:3px solid;
    color: #97467a;
    font-size: 25px;
    font-style: italic;
    margin-bottom: 10px;
    margin-left: 13px;
    padding-top: 97px;
    text-align: left;
}
#content_right img{
	margin-top:-35px;
	margin-bottom:20px;
}
#list img{
	margin-top:15px;;
}
#order1{
	width:770px;
	color:#603;
	margin-left:100px;
	font-weight:bold;
}
#order1 .order{
	float:left;
	width:275px;
	font-size:15px;
}
#order1 .hide{
	margin-left:276px;
}
#order1 .padding{
	text-indent:20px;
	font-size:13px;
}
#order1 form .border {
	border-radius: 5px;
    border: 1px solid #603;
    width: 350px;
	padding:3px;	
}
#order1 form .ucapan {
	border-radius: 5px;
    border: 1px solid #603;
    width: 350px;
	padding:3px;
	margin-left:275px;	
}
#order1 span{
	font-size:15px;
}
#order1 span.data{
	font-size: 21px;
}
#order1 form .tanggal{
	border-radius: 5px;
    border: 1px solid #603;
    width: 232px;
	padding:3px;
}
#order1 form .jam{
	border-radius: 5px;
    border: 1px solid #603;
    width: 232px;
	padding:3px;	
}
#order1 .input-submit{
	background:url(../images/layout/form-button.png) no-repeat;
	height: 28px;
    width:97px;
	margin-bottom: 20px;
    margin-top: 20px;
	cursor:pointer;
	text-align:center;
	color:#FFF;
	border:none;
	font-size:14px;
	border-radius:3px;
	margin-left:280px;
}
.submit-contact {
    background:url(../images/layout/form-button.png) no-repeat;
	height: 28px;
    width:97px;
	border:none;
	margin-bottom: 20px;
    margin-left: 280px;
    margin-top: 10px;
	cursor:pointer;
	color:#FFF;
	font-size:14px;
	border-radius:3px;
}
#order1 h4{
	font-size:21px;
	text-align:left;
	padding-top:20px;
}
.msg{
	font-size:16px;
	font-weight:bold;
	color:#F00;
}
#content_center { position:relative; }
#loading { 
	background:url(../images/loader.gif) no-repeat; 
	width:32px; 
	height:32px; 
	position:absolute; 
	line-height:3; 
	padding-left:35px; 
	left:210px; 
	top:287px; 
	display:none; 
}
.paging {
    float: right;
    margin-top: 5px;
    width: 215px;
	font-size:14px;
}
.paging span {
    display: block;
    float: left;
    margin-right: 15px;
}
.paging ul {
    color: #666666;
    list-style: none outside none;
}
.paging li {
    display: inline;
    float: left;
    font-weight: bold;
    margin: 0 3px;
}
.paging ul li a {
    color: #006699;
    display: block;
    float: left;
	font-size:14px;
    padding: 0 3px;
}
.paging li a:hover{
	color:#666;
}
.paging li.prev a {
    background: url(../images/layout/product-paging-prev.png) no-repeat scroll center bottom transparent;
    height: 11px;
    margin-top: 5px;
    width: 11px;
}
.paging li.next a {
    background: url(../images/layout/product-paging-next.png) no-repeat scroll center bottom transparent;
    height: 11px;
    margin-top: 5px;
    width: 11px;
}

#top-tail {
	background:url(../images/layout/top-tail.png) repeat-x;
	top:60px;
	height:140px;
	width:100%;
	left:0;
	position:absolute;
}
#top-tail2 {
	background:url(../images/layout/top-tail.png) repeat-x;
	top:70px;
	height:120px;
	width:100%;
	left:0;
	position:absolute;
}
#main {
	margin:0 auto;
	width:980px;
}
#header {
	position:relative;
	height:200px;
}
.ttop {
	background:url(../images/layout/ttop.png);
	height:36px;
	width:980px;
}
.tbottom {
	background:url(../images/layout/tbottom.png);
	height:36px;
	width:980px;
}
.mid {
	background:url(../images/layout/tmid.png) repeat-y;
	width:100%;
}
#panel {
	top:39px;
	height:140px;
	left:0;
	position:absolute;
	width:100%;
	background:url(../images/layout/header.png) no-repeat 0px 5px;
}
#menu {
	height:140px;
	float:left;
}
#menu a {
	display:block;
	margin-top:10px;
	margin-right:93px;
	width:214px;
}
#panel ul {
	text-transform:uppercase;
	float:left;
	margin-top:30px;
	margin-left:70px;
}
#panel ul li {
	float:left;
	background:url(../images/layout/menu-divider.gif) no-repeat scroll 0 9px;
	font-size:1.5em;
	margin:0 0 0 -4px;
	padding:0 23px 0 27px;
	line-height:1.2em;
}
#panel ul li a { display:block; height:85px }
#panel ul li a div { display:block; margin-top:8px; height:61px; width:82px; cursor:pointer }
#panel ul li a#home div { background:url(../images/layout/home.png) no-repeat bottom; }
#panel ul li a#order div { background:url(../images/layout/order.png) no-repeat bottom; }
#panel ul li a#payment div { background:url(../images/layout/payment.png) no-repeat bottom; }
#panel ul li a#contact div { background:url(../images/layout/contact.png) no-repeat bottom; }

#panel ul li a:hover div, #panel ul li a.selected div { background-position:top !important; }
#panel ul li a:hover, #panel ul li a.selected {	color:#663399; }

#footer { margin-top:15px; }
#footer li{
	width:100px;
	display:inline;
	font-size:15px;
	color:#fff
}
#footer li.last{
	border:medium none;
}
#footer a{color:#FFF; margin:0 10px; font-size:13px; font-family:Tahoma }
#footer a:hover{text-decoration:underline}
#footer a.selected{text-decoration:underline}
#footer div.copy{
	color:#FFF;
	font-size:11px;
	text-align:center;
	padding-left:12px;
	margin-bottom:10px;
}
.left{
    float: left;
    margin-left: 30px;
    width: 390px;
}
h1{
	font-size:22px;
    font-weight: bold;
    height: 50px;
	color: #72235A;
}
.left h4,.right h4{
	color: #333333;
    font-size: 14px;
    font-weight: normal;
    margin-left: 20px;
    text-align: left;
}
h4{
	font-size:20px;
}
form{
	text-align:left;
	font-size:16px;
}
form p{margin-top:15px; font-size:13px;}
form p .garis{margin-left:5px;}
.mid form label{
  display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 2.1;
    width: 100px;
	text-shadow: 0 0 0px;
}
.mid form .input {
    border: 1px solid #5D467C;
    border-radius: 10px;
    padding: 3px;
    width: 200px;
}
.mid form .height {
	height:150px;
}
.right p { 
	font-size: 12px;
    line-height: 1.8;
    margin-left: 20px;
    margin-top: 5px;
    padding-right: 30px;
    text-align: left;
}
.left p{
	font-size: 12px;
    margin-left: 20px;
    margin-top: 10px;
    padding-right: 30px;
    text-align: left;
	height:35px;
}
#button{
	padding-left:185px;
	padding-top:20px;
	padding-bottom:20px;
}
.right{
	font-size:16px;
	float:left;
	padding-left:15px;
	width:465;
    border-left: 1px dotted #663399;
	font-weight:bold;
}
p.phone {
    float: left;
	text-align:left;
	font-size:14px;
}
span.tag {
	text-align:center;
    color: #663399;
    display: block;
    float: left;
    width: 55px;
}
span.address {
    display: block;
    float: left;
}
h4.pay{
	width:898px;
	margin: 0 auto 27px;
}
span.last{
	margin-top:5px;
	letter-spacing:5px;
}
h4 p{
	font-size:14px;
}
#payments{
    border-left: 2px solid #CCCCCC;
    color: #660033;
    font-size: 16px;
    margin-left: 320px;
    padding-bottom: 45px;
    padding-left: 25px;
    text-align: left;
    width: 550px;
}
#payments div.indent{
	padding-left:22px;
	line-height:2em;
	padding-bottom:30px;
}
h4.jarak{
	padding-bottom:10px;
	font-size:26px;
}
#payments .space, img.space{
	padding-top:10px;
	padding-bottom:10px;
	color:#F00;
}
#payment_left{
    float: left;
    margin-left: 65px;
    width: 250px;
	color:#660033;
}
#payment_left p{
	font-size:18px;
}
#payment_left p a{
	color:#660033;
	display:block;
}
#payment_left p a:hover{
	background:url(../images/layout/hover.png);
}
#payment_left p a.selected{
	background:url(../images/layout/hover.png);
	font-weight:bold;
}
.inline{
	position:absolute;
	right:690px;
}
.grey{
	color:#333;
}
span.bold{
	font-weight:bold;
}
.red{
	color:#333;
}
ol#asb { list-style:decimal inside; margin-bottom:25px;}
ol#asb li {  list-style: decimal outside none; margin-left: 35px; color:#333; margin-bottom:30px;}
.navi{
	margin-top:47px;
}
#tombol_nav{
	padding-top:10px;
	font-size:14px;
	font-weight:bold;
}
#nextlist{
	float:right;
}
#prevlist{
	float:left;
}
	
#banner_wrap { position:absolute; }

#order_form p { position:relative; }
#order_form p.product label.error { position:absolute; color:red; font-size:10px; right:150px; top:22px; width:auto; }
#order_form p.error label.error { position:absolute; color:red; font-size:10px; right:136px; top:20px; width:auto; }
#order_form label.error { bottom: 362px;color: red; font-size: 10px; position: absolute; right: 246px; width: auto; }
#order_form p.err label.error { position:absolute; color:red; font-size:10px; right:136px; top:85px; width:auto; }

#contact_form .input, #order_form .border { border: 1px solid #5D467C;  border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; color: #333333; padding: 3px; }
h1.judul {text-align:left; margin-top:40px; height:22px }
.site{
	border:1px dotted #999;
	width:890px;
	margin:0 auto;
	-moz-border-radius:5px;
}
ul#sitemap {
	font-size:16px;
	text-align:left;
	margin-left:135px;
}
#site img{
		float:right;
}
ul#sitemap li {
	list-style:disc;
}
ul#sitemap li.tebel {
	font-weight:bold;
}
ul#sitemap li ul {
	margin-left:30px;
}
ul#sitemap li a:hover {
	color:#663399;
	border-bottom:1px dotted #663399;
}
ul#map{
	margin-left:70px;
	font-size:14px;
}
ul#map li{
	list-style-type:circle;
}
.twitter{
margin-top:50px;
}
#peta{
	padding:25px 25px 0;
}
.mapimg{
	float:left
	padding-right:10px;
}
.mapinfo{
	float:right;
	text-align:left;
}
#payments span.banking{
	left:115px;
	position:relative;
	top:30px;
}
#payments span.banking span{
	margin-left:-174px;
	color:#C19CB8;
}
span.banking img{
	margin-bottom:10px;
}
#popup_iklan { 
	position:absolute; 
	z-index:99; 
	left:-1000px; 
	bottom:150px; 
	border:3px solid #333; 
	-moz-box-shadow:0 0 5px #000; 
	-webkit-box-shadow:0 0 5px #000; 
	box-shadow:0 0 5px #000; 
}
#popup_iklan a { 
	background: url(../../images/unchecked.gif) no-repeat scroll 3px 2px #FFF; 
	border: 1px solid #333;
	display: block; 
	font-size: 12px; 
	height: 18px; 
	padding-left: 22px; 
	position: absolute; right: -3px; top: -22px; 
	width: 35px; color:#333 
}
.kosong{
	color:#666;
	font-size:16px;
	position:absolute;
	top:250px;
	left:100px;
}
.kosong img{
	margin:0 auto;
	margin-top:20px;
}
#message_form label.error { position:absolute; color:red; font-size:10px; right:630px; margin-top:-5px; width:auto; }
.sort{
	margin:15px 0;
	text-align:right;

	font-size:13px; font-weight:bold; 
}
#content_left ul li ul.child{
	display:none;
}
#content_left ul li ul.child li.sub a{
	display:block;
	color:#663366;
	padding-top:5px;
	font-size:13px;
}
#content_left ul li ul.child li.sub a:hover{
	color:#C19CB8;
}
#content_left ul li ul li.sub{
	border-bottom:none;
	padding:0;
}
.button_beli{
	margin-left:7px;
	margin-top:5px;
}
.button_beli a{
	background:url(../images/layout/Button_beli.png) no-repeat top center;
	width:75px;
	color:#FFF;
	float:left;
	height:21px;
}
.button_beli a:hover{
	background:url(../images/layout/Button_beli.png) no-repeat bottom center;
}
.sort a{
	background:url(../images/layout/Button_beli.png) no-repeat top center;
	width:75px;
	float:left;
	height:21px;
	font-size:13px;
	color:#FFF;
	text-align:center;	
}
.sort a:hover{
	background:url(../images/layout/Button_beli.png) no-repeat bottom center;
}
.bold{font-weight:bold;}
#payment_left .navi p { margin-bottom:15px; }
.recaptchatable #recaptcha_response_field { left:0 !important; }
span#recaptcha_instructions_image{font-size:12px;}
#phone1{margin-bottom:30px;}
#order_form #recaptcha_widget_div{margin-left:273px}
.caps{color:#F00; margin-left:275px;}
span#recaptcha_instructions_error{font-size:12px;}
.ungu{
	background: none repeat scroll 0 0 #D7B7DE;
    border-radius: 5px 5px 5px 5px;
    color: #663399;
    padding: 3px;
	font-weight:bold;
}f
.sejajar{
/*	margin-top:95px;*/
}
span.sort{
	font-size:15px;
	font-weight:bold;
}

#imgPreviewContainer {
    background: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	border-radius:10px;
    padding: 10px;
    z-index: 999;
	border:1px solid #000;
}

#list.bank a { height:59px }
#list.bank a img { margin:0 }

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}