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

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

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


.searchform-right {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4d4d4d !important; line-height:18px;
}
.searchform-right table {border-collapse: collapse; border-spacing: 0;}
.searchform-right td, .searchform-right th, .searchform-right caption {font-weight: normal; text-align: left;}


.search-result-zero {background-color:#F4F4F4; -moz-box-shadow: 0 0 3px #ccc; -webkit-box-shadow: 0 0 3px #ccc; box-shadow: 0 0 3px #ccc; border-radius: 6px; -moz-border-radius: 6px; overflow:hidden; padding:10px 15px; margin-top:20px; width:480px;}
	.search-result-zero img {float:left; vertical-align:middle;}
	.search-result-zero p {font-size:14px; padding-top:10px; color:red;}
	
	* html .search-result-zero {width:520px;}
	*:first-child+html .search-result-zero {width:520px;}
	@media \0screen {.search-result-zero {width:520px;}}
	:root .search-result-zero {width:520px\9;}


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


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

/*Mickie-Editing
---------------------------------
---------------------------------
---------------------------------*/
/*--SEARCH RESULT PAGE CSS--*/
	.page-pagination{float:right;margin-bottom:5px;}
	.searchform-right{float:left;width:200px;}
		* html .searchform-right {margin-right:-6px;}
		*:first-child+html .searchform-right {margin-right:-6px;}
		@media \0screen {.searchform-right {margin-right:-6px;}}
		:root .searchform-right {margin-right:-6px\9;}
	
	/*search-hotel-name*/
	.search-hotel-head{background:url(images/tagline.png) no-repeat left top;width:200px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:18px;color:#fff;text-shadow:1px 1px 0px #4e4d4d;padding:10px 10px 20px 32px;position:relative;z-index:5;}
	form#search-name-hotel{border:1px solid #ccc;padding:30px 10px 10px;margin-top:-35px;overflow:hidden;margin-bottom:10px;}
	form#search-name-hotel h3{font-weight:bold;font-size:14px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
	form#search-name-hotel input.boxinput{height:28px;padding:2px;border:1px solid #cfcfcf;display:inline;font-size:12px;width:132px;}
	form#search-name-hotel input.go-submit{float:right;background:url(images/btn-go.png) no-repeat left top;width:37px;height:25px;text-indent:-9999px;display:block;cursor:pointer;border:none;margin-top:2px;}
	
	form#search-name-hotel input.go-submit:hover{background-position:left bottom;}
	
	/*instantbook*/
	.instantbook{position:relative;margin-bottom:10px;}
	.instantbook img.pegipegi{position:absolute;top:-5px;left:-10px;}
	/*.instantbook a{font-family:arial;font-weight:bold;color:#ef7814;font-size:12px;text-decoration:none !important;}
	.instantbook a:hover{text-decoration:underline !important;}*/
	
	/*filterResult*/
	.filterResult-head{background:url(images/tagline.png) no-repeat left top;width:200px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:18px;color:#fff;text-shadow:1px 1px 0px #4e4d4d;padding:10px 10px 20px 32px;position:relative;z-index:5;}
	
	form#filter-result{border:1px solid #ccc;padding:30px 0px 0px;margin-top:-45px;overflow:hidden;margin-bottom:10px;background:#f4f4f4;}
		input.submit-result{background:url(images/btn-search-right.png) no-repeat left top;width:67;height:25;display:block;text-indent:-9999px;cursor:pointer;border:none;margin-left: 110px;}
		input.submit-result:hover{background-position:left bottom;}
		
		/*area-filter*/
		.area-filter{background:url(images/line-search-result.png) repeat-x left top;padding:12px 10px 15px;}
		.area-filter h3{font-weight:bold;font-size:14px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;margin-bottom:5px;}
		.area-filter select{border:1px solid #ccc;background:#fff;padding:5px;height:30px;color:#000;font-size:12px;font-family:arial,helvetica;width:178px;}
		.area-filter p{text-align:center;}
		
		/*check-in-filter*/
		.check-in-filter{background:url(images/line-search-result.png) repeat-x left top;padding:10px 10px 10px;}
		.check-in-filter h3{font-weight:bold;font-size:14px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;margin-bottom:5px;}
		.check-in-filter table{margin:5px 0;}
		.check-in-filter table th{font-family:arial;font-size:11px; color:#4d4d4d !important}
		.check-in-filter table td{padding:5px 2px 5px 0;}
		.check-in-filter table td:last-child{padding-right:0;}
		.check-in-filter table td select{border:1px solid #ccc;background:#fff;padding:2px;}
		.check-in-filter hr{background:url(images/line-search-result.png) repeat-x left top;border:none;height:2px;}
		.check-in-filter table.tab-2 td{width:50px;}
		.check-in-filter table.tab-2 td select{width:40px;}
		
		/*hotel-grade*/
		.hotel-grade{background:url(images/line-search-result.png) repeat-x left top;padding:10px 10px 10px;}
		.hotel-grade h3{font-weight:bold;font-size:14px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;margin-bottom:5px;}
		.hotel-grade p{overflow:hidden; clear:both; height:22px;}
		/*.hotel-grade p input{float:left;margin-right:5px;margin-top:3px;}*/
		.hotel-grade p span.star{background:url(images/star-rate.png) no-repeat left top;width:20px;height:20px;display:block;float:left;}
		.hotel-grade p span.starblank{background:url(images/star-rate.png) no-repeat right top;width:20px;height:20px;display:block;float:left;}
		
		/*room-type*/
		.room-type{background:url(images/line-search-result.png) repeat-x left top; padding:10px 10px 10px; overflow:hidden; clear:both;}
		.room-type h3{font-weight:bold;font-size:14px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;margin-bottom:5px;}
		.room-type span{overflow:hidden;float:left;width:84px; height:20px;}
		.room-type span input{float:left;margin-right:5px;margin-top:3px;}
		
		/*room-rates*/
		.room-rates{background:url(images/line-search-result.png) repeat-x left top; padding:10px 10px 10px; overflow:hidden; clear:both;}
		.room-rates h3{font-weight:bold;font-size:14px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;margin-bottom:5px;}
		.room-rates select{width:80px;border:1px solid #ccc;padding:2px;}
		
		/*hotel-featured*/
		.hotel-featured{background:url(images/line-search-result.png) repeat-x left top; padding:10px 10px 0 10px; margin-bottom:10px; overflow:hidden; clear:both;}
		.hotel-featured h3{font-weight:bold;font-size:14px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;margin-bottom:5px;}
		.hotel-featured p {overflow:hidden; clear:both;}
		.hotel-featured p input{float:left;margin-right:5px;margin-top:3px;}
		.hotel-featured p span{float:right;width:160px;}
		
		/*meal-type*/
		.mealtype{background:url(images/line-search-result.png) repeat-x left top;padding:10px 10px 10px;overflow:hidden;}
		.mealtype h3{font-weight:bold;font-size:14px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;margin-bottom:5px;}
		.mealtype select{border:1px solid #ccc;padding:2px;width:178px;}
		
		/*submit-result*/
		.submitResult{background:url(images/line-search-result.png) repeat-x left top;padding:10px 10px 10px;overflow:hidden;}
		
	span.searchpanel a{text-decoration:none !important;font-size:11px;display:block;margin-left:100px;margin-bottom:15px;}
		span.searchpanel a img{margin-right:5px;}
/* ----------------------------- */

	
	
/*--OOFLINE BOOKING--*/
	#content-global {margin:20px auto 0 auto; width:960px; overflow:hidden; text-align:left;}
			#content-global h1.title {border-left:4px solid #EF7814; padding:0 0 0 7px; color:#4d4d4d; margin:0 0 20px 0; font-size:26px; line-height:26px; font-weight:normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
		
		#banner-top {background:url(images/pepe-call.jpg) left bottom no-repeat; width:680px; background-color:#f4f4f4; overflow:hidden; clear:both;-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding:20px 20px 20px 260px; font-size:12px; color:#4d4d4d; line-height:18px; font-family:Arial, Helvetica, sans-serif; margin-bottom:20px;}
		* html #banner-top {width:960px;}
		*:first-child+html #banner-top {width:960px;}
		@media \0screen {#banner-top {width:960px;}}
		:root #banner-top {width:960px\9;}
		
		#banner-top h3 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:4d4d4d !important; font-weight:bold; line-height:24px;}
		#banner-top p {font-size:14px; color:#4d4d4d; line-height:22px; font-family:Arial, Helvetica, sans-serif;}
		
		.content-featured{width:740px; overflow:hidden;}
		.content-featured .title{background:url(images/headline-bg.gif) repeat-x left top; height:46px;padding-top:7px;padding-left:6px;overflow:hidden;margin-bottom:10px;}
		.content-featured .title span{margin-right:20px;float:left;}
		.content-featured .title h2 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ef7814; text-transform: uppercase; text-shadow:-1px 1px 0 #ccc; float:left; margin-top:3px; font-size:18px; font-weight:normal; line-height:24px;}
		
		.search-result-cassette {margin-top:10px;}
		
		a.phtm:hover {top:0; left:0;}
		
		.facilities {width:170px;}
			.facilities li {list-style:disc inside; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px;}
/* ----------------------------- */



/*MAIN STATIC
--------------------------------------*/
#main-static{margin-top:0px;}
p.breadcrumb{font-family:arial;color:#606060;font-size:11px;margin-bottom:10px;}
	p.breadcrumb a{text-decoration:none;}
	p.breadcrumb a:hover{text-decoration:underline;}
	
#main-static h2{color:#4d4d4d;border-left:4px solid #ef7814;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;padding-left:10px;font-size:26px;font-weight:normal;margin-bottom:20px; line-height:26px;}

#main-static .description-static{margin-bottom:15px;position:relative;}
	.description-static img.bannerImg{background:#fff;padding:4px;border:1px solid #ccc;margin:0 7px 20px;}
	.description-static h3{font-family:arial,helvetica;font-size:18px;font-weight:normal;color:#333;margin-bottom:10px;}
	.description-static p{color:#4d4d4d;line-height:1.4em;margin-bottom:10px;}
	.description-static .title-quote {color:#ef7814; font-size:16px; text-align:center; text-transform:uppercase; clear:both;}
	
#main-static .featured-static{margin-bottom:15px;position:relative;overflow:hidden;}
	.featured-static h3{font-family:arial,helvetica;font-size:18px;font-weight:normal;color:#333;margin-bottom:5px;}
	.featured-static p.pagination{float:right;font-size:11px;margin-bottom:5px;}
	.featured-static .promo-hotel{position:relative;overflow:hidden;margin-bottom:10px;clear:right;}
		
		.promo-hotel ul{list-style-type:none;padding:0; clear:both;}
		.promo-hotel ul li{float:left;width:240px;margin:5px 0;}
		.promo-hotel ul li .image-hotel{overflow:hidden;position:relative;}
			
			.image-hotel img{background:url(images/frame-image.png) no-repeat left top;padding:10px;margin-bottom:10px;}
			.image-hotel p.ribbon{position:absolute;bottom:18px;right:0;display:block;pverflow:hidden;}
			.image-hotel p.ribbon span{background:url(images/promo-ribbon.png) no-repeat left top;padding:13px 0 13px 10px;font-family:arial;color:#fff;font-weight:bold;font-size:30px;text-shadow:1px 1px 0px #4d4d4d;display:block;float:left;}
			.image-hotel p.ribbon span.right{background-position:right top;width:10px;float:left;height:30px;}
			
		.promo-hotel .desc-hotel{overflow:hidden; margin:5px 5px 0 5px; width:230px; border-bottom:1px solid #636363;}
			.desc-hotel h3{font-family:arial;font-size:14px;font-weight:bold;color:#1e1e1e; margin-bottom:0; line-height:16px; height:34px;}
			.desc-hotel .address {font-size:10px; margin-top:4px; padding-bottom:8px; border-bottom:1px dotted #ccc; line-height:13px; height:24px;}
			.desc-hotel .space-info {padding:3px 0; overflow:hidden;}
			.desc-hotel .area {float:left; font-family:arial; font-size:11px; font-weight:bold;}
			.desc-hotel p.rating{overflow:hidden;float:right;}
				.desc-hotel p.rating span{float:left;width:15px;height:15px;display:block;background:url(images/star-rate-small.png) no-repeat left top;}
				.desc-hotel p.rating span.star-small-blank{background-position:right top;}
			.desc-hotel p.price{clear:both;padding:5px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;display:block;margin-bottom:5px;}
			.desc-hotel p.price span{font-size:14px;font-weight:bold;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;padding-right:5px;}
				span.old-price{text-decoration:line-through;color:#4d4d4d;}
				span.new-price{color:#ef7814;}
			.desc-hotel p.date-promo{font-style:italic;font-size:11px;margin-bottom:5px;}
			.desc-hotel p.desc-plan{font-size:11px;font-family:arial,helvetica,sans-serif; line-height:14px;}
			
			/* book button */
			.desc-hotel a.book-btn{background:url(images/book-now-btn.png) no-repeat left top;width:67px;height:25px;cursor:pointer;display:block;text-indent:-9999px;margin-bottom:10px;float:right;}
			.desc-hotel a.book-btn:hover{background-position:left bottom;}
			
			/* Added by Rama for Indonesia Translation */
			.desc-hotel a.book-btn-id{background:url(images/book-now-btn_id.png) no-repeat left top;width:67px;height:25px;cursor:pointer;display:block;text-indent:-9999px;margin-bottom:10px;float:right;}
			.desc-hotel a.book-btn-id:hover{background-position:left bottom;}
			
			/* call center button */
			.desc-hotel a.call-center-btn{background:url(images/call-center-btn.png) no-repeat left top; width:223px; height:25px; cursor:pointer; display:block;text-indent:-9999px; margin:10px 3px 10px 0; float:right;}
			.desc-hotel a.call-center-btn:hover{background-position:left bottom;}
			
			/*Added by Rama for Indonesia Translation*/
			.desc-hotel a.call-center-btn-id{background:url(images/call-center-btn_id.png) no-repeat left top; width:223px; height:25px; cursor:pointer; display:block;text-indent:-9999px; margin:10px 3px 10px 0; float:right;}
			.desc-hotel a.call-center-btn-id:hover{background-position:left bottom;}
			
			
			.desc-hotel hr{clear:both;}
			
			.togglestyle {border-top: 1px dotted #CCCCCC; margin-top:10px; padding-top:4px; padding-bottom:3px; width:235px; cursor:pointer;}
			span.lengkap {background: url(images/arrow-down.jpg) no-repeat scroll right 2px transparent; font-size: 11px; line-height: 15px; display:inline-block; padding-right: 18px; color:#ef7814;}
			span.tutupbtn {background: url(images/arrow-up.jpg) no-repeat scroll right 2px transparent; font-size: 11px; line-height: 15px; display:inline-block; padding-right: 18px; color:#ef7814;}
			span.lengkap:hover, span.tutupbtn:hover {color:#1B47FF;}
			
			.fix-height {height:306px; position:relative;}
			.fix-height2 {height:320px;}
			.fix-height a.call-center-btn {position:absolute; bottom:0; right:0;}
			/*Added by Rama for Indonesia Translation*/
			.fix-height a.call-center-btn-id {position:absolute; bottom:0; right:0;}
			
			/* for grand launching */
			#grand-launch .desc-hotel p.price{clear:both; padding:5px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; display:block; margin-bottom:5px; height:60px !important; position:relative; height:75px;}
			#grand-launch .desc-hotel p.price span{font-size:14px;font-weight:bold;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;padding-right:5px;}
			#grand-launch a:hover {text-decoration:none;}
			
			#grand-launch span.text-start {color:#999; font-size:11px !important; font-family:arial,helvetica,sans-serif !important; font-weight:normal !important;}
			#grand-launch span.old-price{text-decoration:line-through; color: #999 !important; font-size:11px !important;}
			
			#grand-launch .desc-hotel p.price a.book-btn {position:absolute; bottom:0; right:0;}
			/* Added by Rama for Indonesia Translation */
			#grand-launch .desc-hotel p.price a.book-btn-id {position:absolute; bottom:0; right:0;}
			
/*SECRET LINK
--------------------------------------*/
.howto{margin-bottom:20px;}
	.howto .frame-mid{background:url(images/frame-mid.png) repeat-y left top;overflow:hidden;}
	.howto .frame-mid .step{float:left;width:205px;margin:12px 18px 12px 17px;position:relative;}
	.howto .frame-mid .step img{background:url(images/frame-image-howto.png) no-repeat left top #fff;width:185px;height:180px;display:block;padding:10px;margin-bottom:15px;}
	.howto .frame-mid .step span.arrow{background:url(images/right-arrow.png) no-repeat left top;display:block;position:absolute;right:-45px;top:75px;z-index:2;width:54px;height:49px;}
	.howto .frame-mid .step .desc-step{overflow:hidden;margin-bottom:10px;}
		.desc-step span.numb{float:left;display:block;width:35px;height:36px;background:url(images/number.png) no-repeat left top;}
		.desc-step p{float:right;width:160px;}
		
		#step1 span.numb{background-position:left top;}
		#step2 span.numb{background-position:-35px top;}
		#step3 span.numb{background-position:-70px top;}
		#step4 span.numb{background-position:left -36px;}
		#step5 span.numb{background-position:-35px -36px;}
		#step6 span.numb{background-position:-70px -36px;}
		#step7 span.numb{background-position:left -72px;}
		#step8 span.numb{background-position:-35px -72px;}
		#step9 span.numb{background-position:-70px -72px;}

.redeem {border-top: 1px dashed #C2C2C2; clear: both; height: 43px; margin-bottom: 10px; margin-top: -10px; position: relative;}
a.btn-redeem {background:url(images/btn-redeem.png) left top; width:157px; height:43px; cursor:pointer; text-indent:-9999px; display:block; position:absolute; top:10px; right:20px;}
	a.btn-redeem:hover{background-position:left bottom;}


/*VOUCHER INPUT
--------------------------------------*/
.mainwidth-small {width:730px;}
.mainwidth-small h3 {font-size:18px; line-height:24px; margin-bottom:5px; color:#4d4d4d;}
.mainwidth-small h4 {font-size:15px; line-height:17px; font-weight:bold; margin-bottom:5px;}
.mainwidth-small td {padding:8px 0;}
.mainwidth-small input {width:330px; border:solid 1px #dcdcdc; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4d4d4d;}

.mainwidth-small div.btn-submit {margin:10px 0;}
.mainwidth-small div.btn-submit input {cursor:pointer; width:87px; height:30px; border:none; background:url(images/btn-submit.png) no-repeat 0 0;}
.mainwidth-small div.btn-submit input:hover {background:url(images/btn-submit.png) no-repeat 0 -30px;}
.mainwidth-small div.btn-submit input:focus {border:none;}
	.mainwidth-small div.btn-submit input.button {text-indent:-5000px;}
	
	*:first-child+html .mainwidth-small div.btn-submit input.button {text-indent:0; font-size: 0px; color:#FFF; line-Height:200px; text-transform:capitalize;}
	* html .mainwidth-small div.btn-submit input.button {text-indent:0; font-size: 0px; color:#FFF; line-Height:200px; text-transform:capitalize;}
	
	
/* -------------------------------------- 
	Soyuzno editing - Telkomsel promo 
-------------------------------------- */
.infoJumlah {
	border: 1px solid #CCC;
	border-style: solid none;
	font-weight: bold;
	padding: 9px 0; }
	
.moredetails { 
	padding: 9px 0; }	
	
.red { color: red; }

.announce { /* for disclaimer box*/
	background: #fbfcdf;
	border-left: 2px solid red;
	margin: 0 0 18px 0;
	padding: 9px 20px; }