body
{
  background-color: #FFFFFF;
  margin: 0px auto;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  	
}
.container { text-align: center; }
.content
{
  width: 900px;
  margin: 0px auto;
}
.flags
{
  margin-top: 5px;
  text-align: center;
}
.flags a { margin-left: 2px; }
.sideratings
{
  margin: 0px auto;
  text-align: center;
}
.center
{
  margin: 0px auto;
  text-align: center;
}
.right { text-align: right; }
.left { text-align: left; }
.banner { width: 725px; }
.collorB { background-color: #4484B6; }
.translate
{
  width: 200px !important;
  min-height: 83px !important;
  border-color: #4484B6 !important;
  background-color: #4484B6 !important;
}
.body
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  text-decoration: none;
  color: #737d85;
  padding-left: 10px;
  padding-right: 10px;
}

.fadecenterh { margin:0 auto; width:900px; margin-bottom:10px; }
.fadeinh
{
  position: relative;
  width: 900px;
  height: 422px;
}
.fadeinh img
{
  position: absolute;
  left: 0;
  top: 0;
}

.fadecenter { margin:0 auto; width:725px; }
.fadein
{
  position: relative;
  width: 725px;
  height: 256px;
}
.fadein img
{
  position: absolute;
  left: 0;
  top: 0;
}
h1, h2, h3
{
  font-family: 'Bad Script', cursive, arial;
  color: #2765A8;
}
a.body:link, a.body:visited, a.body:active, a.body:hover
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  text-decoration: underline;
  color: #737d85;
  padding-left: 0px;
  padding-right: 0px;
}
.sidetext
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-decoration: none;
  color: #767A7D;
  padding-left: 10px;
  padding-right: 10px;
}
a.sidetext:link, a.sidetext:visited, a.sidetext:active, a.sidetext:hover
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-decoration: underline;
  color: #767A7D;
  padding-left: 0px;
  padding-right: 0px;
}
.sidebar
{
  background-color: #d9e7f1;
  width: 174px;
}
.rightbar { width: 230px !important; }
ul.nav
{
  list-style: none;
  border-top: 1px solid #fff;
  margin-bottom: 15px;
  margin-left: 0px;
  width: 174px;
  padding-left: 0px;
}
ul.nav li
{
  border-bottom: 1px solid #fff;
  margin-left: 0px;
  padding-left: 0px;
}
ul.nav a, ul.nav a:visited
{
  font-weight: bold;
  padding: 7px 5px 7px 5px;
  display: block;
  text-decoration: none;
  color: #4484b6;
  font-size: 14px;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus
{
  background-color: #9ABDD8;
  color: #fff;
  background-image: url(../images/grey_aro.gif);
  background-repeat: no-repeat;
  background-position: 98%;
}
.address
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 10px;
  font-weight: normal;
  color: #ffffff;
  background-color: #4484b6;
}
.address a
{
  color: #FFF;
  text-decoration: underline;
}
.address a:hover
{
  color: #D9E7F1;
  text-decoration: underline;
}
.address2
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 10px;
  font-weight: normal;
  color: #808080;
}
.address3
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 10px;
  font-weight: normal;
  color: #295273;
  background-color: D9E7F1;
}
a.bottomlink2:link, a.bottomlink2:visited, a.bottomlink2:active, a.bottomlink2:hover
{
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #000000;
}
a.menu:active
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  text-decoration: none;
  text-align: right;
  font-weight: normal;
  line-height: 20px;
  color: #295273;
  background-color: #d9e7f1;
}
a.menu:visited
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  text-decoration: none;
  text-align: right;
  font-weight: normal;
  line-height: 20px;
  color: #4484b6;
  background-color: #d9e7f1;
}
.bottom1
{
  background-color: #d9e7f1;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
  width: 174px;
}
.bottom2
{
  background-color: #d9e7f1;
  background-image: url(../images/bottom.gif);
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 10px;
  font-weight: normal;
  color: #808080;
}

.special
{color:#2765A8; font-size: 13px;}
.special a
{color:#4484B6; text-decoration: underline;}
.review #CDSWIDSSP { width: 400px !important; }
.review .widSSP { width: 400px !important; }
/* SLIMBOX */
.gallery ul
{
  list-style: none;
  display: inline;
  margin-left: 0px;
  padding: 0px;
}
.gallery li
{
  list-style: none;
  display: inline;
  padding: 0px;
  margin: 0px;
}
.gallery img { padding: 5px; }
#lbOverlay
{
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  cursor: pointer;
}
#lbCenter, #lbBottomContainer
{
  position: absolute;
  z-index: 9999;
  overflow: hidden;
  background-color: #fff;
}
.lbLoading { background: #fff url(../images/loading.gif) no-repeat center; }
#lbImage
{
  position: absolute;
  left: 0;
  top: 0;
  border: 10px solid #fff;
  background-repeat: no-repeat;
}
#lbPrevLink, #lbNextLink
{
  display: block;
  position: absolute;
  top: 0;
  width: 50%;
  outline: none;
}
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(../images/prevlabel.gif) no-repeat 0 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%; }
#lbBottom
{
  font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
  font-size: 10px;
  color: #666;
  line-height: 1.4em;
  text-align: left;
  border: 10px solid #fff;
  border-top-style: none;
}
#lbCloseLink
{
  display: block;
  float: right;
  width: 66px;
  height: 22px;
  background: transparent url(../images/closelabel.gif) no-repeat center;
  margin: 5px 0;
  outline: none;
}
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }
.addthis_toolbox a { vertical-align: bottom }
.addthis_button_google_plusone
{
  width: 60px;
  vertical-align: top!important
}
#___plusone_0 { vertical-align: top!important }
.addthis_button_tweet { width: 80px }
.addthis_button_facebook_like { width: 75px }
.addthis_toolbox 
{width: 240px !important;
 margin-bottom: 5px;}

.lightblue
{background-color:#caddec;}
.medblue
{background-color:#4484B6;}
.darkblue
{background-color:#295273;}

.bookinghome
{
  width: 150px;
  height: 30px;
  font-size: 13px;
  position: absolute;
  margin-left: 0px;
  margin-top: -30px;
  z-index: 1;
}

.booking
{
  width: 150px;
  height: 30px;
  font-size: 13px;
  position: absolute;
  margin-left: 310px;
  margin-top: -8px;
  z-index: 1;
}
.trigger
{
  background-image: url(../images/arrow-down.png);
  background-repeat: no-repeat;
  background-position: 95%;
  color: #FFF !important;
  font-weight: bold;
  display: block;
  padding-top: 6px;
  padding-bottom: 5px;
  background-color: #1B4566;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  text-align: left;
  padding-left: 10px;
  text-decoration: none;
}
.selected
{
  background-image: url(../images/arrow-up.png);
  background-repeat: no-repeat;
  background-position: 95%;
  color: #FFF !important;
  font-weight: bold;
  display: block;
  padding-top: 6px;
  padding-bottom: 5px;
   background-color: #1B4566;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  text-align: left;
  padding-left: 10px;
}
.boxenq
{
  display: none;
  background-color: #D9E7F1;
  width: 170px;
  padding: 5px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: none;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #4484B6;
  border-right-color: #4484B6;
  border-bottom-color: #4484B6;
  border-left-color: #4484B6;
}
.field input { width: 120px; }
.field
{
  margin-bottom: 3px;
  float: right;
}
.date input
{
margin-right: 3px;
    width: 85px;
}

.date
{
  margin-bottom: 3px;
  float: right;
}

.clear
{clear:both;}

.picker
{
  margin: 0px auto;
  font-size: 12px !important;
}
.picker select { width: 50px; }
label
{
  width: 160px;
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
a.dp-choose-date
{
  float: right;
  width: 22px;
  height: 22px;
  padding: 0px;
  margin: 0px;
  display: block;
  text-indent: -2000px;
  overflow: hidden;
  background: url(../images/calendar.png) no-repeat;
}
a.dp-choose-date.dp-disabled
{
  background-position: 0 -22px;
  cursor: default;
}
#calendar-me { margin: 20px; }
table.jCalendar
{
  border: 1px solid #000;
  background: #aaa;
  border-collapse: separate;
  border-spacing: 2px;
}
table.jCalendar th
{
  background: #333;
  color: #fff;
  font-weight: bold;
  padding: 3px 5px;
}
table.jCalendar td
{
  background: #ccc;
  color: #000;
  padding: 3px 5px;
  text-align: center;
}
table.jCalendar td.other-month
{
  background: #ddd;
  color: #aaa;
}
table.jCalendar td.today
{
  background: #666;
  color: #fff;
}
table.jCalendar td.selected
{
  background: #f66;
  color: #fff;
}
table.jCalendar td.selected.dp-hover
{
  background: #f33;
  color: #fff;
}
table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td
{
  background: #fff;
  color: #000;
}
table.jCalendar tr.selectedWeek td
{
  background: #f66;
  color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover
{
  background: #bbb;
  color: #888;
}
table.jCalendar td.unselectable, table.jCalendar td.unselectable:hover, table.jCalendar td.unselectable.dp-hover
{
  background: #bbb;
  color: #888;
}
/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup
{
  position: relative;
  background: #ccc;
  font-size: 10px;
  font-family: arial, sans-serif;
  padding: 2px;
  line-height: 1.2em;
}
div#dp-popup
{
  position: absolute;
  z-index: 199;
}
div.dp-popup h2
{
  font-size: 12px;
  text-align: center;
  margin: 2px 0;
  padding: 0;
}
a#dp-close
{
  font-size: 11px;
  padding: 4px 0;
  text-align: center;
  display: block;
}
a#dp-close:hover { text-decoration: underline; }
div.dp-popup a
{
  color: #000;
  text-decoration: none;
  padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev
{
  position: absolute;
  top: 2px;
  left: 4px;
  width: 100px;
}
div.dp-popup div.dp-nav-prev a { float: left; }
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a { cursor: pointer; }
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled { cursor: default; }
div.dp-popup div.dp-nav-next
{
  position: absolute;
  top: 2px;
  right: 4px;
  width: 100px;
}
div.dp-popup div.dp-nav-next a { float: right; }
div.dp-popup a.disabled
{
  cursor: default;
  color: #aaa;
}
div.dp-popup td { cursor: pointer; }
div.dp-popup td.disabled { cursor: default; }
#url
{
  visibility: hidden;
  height: 1px;
  width: 1px;
  position: absolute;
}
.button-enq input
{
  text-align: center;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: solid 1px #FFFFFF;
  height: 25px;
  color: #FFF;
  font-size: 12px;
  font-weight: bold;
  width: 170px;
  background-color: #4484B6;
  margin-top: 5px;
}
.error
{
  float: none;
  color: red;
  padding-left: .5em;
  vertical-align: top;
  font-weight: normal;
}

.matrics {  color: #df0341;
  font-size: 18px;
  font-weight: bold; }
  
  .menuSide { text-align: right; padding-right: 10px; list-style: none; }
  
  
.book-online-today {
	position: fixed;
	z-index: 1000;
	margin-left: 665px;
	background: #1B4566;
	font-size: 24px;
	font-weight: bold;
	padding: 15px 25px 15px 25px;
	color: #fff;
	font-family: 'Bad Script', cursive, arial;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border: 3px solid #4484b6;
	margin-top: -3px;
}

.leftside { background-color: #d9e7f1; float: left; width: 174px; }
.leftside a { font-size:12px!important;}
.rightside { float: left; width: 240px; }
.pagecenter { float: left; width: 485px; }
.pagecenter p { padding-left:15px; padding-right:15px; }
.container { width: 900px; margin: auto; }
.flag { float: right; margin-right: 10px; }
.footer { width: 900px; margin: auto; background-color: #4484b6; padding-top: 10px; color: #fff; }
.pagecenter ul { text-align:left; }
#plugin_container {margin-left:145px;}

.pano_container { margin-top: 0px; }

div.slide { margin-top: -900px!important; }
.tab_slide { margin-top: -920px!important; }
#final_text { position: absolute;margin-top: -750px!important; }

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;font-family: 'Lato';}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;font-family: 'Lato';}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;font-family: 'Lato'; color: #fff; font-size: 24px; font-weight: bold; display: none;}

ul.bjqs-controls.v-centered li a{
	display:block;
	padding:10px;
	background:#fff;
	color:#000;
	text-decoration: none;
}

ul.bjqs-controls.v-centered li a:hover{
	background:#000;
	color:#fff;
}

ol.bjqs-markers li a{
	padding:5px 10px;
	background:#000;
	color:#fff;
	margin:5px;
	text-decoration: none;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background: #999;
}

p.bjqs-caption{
	background: rgba(174,20,12,0.8);
}

.Zebra_DatePicker *,
.Zebra_DatePicker *:after,
.Zebra_DatePicker *:before  { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important }

.Zebra_DatePicker           { position: absolute; background: #666; margin-left: -200px; margin-top: 100px; border: 3px solid #666; display: none; z-index: 100; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px }

.Zebra_DatePicker *         { margin: 0; padding: 0; color: #000; background: transparent; border: none }

/* = GLOBALS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker table                      { border-collapse: collapse; border-spacing: 0 }

.Zebra_DatePicker td,
.Zebra_DatePicker th                         { text-align: center; padding: 5px 0 }

.Zebra_DatePicker td                         { cursor: pointer }

.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker             { margin-top: 3px }

.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td         { background: #E8E8E8; width: 30px; border: 1px solid #7BACD2 }

.Zebra_DatePicker,
.Zebra_DatePicker .dp_header .dp_hover,
.Zebra_DatePicker .dp_footer .dp_hover { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }


/* = HEADER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_header td             { color: #FFF }

.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next       { width: 30px }

.Zebra_DatePicker .dp_header .dp_caption    { font-weight: bold }
.Zebra_DatePicker .dp_header .dp_hover      { background: #222; color: #FFF }
.Zebra_DatePicker .dp_header .dp_blocked    { color: #888; cursor: default }

/* = DATEPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_daypicker th              { background: #FFCC33 }
.Zebra_DatePicker td.dp_not_in_month            { background: #F3F3F3; color: #CDCDCD; cursor: default }
.Zebra_DatePicker td.dp_not_in_month_selectable { background: #F3F3F3; color: #CDCDCD; cursor: pointer }
.Zebra_DatePicker td.dp_weekend                 { background: #D8D8D8 }
.Zebra_DatePicker td.dp_weekend_disabled        { color: #CCC; cursor: default }
.Zebra_DatePicker td.dp_selected                { background: #5A4B4B; color: #FFF !important }
.Zebra_DatePicker td.dp_week_number             { background: #FFCC33; color: #555; cursor: text; font-style: italic }

/* = MONTHPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_monthpicker td        { width: 33% }

/* = YEARPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_yearpicker td         { width: 33% }

/* = FOOTER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_footer                { margin-top: 3px }
.Zebra_DatePicker .dp_footer td             { color: #FFF; padding: 2px; font-weight: bold }
.Zebra_DatePicker .dp_footer .dp_hover      { background: #222; color: #FFF }

/* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PREVIOUS PROPERTIES)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_current             { color: #C40000 }
.Zebra_DatePicker td.dp_disabled_current    { color: #E38585 }
.Zebra_DatePicker td.dp_disabled            { background: #F3F3F3; color: #CDCDCD; cursor: default }
.Zebra_DatePicker td.dp_hover               { background: #482424; color: #FFF }

/* = ICON
----------------------------------------------------------------------------------------------------------------------*/
button.Zebra_DatePicker_Icon                { display: inline-block; position: relative; margin-right: 0 !important;   
    width: 16px; height: 16px; background: url('../images/calendar.png') no-repeat left top; text-indent: -9000px; border: none; cursor: pointer; padding: 0; line-height: 0; vertical-align: top; zoom: 1; *display: inline; }

button.Zebra_DatePicker_Icon_Disabled       { background-image: url('../images/calendar-disabled.png') }
/* don't set vertical margins! */
button.Zebra_DatePicker_Icon                { margin: 0 0 0 3px }
button.Zebra_DatePicker_Icon_Inside         { margin: 0 12px 0 0; padding: 0!important; background-color: transparent!important; }

#pay4free_paynow_access_form button { border:0;background-color:#1b4566;color:#ffffff;padding:10px;font-size: 20px;cursor:pointer; }



/** START MOBILE CSS **/

@media only screen and (max-width : 920px) {

.fadeinh { width:100%; }


.fadeinh img { width:100%; }

.fadecenterh { width:100%;margin-bottom:0;}

.container {width:100%;}

.leftside, .pagecenter, .rightside, .footer {width: 100%;}

.leftside, .rightside {padding-top: 10px; padding-bottom:10px;background-color:transparent; }

.sideratings { display:none; }

.side1image { display:none;margin:auto;  }

.addthis_toolbox { margin:auto; }

.fbcontainer { display:none; }

.book-online-today { position:fixed; left:10px;top:110px;width:200px;margin-left:0;font-size:14px;padding:3px;-webkit-border-radius: 3px;
-moz-border-radius: 3px;border-radius: 3px;border:0;background-color:#f16e1e;color:#fff;text-decoration:none; }

       #nav
    {
        position: fixed;
    right: 0;
    top: 0;
		z-index: 9999999;
		width: 100%;
		
    }
	#nav li a { padding-top: 10px; padding-bottom: 10px; color: #fff; }

	
	
        #nav > a
        {
        }
        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type
        {
            display: block;
			position: absolute; right: 25px; top: 25px;
			background-image: url('../images/nav.png');
			background-repeat: no-repeat;
			width: 50px;
			height: 50px;
        }
 
    /* first level */
 
    #nav > ul
    {
        height: auto;
        display: none;
        position: relative;
        left: 0;
        right: 0;
		margin-top: 90px!important;
		width: 100%;
		
		
    }
        #nav:target > ul
        {
            display: block;
			
			
        }
        #nav > ul > li
        {
            width: 100%;
            float: none;
			margin: 0; padding: 0;
			background-color: #2b2b2b;
			border-bottom: 2px solid #fff;
			
        }
 
    /* second level */
 
    #nav li ul
    {
        position: relative!important;
		width: 100%;
    }
	
	    #nav li:hover li a
    {
    }

}

/** END MOBILE CSS **/