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

/* ORDINARY */
body { 
background: #fff; 
margin: 0; 
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}
td.tnav { height:20px; background: #FFFFFF; font: 9px/11px "MS PGHOTIC",Verdana, Helvetica, sans-serif; text-transform: capitalize; font-weight: bold;}
.tnav a:link { text-decoration: none; font: 10px/12pt "MS PGHOTIC",Verdana, Helvetica, sans-serif;background: url(images/icons/circle_ijo.png) no-repeat 0% 100%; padding:0 5px 0 13px; color: #333;}
.tnav a:hover { text-decoration: none; font: 10px/12pt "MS PGHOTIC",Verdana, Helvetica, sans-serif;background: url(images/icons/circle_ijo.png) no-repeat 0% 100%; padding:0 5px 0 13px; color: #C0D650;}
.tnav a:visited { text-decoration: none; font: 10px/12pt "MS PGHOTIC",Verdana, Helvetica, sans-serif;background: url(images/icons/circle_ijo.png) no-repeat 0% 100%; padding:0 5px 0 13px; color: #333;}
.tnav a:active { text-decoration: none;font: 10px/12pt "MS PGHOTIC",Verdana, Helvetica, sans-serif; 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;}
#leftmenu  h1 { font:8pt/13pt "MS PGHOTIC", Verdana, Helvetica, sans-serif; background: #f2f2f2; color: #666; font-weight: bold; text-transform: uppercase; border-bottom:1px solid #f2f2f2;padding:0 0 3px 20px; background: url(images/icons/cube.gif) no-repeat 3% 40%; }
#leftmenu  p { text-align: left; font: 10px/12px "MS PGHOTIC", Verdana, Helvetica, sans-serif; padding:3px 5px 1px 15px; }
#leftmenu  a { color: #666; font: 10px/12px "MS PGHOTIC", Verdana, Helvetica, sans-serif; display: block; padding:0 5px 0 20px; border-right:7px solid #fff; background: url(images/icons/arrow_gray.png) no-repeat 3% 40%;  }
#leftmenu  a:hover { color: #666; font: 10px/12px "MS PGHOTIC", Verdana, Helvetica, sans-serif; border-right:7px solid #A6FD00;}

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; }
h1.keyword { display:block; font:10px/12px Verdana, Helvetica, sans-serif; color:#C0D650; text-align: center;}
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#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; }
#main p { margin:1px 0 2px 0; padding-bottom:2px; padding-top:1px; }
.image-en {
width:100px;
height:60px;
margin:3px 3px 3px 0; padding:2px; background:#FFFFFF; border:1px solid #ccc; text-align: center; clear: both;
}
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 */
.content  td { font-size:11px; font-family: Arial, Helvetica, sans-serif; }
.content img { margin:0 0 0 0; background: #e1e1e1; padding:0; border:1px solid #333333; }
.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; }
a:link { color: #999; text-decoration: none; }
a:visited { color: #999; text-decoration: none; }
a:active { color: #999; text-decoration: none;  }
a:hover { color: #FF6309; text-decoration: none;  }

/* CONTENT */
#img-wts {
	height:150px;
	width:200px;
}
p .xpadding {
	padding:2px;
	text-align:center;
}
#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; }
p.title { font: 12pt/14pt Verdana, Helvetica, sans-serif; text-align:left; font-weight: bold; text-transform: capitalize; color: orange;border-bottom:1px solid orange; letter-spacing: 1px; padding: 5px 0 3px 0; }
.red { color: #FF0000; }
p.title:first-letter { font: 14pt/16pt Verdana, Helvetica, sans-serif; color: orange; border-right: 2px solid #FFF; }

.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 #6E7F8F;  border-collapse:collapse; }
.rate .title th { color:#50667B; font-weight:bold; padding:1px 0 2px 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; }
.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:3px 10px 3px 10px; }

.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; }
.
/* FORM */
input, textarea { background: #FFFFFF; border:1px solid #333;  }
select { border:0; }

/* 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 "MS PGHOTICS", 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; }
.menu-bottom a:active { color: #000; padding:3px 2px 3px 2px; }
.menu-bottom a:visited { color: #000; padding:3px 2px 3px 2px; }
.menu-bottom a:hover { color: #666; padding:3px 2px 3px 2px; }
.copyright p { padding-top: 5px; font: 11px/10pt Verdana, Helvetica, sans-serif; text-align: left; }
.copyright a { color: orange; text-decoration: none; }
.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 "MS PGHOTICS", Verdana, Helvetica, sans-serif; text-align: center; color: #999999; }

div#eXTReMe { display: none; visibility: hidden;}
.fcb { float: left; width: 760px; clear: none; padding: 4px; font-size:12px;list-style:none; }

.fcb li{
float: left;
display: block;
margin: 0;
padding: 0;
margin-left: 4px;

}