@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------
pegipegi.com

version: 1.0
author: Fitri NL
email: fitrinurlatifah@gmail.com

Colors:
text: #4d4d4d
orange : #ef7814
blue: #1B47FF
----------------------------------------------------------*/

* {margin: 0; padding: 0;}

/* -----------------------------
  Global CSS Reset Style
----------------------------- */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {padding: 0; margin: 0; font-size: 100%; font-weight: normal;}
table {border-collapse: collapse; border-spacing: 0;}
td, th, caption {font-weight: normal; text-align: left;}
img, a img,:link img,:visited img, fieldset {border: 0;}
ol {padding-left:10px; list-style:decimal;}
ul {padding-left:10px; list-style:square;}
q:before, q:after {content:'';}
:link,:visited { text-decoration:none; }
address { font-style:normal; }
/* ----------------------------- */


/* ----------------------------- 
        Generic Styles
----------------------------- */
body {background-color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4d4d4d; line-height:18px;}
ul, ol, p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4d4d4d; line-height:18px;}
a {color:#1B47FF; text-decoration:none;}
a:hover {color:#ef7814; text-decoration:underline;}
ul {list-style:disc; padding-left:15px;}
h1, h2, h3, h4, h5 {font-weight:normal; color:#ef7814; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
h1 {font-size:26px; line-height:26px;}
h2 {font-size:18px; line-height:24px;}
h3 {font-size:16px; line-height:22px;}
h4 {font-size:14px; line-height:20px;}
/* ----------------------------- */

#container {width:960px; margin:0 auto;}

#container-small {width:630px; margin:0 auto;}

#content-global {margin-top:20px; overflow:hidden;}
	#content-global h1.title {border-left:4px solid #EF7814; padding:0 0 0 7px; color:#4d4d4d; margin:0 0 20px 0;}


#search-tab, #search-hotel-name {width:380px; position:relative; margin:20px 0;}

#search-tab .tabber, #search-hotel-name .tabber {width:382px; height:33px; background:url(images/bg-search-tab.png) repeat-x #ccc; margin-bottom:-33px; position:relative;}

.tabber #top-search-title {width:382px; height:42px; border:none; background:url(images/top-search-title.png) no-repeat;}

.tabber #top-search-name-title {width:382px; height:42px; border:none; background:url(images/top-search-name-title.png) no-repeat;}

/*Added by Rama for Indonesia Translation*/
.tabber #top-search-title-id {width:382px; height:42px; border:none; background:url(images/top-search-title_id.png) no-repeat;}
.tabber #top-search-name-title-id {width:382px; height:42px; border:none; background:url(images/top-search-name-title_id.png) no-repeat;}

/* *:first-child+html #search-tab .tabber {margin-bottom:-33px; position:relative;}
* html #search-tab .tabber {margin-bottom:-33px; position:relative;} */

.tabber #tab_1 {cursor:pointer; width:154px; height:33px; border:none; background:url(images/top-tab.png) no-repeat 0 0; float:left; 
position:absolute;}
.tabber #tab_1:hover {width:154px; height:33px; border:none; background:url(images/top-tab.png) no-repeat 0 -33px;}
.tabber #tab_1.active {width:154px; height:42px; border:none; background:url(images/top-tab.png) no-repeat 0 -66px;}


.tabber #tab_2 {cursor:pointer; width:150px; height:33px; border:none; background:url(images/top-tab.png) no-repeat -154px 0; float:left; position:absolute; margin-left:154px;}
.tabber #tab_2:hover {width:150px; height:33px; border:none; background:url(images/top-tab.png) no-repeat -154px -33px;}
.tabber #tab_2.active {width:150px; height:42px; border:none; background:url(images/top-tab.png) no-repeat -154px -66px;}

	 .tabbertab h2 {text-indent:-5000px;}
	 
	 
.content_tab {
 background-color:#f4f4f4;
 color:#4d4d4d;
 width:380px;
 border:1px solid #ccc;
 clear:both;
 margin-top:32px;
 overflow:hidden;
 /*height:345px;*/

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

.content_tab h4 {font-size:14px; text-transform:uppercase; font-weight:bold;}

.content_tab .tab-row h4 span {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#4d4d4d; text-transform:lowercase; font-style:italic; font-weight:normal;}

.content_tab ul, ol, p {color:#4d4d4d;}

.content_tab .tab-row {background:url(images/bg-tab-row.png) repeat-x bottom left #f4f4f4; padding: 10px; overflow:hidden; clear:both; border-top:solid 1px #FFF; border-bottom:solid 1px #ccc;}

.content_tab .style-space {display:inline-block; width:70px; padding-top:10px;}

.orange-color {color:#ef7814;}

.left {float:left;}

.font-style {font-size:18px; line-height:24px; margin-bottom:5px; color:#4d4d4d;}

.padding-style1 {padding:5px 10px !important;}
.input-style1 {width:220px; float:left;}
	* html .input-style1 {width:210px; float:left;}
	
.clear {clear:both;}

/* -----------------------------
 	      Search Form
----------------------------- */

/* =input */
.content_tab .tab-row input {border:solid 1px #dcdcdc; padding:5px;}
/*.content_tab .tab-row select {border:solid 1px #dcdcdc; padding:5px;}*/
.content_tab .tab-row textarea {border:solid 1px #dcdcdc; padding:5px;}

.content_tab .tab-row input, .content_tab .tab-row select, .content_tab .tab-row textarea {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4d4d4d;}

.content_tab .tab-row .date-pick img { vertical-align:middle; margin-left:5px;}
	
.content_tab div.start-search input {cursor:pointer; width:380px; height:60px; border:none; background:url(images/btn-start-search.png) no-repeat 0 0;}
.content_tab div.start-search input:hover {background:url(images/btn-start-search.png) no-repeat 0 -60px;}
/*.content_tab div.start-search input:active {background:url(images/btn-start-search.png) no-repeat 0 -120px;}*/
.content_tab div.start-search input:focus {border:none;}
	.content_tab div.start-search input.button {text-indent:-5000px;}
	
	*:first-child+html .content_tab div.start-search input.button {text-indent:0; font-size: 0px; color:#FFF; line-Height:200px; text-transform:capitalize;}
	* html .content_tab div.start-search input.button {text-indent:0; font-size: 0px; color:#FFF; line-Height:200px; text-transform:capitalize;}

/*Added by Rama for Indonesia Translation*/	
.content_tab div.start-search-id input {cursor:pointer; width:380px; height:60px; border:none; background:url(images/btn-start-search_id.png) no-repeat 0 0;}
.content_tab div.start-search-id input:hover {background:url(images/btn-start-search_id.png) no-repeat 0 -60px;}
/*.content_tab div.start-search input:active {background:url(images/btn-start-search.png) no-repeat 0 -120px;}*/
.content_tab div.start-search-id input:focus {border:none;}
	.content_tab div.start-search-id input.button {text-indent:-5000px;}
	
	*:first-child+html .content_tab div.start-search-id input.button {text-indent:0; font-size: 0px; color:#FFF; line-Height:200px; text-transform:capitalize;}
	* html .content_tab div.start-search-id input.button {text-indent:0; font-size: 0px; color:#FFF; line-Height:200px; text-transform:capitalize;}
	
	
.content_tab div.btn-search {float:right;}
.content_tab div.btn-search input {cursor:pointer; width:123px; height:30px; border:none; background:url(images/btn-search.png) no-repeat 0 0;}
.content_tab div.btn-search input:hover {background:url(images/btn-search.png) no-repeat 0 -30px;}
.content_tab div.btn-search input:focus {border:none;}
	.content_tab div.btn-search input.button {text-indent:-5000px;}

	*:first-child+html .content_tab div.btn-search input.button {text-indent:0; font-size: 0px; color:#FFF; line-Height:200px; text-transform:capitalize;}
	* html .content_tab div.btn-search input.button {text-indent:0; font-size: 0px; color:#FFF; line-Height:200px; text-transform:capitalize;}

/*Added by Rama for Indonesia Translation*/	
.content_tab div.btn-search-id {float:right;}
.content_tab div.btn-search-id input {cursor:pointer; width:123px; height:30px; border:none; background:url(images/btn-search_id.png) no-repeat 0 0;}
.content_tab div.btn-search-id input:hover {background:url(images/btn-search_id.png) no-repeat 0 -30px;}
.content_tab div.btn-search-id input:focus {border:none;}
	.content_tab div.btn-search-id input.button {text-indent:-5000px;}

	*:first-child+html .content_tab div.btn-search-id input.button {text-indent:0; font-size: 0px; color:#FFF; line-Height:200px; text-transform:capitalize;}
	* html .content_tab div.btn-search-id input.button {text-indent:0; font-size: 0px; color:#FFF; line-Height:200px; text-transform:capitalize;}

	
	
	
	
.customStyleSelectBox {border:solid 1px #dcdcdc; padding:3px 8px 3px 5px; background:#FFF;
/* Styles For Your Select Box */
}

.customStyleSelectBox.changed {
/* You can use this if you want a different style after user has made a selection */
}

/* on the next line we add a down arrow on the right to indicate that it is a select box */
.customStyleSelectBoxInner {
background:url(images/select-arrow.png) no-repeat center right;
}

.width-small {width:50px !important;}
.width-medium {width:90px;}

/* ----------------------------- */


#slide-home {float:right; margin:20px 0; -moz-box-shadow: 0px 3px 4px 0px #ccc; -webkit-box-shadow: 0px 3px 4px 0px #ccc; box-shadow: 0px 3px 4px 0px #ccc; border:3px solid #FFF;}


#featured-home {width:960px; clear:both; background-color:#F4F4F4;}

#featured-home p + p { margin-top: 10px; } 


#featured-home .title {padding:15px 20px;}

#featured-home .title h2 {background:url(images/icon-hotel2.png) no-repeat; padding:3px 0 3px 38px; font-size:24px; text-transform:uppercase; font-weight:bold; line-height:24px; text-shadow: 1px 1px 0 #b7b7b7;}

#featured-home h2.hotel {background:url(images/icon-hotel2.png) no-repeat scroll 0 10px transparent; padding:3px 0 3px 38px; font-size:24px; text-transform:uppercase; font-weight:bold; line-height:24px; text-shadow: 1px 1px 0 #b7b7b7; display:table-cell; height:54px; vertical-align:middle;}


.tabber #ftab_1 {cursor:pointer; width:280px; height:64px; border:none; background:url(images/featured-tab.png) no-repeat 0 -128px; float:left;}
.tabber #ftab_1:hover {width:280px; height:64px; border:none; background:url(images/featured-tab.png) no-repeat 0 -64px;}
.tabber #ftab_1.active {width:280px; height:64px; border:none; background:url(images/featured-tab.png) no-repeat 0 0;}


.tabber #ftab_2 {cursor:pointer; width:280px; height:64px; border:none; background:url(images/featured-tab.png) no-repeat -280px -128px; float:left;}
.tabber #ftab_2:hover {width:280px; height:64px; border:none; background:url(images/featured-tab.png) no-repeat -280px -64px;}
.tabber #ftab_2.active {width:280px; height:64px; border:none; background:url(images/featured-tab.png) no-repeat -280px 0;}

.feature_tab h2 {text-indent:-5000px;}



#featured-home .content_tab {clear:both; width:960px; background-color:#f4f4f4; border:none; padding-bottom:-2px;}

#featured-home .content_tab {margin-top:0;}


/* -----------------------------
 	 Secondary Featured Tab
----------------------------- */
.content_tab .city_tab {padding-top:5px;}
.content_tab .city_content {border-top:2px solid #ef7814; margin-top:-2px; clear:both; background:#FFF;}

*:first-child+html .content_tab .city_content {padding-top:15px;}
* html .content_tab .city_content {padding-top:15px;}

.tabber .tab-submenu {cursor:pointer; padding:8px 17px; border:none; clear:both; display:inline-block; text-transform:uppercase; font-size:18px; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; color:#4d4d4d; margin-right:5px;}

.tabber .tab-submenu:hover, .tabber .tab-submenu.active {padding:8px 15px; border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border:2px solid #ef7814; border-bottom:none; color:#ef7814; background-color:#FFF;}




*:first-child+html .tabber .tab-submenu {cursor:pointer; padding:8px 17px; border:none; text-transform:uppercase; display:inline; font-size:18px; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; color:#4d4d4d; margin-right:5px; list-style:none;}

*:first-child+html .tabber .tab-submenu:hover, *:first-child+html .tabber .tab-submenu.active {padding:8px 15px; border:2px solid #ef7814; border-bottom:none; color:#ef7814; background-color:#FFF;}

* html .tabber .tab-submenu {cursor:pointer; padding:8px 17px; border:none; text-transform:uppercase; display:inline; font-size:18px; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; color:#4d4d4d; margin-right:5px; list-style:none;}

* html .tabber .tab-submenu:hover, * html .tabber .tab-submenu.active {padding:8px 15px; border:2px solid #ef7814; border-bottom:none; color:#ef7814; background-color:#FFF;}



.city-slide {width:960px; background-color:#f4f4f4; margin-top:15px; overflow:hidden; -moz-box-shadow: 0px 3px 4px 0px #ccc; -webkit-box-shadow: 0px 3px 4px 0px #ccc; box-shadow: 0px 3px 4px 0px #ccc;}


.arrow-slide {width:35px; height:285px; padding-top:235px; background-color:#c6c6c6; float:left; cursor:pointer;}


.featured-col {width:260px; padding:20px 18px 30px; float:left; margin:0 auto; border-left:1px solid #fff; border-right:1px solid #ccc;}

	.featured-col img.style {border:3px solid #fff; -moz-box-shadow: 0 0 8px #ccc; -webkit-box-shadow: 0 0 8px #ccc; box-shadow: 0 0 8px #ccc; margin-bottom:10px;}

.featured-col-detail {background-color:#FFF; width:240px; padding:5px 10px 10px; overflow:hidden; height:280px;}
	
	.featured-col-detail h2.hotel { background:url(images/icon-hotel1.png) no-repeat; padding:3px 0 3px 38px; margin:0 0 10px 0; font-size:24px; text-transform:uppercase; font-weight:bold; line-height:24px;}
	.featured-col-detail h2.hotel a, .featured-col-detail h2.hotel a:hover  {color:#ef7814; text-decoration:none;}
	
	.featured-col-detail h2.villa { background:url(images/icon-villa1.png) no-repeat; padding:3px 0 3px 38px; margin:0 0 10px 0; font-size:24px; text-transform:uppercase; font-weight:bold; line-height:24px;}
	.featured-col-detail .location {font-size:14px; color:#666; font-weight:bold; margin-bottom:15px; display:block; overflow:hidden;}
	.featured-col-detail .location span {float:left;}
	.featured-col-detail span.star {float:right;}
	.featured-col-detail .btn-more {float:right; margin-top:10px; overflow:hidden;}
	
*:first-child+html .featured-col-detail .location {margin-bottom:5px; margin-top:-10px;}
	

.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 890px;
	height:520px;
	float:left;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div.featured-col-container {
	float:left;
}
/* ----------------------------- */



/* -----------------------------
 	 		Popular
----------------------------- */
#favorite-home {width:960px; background-color:#F4F4F4; clear:both; margin:20px 0; -moz-box-shadow: 0px 3px 4px 0px #ccc; -webkit-box-shadow: 0px 3px 4px 0px #ccc; box-shadow: 0px 3px 4px 0px #ccc;}

#favorite-home .title {padding:15px 20px;}

#favorite-home h2.hotel { background:url(images/icon-hotel2.png) no-repeat; padding:3px 0 3px 38px; font-size:24px; text-transform:uppercase; font-weight:bold; line-height:24px; text-shadow: 1px 1px 0 #b7b7b7;}

#favorite-home h2.villa { background:url(images/icon-villa2.png) no-repeat; padding:3px 0 3px 38px; font-size:24px; text-transform:uppercase; font-weight:bold; line-height:24px; text-shadow: 1px 1px 0 #b7b7b7;}

.favorite-col-container {background:url(images/bg-favorite.png) repeat top left; border-top:2px solid #ef7814; border-bottom:2px solid #ef7814; padding:25px 0 15px 0; overflow:hidden; clear:both;}

* html .favorite-col-container {height:210px;}

.favorite-col {width:220px; float:left; margin:0 auto; padding:0 10px;}

* html .favorite-col {padding:0 7px;}

	.favorite-col img.style {border:3px solid #fff; -moz-box-shadow: 0 0 8px #ccc; -webkit-box-shadow: 0 0 8px #ccc; box-shadow: 0 0 8px #ccc; margin-bottom:10px;}
	
	.favorite-col .location {width:210px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; background-color:#FFF; -moz-box-shadow: 0 0 8px #acacac; -webkit-box-shadow: 0 0 8px #acacac; box-shadow: 0 0 8px #acacac; padding:5px; position:relative;}
	
	.favorite-col .label-fav {background:url(images/label-fav.png) no-repeat; width:34px; height:48px; position:absolute; right:4px; top:4px;}
	
	.favorite-col h3.hotel {background:url(images/icon-hotel1.png) no-repeat; padding:5px 0 5px 38px; font-size:20px; font-weight:bold; line-height:20px;}
	
	.favorite-col h3.hotel a {color:#ef7814; text-decoration:none;}
	.favorite-col h3.hotel a:hover {color:#1B47FF; text-decoration:none;}

#links {width:960px; background-color:#F4F4F4; clear:both; margin:-10px 0 30px 0; -moz-box-shadow: 0px 3px 4px 0px #ccc; -webkit-box-shadow: 0px 3px 4px 0px #ccc; box-shadow: 0px 3px 4px 0px #ccc; border:1px solid #E5E5E5;}
	#links a {color:#999;}
	#links a:hover {color:#1B47FF;}

.favorite-links {background-color:#FFF; overflow:hidden; clear:both;}
.favorite-links h3 {font-size:14px; font-weight:bold; text-transform:uppercase; margin-bottom:10px; color:#999;}
.favorite-links .col-links {float:left; padding:15px 15px 30px 15px; border-right:solid 1px #e5e5e5; height:250px; background-color:#FFF;}
.favorite-links .col-links ul.style1 {float:left; padding-right:14px;}
.favorite-links .col-links ul.style2 {float:left;}

.col-links ul, .col-links li {list-style:none; padding-left:0;}
.col-links a {text-decoration:underline;}

/* ----------------------------- */


.theme-default #slider {
    width:565px; /* Make sure your images are the same size */
    height:354px; /* Make sure your images are the same size */
	position:relative;
}

.label-promo {background:url(images/label-promo.png) top left no-repeat; width:112px; height:87px; position:absolute; top:7px; left:7px; z-index:20;}


/* -----------------------------
 	 	Call Center Page
----------------------------- */
#call-pic {width:220px; float:left;}
	#call-pic img.style {border:3px solid #fff; -moz-box-shadow: 0 0 8px #ccc; -webkit-box-shadow: 0 0 8px #ccc; box-shadow: 0 0 8px #ccc; margin-bottom:10px;}

#call-info {width:410px; float:right;}
#call-info a {text-decoration:underline;}
	.contact-box {width:380px; padding:15px; margin-bottom:10px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; background-color:#f4f4f4;}
	.contact-box h3 {font-size:18px; line-height:18px; margin-bottom:5px; text-transform:uppercase;}
	.contact-box .style-text1 {width:70px; font-weight:bold;}
	.contact-box .style-text2 {font-size:12px; padding:2px 0;}
/* ----------------------------- */



/*Widget for FB and Twitter Home*/
#widget {width:960px; clear:both; margin-bottom:20px; overflow:hidden;}
	#widget h3, #widget h4 {font-family:Arial, Helvetica, sans-serif;}
	#widget .space {float:left; margin-right:20px;}
	
	
/* -----------------------------
 	 Promo Landing Page
----------------------------- */
h2.text-intro {margin-bottom:15px;}

.box-left {float:left;}
.box-right {float:right;}

.box-promolanding {width:460px; border:solid 1px #ccc; padding:5px 5px 15px 5px; margin-bottom:20px;}
	.box-promolanding img {margin-bottom:5px;}
	.box-promolanding p {padding:10px 5px 0 5px;}

.box-promolanding .title {width:440px; background-color:#464646; border-top:5px solid #ef7814; border-bottom:5px solid #ef7814; padding:5px 10px; display: table-cell; height:50px; color:#FFF; vertical-align:middle;}
	.box-promolanding .title h3 {font-size:18px; line-height:21px; color:#FFF; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}

/* ----------------------------- */


/* -----------------------------
 		Prelaunch Winner
----------------------------- */

#banner-top-wide {width:960px; margin:0 auto 5px auto; text-align:center;}
.img-border {border:solid 1px #ccc; padding:3px;}

#prewin-left {width:220px; float:left; padding-top:20px;}
	#prewin-left h2 {font-family:Arial, Helvetica, sans-serif; color:#333;}
#prewin-right {width:720px; float:right;}
	
#winner1 {background:url(images/bg-winner.png) top left no-repeat; width:580px; height:57px; padding:40px 20px 10px 120px; margin-bottom:15px;}
	#winner1 h2 {text-shadow:1px 1px 0px #7d4c22; font-size:18px; line-height:20px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; margin-bottom:13px;}
	#winner1 td {color:#FFF; font-weight:bold; font-size:17px; line-height:18px;}
	#winner1 .style1 {width:230px; padding-left:20px;}
	#winner1 .style2 {padding-right:20px;}

.winner2 {width:700px; padding:15px 10px; background-color:#75a61f; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; margin-bottom:15px;}
	.winner2 h2 {text-shadow:1px 1px 0px #293a0b; font-size:18px; line-height:20px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; margin:5px 0 15px 0;}
	.winner2 td {color:#FFF; font-weight:bold; font-size:15px;}
	.winner2 .style1 {padding:8px 0px 8px 15px; width:30px;}
	.winner2 .style2 {padding:8px 0px 8px 0; width:200px;}
	.winner2 .style3 {padding:8px 15px 8px 0;}
	.winner2 .color1 {background-color:#5c8611;}
	.winner2 .color2 {background-color:#75a61f;}

#winner3 {width:700px; padding:15px 10px; background-color:#dadada; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; margin-bottom:30px; clear:both; overflow:hidden;}
	#winner3 h2 {color:#ef7814; font-size:18px; line-height:20px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:5px 0 15px 0;}
	#winner3 td {color:#262626; font-size:13px;}
	#winner3 .style1 {padding:5px 0px 5px 10px; width:150px; font-size:12px;}
	#winner3 .style2 {padding:5px 10px 5px 0; font-size:12px;}
	#winner3 .color1 {background-color:#c3c3c3;}
	#winner3 .color2 {background-color:#dadada;}

#other-promo {background-color:#eee; padding:20px 10px 30px 10px; width:940px; margin:20px 0; clear:both; overflow:hidden;}
	#other-promo h2 {color:#333; font-size:18px; font-family:Arial, Helvetica, sans-serif; margin-bottom:15px;}
	#other-promo .col {width:300px; float:left; padding-right:18px;}
	#other-promo .col img {border:solid 1px #ccc;}
	#other-promo .col h3 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:15px; margin:10px 0 5px 0;}
	#other-promo .col h3 a {color:#ef7814;}
	#other-promo .col h3 a:hover {text-decoration:none;}
/* ----------------------------- */



/* -----------------------------
 	 	 Login Page
----------------------------- */
#loginstyle {font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-bottom:20px;}

	#loginstyle .top-title{-moz-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; background-color:#ef7814; padding:5px 10px;}
	#loginstyle .top-title h3, #loginstyle .title h3 {color:#FFF; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
	#loginstyle .top-title img, #loginstyle .title img {vertical-align:middle; float:left; padding-right:5px;}

	#loginstyle .formstyle1 {padding:15px 0 5px 30px; width:120px; font-size:14px;}
	#loginstyle .formstyle2 input {border:solid 1px #d7d7d7; padding:5px; background-color:#FFF;}
	#loginstyle span.subtext {font-size:11px; font-style:italic; color:#898989;}
	
	#loginstyle .btnbox {padding:0 0 15px 0; width:620px; text-align:center;}
	
	#loginstyle .textstyle {padding:15px 30px;}
		#loginstyle .textstyle div { padding:10px; border:solid 1px #d7d7d7; -moz-border-radius:5px; border-radius:5px;}
		
	#loginstyle .title { background-color:#ef7814; padding:5px 10px;}

.textsmall {font-size:11px;} 
/* ----------------------------- */



/* -----------------------------
	   Styling Static Text
----------------------------- */
#content-text {margin-bottom:20px;}
.title-primary {border-bottom: 1px solid #666666; font-size: 18px; font-weight: bold; line-height:24px; margin: 20px 0 5px; padding: 2px 0;}
.title-sub {border-left: 3px solid #dddddd; font-size: 14px; font-weight: bold; line-height:18px; margin: 15px 0 5px 15px; padding: 2px 0 2px 4px;}
.title-help {font-size: 14px; line-height:18px; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; padding:5px 0; margin:15px 0 5px 0; color:#ef7814;}
ul.list1 {list-style: disc outside none; margin: 0;}
ul.list2 {list-style: disc outside none; margin: 0 0 0 25px;}
ul.list3 {list-style: disc inside none; line-height:28px; margin: 0 0 0 -15px; padding-bottom:10px;}
	.list3 li {border-bottom: dashed 1px #ccc;}
p.list_indent {margin-left: 25px;}
ul.list_non {list-style-type: none; margin: 5px 0 0 12px;}
.gotop { font-size:10px; text-align: right; padding-top:10px;}
.mgntop20 {margin-top: 20px;}
.help_jamp { font-size: 11px; margin: 20px 0 5px; text-align: right;}
p.number {margin: 10px 0 0;}
form.close {margin: 15px 0; text-align: center;}

.policybox {border: 1px solid #CCCCCC; margin-top: 15px; padding: 10px; text-align: left;}
p.title_graybg {background-color: #F4F4F4; font-weight: bold; margin-top: 0; padding: 2px; color: #EF7814; font-size: 14px; line-height: 18px;}
ol.list1 {list-style: decimal outside none; margin: 5px 0 0 10px;}
/* ----------------------------- */



/* -----------------------------
 	 	  Pop Out Table
----------------------------- */
.room-crack-panel {
    background: none repeat scroll 0 0 #F4F4F4;
    padding: 15px 10px;
    position: absolute;
    text-align: left;
    width: 940px;
	-moz-box-shadow: 0px 3px 4px 0px #ccc; -webkit-box-shadow: 0px 3px 4px 0px #ccc; box-shadow: 0px 3px 4px 0px #ccc;
	margin:0 auto;
	top:155px;
	z-index:100;
}

.room-crack-panel {color:4D4D4D; font-family:Arial, Helvetica, sans-serif;}

.room-crack-panel .rc-cells {
    float: left;
    width: 950px;
}

.room-crack-panel {
    text-align: left;
}

.room-crack-panel .rc-cell {
    background: none repeat scroll 0 0 #FFF;
    float: left;
    margin: 0 5px 15px 5px;
    width: 178px;
	-moz-box-shadow: 0 0 4px #ccc; -webkit-box-shadow: 0 0 4px #ccc; box-shadow: 0 0 4px #ccc;
	border-top:2px solid #EF7814;
	padding:5px 0;
}

.room-crack-panel h3.title {
    /*background: none repeat scroll 0 0 #C6C6C6;
	margin: 0 0 5px;*/
    display: inline-block;
    font-weight: bold;
    padding: 2px 4px;
	text-transform:uppercase;
	font-size:14px;
	clear:both;
}

.room-crack-panel table.person {
    width: 100%;
}

.room-crack-panel th {
	padding: 8px 5px;
}

.room-crack-panel th, .room-crack-panel td {
    text-align: left;
}

.room-crack-panel label {
    float: none;
    margin: 0;
}

.searchPanel label {
    display: block;
    white-space: nowrap;
}

.room-crack-panel .button-close { margin:0 auto; text-align:center;
   
}

.room-crack-panel .button-close a { clear: both;
    margin: 1em 0 0; text-align:center; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; background-color:#1B47FF; padding:5px 14px 5px 8px; cursor:pointer; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; font-weight:bold; text-shadow: 1px 1px 0 #464646;}
	
.room-crack-panel .button-close a:hover	{background-color:#ef7814; text-decoration:none;}

.room-crack-panel .button-close span {-moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; background-color:#FFF; padding:1px 5px; color:#4D4D4D; margin-right:3px; text-shadow:none; font-size:11px;}

/* ----------------------------- */



/* ----------------------------- */

/*Mickie-Editing
---------------------------------
---------------------------------
---------------------------------*/
#top-search-featured{background:url(images/top-search-blank.png) no-repeat left top;width:346px;height:39px;color:#fff;padding-left:36px;padding-top:3px;}
#top-search-featured h2{text-indent:0;color:#fff;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:18px;font-weight:bold;text-shadow: -1px 1px 0 #4e4d4d;}

/*featured*/
#slide-featured{float:right;padding:3px;border:1px solid #ccc;margin:20px 0;}

#main-featured{width:960px;overflow:hidden;position:relative;margin:0 auto;}
	#main-featured .about-destination{width:310px;float:left;margin-right:10px;overflow:hidden;margin-bottom:15px;}
	#main-featured .content-featured{width:640px;float:right;overflow:hidden;margin-bottom:15px;}
	
	.about-destination .title{background:url(images/headline-bg.gif) repeat-x left top;height:38px;padding-top:7px;padding-left:6px;overflow:hidden;margin-bottom:10px;}
	.about-destination .title span{margin-right:20px;float:left;}
	.about-destination .title h2{text-transform:capitalize;text-shadow:-1px 1px 0 #ccc;float:left;margin-top:3px;}
	
	.about-destination .content{background:#f4f4f4;border:1px solid #ccc;padding:10px;}
	.about-destination .content>img{margin-bottom:10px;}
	.about-destination>h3{background:#fa7705;color:#fff;padding:5px 10px;}
	
	.about-destination .content .list-landmark{margin-top:10px;padding-bottom:10px;border-bottom:1px solid #ccc;overflow:hidden;}
	.about-destination .content .list-landmark:last-child{border-bottom:0;}
		.list-landmark img{float:left;margin-right:5px;border:1px solid #ccc;padding:3px;background:#fff;}
		.list-landmark .detail{float:right;width:215px;}
		.list-landmark .detail h3{font-weight:bold;}
		.list-landmark .detail p{font-size:11px;}
	
	
	.content-featured .title{background:url(images/headline-bg.gif) repeat-x left top;height:38px;padding-top:7px;padding-left:6px;overflow:hidden;margin-bottom:10px;}
	.content-featured .title span{margin-right:20px;float:left;}
	.content-featured .title h2{text-transform:capitalize;text-shadow:-1px 1px 0 #ccc;float:left;margin-top:3px;}
	
	.content-featured .highlight{background:#f8f1de;border-bottom:0 !important;}
	.content-featured .result-body{overflow:hidden;padding:10px;margin-bottom:10px;border-bottom:1px solid #ccc;}
	.content-featured .result-body .hotel-picture{width:162px;float:left;margin-right:10px;overflow:hidden;}
	.content-featured .result-body .hotel-picture img{border:1px solid #ccc;display:block;}
	.content-featured .result-body .hotel-picture .sub1{float:left;margin-top:10px;}
	.content-featured .result-body .hotel-picture .sub2{float:right;margin-top:10px;}
	.content-featured .result-body .hotel-detail{float:left;width:448px;}
		.hotel-detail .hotel-detail-header{margin-bottom:10px;}
		.hotel-detail .hotel-detail-header td.hotel-name{font-size:16px;font-weight:bold;text-align:left;width:420px;}
		.hotel-detail .hotel-detail-header td{text-align:right;}
		
		.hotel-detail .hotel-detail-body{margin-bottom:10px;}
		.hotel-detail .hotel-detail-body .access-point{margin-top:3px;padding-top:3px;border-top:1px dashed #666;font-size:11px;}
		
		.hotel-detail .hotel-detail-plan{margin-bottom:10px;}
		.hotel-detail .hotel-detail-plan h3{font-weight:bold;color:#000;font-size:12px;border-bottom:1px solid #666;padding-bottom:5px;margin-bottom:5px;line-height:12px;}
		.hotel-detail .hotel-detail-plan table tr{border-bottom:1px dashed #666;}
		.hotel-detail .hotel-detail-plan table td{padding-bottom:5px;}
		
		.hotel-detail .hotel-detail-plan .plan-list{}
		.hotel-detail .hotel-detail-plan .plan-list .icon-01{padding:0 3px;border:1px solid #666;background:#FFE4C4;color:#666;}
		.hotel-detail .hotel-detail-plan .plan-list .icon-02{padding:0 3px;border:1px solid #666;background:#fff;color:#666;}
		
	.content-featured .result-body p.hotel-link{background:url(images/small-arrow.gif) no-repeat 0 center;padding-left:13px;}
	.content-featured a.show-all-hotel{background:url(images/btn-show-all.png) left top;width:207px;height:43px;cursor:pointer;text-indent:-9999px;display:block;float:right;}
	.content-featured a.show-all-hotel:hover{background-position:left bottom;}
	
	/******************************* ADDTIONAL STYLE ***********************
author : Yosa
Indonesia Travel and Holiday Fair 2012
************************************************************************/

.promo-banner{ margin-top:2em; margin-bottom:2em;}
.separator{ clear:both; border-top:1px solid #ddd; margin:1em 0.4em 1.2em;}
.sorting-container, .sorting-panel{ 
	padding:1em 0.5em;
	margin-bottom:2em;
	border:1px solid #ddd;
	overflow:hidden;
	background: #feffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #feffff 56%, #e0e0e0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(56%,#feffff), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #feffff 56%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #feffff 56%,#e0e0e0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #feffff 56%,#e0e0e0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #feffff 56%,#e0e0e0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */

}

.sorting-container .label-find-area, .sorting-panel .label-find-area{
	font-weight:bold; margin-left:1em;
	font-size:16px;
}

.select-area{ width:14em; padding:0.1em; margin-left:0.3em;}
.search-btn{ padding:0.1em 1em; margin-left:0.3em;}
.general-btn{
	-moz-box-shadow:inset 0px 1px 1px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 1px 0px #ffffff;
	box-shadow:inset 0px 1px 1px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff844f), color-stop(1, #f46223) );
	background:-moz-linear-gradient( center top, #ff844f 5%, #f46223 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff844f', endColorstr='#f46223');
	background-color:#ff844f;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #f46223;
	display:inline-block;
	color:#FFF;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:0.3em 1em;
	text-decoration:none;
	text-shadow:1px 1px 0px #666;
	cursor:pointer;
	margin-left:0.3em;
}.general-btn:hover, .pagination ul li:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #56ccff), color-stop(1, #009fe3) );
	background:-moz-linear-gradient( center top, #56ccff 5%, #009fe3 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#56ccff', endColorstr='#009fe3');
	background-color:#56ccff;
	border:1px solid #009fe3;
	text-shadow:1px 1px 0px #666;
}
.general-btn:active , .pagination ul li:active{
	position:relative;
	top:1px;
}

.promo-container{
	border-bottom:1px solid #ddd;
	overflow:hidden;
	padding-bottom:1.5em;
	margin-bottom:2em;
}


	.promo-content{ overflow:hidden;}
		.promo-photo{ border:1px solid #ccc; padding:0.2em; float:left; width:206px; height:154px;}
		
		.promo-content-detail-container{width:380px; float:left; margin-left:0.5em;}
			.promo-item-head{ background:#ebebeb; border-top:2px solid #fd9b4c; padding:0.5em 0.3em; overflow:hidden;margin-bottom:0.1em;}
				.promo-item-title{ margin-left:0.5em; font-weight:bold; font-size:18px; float:left;}
				.promo-item-rating{ float:left; margin-left:0.7em; margin-top:0.2em;}
			
			.promo-item-address{ padding:0.3em; background:#dadada; 
								-webkit-border-bottom-right-radius: 3px;
								-webkit-border-bottom-left-radius: 3px;
								-moz-border-radius-bottomright: 3px;
								-moz-border-radius-bottomleft: 3px;
								border-bottom-right-radius: 3px;
								border-bottom-left-radius: 3px;
								}
				.promo-item-address-text{margin-left:0.7em;}
				
			.promo-item-plan { padding:1.0em 0.7em; }
				.promo-item-plan ul li{ height:15px; list-style:none; border-bottom:1px solid #ddd; padding-bottom:1em; margin-bottom:1em;}
				.promo-item-plan ul li:last-child{ border-bottom:0;}
				.promo-item-plan-title{ font-weight:bold; background:url(img/promo-title-img.gif) no-repeat left; height:14px; padding:0 0 0.3em 1em; vertical-align:middle;}
				
		.promo-content-addition-container{width:352px; float:left; margin-left:0.5em; border:0px solid #ddd;}
			.promo-content-addition-head{
				-moz-box-shadow:inset 0px 1px 1px 0px #ffffff;
				-webkit-box-shadow:inset 0px 1px 1px 0px #ffffff;
				box-shadow:inset 0px 1px 1px 0px #ffffff;
				background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff844f), color-stop(1, #f46223) );
				background:-moz-linear-gradient( center top, #ff844f 5%, #f46223 100% );
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff844f', endColorstr='#f46223');
				background-color:#ff844f;
				
				border:1px solid #f46223;
				display:inline-block;
				color:#FFF;
				font-family:arial;
				font-size:15px;
				font-weight:bold;
				padding:0.5em 0em 0.5em 1em;
				text-decoration:none;
				width:336px;
				
				-webkit-border-top-left-radius: 3px;
				-webkit-border-top-right-radius: 3px;
				-moz-border-radius-topleft: 3px;
				-moz-border-radius-topright: 3px;
				border-top-left-radius: 3px;
				border-top-right-radius: 3px;
			}
			.promo-content-addition-list-container{
				background:#f2f2f2;
				padding:0.6em 0.5em 0.6em 0.3em;
				border-bottom:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd;
				-webkit-border-bottom-right-radius: 3px;
				-webkit-border-bottom-left-radius: 3px;
				-moz-border-radius-bottomright: 3px;
				-moz-border-radius-bottomleft: 3px;
				border-bottom-right-radius: 3px;
				border-bottom-left-radius: 3px;
			}
			.promo-content-addition-list{}
			.promo-content-addition-list ul{ padding-left:0.5em; padding-right:0.5em;}
			.promo-content-addition-list ul li{ list-style:none; border-bottom:1px solid #ddd; padding-bottom:0.5em; padding-top:0.1em; margin-bottom:0.5em;}
			.promo-content-addition-list ul li:last-child{border-bottom:0;}

.pagination{ margin-left:auto; margin-right:auto; text-align:center;}
.pagination ul{ padding:0;}
.pagination ul li{ 
	list-style:none; display:inline-block; padding:0.3em 0.5em; margin:0.1em; 
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	cursor:pointer;
}

.pagination ul li:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #56ccff), color-stop(1, #009fe3) );
	background:-moz-linear-gradient( center top, #56ccff 5%, #009fe3 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#56ccff', endColorstr='#009fe3');
	background-color:#56ccff;
	border:1px solid #009fe3;
	text-shadow:1px 1px 0px #666;
	color:#fff;
}

.pagination ul li.active {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #56ccff), color-stop(1, #009fe3) );
	background:-moz-linear-gradient( center top, #56ccff 5%, #009fe3 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#56ccff', endColorstr='#009fe3');
	background-color:#56ccff;
	border:1px solid #009fe3;
	text-shadow:1px 1px 0px #666;
	color:#fff;
}

.pagination ul li.disabled{ 
	list-style:none; display:inline-block; padding:0.3em 0.5em; margin:0.1em; 
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	cursor:pointer;
}
	