
/* 

/* Global
----------------------------------------------- */

body{ background:#fff; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
p{ font-size:13px; color:#333; line-height:1.5;}

a:link{text-decoration:none; color:#43a4e4; }
a:hover{ text-decoration:underline;}
a:visited, a:active, a:focus{text-decoration:none;  color:#43a4e4;}



h1{ font-size:24px;}
h2{ color:#43a4e4; font-size:18px; border-bottom: 1px solid #cfdce2; margin:5px 0px 10px; padding:0px 5px 10px;}
h3{ font-size:14px;}
h4{ font-size:13px;}
h5{ font-size:12px; text-transform:uppercase; color:#999; margin:5px 0px; padding:0px 5px 5px;}
h6{font-size:10px; text-transform:uppercase;}

/* Structure
----------------------------------------------- */

#container{ position:relative; width: auto;}
#wrapper{ position:relative; z-index:10; }
#sliderwrap{ margin:0px auto; width:1280px;  position: absolute; z-index:1; top:0; left:50%; margin-left:-640px; }
#slider{ height:600px;z-index:1;}

/* // Header */

#topbar{ background:#ffb31b; width:100%; height:30px; position:relative; z-index:9999;}
#topbar p{ font:11px Tahoma, Geneva, sans-serif; color:#473107; padding:7px 15px 0px; display:inline;}
#header{position:relative; z-index:9999;}
#logo{ height:100px; padding-top:10px;}

/* // Content */

#content{ background: #ebf3f9; margin-top:350px; min-height:300px; padding:10px 10px;}
#main{}
.boxwrap, .sidewrap{ padding:10px;}
#sidebar-right{ width:320px!important;}


/* // Footer */

#footer{ font-size:11px; color:#777; background:url(../images/footerbg.jpg) no-repeat center; height:300px; position: relative; width: 100%; margin:0px auto; padding: 20px 0px 10px;}
#breadcrumbs{ font-size:12px; line-height:20px; background:#FFF; border-bottom:1px solid #ddd; padding:8px 10px; margin:0px 0px 20px;}

.footerwrap{ background:#FFF; padding-bottom:20px;}
.footer_sitemap{}
.footer_sitemap a{ font:12px/1.5 Arial, Helvetica, sans-serif; color:#255d77;}

#footer address{ font:12px/1.5 Arial, Helvetica, sans-serif; color:#1c73d7;}

#credits{ margin-top:10px;}
#credits p{ font-size:11px!important;}
#credits a{ color:#fff; margin-right:15px;}
.credits_right{ text-align:right;}


/* Navigation
----------------------------------------------- */


/* // Top Nav */

#menu{ height:40px; background:#4fbad4; border:1px solid #3f9bbb; box-shadow:0px 3px 5px rgba(0,0,0, 0.5);
-webkit-box-shadow:00px 3px 5px rgba(0,0,0, 0.5);
-moz-box-shadow: 00px 3px 5px rgba(0,0,0, 0.5);}
.headermenu{ margin:0px 0px 0px 10px!important; }
.headermenu li{ float:left; display: inline;}



/* Classes
----------------------------------------------- */
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.block{ display:block;}
.textCenter{ text-align: center; }
.textRight{ text-align: right; }
.textLeft{ text-align: left; }
.center{ margin:0px auto;}

/* // Image Classes */

p img{ margin:5px 10px;}


/* // Image Classes */


/* // List Classes */

.listul{ font:13px/1.5 Arial, Helvetica, sans-serif; color:#3f9bbb; margin:10px 15px;}


/* // Other Classes */


/* Typografy
----------------------------------------------- */

/* //  Language Navigation */
#langnav{ float:right; display: block; width: auto; background: transparent;}
#langnav ul{padding-top: 0px; float:right; margin-right:20px;}
#langnav ul li{float:left; padding:0px 5px 0 0px;}
#langnav ul li p{ color:#fff; font: normal 11px/2 Tahoma, Geneva, sans-serif; margin: 0 0; padding:0; }


/* Tables
----------------------------------------------- */
#hotellist {
	height: 30px;
	width: 200px;
	margin: auto;
}

.menu_class, .menu_class:visited {
	font:11px Tahoma, Geneva, sans-serif; color:#333; line-height:30px;
}


.the_menu {
	display:none;
	width:200px;
	border-top:3px solid #ddd;
	border-bottom:3px solid #fff;
		
}

.the_menu li {
	background-color: #fff;
}

.the_menu li a {
	font-size:11px;
	color:#333; 
	text-decoration:none; 
	padding:7px; 
	display:block;
	border-bottom:1px solid #cfdce2;
	margin:0px 5px;
}

.the_menu li a.last {
	font-size:11px;
	color:#333; 
	text-decoration:none; 
	padding:7px; 
	display:block;
	border-bottom:none;
	margin:0px 5px;
}


.the_menu li a:hover {
	padding:7px;
	color: #429cc6;
	background:#f0f6f7;
}

ul.tabs {margin: 0;padding: 0;float: left;list-style: none;height: 32px; /*--Set height of tabs--*/border-bottom: 1px solid #cfdce2;border-left: 1px solid #cfdce2;width: 100%;margin-top:10px;}
ul.tabs li {float: left;margin: 0;padding: 0;height: 31px; /*--Subtract 1px from the height of the unordered list--*/line-height: 31px; /*--Vertically aligns the text within the tab--*/border: 1px solid #cfdce2;border-left: none;margin-bottom: -1px; /*--Pull the list item down 1px--*/overflow: hidden;position: relative;background: #efefef;}
ul.tabs li a {text-decoration: none;color: #777;display: block;font: 14px/31px Arial, Helvetica, sans-serif;padding: 0 20px;border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/outline: none;}
ul.tabs li a:hover {background: #fff;color: #2e609f;}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/background: #fff;border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/}
.tab_container {border-top: none;overflow: hidden;clear: both;float: left; width: 100%;background: #fff;margin-bottom:10px;}
.tab_content {padding:10px 5px; min-height:300px;}


form { margin: 0 0; }
fieldset {  }
label { display: block; font-size: 13px; font-weight: bold; line-height: 18px; cursor: pointer; position: relative; z-index: 1; }
button, input.input-text, input.password, input.button, textarea { font-family: Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif; }

input.input-text, input.password, textarea { display: block; background: transparent url(../images/input-bg.png) no-repeat 0 0; margin: 0 0 10px; padding: 3px 4px; border: 1px solid #bbb; -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-box-shadow: 0 1px 1px #fff; font: 12px/18px Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif; text-shadow: 0 0 1px #fff; color: #999; position: relative; z-index: 2; line-height: 18px; }

form input.input-text:focus, form textarea:focus { outline: none; border-color: #999; color: #333; padding: 2px 3px; border: 2px solid #2daebf; }
		
		label.inlined { padding: 3px 0 3px 6px; font-weight: normal; font-size: 12px; font-family: Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif; color: #aaa; -webkit-transition: color 0.15s linear; background: #fff; width: 146px; -webkit-border-radius: 3px; -moz-border-radius: 3px; position: relative; z-index: 1; }
		
		label.focus { color: #ccc; }
		
		label.has-text { color: #fff; -webkit-transition-duration: 0s; }
		label.inlined + input.input-text { margin-top: -25px; }
		label.inlined + textarea.input-text { margin-top: -43px; }
		
		label.inlined.mini { width: 94px; }
		label.inlined.small { width: 124px; }
		label.inlined.medium { width: 334px; }
		label.inlined.large { width: 584px; }
		label.inlined.textarea { height: 36px; }


.bookformwrap{ background:#ededed; border: 1px solid #ccc; padding:10px; width:780px; margin:10px auto;}
#booknow_form{ background:#fff; padding:10px; border:1px solid #ddd;}
#booknow_form p{ float:left; margin-left:20px;}
.cal{ background:url(../images/calendar.gif) no-repeat 98% 60%;}
.check{ margin:10px 20px 10px 40px;}




.button{background:#222 url(../images/overlay-button.png) repeat-x 0 0;display:inline-block;padding:5px 15px 6px;color:#fff !important;font-size:13px;font-weight:bold;line-height:1;text-decoration:none;-moz-border-radius:5px;-webkit-border-radius:5px;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25);text-shadow:0 -1px 1px rgba(0,0,0,0.25);border-bottom:1px solid rgba(0,0,0,0.25);position:relative;cursor:pointer;overflow:visible;width:auto}

button::-moz-focus-inner{border:0;padding:0}
.button:hover{background-color:#111;color:#fff}
.button:active{-webkit-transform:translateY(1px);-moz-transform:translateY(1px)}
.small.button{font-size:11px}
.large.button{font-size:14px;padding:8px 19px 9px}

.green.button{background-color:#91bd09}
.green.button:hover{background-color:#749a02}
.blue.button{background-color:#2daebf}
.blue.button:hover{background-color:#007d9a}
.red.button{background-color:#e33100}
.red.button:hover{background-color:#872300}
.magenta.button{background-color:#a9014b}
.magenta.button:hover{background-color:#630030}
.orange.button{background-color:#ff5c00}
.orange.button:hover{background-color:#d45500}
.orangellow.button{background-color:#ffb515}
.orangellow.button:hover{background-color:#fc9200}
.white.button{background-color:#fff;border:1px solid #ccc;color:#666 !important;font-weight:normal;text-shadow:0 1px 1px rgba(255,255,255,1)}
.white.button:hover{background-color:#eee}
.secondary.button{background:#fff url(../images/36px-black.png) repeat-x 0 0;color:#555 !important;text-shadow:0 1px 1px rgba(255,255,255,0.5);border:1px solid #bbb;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1)}
.secondary.button:hover{background-color:#eee;color:#444 !important;border-color:#999}

.super.button{background-image:url(../images/super-button-overlay.png);font-size:13px;padding:0;border:1px solid rgba(0,0,0,.25);-webkit-border-radius:15px;-moz-border-radius:15px}
.super.button span{display:block;padding:4px 15px 6px;-webkit-border-radius:14px;-moz-border-radius:14px;border-top:1px solid rgba(255,255,255,.2);line-height:1}
.small.super.button{font-size:11px;-webkit-border-radius:12px;-moz-border-radius:12px}
.small.super.button span{padding:2px 12px 6px;-webkit-border-radius:11px;-moz-border-radius:11px}
.small.white.super.button span{padding:3px 12px 5px}
.large.super.button{background-position:left bottom;-webkit-border-radius:18px;-moz-border-radius:18px}
.large.super.button span{font-size:14px;padding:7px 20px 9px;-webkit-border-radius:17px;-moz-border-radius:17px}


.awesome, .awesome:visited {
	background: #222 url(../images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

	.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
	.red.awesome:hover							{ background-color: #872300; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }

     #booknow_front_btn{ position:absolute; right:0px; top: 460px;}

/* Make the buttons super awesomer */

		.super.button { background-image: url(../images/36px-blended.png); padding: 4px 14px 6px; border: 1px solid rgba(0,0,0,.25); border-bottom-color: rgba(0,0,0,.35); -webkit-border-radius: 15px; -moz-border-radius: 15px; }
		.small.super.button { font-size: 11px; -webkit-border-radius: 12px; -moz-border-radius: 12px; }
		.large.super.button { background-position: 0 0; padding: 6px 17px 8px; -webkit-border-radius: 18px; -moz-border-radius: 18px; }

		.secondary.button { background-color: #fff; }
		.secondary.button:hover { background-color: #eee; }
		
		
		
.inner #content{ margin-top: 350px; padding-left:0px; padding-right:0px;}
.inner #content #main { background:#ebf3f9; position:relative;}
.inner #booknow_front_btn{ position:absolute; right:30px; top: 40px; }


.data_table {font: 11px "Tahoma", Arial, sans-serif;padding: 0; margin: 0; color: #6b7999; border-collapse:collapse;  font:normal 12px/1.7 Arial, Helvetica, sans-serif;}
.data_table thead th {background: #6db2ff;padding: 0; color: #fff; text-align: left; font-weight: normal; height: 20px; border: #5ba9ff 1px solid; padding:0px 5px;  font:bold 12px/1.7 Arial, Helvetica, sans-serif; }             
.data_table tbody td{ height: 20px;text-align: left; border: #b3d7ff 1px solid; padding:5px 7px;}
.data_table tbody .data_table_more{ padding:0; background:#a9b7cb; height:12px!important; margin:0; border: #fff 1px solid; text-align:right; color:#fff;}
.data_table tbody .data_table_more a{ color:#fff; font-size:11px;}
.data_table a.hotelname{ font-size: 14px; font-weight:bold; color:#333;}
.data_table_info p{ font-size:11px!important; padding:2px 7px; line-height:1;}
.data_table_price{ text-align:center; font-weight:bold;}
.data_table tfoot td{ background:#f4f4f4; border:1px solid #ccc;}

.rr_table tbody td{ background:#e7f0f5;}


#slider_sp{ height:200px;!important}


.shadowbox {
  background-color: #fff;
  zoom: 1;
  
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=3);
  position:relative; top: -30px; padding:10px;
  -moz-box-shadow: 0px 0px 3px #333;
  -webkit-box-shadow:0px 0px 3px #333;
  }
  
  
 .roombox{ background:#fff; filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=3);   -moz-box-shadow: 0px 0px 3px #333; -webkit-box-shadow:0px 0px 3px #333; margin-top:10px; padding:3px;}
 .roombox p{ padding:5px;}
 
 .inner #content{ position:relative;}
  .inner #content, .inner #content #main{ background:#ebf3f9;  z-index:9;}
  .inner #content #sidebar-right{ background:#ebf3f9; min-height:200px; z-index:9; padding:10px 0px;}
  
  .inner #content #sliderwrap{ top:-550px;}
  
 
 .dark{ color:#333;}
 
 .rooms #content #main{top: 0px;}
 
 
 
 
  .rooms #content #sidebar-right .boxwrap{ position: relative; top: -350px; right: 630px; background: none; padding:5px 5px; width:200px; float:left;}
  .rooms #content #sidebar-right .sidewrap{position: relative; top: -190px;}
   .rooms #content #sidebar-right .boxwrap h5,  .rooms #content #sidebar-right .boxwrap .submenu li a{ color:#fff; border:none; line-height:2; font-weight:bold;}
 
 .submenu li a{ font:12px/3 Arial, Helvetica, sans-serif; margin:2px; display:block; border-bottom:1px solid #f4f4f4; padding-left:5px;}
 .roomfeatures{ font:12px/1.5 Arial, Helvetica, sans-serif; color:#429cc6; margin:10px; border-bottom: 1px solid #f4f4f4; list-style-type:circle; padding:5px 15px;}
 
 .r360{ width: 180px; margin:0 20%; text-align:center;}
 
 .sf-with-ul ul li a{font-size: 13px!important;}