/*Ontelstudio*/
body {background:#999 url(../images/frontend/header_bg.jpg) repeat-x top}
#outer_container {background-color:#f4f5f8; clear:both; min-width:1000px;}
.container { display:block; margin:0 auto; width:960px;}
.col_1, .col_2, .col_3, .col_4, .col_5, .col_6 {}
.col_select {width:23px;}
.col_1 {width:40px}
.col_2 {width:60px}
.col_3 {width:80px}
.col_4 {width:100px}
.col_5 {width:120px}
.col_6 {width:140px}
.col_4x { width:200px;}
.col_6x {width:240px;}
.col_content {width:590px;}

/*=============================================================================================================================== topbar */
#top_bar {color:#EEE; font-size:11px; height:20px; line-height:20px;}
	#top_bar a, #top_bar span {color:#FC0;} #top_bar a:hover {color:#FF0;}
.user_bar {display:inline; float:right; margin-right:20px;}

/*=============================================================================================================================== login box */
.container.login_wrapp {position:relative; z-index:3000;}
#login_box {
	-webkit-border-radius:8px; -moz-border-radius:8px;
	-webkit-box-shadow:0px 1px 8px #AAA; -moz-box-shadow:0px 1px 8px #AAA;
	position:absolute; right:0; margin:5px 10px 10px 10px;
	background-color:#e3eed2; padding:20px; padding-bottom:3px; width:240px; border:4px solid #FFF; z-index:999 !important;}
#login_box2 {
	-webkit-border-radius:8px; -moz-border-radius:8px;
	-webkit-box-shadow:0px 1px 8px #AAA; -moz-box-shadow:0px 1px 8px #AAA;
	position:absolute; left:240px;
	background-color:#e3eed2; padding:20px; padding-bottom:3px; width:240px; border:4px solid #FFF; z-index:888}

#login_box .label, #login_box2 .label {width:60px; text-align:left;}
#login_box .input a {margin-top:10px;}
#login_box button, #main_login .input button {margin-top:10px;}

a.close, a.close2 {width:20px; height:20px; background:url(../images/frontend/close_button.png) no-repeat top; display:block; margin-left:237px;}
a.close:hover, a.close2:hover {background-position:bottom;}

#main_login {
	-webkit-border-radius:8px; -moz-border-radius:8px;
	-webkit-box-shadow:0px 1px 8px #AAA; -moz-box-shadow:0px 1px 8px #AAA; margin:20px auto;
	background-color:#e3eed2; padding:20px; padding-bottom:3px; width:360px; border:4px solid #FFF;}
	
/*=============================================================================================================================== Header */
#header {display:block; clear:both; height:116px; padding-bottom:10px;}
	#header .container {position:relative;}
	h1#logo, #slogan, #header .address {float:right !important;}
	h1#logo {width:243px; height:91px; margin-top:15px; margin-right:40px;}
	
	#slogan {height:55px; width:135px; background:url(../images/frontend/slogan.jpg) no-repeat top left; margin-top:25px; margin-left:30px;}
	
	#header .address {
		padding:10px 10px 10px 0; width:240px;
		margin-left:80px; margin-top:10px; margin-right:10px; background:url(../images/kriwil.jpg) no-repeat right;}
	#header .address span {background:url(../images/kriwil.jpg) no-repeat left; padding-left:20px;}
	#header .address a {background:url(../images/frontend/bali_land.png) no-repeat left; padding-left:25px;}
	#header .cart_box {
		width:230px; padding:10px;
		-webkit-border-radius:4px; -moz-border-radius:4px;
		background-color:#FFF; border:1px solid #DDD;
		margin-top:60px; position:absolute; right:10px;}
	a.cart {background:url(../images/cart.gif) no-repeat left; padding-left:30px;}
	/*#header .cart_box a {height:43px; line-height:43px;}*/

/*=============================================================================================================================== Main Nav */
#main_nav {
	display:block; height:50px; font-family:Verdana, Geneva, sans-serif;
	margin:0; background:url(../images/frontend/header_line.jpg) repeat-x; min-width:1000px;}
	#main_nav .container {height:50px; background:url(../images/frontend/main_menu_sdw.jpg) no-repeat bottom;}
	#main_nav ul {background:url(../images/frontend/main_nav_bg.jpg) repeat-x; height:40px; margin:0;}
	#main_nav ul li {display:inline; float:left;list-style:none; margin:0;}
	#main_nav ul li a {display:inline-block; padding:0 10px; height:40px; line-height:40px; color:#630; text-shadow:1px 1px 1px #ffcc8a; background-color:transparent;}
	#main_nav ul li a:hover, #main_nav ul li.drop a:hover {background-color:#fdc92d; color:#930;}
	#main_nav ul li.drop a {background:transparent url(../images/frontend/nav_hasmore.png) no-repeat right; padding-right:20px;}

/*=============================================================================================================================== Blocking*/
#outer_container {padding-top:10px;}
#main_content,#sidebar_left,#sidebar_right {display:inline; float:left; margin:0 10px;}
#3col {}
	#main_content {}
	#sidebar_left {}
	#sidebar_right {}

	#main_content {width:650px;}
	#sidebar_left, #sidebar_right {width:260px;}
	
#2col_left, #2col_right {position:relative;}

	#2col_right #main_content {}
	#sidebar_right { padding-top:10px;}
.big_right #sidebar_right {width:300px;}
.big_right #main_content {width:620px;}

#full_col {padding:0 10px;}
#full_col #main_content {width:920px;}

.row {margin-bottom:5px;}

#sidebar_right .box_reserve .row {margin-bottom:5px;}

.block_2 {width:96%}
.block {display:inline; float:left; width:46%; margin-right:20px; margin-bottom:20px;}
.box_reserve .block .label {padding:0; font-weight:bold; color:#000; width:100px;}
.box_reserve .block .input {width:160px;}

.subscribe button {margin:0;}

.network {height:18px; line-height:18px;}

.learn ul li {border-bottom:1px dashed #CCC;}

/*================================================================================================================================ error_msg */
.error_msg, .success_msg, .warn_msg {-webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:20px; padding:10px;}
.error_msg span, .success_msg span, .warn_msg span { padding-left:30px; min-height:20px; display:block;}
.error_msg span a, .success_msg span a, .warn_msg span a {text-decoration:underline;}
.error_msg {color:#C00; border:2px solid #eb8b8b; background-color:#ffe9e3;}
.error_msg span {background:url(../images/error.png) no-repeat top left;}
.success_msg {color:#030; border:2px solid #88ce7f; background-color:#dcf5c3;}
.success_msg span {background:url(../images/success.png) no-repeat top left;}
.warn_msg {color:#C00; border:2px solid #f7d89b; background-color:#FFC;}
.warn_msg span {background:url(../images/warning.png) no-repeat top left;}

/*=============================================================================================================================== Breadcrumbs*/
#breadcrumbs {}
	#breadcrumbs ul {margin-bottom:5px;}
	#breadcrumbs ul li {display:inline-block; float:left; margin-left:10px;}
	#breadcrumbs ul li a {color:#963;}		#breadcrumbs ul li a:hover {color:#F90;}
	#breadcrumbs ul li.selected {}


/*=============================================================================================================================== SPLASH*/
.splash_wrapper {position:relative; z-index:1;}
#splash_slider {
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#DDDDDD,direction=0,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#DDDDDD,direction=90,strength=5) progid:DXImageTransform.Microsoft.Shadow(color=#DDDDDD,direction=180,strength=5) progid:DXImageTransform.Microsoft.Shadow(color=#DDDDDD,direction=270,strength=3);
	-webkit-box-shadow:0px 1px 8px #BBB; -moz-box-shadow:0px 1px 8px #BBB;
	background-color:#FFF; padding:10px; width:920px; height:390px; margin:0 auto 20px auto; z-index:2;}
#splash_slider img {padding:10px; position:absolute; top:0; z-index:5;}
.slider_container {width:920px; height:390px; overflow:hidden;}
.slide_nav {position:absolute; z-index:20; top:340px; left:20px;}
.slide_nav a {height:35px; width:25px; display:block; float:left; margin:0 10px; behavior:url(../images/iepngfix.htc); background:url(../images/frontend/next_prev_btn.png) no-repeat;}
.slide_nav a:hover {cursor:pointer;}
.slide_nav a span {display:none;}
a#prev_bt {background:url(../images/frontend/next_prev_btn.png) no-repeat 0px -70px;}
a#prev_bt:hover {background-position:0px -105px;}
a#next_bt:hover {background-position:0px -35px;}

/*reserv splash*/
.splash_reserve {
	position:absolute; right:25px; top:20px; z-index:9999; padding-top:25px;
	height:305px; width:290px; behavior:url(../images/iepngfix.htc); background:url(../images/frontend/splash_reserv_bg.png) no-repeat top;}
.splash_reserve .label {width:80px;}
.splash_reserve .input input, .splash_reserve .input select {/*width:140px;*/}
.box_reserve .input select {/*width:120px;*/}
.splash_reserve .input button {margin:7px 0;}

input#adults, input#children {width:45px;}

.splash_reserve ul li {margin:0;}
.splash_reserve ul li {display:inline; float:left;}	
.splash_reserve ul li a.package_tab, .splash_reserve ul li a.vila_tab {
	font-weight:bold; color:#555;
	behavior:url(../images/iepngfix.htc); background:url(../images/frontend/splash_reserv_bg.png) no-repeat 0 100%;
	display:inline-block; height:30px; line-height:30px; margin-top:5px; text-align:center;}
.splash_reserve ul li a.package_tab {width:93px;}
.splash_reserve ul li a.vila_tab {width:63px; margin-left:7px;}
.splash_reserve ul li a.package_tab:hover, .splash_reserve ul li a.vila_tab:hover,
.splash_reserve ul li a.package_tab.active, .splash_reserve ul li a.vila_tab.active
{background:none; color:#060;}

input.error, textarea.error, select.error {border-color:#F00;}
div.error {margin-left:130px; font-size:11px; color:#F00;}
div[htmlfor="data[Guest][term]"].error {margin-left:0;}
.box_reserve .block div.error {margin-left:110px !important;}
#sidebar_right .box_reserve div.error {margin-left:70px;}
/* Tabs
----------------------------------*/
.ui-tabs {} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a.package_tab, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a.vila_tab {background:none; color:#060;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/*=============================================================================================================================== JMORPH */
			#content_slider .slide_view {
                display:table;
            }

            #content_slider .image { max-width:290px; overflow:hidden;
                display:table-cell;
            }
			
            #content_slider .image .currentImg,#content_slider .image .nextImg {
                background-repeat:no-repeat;
                background-position:center center;
                position:relative;
				width:290px !important; overflow:hidden;
				background-size:290px;
            }

            #content_slider .image .nextImg {
                top:0;
                left:0;
				background-position:center; margin:auto; width:auto;
            }

            #content_slider div a.previous,#content_slider div a.next {
                padding:2px 5px;
                margin:1em;
                float:left;
            }

            #content_slider .image a.previous, #content_slider .image a.next {
                font-size:1.5em;
            }

            #content_slider ul.band {
                list-style:none;
                margin-left:0px;
				padding:0;
            }

            .band li {
                display:inline;
                margin:0;
            }
            #content_slider ul.band li.selected {
                background:url(images/downArrow.jpg) no-repeat bottom center;
            }
			#content_slider ul.band li.selected a {color:#03F;}
			.arrow {text-align:left; position:absolute; display:block; top:41px; margin-left:100px; height:10px;}
			
			#content_slider ul.band img {width:60px;}
			
/*=============================================================================================================================== Article*/
#article {}
.excerpt {}
.detail {}
	h2 {}
	h2 a {}
	.info {color:#777; font-size:11px;}
	.info ul li {margin-left:0; display:block; height:20px; line-height:20px;}
	.info ul li img { vertical-align:middle; margin:0 3px;}
	p {}
	#sidebar_right h3 {background:url(../images/frontend/h3_sidebar_bg.jpg) repeat-x bottom; font-size:14px; font-weight:normal; text-transform:uppercase; padding-bottom:5px;}
	#sidebar_right h3 span {float:left;}
	#sidebar_right h3 a {float:right !important; font-weight:normal; font-size:12px; padding-top:2px; text-transform:none;}
	#sidebar_right ul li {margin-bottom:5px;}
	#sidebar_right ul li span {color:#999; font-weight:bold; margin-left:7px;}
	.readmore a {}

/*=============================================================================================================================== Event*/
#event {}
	#event .date, #event .event_content {display:inline; float:left;}
	#event .date {border:1px solid #89bb23; color:white; font-size:14px; margin-right:20px; text-align:center; text-transform:uppercase; width:40px;}
	#event .event_content {width:580px;}
		#event .month {background-color:#89bb23; height:20px; line-height:20px;}
		#event .days {color:#999; font-size:21px; background-color:#FFF;}
		#event img.thumb {}
#event .block {width:140px;}
#event .block {font-weight:bold;}
.row10.event_list img {float:right; margin:10px 0 10px 20px;}

.home #event img {width:200px;}

.home #event .event_content {width:210px;}

.event_info {}
	.event_info img.mid {}
	.ivent_info .block {}
	
.event_desc {}

/*=============================================================================================================================== PACKAGE*/
#package {}
#content_slider, #package_detail .desc, #event .desc {display:inline; float:left;}

#event .desc.withimage { width:330px;}

#event .desc.noimage { display:block; float:none;}
#content_slider {width:300px; margin-right:20px}
#package_detail .desc {width:320px;}
#package_detail .desc li, #sidebar_right ul li, #full_col .block ul li, #reservation .input ul li {
	margin-left:20px; list-style-image:url(../images/frontend/arrow_list.jpg);}
.slide_view {
	background-color:white; width:290px; overflow:hidden; border:5px solid white;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#DDDDDD,direction=0,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#DDDDDD,direction=90,strength=5) progid:DXImageTransform.Microsoft.Shadow(color=#DDDDDD,direction=180,strength=5) progid:DXImageTransform.Microsoft.Shadow(color=#DDDDDD,direction=270,strength=3);
	-webkit-box-shadow:0px 1px 7px #BBB; -moz-box-shadow:0px 1px 7px #BBB; margin-bottom:10px;}
.slide_view img {max-width:290px; vertical-align:middle;}

#package_detail .label {width:60px; margin-right:10px;}
#package_detail .input input {width:110px;}
#package_detail .input input.small {width:25px;}
#content_slider .rowBand a {
	margin:4px; background:white; display:block; float:left; width:59px; height:59px; overflow:hidden; border:3px solid white;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#DDDDDD,direction=0,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#DDDDDD,direction=90,strength=5) progid:DXImageTransform.Microsoft.Shadow(color=#DDDDDD,direction=180,strength=5) progid:DXImageTransform.Microsoft.Shadow(color=#DDDDDD,direction=270,strength=3);
	-webkit-box-shadow:0px 1px 7px #BBB; -moz-box-shadow:0px 1px 7px #BBB;}
#content_slider .row a:hover {border-color:#F90;}
#content_slider img {width:290px;}

.box_reserve {
	padding:20px; background-color:#FFF; margin-top:10px;
	-webkit-border-radius:8px; -moz-border-radius:8px; -khtml-border-radius:8px; -o-border-radius:8px;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#DDDDDD,direction=0,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#DDDDDD,direction=90,strength=5) progid:DXImageTransform.Microsoft.Shadow(color=#DDDDDD,direction=180,strength=5) progid:DXImageTransform.Microsoft.Shadow(color=#DDDDDD,direction=270,strength=3);
	-webkit-box-shadow:0px 1px 7px #BBB; -moz-box-shadow:0px 1px 7px #BBB; behavior:url("ie-css3.htc");}
/*#package_detail button {width:150px;}*/
.package_list {padding-bottom:10px; border-bottom:1px dashed #BBB;}

#full_col .desc {width:520px;}
.desc h2 span, #package_detail h1 span  {/*font-weight:normal;*/ font-size:12px; color:#555;}

/*=============================================================================================================================== what's near*/
#near {}
	#near img.thumb {}
	img.detail {}
	.mainContent .time {}
	#sidebar_right .time {}
	.more_near, .minutes_near {display:inline;}
	.minutes_near {float:right; margin-left:10px;}
	.block .minutes_near {margin-top:5px;}

/*=============================================================================================================================== TESTIMONIALS*/
.testi_baloon {width:700px; background:url(../images/frontend/ballon_mid.jpg) repeat-y;}
.testi_baloon_top {background:url(../images/frontend/baloon_top.jpg) no-repeat top left; width:700px;}
.testi_baloon_content {background:url(../images/frontend/ballon_btm.jpg) no-repeat bottom left; padding:10px 10px 20px; font-style:italic;} 
.sender {font-weight:bold; margin-bottom:20px;}
.sender span {color:#999; font-size:11px; font-weight:bold;}

/*=============================================================================================================================== GALLERY */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 40px;
    right: 5px;
    width: 35px;
    height: 35px;
    cursor: pointer; behavior:url("images/iepngfix.htc");
    background:url(../images/frontend/next_prev_btn.png) no-repeat 0 0; 
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 40px;
    left: 5px;
    width: 35px;
    height: 35px;
    cursor: pointer; behavior:url("images/iepngfix.htc");
    background:url(../images/frontend/next_prev_btn.png) no-repeat 0px -70px; 
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position:0 -105px ;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position:0 -105px ;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position:0 -35px ;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position:0 -35px ;
}
.jcarousel-skin-tango li {height:120px; width:120px; margin:0 5px 20px 5px; text-align:center; vertical-align:middle;}
.jcarousel-skin-tango li img {margin:auto;}
.jcarousel-container {top:20px; bottom:20px;}
.jcarousel-container-horizontal {width:960px;}
.jcarousel-clip-horizontal {width:890px; left:30px;}
.jcarousel-skin-tango .jcarousel-prev-disabled, .jcarousel-skin-tango .jcarousel-next-disabled {background:none;}

#myBook div .description {
	color:#CCC; position:absolute; top:0; padding:20px;
        background:transparent url(../images/bgBlack.png); width:220px; right:20px; top:20px;}

#gallery .row li a img, .block img, .row img, .row10 img, .row20 img{
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#DDDDDD,direction=0,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#DDDDDD,direction=90,strength=5) progid:DXImageTransform.Microsoft.Shadow(color=#DDDDDD,direction=180,strength=5) progid:DXImageTransform.Microsoft.Shadow(color=#DDDDDD,direction=270,strength=3);
	-webkit-box-shadow:0px 0px 7px #BBB; -moz-box-shadow:0px 0px 7px #BBB;
	border:1px solid #CCC; padding:4px; background-color:#FFF; text-align:center; margin:0 auto; vertical-align:middle;}


#gallery h5 span {float:right; font-size:12px; font-weight:normal; padding-top:2px;}
#gallery .row {margin-bottom:30px;}

/*=============================================================================================================================== CONTACT */
.mini_map {margin-bottom:20px;}
.mini_map img {
	border:1px solid #CCC; background-color:#FFF; padding:4px;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#DDDDDD,direction=0,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#DDDDDD,direction=90,strength=5) progid:DXImageTransform.Microsoft.Shadow(color=#DDDDDD,direction=180,strength=5) progid:DXImageTransform.Microsoft.Shadow(color=#DDDDDD,direction=270,strength=3);
	-webkit-box-shadow:0px 2px 5px #BBB; -moz-box-shadow:0px 2px 5px #BBB;
	}
#sidebar_right.direction ul li {list-style-image:none; margin-left:0; margin-bottom:10px;}
#sidebar_right.direction ul li img {float:left; margin-right:10px;}
#contact .label {width:90px;}
#large-map {
	margin:0px auto; border:10px solid #FFF !important; background-color:#FFF;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#DDDDDD,direction=0,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#DDDDDD,direction=90,strength=5) progid:DXImageTransform.Microsoft.Shadow(color=#DDDDDD,direction=180,strength=5) progid:DXImageTransform.Microsoft.Shadow(color=#DDDDDD,direction=270,strength=3);
	-webkit-box-shadow:0px 2px 5px #BBB; -moz-box-shadow:0px 2px 5px #BBB;}

/*=============================================================================================================================== What's Near */
#whats_near h5 { margin:0; margin-bottom:5px; text-transform:uppercase; font-size:18px; font-weight:normal; }
.near_list { border-bottom:1px dashed #ccc; margin-bottom:10px;}
.near_list img { float:right; margin:10px 20px 20px 20px; background-color: white; border: 1px solid #CCC; padding: 4px;}
.minute { padding-left:20px; background:url(../images/frontend/minute_icon.jpg) top left no-repeat; margin-bottom:10px; }
.content .minute {margin-left:320px;}
.row20 { margin-bottom:20px;}

/*=============================================================================================================================== Article List */
#article h5 { margin:0; margin-bottom:5px; text-transform:uppercase; font-size:18px; font-weight:normal; }
#home .article_list, #home .event_list { border-bottom:1px dashed #ccc; margin-bottom:10px;}
	#event .event_list, #article .article_list { border-bottom:1px dashed #ccc; margin:0; padding:10px 0 20px 0;}
	#facility .article_list { border-bottom:1px dashed #ccc; margin:0; padding:10px 0 10px 0; margin-bottom:20px;}
	#whats_near .list { border-bottom:1px dashed #ccc; margin:0; padding:10px 0 10px 0; margin-bottom:0px;}
.service_list { border-bottom:1px dashed #ccc; padding:10px 0 20px 0; margin-bottom:20px;}

.article_main img, #event .main img { float:left; margin:0px 20px 20px 0px; background-color: white; border: 1px solid #CCC; padding: 4px;}
.minute { padding-left:20px; background:url(../images/frontend/minute_icon.jpg) top left no-repeat; margin-bottom:10px; }
.row20 { margin-bottom:20px;}
.article_subtext { font-size:10px; color:#666666; margin-bottom:10px;}

/*=============================================================================================================================== PROVIDE */
.row.accomodation img {float:right; margin-left:20px;}
.row.services img { margin-left:0px; margin-right:20px;	}
.row.facilities img {margin-left:0; margin-bottom:5px; float:none;}
.row.services img {float:none;}
.services .row {margin-bottom:10px;}
.thumb {/*width:100px;*/ display:inline-block; float:left; margin-right:20px; margin-bottom:20px; vertical-align:middle; /*text-align:center;*/}
.thumb img {vertical-align:middle; margin:auto auto; width:auto;}
/*.thumb a {text-align:center;}*/
.thumb a span {display:block; margin-top:10px;}
.row.accomodation, .row.facilities, .row.services {padding-bottom:10px;}
.img_thumb img {float:none; margin:0 auto; max-width:290px;}
.img_thumb {display:inline; float:left; width:300px; margin:0 20px 20px 0; text-align:center;}

.img_thumb_small, .services .desc {float:left; display:inline;}
#full_col .services .desc {width:700px;}
.img_thumb_small {/*float:right;*/}
.services a.clearfix {margin-top:-20px;}

/*=============================================================================================================================== PAGINATION */
/*.pagination {margin-bottom:20px;}
.pagination ul li {float:left; margin:0; list-style-image:none;}
.pagination ul li.active {padding:0px 5px; font-weight:bold;}
.pagination a {padding:2px 5px; background:white; border:1px solid #e4d2bc; margin:1px;}
.pagination a:hover {border-color:#F60;}
.pagination a.prev-next {background:none; border:none;}*/

.pagination, .page_limit {float:right; margin-bottom:10px; margin-top:4px; display:block;}
.page_limit {float:left;}
.pagination ul li, .page_limit ul li {float:left; margin:0;}
.pagination ul li.active, .page_limit ul li.active {padding:0px 5px; font-weight:bold;}
.pagination a, .page_limit a {padding:2px 5px; background:white; border:1px solid #e4d2bc; margin:1px;}
.pagination a:hover, .page_limit a:hover {border-color:#F60;}
.pagination a.prev-next {background:none; border:none;}

.pagination .current, .page_limit .current {margin:0 4px;}
.pagination ul li.disabled, .page_limit ul li.disabled {margin-left:-9999px; position:absolute;}
.pagination a.active, .page_limit a.active, .pagination a.first, .page_limit a.first, .pagination a.last, .page_limit a.last {background-color:transparent; border:none;}

/*=============================================================================================================================== ACCORDION */
#featured_pack {/*background-color:#FFF;*/ width:600px; height:205px; overflow:hidden; margin-bottom:30px; position:relative;}
#featured_pack ul li {
	display:block; background-color:#FFF; float:left; margin:0; height:205px; width:30px; overflow:hidden; }
#a1 {width:440px;}
.content_pack_5, .content_pack_4, .content_pack_3, .content_pack_2, .content_pack_1 {
	background:#FFF url(../images/frontend/handler_accordion.jpg) no-repeat left; height:205px; padding-left:40px; padding-top:5px; padding-right:10px; position:relative;}
.content_pack_5 {background-position:0px -820px;}
.content_pack_4 {background-position:0px -615px; }
.content_pack_3 {background-position:0px -410px;}
.content_pack_2 {background-position:0px -205px;}
.content_pack_1 {background-position:0px 0px;}
#featured_pack ul li .thumbnail {/*display:inline-block; float:left; */width:200px; position:absolute; left:46px;}
#featured_pack ul li .desc {/*display:inline-block; float:left; */width:220px; position:absolute; left:250px;}
#featured_pack button {margin:0;}

/*=============================================================================================================================== RESERVATION */
.reserve_content table {width:96%;}
.reserve_content table tr th {text-align:left; font-size:14px; border-bottom:1px solid #CCC; padding:4px;}
.reserve_content table tr th.right {text-align:right;}
.reserve_content .input.full input {width:360px;}

#reservation .input ul {margin:0;}
.step_bar {height:40px; background:url(../images/frontend/step_bar.gif) no-repeat; margin-bottom:20px; width:600px;}
.step_bar ul, .step_bar ul li {margin:0;}
.step_bar ul li span {display:none;}
.step_bar ul li {width:120px; height:40px; display:inline; float:left; background:url(../images/frontend/step_bar.gif) no-repeat 0 -160px;}
.step_bar ul li.step1.active {background-position:0 -40px;}
.step_bar ul li.step2.active {background-position:-120px -40px;}
.step_bar ul li.step3.active {background-position:-240px -40px;}
.step_bar ul li.step4.active {background-position:-360px -40px;}
.step_bar ul li.step5.active {background-position:-480px -40px;}

.prefer_reserve, .also_reserve {padding:10px; border:1px solid #CCC;}
.prefer_reserve h3, .also_reserve h3 {margin-bottom:10px;}
.prefer_reserve h3 span.more_detail a, .also_reserve h3 span.more_detail a {margin-left:20px; padding-left:15px; background:url(../images/down_arrow.png) no-repeat left center;}
.prefer_reserve {background-color:#ffffdf;}
.also_reserve {background-color:#FFF; border-top:none;}
.prefer_reserve .input, .also_reserve .input {width:460px;}
.prefer_reserve .input input, .also_reserve .input input {width:360px;}
.prefer_reserve .block .label, .also_reserve .block .label {width:100px;}
.prefer_reserve .block .input, .also_reserve .block .input {width:160px;}
.prefer_reserve .block .input input, .also_reserve .block .input input {width:160px;}
.prefer_reserve textarea, .also_reserve textarea {width:580px; margin-bottom:10px;}

.prefer_reserve table, .also_reserve table {width:96%; /*border-top:1px solid #CCC; border-left:1px solid #CCC;*/}
.prefer_reserve table thead, .also_reserve table thead {background:url(../images/frontend/reserve_detail_bg.jpg) repeat-x; color:#FFF;}
.prefer_reserve table tr th, .also_reserve table tr th {text-align:left;}
.prefer_reserve table tr th, .prefer_reserve table tr td, .also_reserve table tr th, .also_reserve table tr td {
	padding:4px 10px;  /*border-bottom:1px solid #CCC; border-right:1px solid #CCC;*/}
.prefer_reserve table tr.total, .also_reserve table tr.total, table tr.total {font-weight:bold; text-align:right; border-top:1px solid #989d8c;}

.prefer_reserve .bank_name, .also_reserve .bank_name {display:inline; float:left; width:140px; margin-right:20px;}
.prefer_reserve .bank_name table, #main_content .box_reserve .bank_name table tr td, .also_reserve .bank_name table {border:none; padding:4px 4px 4px 0;}

.prefer_reserve .col_select, .prefer_reserve .col_content, .also_reserve  .col_select, .also_reserve .col_content {
	float:left; display:inline-table;}
.prefer_reserve .col_select input, .also_reserve .col_select input {margin-top:8px;}

.add { margin-top:5px; min-height:20px;}
a.add {background:url(../images/buttons.png) no-repeat 0px -20px; margin-left:20px; padding-left:25px;}
a.add:hover {background-position:0px top;}
.input a.add {float:none; display:inline-block; margin-left:20px;}

.reserv_detail {background-color:#FFF; -webkit-box-shadow:0px 1px 4px #CCC;}
.reserv_detail hr {margin-left:-20px; margin-right:-10px;}
.reserv_detail h4 {font-size:14px; color:#333; margin-bottom:5px;}
.reserv_detail h4 span.button_set {float:right; margin-right:10px; margin-top:4px;}
.reserv_detail h4 span.button_set a { display:block; float:left; width:13px; height:13px; margin-left:5px;}
.reserv_detail h4 span.button_set a.edit {background:url(../images/edit_cart.png) no-repeat;}
.reserv_detail h4 span.button_set a.remove {background:url(../images/frontend/remove_bt.png) no-repeat;}
.reserv_detail h4 span.button_set a span {
	font-size:10px; line-height:normal; background-color:#FFC; border:1px solid #c1b19e;
	margin-left:-9999px; margin-top:-12px; padding:1px 3px; position:absolute;}
.reserv_detail h4 span.button_set a:hover span {color:#630; margin-left:5px; margin-top:-15px;}

.reserv_detail .row {margin:0;}
.reserv_detail .row.price {font-weight:bold; color:#000; font-size:13px;}
.reserv_detail .row.price .input, .reserv_detail .row.price .label {text-align:right;}
.reserv_detail .row.total {background-color:#EFEFEF; border:1px solid #CCC; border-top:none; padding:5px 0 5px 10px;}
.reserv_detail .row.total .label {width:90px;}
.reserv_detail hr {margin-bottom:10px;}
.reserv_detail_inner {padding:10px 10px 0 25px; border:1px solid #CCC; border-top:none;}
.reserv_detail_inner h6 {padding-left:15px; background:url(../images/down_arrow.png) no-repeat left; margin-left:-15px;}
.reserv_detail_inner h6 span {float:left;}
.reserv_detail_inner h6 span:hover {cursor:pointer; color:#660;}
.reserv_detail_inner h6 a {float:right; font-size:12px; font-weight:normal; margin-right:10px; margin-top:4px;}

.reserv_detail h5 {height:30px; line-height:30px; font-weight:normal; color:#FFF; background:url(../images/frontend/reserve_detail_bg.jpg) repeat-x; padding-left:10px; margin:0;}
.reserv_detail .label {width:80px; text-align:left;/* margin-left:5px;*/}
.reserv_detail .input {width:110px;}
.reserv_detail .input .dateinput {width:90px;}
.reserv_detail .input a, .table_row table tr td a.remove {
	margin-left:5px;
	float:right; /*margin-right:-15px;*/ margin-top:2px; height:13px; width:13px; display:block; background:url(../images/frontend/remove_bt.png) no-repeat top right;}
.reserv_detail .input a span, .table_row table tr td a.remove span {position:absolute; margin-left:-9999px; padding:0 5px; background-color:#FFC; border:1px solid #630;}
.reserv_detail .input a:hover span, .table_row table tr td a.remove:hover span {margin-left:5px; margin-top:-15px; cursor:text;}
.reserv_detail .service .input, .reserv_detail .event .input {text-align:right; padding-right:5px; width:125px;}
.reserv_detail .date {font-size:10px;}

#pkg_desc {padding-bottom:10px;}

.agreement {padding:10px; background-color:#d8e3ee; border:1px solid #999; -webkit-border-radius:4px; -moz-border-radius:4px;}
#main_content .box_reserve input.checkbox {width:12px;}
.payment {display:inline; float:left; margin-right:20px;}

.reserve_success {padding:20px; text-align:center; background-color:#e5f7d9; border:2px solid #9C6;}

.reserv_result {background-color:#FFF; padding:10px; border:1px solid #CCC;}

td.right, table tr th.right {text-align:right;}
.reserve_content #tabs-1, .reserve_content #tabs-2 {background-color:#FFF; border:1px solid #CCC; border-top:none;}

/*=============================================================================================================================== EXTRA SERVICES */
.add_service {
	}
.add_service table, .add_service table tr td {border:none;}
.add_service table tr td {padding:4px;}
/*.add_service table {width:98%; margin:0 auto; border-bottom:1px dashed #CCC;}*/
.add_service h5 {color:#030;}
.add_service h5 span {color:#666; font-weight:normal;}
.add_service .table_row {}

#add_content_box {background:#FFF; padding:20px; width:600px; border:4px solid #9c0; margin:0 auto;}

/*=============================================================================================================================== TABLE */
.table_row table {/*width:100%;*/ border-top:1px solid #DDD; border-left:1px solid #DDD; background-color:#FFF;}
.table_row table tr th {text-align:left; background:url(../images/th_bg.jpg) repeat-x;}
.table_row table tr td, .table_row table tr th {padding:5px 10px; border-bottom:1px solid #DDD; border-right:1px solid #DDD; }
.table_row table tr td.right, .table_row table tr th.right {text-align:right;}
.table_row table tr td.price {font-weight:bold;}
.table_row table tr.sub_total {background-color:#f6f9fa;}
.table_row table tr.price_total {background-color:#fef9f1; font-size:14px;}
.table_row table tr td h6 {margin:0;}

.table_row.inline { float:left; display:inline;}


/*=============================================================================================================================== FOOTER*/
#footer {background:url(../images/frontend/footer_container.jpg) repeat-x bottom; min-width:1000px; height:320px; padding-top:10px; background-color:#f4f5f8;}
#footer .container {height:190px; width:960px; background:url(../images/frontend/footer_bg.jpg) no-repeat; padding-top:90px; color:#FFC}
.footer_menu, #footer .testimonial, #footer .excerpt {display:inline; float:left; margin:0 10px;}
.footer_menu {width:140px;}
.footer_menu ul li {margin:0; margin-left:10px; list-style:none;}
.footer_menu ul li a {color:#FFC; display:block; border-bottom:1px dashed #7ea559; padding:4px 0; margin:0;}
.footer_menu ul li a:hover {color:#FC0;}
#footer .testimonial {width:300px;}
.testi_menu {text-align:right; border-top:1px dashed #7EA559;}
.testi_menu a {color:#FC0;}
.footer_inner {margin-bottom:10px;}
#footer .excerpt {width:280px; line-height:1.2;}
	#footer .excerpt .desc p {margin-bottom:5px;}
	#footer .excerpt .address a img {margin-left:30px;}
	#footer .excerpt .address h2 {width:90px; height:50px; background:url(../images/frontend/logo_footer.jpg) no-repeat; float:left;}
	#footer .excerpt .address h2 span {display:none;}
	#footer .excerpt .address p {padding-left:95px;}
#copyrights {text-align:center; color:#777;}
.ontel {text-align:center; display:block; font-size:10px; color:#555;}
.ontel a {color:#555;}
.ontel a:hover {text-decoration:underline;}

/*=============================================================================================================================== GALLERY 2 */

#gallery h5 { margin-bottom:20px;}
.carousel-skin-tango .carousel-next-horizontal {
    position: absolute;
    top: 40px;
    right: 5px;
    width: 35px;
    height: 35px;
    cursor: pointer; behavior:url("images/iepngfix.htc");
    background:url(../images/frontend/next_prev_btn.png) no-repeat 0 0; 
}

a.next {  background:url(../images/frontend/next_prev_btn.png) no-repeat 0 0; width: 35px; height: 35px; }
a.next:hover { background-position:0 -35px ;}

a.prev {  background:url(../images/frontend/next_prev_btn.png) no-repeat 0px -70px; width: 35px; height: 35px; }
a.prev:hover { background-position:0 -105px;}
	

.carousel-skin-tango .carousel-prev-horizontal:active {
    background-position:0 -105px ;
}

.carousel-skin-tango .carousel-next-horizontal:active {
    background-position:0 -35px ;
}

.carousel-skin-tango li img {margin:auto;}
.carousel-container {top:20px; bottom:20px;}
.carousel-container-horizontal {width:960px;}
.carousel-clip-horizontal {width:890px; left:30px;}
.carousel-skin-tango .carousel-prev-disabled, .carousel-skin-tango .carousel-next-disabled {background:none;}

#myBook div .description {
	color:#CCC; position:absolute; top:0; padding:20px;
        background:transparent url(../images/bgBlack.png); width:220px; right:20px; top:20px;}

#gallery .row li a img {
	-webkit-box-shadow:0px 0px 7px #BBB; -moz-box-shadow:0px 0px 7px #BBB;
	border:1px solid #CCC; padding:4px; background-color:#FFF; margin:0 auto;}
#gallery h5 span {float:right; font-size:12px; font-weight:normal; padding-top:2px;}
#gallery .row {margin-bottom:20px; border-bottom:1px dashed #CCC;}
.slider .overview li {width:120px !important; height:120px !important; margin-bottom:0 !important; }


/*============= drop down menu  ================================================================================================================== 
#main_nav ul li ul {display:none; position:absolute; z-index:99;}
#main_nav ul li ul li {display:block; float:none; border-bottom:1px dotted #cd801c; position:relative;}
#main_nav ul li ul li a { display:block; color:#630; text-shadow:0px 0px 0px;}
#main_nav ul li ul li a:hover { background-color:#8d590c; color:#FC6;}*/
/*============= drop down menu  ================================================================================================================== */
	ul.tabs2
	{
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	}
	ul.tabs2 li
	{
	margin: 0;
	padding: 0;
	list-style: none;
	display: table-cell;
	float: left;
	position: relative;
	}
	ul.tabs2 a
	{
	position: relative;
	display: block;
	}
	/* dropdowns
	*************************/
	#main_nav ul li ul.dropdown, #main_nav ul li ul.dropdown2
	{
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	z-index: 100;
	top: 40px;
	width: 150px;
	display: none;
	left: 0;
	background-color:#e08f26;
	}
	#main_nav ul li ul.dropdown ul.dropdown, #main_nav ul li ul.dropdown ul.dropdown2
	{
	top: 0;
	left: 95%;
	}
	#main_nav ul li ul.dropdown li, #main_nav ul li ul.dropdown2 li
	{
	margin: 0;
	padding: 0;
	padding-left:0px;
	float: none;
	position: relative;
	list-style: none;
	display: block;
	display:block;
	z-index:100;
	
	}
	#main_nav ul li ul.dropdown li a, #main_nav ul li ul.dropdown2 li a
	{
	display: block; text-shadow:0px 0px 0px;
	}

.dropmenudiv{
position:absolute;
top: 0;
margin-top:-1px;
line-height:35px;
z-index:100;
background-color: white;
width: 160px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 10px;
padding: 2px 0;
text-decoration: none;
color: black;
background-color:#e08f26;
border-bottom:1px solid #d18522;
}
.dropmenudiv a:hover {background-color:#ab6305; color:#FC6;}

/*home event img*/
#sidebar_right .event_content img {width:210px; margin:0}

table.ui-datepicker-calendar, table.ui-datepicker-calendar tr td, table.ui-datepicker-calendar tr th {border:none;}
table.ui-datepicker-calendar a:hover {background-color:#9C6;}
table.ui-datepicker-calendar .ui-state-active {background-color:#9C6;}
table.ui-datepicker-calendar tr th {background:url(../images/th_bg.jpg) repeat-x;}

p span {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important;}

[(whitespace)] {display:none;}


#gallery .row li a img { margin-bottom:5px;}
#gallery .row li a  { text-align:left;}

.splash_reserve select { font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;}



/* Agustus 11 */

#breadcrumbs { /*margin-top:-18px;*/}

.elabel, .edesc { float:left; display:inline;}
.elabel {width:100px; color:#333; font-weight:bold; }

/*404*/
#error404 {width:520px; margin:20px auto; text-align:center;}
#error404 h1 {background:url(../images/404.gif) no-repeat top center; padding-top:220px; font-size:46px; font-weight:bold; color:#a4a996;}

/*FORGOT PSW*/
.forgot_box {
	background-color:#f4f0e7; padding:20px; border:5px solid #FFF; margin:20px auto;
	-webkit-box-shadow:0px 0px 7px #BBB; -moz-box-shadow:0px 0px 7px #BBB;
	-webkit-border-radius:8px; -moz-border-radius:8px; width:800px;}
.forgot_box h1 {margin-bottom:5px;}
.forgot_logo {display:inline; float:left; background:url(../images/logo_forgot.gif) no-repeat top left; height:100px; width:97px;}
.forgot_content {margin-left:10px;}

/*---------------------------------------------------------------------------------------------------------------------------------------------------RATES*/
.service_rates h1, .service_rates h3 {margin-bottom:10px;}

/*--Service Event */
.service_event table tr td .input {float:none;}

/*----------------- Nyro */
.ui-dialog {
background-color: white;
}

/*#tnc {position: fixed; height: 600px; width: 500px; overflow: scroll; top: 20px;}*/

.tnc_container .ui-dialog {position: fixed; top: 20px;}
a.linktnc {color: #EE5F00;}
a.linktnc:hover {cursor: pointer; color: #F90;}