/* 
Alternate Style Sheet For Bali Esthetics
Author: Yanti
*/

/* ORDINARY */
body { 
background: #fff; 
margin: 0; 
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}
table#main  { 
background:#FFF; 
margin:5px 0 5px 0; 
 }
#main img { margin:3px 3px 3px 0; padding:2px; background:#FFFFFF; border:1px solid #ccc; text-align: center; clear: both; }
#main td {
padding:2px 10px 5px 10px; 
color : #3e3e3e;
}
#main p { margin:1px 0 2px 0; padding-bottom:2px; padding-top:1px; }

#main a:link { color: #999999; font: 10px/12px "MS PGHOTIC",Verdana, Helvetica, sans-serif;text-decoration: none; }
#main a:visited { color: #999999;font: 10px/12px "MS PGHOTIC",Verdana, Helvetica, sans-serif; text-decoration: none; }
#main a:active { color: #999999; font: 10px/12px "MS PGHOTIC",Verdana, Helvetica, sans-serif;text-decoration: none;  }
#main a:hover { color: #8D8E8E;font: 10px/12px "MS PGHOTIC",Verdana, Helvetica, sans-serif;text-decoration: underline;  }

.topNav {
border-top : 1px solid #cccccc;
border-bottom : 1px solid #cccccc;
font: 10pt/12pt Verdana, Tahoma, Times, sans-serif;
color: #8D8E8E;
font-weight: bold;
padding:3px 10px 3px 10px;
margin-bottom:5px;
background : #f3f3f3;
text-align : right;
letter-spacing: 1px;
word-spacing:10px;
}
.topsense {
font: 10pt/12pt Verdana, Tahoma, Times, sans-serif;
color: #8D8E8E;
text-align:right;
}
.style104 {color: #0089da}

.topNav a:link { text-decoration: none; font-weight: bold;color: #8D8E8E; }
.topNav a:visited { text-decoration: none; font-weight: bold;color: #8D8E8E; }
.topNav a:active { text-decoration: none; font-weight: bold;color: #8D8E8E; }
.topNav a:hover { text-decoration: none; font-weight: bold;color: #000000; }

#content a:link { color: #999999; font: 11px/12px Verdana, Helvetica, sans-serif;text-decoration: none; }
#content a:visited { color: #999999;font: 11px/12px Verdana, Helvetica, sans-serif; text-decoration: none; }
#content a:active { color: #999999; font: 11px/12px Verdana, Helvetica, sans-serif;text-decoration: none;  }
#content a:hover { color: #8D8E8E;font: 11px/12px Verdana, Helvetica, sans-serif;text-decoration: underline;  }

table#leftmenu {
border:0;
}
#leftmenu  h1 { font:7pt/12pt "MS PGHOTIC", Verdana, Helvetica, sans-serif; 
background: #f2f2f2 url(images/icons/arrow_orange-2.gif) no-repeat 5% 60%; 
color: #666; 
font-weight: bold; 
text-transform: uppercase; 
border-bottom:1px solid #f2f2f2;
padding:2px 2px 2px 25px;  
letter-spacing:1px; 
text-align:left;
}
#leftmenu  div {  font: 10px/11px "MS PGHOTIC", Verdana, Helvetica, sans-serif;padding:5px 5px 5px 3px; }
#leftmenu  a { color: #999; font: 10px/11px "MS PGHOTIC", Verdana, Helvetica, sans-serif;display: block; padding:5px 5px 5px 3px;text-decoration:none;text-align:right;border-right:7px solid #ffffff; }
#leftmenu  a:link { color: #999; font: 10px/11px "MS PGHOTIC", Verdana, Helvetica, sans-serif;border-bottom:1px dotted #999999;padding:5px 5px 5px 3px;text-align:right;border-right:7px solid #ffffff;}
#leftmenu  a:visited { color: #999; font: 10px/11px "MS PGHOTIC", Verdana, Helvetica, sans-serif;border-bottom:1px dotted #999999;padding:5px 5px 5px 3px;text-align:right;border-right:7px solid #ffffff;}
#leftmenu  a:active { color: #999; font: 10px/11px "MS PGHOTIC", Verdana, Helvetica, sans-serif;border-bottom:1px dotted #999999;padding:5px 5px 5px 3px;text-align:right;border-right:7px solid #ffffff;}
#leftmenu  a:hover { color: #999; font: 10px/11px "MS PGHOTIC", Verdana, Helvetica, sans-serif;border-bottom:1px dotted #999999;border-right:7px solid #999999;padding:5px 5px 5px 3px;text-align:right;}

#contact  h1 { font:7pt/12pt "MS PGHOTIC", Verdana, Helvetica, sans-serif; 
background: #f2f2f2 url(images/icons/arrow_orange-2.gif) no-repeat 5% 60%; 
color: #666; 
font-weight: bold; 
text-transform: uppercase; 
border-bottom:1px solid #f2f2f2;
padding:2px 10px 2px 25px;  
letter-spacing:1px; 
text-align:left;
}
#contact  div {  font: 8px/10px "MS PGHOTIC", Verdana, Helvetica, sans-serif;padding:5px 5px 5px 3px; }
#contact  a { color: #999; display: block; padding:5px 5px 5px 3px;text-decoration:none; }
#contact  a:link { color: #999; padding:5px 5px 5px 3px;}
#contact  a:visited { color: #999; padding:5px 5px 5px 3px;}
#contact  a:active { color: #999; padding:5px 5px 5px 3px;}
#contact  a:hover { color: #999;padding:5px 5px 5px 3px;text-decoration:underline;}
#contact img {width:50px;height:50px;border:1px solid #ffffff;padding:2px;background:#f2f2f2;text-align:left;}

#payment  h1 { font:7pt/12pt "MS PGHOTIC", Verdana, Helvetica, sans-serif; 
background: #f2f2f2 url(images/icons/arrow_orange-2.gif) no-repeat 5% 60%; 
color: #666; 
font-weight: bold; 
text-transform: uppercase; 
border-bottom:1px solid #f2f2f2;
padding:2px 10px 2px 25px;  
letter-spacing:1px; 
text-align:left;
}
#payment img {text-align:center;}

table.menuleft {
text-align :right;
padding :2px 2px 2px 2px;
font: 11px/12px "MS PGHOTIC", Verdana, Helvetica, sans-serif;
}
p.title { font: 12pt/14pt Verdana, Helvetica, sans-serif; text-align:left; font-weight: bold; text-transform: capitalize; color: #999999;border-bottom:1px solid #999999; letter-spacing: 1px; padding: 5px 0 3px 0;}

p.title:first-letter {
 font: 14pt/16pt Verdana, Helvetica, sans-serif; 
 background-color: #ff6C00; 
 color:#ffffff;
 border-right: 1px solid #FFF;
 padding:2px;
 }
.morethen{
text-align:right;
}
table#list p {
font: 10pt/11pt Verdana, Helvetica, sans-serif; 
text-align:left; 
font-weight: bold; 
color: #999999;
padding: 3px 0 3px 6px;
}
.red { color: #FF0000; }
h1.keyword { visibility:hidden; display: none; }

.news td {
 font-size: 11px;
 font-family: Arial, Helvetica, sans-serif;
 color: #666;
}
.news a:link {
 font-weight:bold;
 font-size: 11px;
 font-family: Arial, Helvetica, sans-serif;
 color: #999999;
 text-decoration:none;
}
.news a:hover {
 font-size: 11px;
 font-family: Arial, Helvetica, sans-serif;
 color: #999999;
 text-decoration:underline;
}
.news a:visited {
 font-size: 11px;
 font-family: Arial, Helvetica, sans-serif;
 color: #999999;
 text-decoration:underline;
}


/* FOOTER */
#footer td { padding:0 7px 10px 5px; }
#footer {
background: #FFFFFF;
}

table.menu-bottom { background: #FFF; padding: 0 0 0 0; border-bottom:1px solid #CCC; border-top:1px solid #CCC; }
.menu-bottom td { font: 10px/12pt  Verdana, Helvetica, sans-serif; padding:2px 5px 2px 3px; background:#f3f3f3; text-align: right; color: #000; border-bottom:1px solid #FFF; border-top:1px solid #FFF; }
.menu-bottom a:link { color: #000; padding:3px 2px 3px 2px;text-decoration:none;}
.menu-bottom a:active { color: #000; padding:3px 2px 3px 2px;text-decoration:none; }
.menu-bottom a:visited { color: #000; padding:3px 2px 3px 2px;text-decoration:none; }
.menu-bottom a:hover { color: #666; padding:3px 2px 3px 2px;text-decoration:underline; }
.copyright p { padding-top: 5px; font: 11px/10pt Verdana, Helvetica, sans-serif; text-align: left; }
.copyright a { color: #999; text-decoration: none; font-weight:bold;}
.copyright a:hover { color: #333; }
.siteinfo p { padding: 10px 0 10px 0; font: 11px/10pt Verdana, Helvetica, sans-serif; text-align: right; }
.office p { padding-top: 5px; font: 11px/12pt  Verdana, Helvetica, sans-serif; text-align: center; color: #999999; }
.office a:link { padding-top: 5px; font: 11px/12pt  Verdana, Helvetica, sans-serif; text-align: center; color: #999999;text-decoration:none; }
.office a:active { padding-top: 5px; font: 11px/12pt  Verdana, Helvetica, sans-serif; text-align: center; color: #999999;text-decoration:none; }
.office a:visited { padding-top: 5px; font: 11px/12pt  Verdana, Helvetica, sans-serif; text-align: center; color: #999999;text-decoration:none; }
.office a:hover { padding-top: 5px; font: 11px/12pt  Verdana, Helvetica, sans-serif; text-align: center; color: #999999;text-decoration:underline; }
.office {
border-bottom:#CCC;
}
/*end- new*/




p { padding:3px; margin:0; }
td { font-size:11px; font-family: Arial, Helvetica, sans-serif; }
td.tnav { height:20px; background: #FFFFFF; font: 10px/12pt "MS PGHOTIC",Verdana, Helvetica, sans-serif; text-transform: capitalize; font-weight: bold;}
.tnav a:link { text-decoration: none; background: url(images/icons/circle_ijo.png) no-repeat 0% 100%; padding:0 5px 0 13px; color: #333;}
.tnav a:hover { text-decoration: none; background: url(images/icons/circle_ijo.png) no-repeat 0% 100%; padding:0 5px 0 13px; color: #C0D650;}
.tnav a:visited { text-decoration: none; background: url(images/icons/circle_ijo.png) no-repeat 0% 100%; padding:0 5px 0 13px; color: #333;}
.tnav a:active { text-decoration: none; background: url(images/icons/circle_ijo.png) no-repeat 0% 100%; padding:0 5px 0 13px; color: #333;}
td#header { }
#header-en img { background:#e1e1e1 url(images/loading.gif) no-repeat center;border:1px solid #333;}*/

#header {
width:770px;
height:97px;
}

td#topright { border-top:2px solid #C0D650;border-bottom:1px solid #C0D650; background:#C0D650;}
#topright h1 { font:8pt/13pt Verdana, Helvetica, sans-serif; background: #C0D650; color: #FFF; font-weight: bold; text-transform: uppercase; border-bottom:1px solid #FFF;padding:0 0 3px 20px; background: url(images/icons/cube.gif) no-repeat 3% 40%; }
#topright p { text-align: left; font: 8pt/12pt Verdana, Helvetica, sans-serif; padding:3px 5px 1px 15px; }
#topright a { color: #000; display: block; padding:0 5px 0 20px; border-right:7px solid #C0D650; background: url(images/icons/document.gif) no-repeat 3% 40%;  }
#topright a:hover { color: #FFF; border-right:7px solid #FFF;}

td#leftmenu { border-top:2px solid #f2f2f2; border-bottom:1px solid #f2f2f2; border-left:1px solid #f2f2f2; border-right:1px solid #f2f2f2; background:#fff; font-family: "MS PGothic"; font-size: 11px;}

td#banner { border-top:1px solid #FFF; border-bottom: 1px solid #e1e1e1; }
#banner img { margin:1px 1px 1px 1px; float:left; clear:both;}
#banner  p, td.xbanner { padding:0 4px 5px 2px; font:10px/11px Verdana, Helvetica, sans-serif; }
td.xbanner { padding-bottom:3px; border-right:1px solid #e1e1e1;}
#banner ul, #banner li{ margin:0 0 5px 10px; list-style-type: none; color:#000000; font: 9pt/11pt Verdana, Helvetica, sans-serif; padding:2px 0 2px 0; text-transform: capitalize; }
#banner a { color: orange; text-decoration: underline; }
#banner li { padding:1px 0 2px 7px; }
#container  {
background: #FFF;
}
table#booking {
background: #FFFFFF;
border-top:1px solid #E1E1E1;
border-bottom:1px solid #E1E1E1;
border-left:1px solid #E1E1E1;
border-right:1px solid #E1E1E1;
}
td.bread { border-top:1px solid #f2f2f2; border-bottom:2px solid #ccc; background: #f2f2f2;}
.bread { padding:0 3px 0 5px; color: #000; text-transform: capitalize;}

td.bread-top { border-top:2px solid #ccc; border-bottom:1px solid #f2f2f2; background: #f2f2f2;}
.bread-top { padding:0 3px 0 5px; color: #000; text-transform: capitalize;}

#hornav .bread a { color: #FF6309; text-decoration: none; }
#hornav .bread a:hover { color: #000; text-decoration: underline; }
img { border:0; }
p { padding:0; margin:0; }
h1 { padding:0; margin:0; }
h2 { padding:0; margin:0; }
h3 { padding:0; margin:0; }
ul, li { list-style-image: url(images/icons/arrow_orange.png); }
td { 
font: 11px/10pt Verdana, Helvetica, sans-serif;
color: #000000;
}

table.weather { border:1px solid #F2F2F2; background: #FFFFFF; }
.weather td { border:1px solid #e1e1e1; background: #F2F2F2; }

h2 { 
border-left:0;
border-right:0px;
border-top:0; 
padding:3px 5px 1px 0; 
margin:4px 0 3px 0; 
text-align:left; 
color:#FF6309;
font-weight: bold; 
text-transform:uppercase; 
font: 14pt/16pt Arial, Helvetica, sans-serif;  
letter-spacing:1px;
}
h3 { 
border-left:0;
border-top:0; 
padding:3px 5px 1px 0; 
margin:4px 0 10px 0; 
text-align:left; 
color:#FF6309;
font-weight: bold; 
text-transform:uppercase; 
font: 14pt/16pt Arial, Helvetica, sans-serif;  
letter-spacing:1px;
}
#main h3 {
border-left:0;
border-top:0; 
border-bottom:1px solid orange;
border-right:3px solid #FFF;
background: url(images/icons/panah.gif) no-repeat 0% 80%;
padding:16px 5px 0 10px; 
margin:0px;
text-align:left; 
color:#000;
text-transform:uppercase;
font:12px/12pt Verdana, Helvetica, sans-serif;
letter-spacing:0px;
font-weight: bold;
}
#main ul, #main li { margin:5px 0 5px 10px; padding:0; list-style-type:none;}
#main li { text-transform: capitalize; }

/* Index Column */
/* Middle Column */
.middle img { margin-bottom:15px; }

/* CONTENT */
.google td { text-align: right; padding:5px 0 5px 2px; }
.google form { padding-bottom:5px; border-bottom: 1px solid #CCCCCC; }
.google input { border:1px solid #333333; }
.google button { border:1px solid #333333; }
.google img { border:0px; }
table.subcontent { border-top: 1px solid #CCCCCC; }
.subcontent td { padding:5px 0 5px 2px; }
p.subcontent { color:#3286E4; font-weight: bold; text-transform: uppercase; }
ul.submenu, .submenu li { display: inline; }
div.spacer { display:block; width:700px; margin:2px; }


/* CONTENT */
#img-wts {
	height:150px;
	width:200px;
}
p .xpadding {
	padding:2px;
	text-align:center;
}

#gambar {
border: 3px solid #E7EEF6;
}
#menu {
background:#f2f2f2;
border-top:1px solid  #e1e1e1;
border-bottom:1px solid  #e1e1e1;
padding:2px;
text-align:center;
}
.smallboldorange {
	font-size: 11 px;
	font-family: verdana;
	font-weight: bold;
	color : #FF6600;
}
table#isi {background:#FFFFFF; margin: 5px 5px 5px 5px;text-align:left;} 
#isi h1 { font:10pt/13pt Verdana, Helvetica, sans-serif;  color: #666; font-weight: bold; text-transform: uppercase; border-bottom:1px solid #f2f2f2; padding:0 0 3px 20px; background: url(images/icons/bullet.gif) no-repeat 1% 40%; }
#isi p {margin:0 2px 2px 2px;border-bottom:1px solid #f2f2f2;}
#isi img {
	border:1px solid #e1e1e1; 
	margin: 3px; 
	padding:5px; 
	background:#F2F2F2;
	width:120px; 
	height:60px;
	text-align:left;
}
table#special {border:1px solid #f2f2f2; }
.special-offer {background:#FFFFFF; margin: 2px 2px 2px 2px;border-right:1px solid #f2f2f2; text-align:center;}
.non {background:#FFFFFF; margin: 2px 2px 2px 2px;text-align:center;}
table.isi { background:#FFFFFF; margin-top: 5px; } 
.isi td { padding:3px 5px 4px 5px; }
.isi table { padding:7px 5px 7px 5px; }
.isi p { margin:3px; padding:4px 0 4px 0;}
.book { padding:0 0 5px 5px; }
td.gal { text-align:center; }
.isi ul, .isi li { list-style-type: disc; margin-top:2px; margin-bottom: 3px; }

.rate { margin-bottom: 10px; }
.rate caption {  margin-top: 10px;  text-align: left; font-weight: bold; font-style: italic; }
.rate td, .rate th { padding:3px 1px 3px 5px; margin:0; border-bottom:1px solid #CCC;  border-collapse:collapse; }
.rate .title th { color:orange; font-weight:bold; padding:1px 0 2px 0; }
.terms { height: 100%; border:1px solid #fff; width: 98%; margin: 5px; }

.list-item td { padding:5px 0 5px 0; }
.list-item ul, .list-item li{ margin:0 0 0 3px; list-style-type: none; list-style-image:none; color:#000000; font: 10pt/12pt Verdana, Helvetica, sans-serif; padding:2px 0 2px 0; text-transform: capitalize; }
.list-item li { border-bottom:1px solid #CCC; padding:3px 0 3px 7px; }
td.batas-bawah { padding-left:10px; font-weight: bold; background: #FFF; color:orange; text-transform: uppercase; border-left:3px solid #FFFFFF; border-bottom:1px solid orange;border-top:1px solid orange; }
table.index { padding:2px 5px 2px 5px; }

.index td { padding:5px 5px 5px 5px; text-align: justify; }
.index strong { text-transform: uppercase; }

p.more { text-align: right;  padding:3px 0 10px 0; text-transform: uppercase; }
.more a { color:orange; background:#FFF; padding:3px 3px 3px 3px; text-decoration:none; border-left:1px solid orange; border-right:1px solid orange; border-bottom:1px solid orange; border-top:0px;}
.more a:hover { color:#FFF; background:orange; padding:3px 3px 3px 3px; text-decoration:none; border-left:1px solid orange; border-right:1px solid orange; border-bottom:1px solid orange; border-top:0px;}
.japanxmall { font-family: "MS PGothic"; font-size: 11px; }

div#eXTReMe { display: none; visibility: hidden;}

/* FORM */
input, textarea { background: #FFFFFF; border:1px solid #333;  }
select { border:0; }

.gallery { }
.gallery img { width: 120px; height: 120px; display: block; background-color: #eee; }
.gallery a { float: left; margin: 3px;  width: 120px; height: 120px; overflow: hidden; padding: 2px; }
/* SLIMBOX */
#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #000;
}

.lbLoading {
	background: #000 url(../images/slimbox/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #000;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/slimbox/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #000;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/slimbox/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/* Boxes */

.box1 {
	padding: 20px;
}

.box2 {
	color: #BABABA;
}

.box2 h2 {
	margin-bottom: 15px;
	font-size: 16px;
	color: #FFFFFF;
}

.box2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited  {
	color: #EDEDED;
}