body { width: 100%; height: 100%; padding: 0; margin: 0; font-family: 'Open Sans',sans-serif; font-size: 14px; background: #f7f5f5; }
input { font-family: 'Open Sans',sans-serif; font-size: 12px; }
a { color: #147AA1; text-decoration: none; } a:hover { text-decoration: none; color: #31a4ff; } a:active { text-decoration: none; }
img { border: 0; }

#header { width: 100%; height: 52px; background: #31a4ff; border-bottom: 4px solid #147aa1; box-shadow: rgba(0,0,0,0.3) 0px 5px 5px -1px; position: fixed; top: 0; z-index: 400; }
#header2 { width: 980px; height: 52px;  margin: 0 auto; }
#logo { float: left; margin: 0 10px 0 4px; }
#logo img { margin-top: 7px; }
#navbar { font-size: 16px; color: #ffffff; float: left; margin-left: 10px; width: 708px; }

ul { list-style-type: none; margin: 0; padding: 0; }
#navbar li { float: left; border-left: 1px solid #147aa1; text-align: center; padding: 15px 15px 25px 15px; height: 15px; overflow: hidden; }
#navbar li.last { border-right: 1px solid #147aa1; }
#navbar li:hover, #navbar li.hovered { background: #147aa1; /*border-bottom: 1px solid #116A91;*/ border-bottom: 1px solid #147AA1; }
#navbar li.selected a { color:  #147aa1;  }
#navbar li:hover a, #navbar li.hovered a { color: #ffffff; }
#navbar a { color: #ffffff; padding-top: 10px; }
li#destinations{ width: 111px; max-width: 111px;}
li#hotels{ width: 59px; max-width: 59px;}
li#info { width: 36px; max-width: 36px;}
li#photos{ width: 64px; max-width: 64px;}
li#search{ width: 18px; max-width: 18px;}
li#social { width: 100px; max-width: 100px; font-size: 14px; padding: 17px 16px 22px 16px; } 

.ad { width: 100%; text-align: center; padding: 10px 0; clear: both;}
.ad300x250showcase { padding: 25px 0; }
.ad160x600 { padding: 0 0 10px 0; }
.ad200x200 { padding: 5px 0;}

.left {float: left;}
.clear { clear: both;}
.clearleft4 { clear: both; margin-left: 4px; border-bottom: 1px solid #31a4ff; padding-bottom: 4px;}
.clear5 { clear: both; height: 5px; }
.clear10 { clear: both; height: 10px; }
.clear20 { clear: both; height: 20px; }
.clear30 { clear: both; height: 30px; }
.middle { vertical-align:middle;}
.alignright {text-align: right;}
.text10 { font-size: 10px; text-transform: none !important; }
.text12 { font-size: 12px; text-transform: none !important; }
.margin-right-10 { margin-right: 10px; }
.margin-right-5 { margin-right: 5px; }
.margin-right-0 { margin-right: 0; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-15 { margin-bottom: 15px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-0, #social a.margin-0 { margin: 0 !important; }
.padding-top-10 { padding-top: 10px !important; }
.padding-top-5 { padding-top: 5px !important; }
.padding-left-30 { padding-left: 30px; }
.italic { font-style: italic;}
.center { text-align: center; }
.nofloat { float: none; }
.darkblue { color:#147AA1; }
.lightblueline { border-bottom: 1px solid #31a4ff; margin: 10px 0;}
.justifiedtextlist { text-align: justify; }
.justifiedtextlist a { margin-right: 15px; height: 28px; display: block; float: left; }
.hidden { display: none; }
.floatleft {float: left;}

.subnav { font-size: 12px; line-height: 19px; background: #147aa1; color: #ffffff; float: left; margin-left: 0px; width: 970px; height: 100px; padding:8px 5px; display: none; z-index: 2; }
.seachsub { width: 574px; margin-left: 264px; height: 40px; padding: 0;}
.search-cont { background: #147aa1; height: 50px; padding:8px 5px;}
#social a { margin-right: 10px; }
#socialnav .fb-like { padding-right: 10px;}
#socialnav div { float: left;}
.socsub { width: 320px; float: right; height: 30px;}
#socialnav .facebook { padding: 3px 10px 0 8px; }
#socialnav .google { padding-top: 3px; }
#socialnav .twitter { padding-top: 3px; margin-left: -17px; }
#socialnav .pinterest { padding-top: 3px; padding-left: 15px; }

.contentnav { width: 87px; height: 100px; float: left; padding: 0 10px; }
.contentnav a { color: #ffffff; float: left; clear:both; border-bottom: 1px solid #147aa1; width: 90px; }
.contentnav a:hover { color: #ffffff; border-bottom: 1px solid #31a4ff; }
.contentnav a.top { font-weight: bold; }

.contentnavwide { width: 118px; height: 100px; float: left; padding: 0 10px; }
.contentnavwide a { color: #ffffff; float: left; clear:both; border-bottom: 1px solid #147aa1; width: 118px; }
.contentnavwide a:hover { color: #ffffff; border-bottom: 1px solid #31a4ff; }
.contentnavwide a.top { font-weight: bold; }

.contentnavphotos { width: 160px; height: 100px; float: left; padding: 0 6px; }
.contentnavphotos a { color: #ffffff; float: left; clear:both; border-bottom: 1px solid #147aa1; width: 160px; text-align: center; font-weight: bold;}
.contentnavphotos a:hover { color: #ffffff; border-bottom: 1px solid #31a4ff; }

.contentnavsmall { width: 90px; height: 100px; float: left; padding: 13px 6px 0 6px; }
.contentnavsmall a { color: #ffffff; float: left; clear:both; border-bottom: 1px solid #147aa1; width: 90px; }
.contentnavsmall a:hover { color: #ffffff; border-bottom: 1px solid #31a4ff; }
.contentnavsmall a.top { font-weight: bold; }

#contentcontainer { width: 980px; margin: 56px auto 0 auto; }
#container1200 { width: 1030px; margin: 0 auto; background: #ffffff; border-left: 1px solid #147aa1; border-right: 1px solid #147aa1; }

.ad160 { margin: 0 0 10px 10px; width: 170px; padding-top: 10px;}

#maincontent {width: 980px; clear: both; padding: 10px 0; min-height: 1000px; }
#maincontent h1 { color:#147AA1; font-size: 18px; margin-right: 6px; padding-top: 0; margin-top: 2px; float: left; font-weight: bold; margin-bottom: 0; text-transform: uppercase; }

#fullwidthcontent { width: 980px; clear: both; }
#splitcontent { width: 980px; clear: both; padding-top: 5px; }

#leftcolumn { width: 200px; border: 1px solid #e5e5e5; border-width: 0 1px 1px 1px; box-shadow: #e5e5e5 5px 0px 6px -4px; float: left; line-height: 22px;}
.leftheading { box-shadow:#e5e5e5 0px 5px 6px -4px; font-size: 14px; padding: 5px 8px; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; background: #31a4ff; color: #ffffff; text-align: center;}
.leftheading a { color: #ffffff; text-decoration: none; }
.leftheading a:hover { color: #ffffff; text-decoration: none; }
.leftcontent { margin: 0px 0 15px 0; }
#leftcolumn ul { padding-left: 10px; padding-right: 10px; }
#leftcolumn li { text-transform: uppercase; line-height: 17px; margin-top: 20px; }
#leftcolumn li:hover { opacity: 0.9; }
#leftcolumn .infopage li { text-transform: none; margin: 0; padding: 5px 0; border-bottom: 1px solid #f7f5f5; }
#leftcolumn .infopage li:hover { border-bottom: 1px solid #31a4ff; }
.overlay { display: block; background: #ffffff; color: #147aa1; border-bottom: 1px solid #31a4ff; text-align: center; overflow: hidden; padding: 2px 0;}
.hotelstarratingsmall { text-align: center; padding: 0 0; font-size: 10px; border-bottom: 1px solid #31a4ff; }
.hotelsnearby li {  }
.destinationsnearby li { }
.seemore { font-weight: bold; text-align: center; clear: both; }

#searchforhotels input { width: 100px; }
.button { background: #31a4ff; width: 180px; border: 0; border: 1px solid #147aa1; margin-left: 10px;}

#rightcolumn { width: 760px; float: left; margin-left: 18px; line-height: 22px; }

#topad { float: left; margin-bottom: 10px; clear: both; }

.heading { font-size: 14px; color: #147AA1; padding-top: 5px; padding-bottom: 5px; overflow: hidden; background: -webkit-linear-gradient(45deg, #ffffff, #f5f5f5); border-bottom: 1px solid #31a4ff; /*background: #f5f5f5;*/ -webkit-margin-before: 0; }
.bigdata { line-height: 20px; color: #147AA1; font-size: 16px; }

#bc { font-size: 14px; border-bottom: 1px solid #31a4ff; padding-bottom: 4px; margin-bottom: 10px; color: #147AA1; margin-left: 4px; width: 980px;  height: 16px;}
.bcnav { float: left; width: 650px; overflow: hidden; height: 20px; }
.bcnav div { margin-right: 2px; float: left; }
.bcsocial { float: left; position: relative; top: -2px; left: 10px; height: 20px; overflow: hidden; }

#hotelheader { clear: both; height: 105px; padding-top: 5px; }
#hotelheaderleft { float: left; width: 750px; margin-left: 4px; }
#hoteltitle { float: left; max-width: 615px; max-height: 26px; overflow: hidden;}
#hotelstars { margin-top: 9px; float: left;}
.hotelstarrating { text-align: center; padding: 4px 0; height: 12px; border-bottom: 1px solid #31a4ff; width: 255px; margin-left: 30px; margin-bottom: 6px; }
.hoteloverallrating, .hotellowrate { font-style: italic; font-size: 12px; float: left;}
.hoteloverallrating { margin-left: 30px; text-align: left; width: 155px;}
.hotellowrate { text-align: right; width: 100px; }
.hoteloverallratingsmall, .hotellowratesmall { font-style: italic; font-size: 10px; float: left; text-transform: none; padding-bottom: 10px; }
.hoteloverallratingsmall { text-align: left; width: 90px;}
.hotellowratesmall { text-align: right; width: 90px; }
#hotelratings { margin-top: 5px; }
#greecerating, #userrating { color: #147AA1; font-size: 15px; }
#hotellocation { padding-top: 16px; }
#hoteladdress { float: left; max-width: 480px; height: 21px; overflow: hidden; }
#recommendedhotel { float: left; font-size: 14px; font-style: italic; }
.superscript { vertical-align:super; font-size: 8px; }
#userrating { margin-left: 20px; }
#scrollmap { margin-left: 10px;}

#hotelheaderright { float: left; width: 226px; text-align: right; margin-top: 5px; }

.bookbuttonnophotos, .bookbuttonbigphotos, .bookbutton, .seehotelsbutton { margin-top: 11px; display: inline-block; min-width: 46px; text-align: center; height: 27px; padding: 0 8px; line-height: 27px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #dcdcdc; border: 1px solid transparent; color: #ffffff; text-shadow: 0 1px rgba(0,0,0,0.1); background-color: #CA1111; }
.bookbuttonnophotos:hover, .bookbuttonbigphotos:hover, .bookbutton:hover, .seehotelsbutton:hover { border: 1px solid #147AA1; color: #fff; text-shadow: 0 1px rgba(0,0,0,0.3); background-color: #147AA1; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2); -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.2); -o-box-shadow: 0 1px 1px rgba(0,0,0,0.2); box-shadow: 0 1px 1px rgba(0,0,0,0.2); }
.bookbuttonnophotos:active, .bookbuttonbigphotos:active, .bookbutton:active, .seehotelsbutton:active { border: 1px solid #147AA1; background-color: #31a4ff; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); }
.seehotelsbutton { margin-top: 16px; }
#hotelphotos { clear: both; padding: 10px 0; height: 300px; margin-top: 4px; margin-bottom: 6px; background: #f7f5f5; border-top: 1px solid #31a4ff; border-bottom: 1px solid #31a4ff; overflow: hidden; }
#hotelactivephoto { width: 460px; margin-right: 10px; float: left;}
#hotelphotoroll { width: 475px; float: left; } 
#hotelphotoroll img { float: left; padding: 0 4px 4px 0; }
.rightimage { padding: 0 0 4px 4px; }
#hotelphotonav { clear: both; text-align: left; margin-top: 4px; font-size: 12px;}
#hotelphotonav a { margin-left: 6px; }
#thumbs { height: 299px; overflow: hidden; }
.thumbs {overflow: hidden;} 	

#hotelsearchboxheading { line-height: 22px; }
#hotelsearchbox { clear: both; }
#hotelsearchbox div { float: left; }
#hotelsearchbox .left-cell { margin-right: 5px; }
#hotelsearchbox input[type="submit"] { text-transform: uppercase; height: 24px; line-height: 24px; width: 145px; float: left; clear: none; font-size: 14px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #dcdcdc; border: 1px solid transparent; color: #ffffff; text-shadow: 0 1px rgba(0,0,0,0.1); background-color: #147AA1; -webkit-appearance: none;}
#hotelsearchbox input[type="submit"]:hover{border: 1px solid #CA1111; color: #fff; text-shadow: 0 1px rgba(0,0,0,0.3); background-color: #CA1111; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2); -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.2); -o-box-shadow: 0 1px 1px rgba(0,0,0,0.2); box-shadow: 0 1px 1px rgba(0,0,0,0.2);}
#checkin { font-size: 13px; color: #147AA1; width: 200px; float: left; clear: none; margin-right: 10px; }
#checkout { font-size: 13px; color: #147AA1; width: 200px; float: left; clear: none; margin-right: 20px; }

#hotelreview { padding-top: 1px; line-height: 22px; }
#hoteldescription { padding-top: 1px; line-height: 22px; }
#hotelfacilities { padding-top: 5px; line-height: 22px; }
.hotelfacilitiesrow { }
.hotelfacilitiestitle { float: left; width: 85px; margin-right: 10px; color: #147AA1; }
.hotelfacilitiescontent { float: left; width: 650px; padding-bottom: 10px; }

#hotelmap { padding-top: 5px; }
#map1 { clear: both; width: 760px; height: 500px; }
div.scrollToTop { clear: both; padding-top: 20px; }

#changes { padding-top: 20px; font-size: 12px;}

#pageheader { clear: both; padding-top: 5px; }
#destinationheaderspacing { clear: both; height: 10px;}
.contentpart { padding-top: 1px; clear: both; line-height: 22px; }

.destinationlist { font-size: 12px; }
.destinationtype { text-align: justify; margin-bottom: 8px; }
#destinationdescription { line-height: 22px; margin-left: 4px }
#destinationtagline { padding-top: 5px; float: left;}
#showcases { clear: both; width: 980px; }
.showcase3,.showcase3ad { background: #f7f5f5; float: left; width: 315px; height: 300px; margin-top: 20px; margin-right: 5px; border: 4px solid #ffffff; text-align: center; overflow: hidden; }
.showcase3:hover {border: 4px solid #31a4ff;}
.showcase3ad { background: #f7f5f5; }
.showcase3 img { height: 176px; max-width: 315px; overflow: hidden;}

.showcase3seealso { background: #f7f5f5; float: left; width: 215px; height: 190px; margin-top: 0px; margin-left: 95px; border: 4px solid #ffffff; text-align: center; overflow: hidden; }
.showcase3seealso:hover {border: 4px solid #31a4ff;}
.showcasephotoseealso, .showcasephotoseealsoperson {width: 215px; height:136px; background-color: #f7f5f5; background-repeat: no-repeat; background-position: center center; }
.showcasephotoseealsoperson {  background-position: top center; }
.showcaseseealsotitle { clear: both; margin-left: 10px; width: 193px; text-align: center; padding: 5px 0; height: 40px; overflow: hidden; }
.showcaseseealsotitle a { text-transform: uppercase; padding: 10px 0; font-size: 14px; }

#showcases .last { margin-right: 0; }
#showcases .pageending { margin-left: 328px; }
.showcasephoto, .showcasephotoperson {width: 315px; height:200px; background-color: #f7f5f5; background-repeat: no-repeat; background-position: center 10%; }
.showcasephotoperson {  background-position: top center; }
.height176 {height: 176px;}
.showcasetitle { clear: both; margin-left: 30px; width: 255px; text-align: center; border-bottom: 1px solid #31a4ff; padding: 5px 0; height: 41px; overflow: hidden; }
.showcasetitle a { text-transform: uppercase; padding: 10px 0; font-size: 16px; }
.tagline { clear: both; margin-left: 30px; width: 255px; text-align: center; padding: 6px 0; font-style: italic; font-size: 12px; }
.tagline a { margin: 0 3px; white-space: nowrap; font-size: 12px; }
.tagline2 { clear: both; padding-top: 8px; }
.hotelrecommended { clear: both; text-align: center; font-size: 12px; padding-top: 6px; }
.textcontent, .villagetextcontent { margin: 5px 0 20px 4px; overflow: auto; }
.textcontent a,.villagetextcontent a { font-size: 13px; float: left; margin: 1px 8px 1px 0; width: 320px; overflow: hidden; height: 21px; border-bottom: 1px solid #ffffff; }
.villagetextcontent a { width: 188px; font-size: 14px; }
.textcontent a:hover,.villagetextcontent a:hover {  border-bottom: 1px solid #31a4ff; }
.textcontent a.last,.villagetextcontent a.last { margin-right: 0; }

#alternames { clear: both; padding-top: 6px; font-size: 13px; }
.textinfo { text-align: justify; }
.textinfo img { float: right; margin: 5px 0 5px 12px; max-width: 360px;  }

.topdest-thumb { width: 120px; height: 120px; display: inline-block; border: 1px solid #efefef; padding: 10px; margin-bottom: 10px; margin-right: 6px; background: #f7f5f5;}
.topdest-thumb:hover { border: 1px solid #31a4ff; opacity: 0.8; box-shadow: 0; }
.topdest-thumb-bg { width: 120px; height: 120px; background-repeat: no-repeat; background-position: center center; }
.topdest-thumb-name { position: relative; top: -18px; padding-top: 4px; background: #f7f5f5; height: 20px; overflow: hidden; font-size: 12px; text-align: center; }

#destpanoramiosmall { font-size: 10px; clear: both; padding-right: 11px;}
#destpanoramiosmall span { float: left; display: block; margin-top: -4px; }
#destpanoramiosmall img { float: left; margin-right: 2px; border: 0; }
#destpanoramiosmall img:hover { border: 0; opacity: 1;}

.seealso-left20 { text-align: left; width: 940px; margin-left: 20px; margin-top: 20px; }
.seealso { text-align: left; width: 940px; margin-top: 20px; }
.seeall { width: 972px; text-align: right; }

#aboutcontent { font-size: 12px; }
.simpleheading { border-bottom: 1px solid #31a4ff; color: #147AA1; }

.socialbar { text-align: right; width: 245px; height: 24px; overflow: hidden; }
.fb-like { float: left; max-height: 24px; min-width: 71px; overflow: hidden; padding: 0; height: 20px !important; }
.gp-one { float: left; padding-right: 18px; max-height: 24px; min-width: 60px; width: 60px; overflow: hidden; }
.tw-follow { float: left; padding-right: 3px; max-height: 24px; min-width: 58px; width: 58px; overflow: hidden; }
.pi-follow { float: left; padding-right: 5px; max-height: 24px; width: 100px; overflow: hidden; }

.fb-share-page { float: left; padding-right: 5px; max-height: 24px; width: 60px; overflow: hidden; }
.fb-like-page { float: left; padding-right: 17px; max-height: 24px; width: 71px; overflow: hidden; }
.gp-one-page { float: left; padding-right: 5px; max-height: 24px; width: 60px; overflow: hidden; }
.tw-tweet-page { float: left; padding-right: 18px; max-height: 24px; width: 78px; overflow: hidden; }
.pi-pin-page { float: left; padding-right: 5px; max-height: 24px; width: 40px; overflow: hidden; }

.socialbottom { clear: both; height: 20px; width: 375px; margin: 5px auto 0 auto; }

#alphabettable { text-align: center; border-collapse:collapse; }
#alphabettable th { font-size: 12px; font-weight: normal; height: 30px; }
#alphabettable tr { height: 50px; }
#alphabettable table, #alphabettable th, #alphabettable td { border-bottom: 1px solid #31a4ff; border-right: 1px solid #31a4ff;}

#footer { width: 100%; min-width: 1030px; background: #31a4ff; border-top: 2px solid #147aa1; clear: both;  }
#footer2 { min-width: 1030px;  margin: 2px auto 0 auto; color: white; font-size: 12px;}
#footer2 a { color: #ffffff; font-size: 12px; }
#footer2 a:hover { color: #147aa1; }
#footer2content { width: 980px;  margin: 0 auto; text-align: left; color: #ffffff; }
#footersocial { float: left; padding-top: 15px; margin-left: 400px; }
#footersocial a { font-size: 22px; padding: 0 30px; }
.footernav { font-size: 12px; line-height: 19px; background: #31a4ff; color: #ffffff; float: left; margin-left: 0px; width: 970px; height: 100px; padding: 25px 0 0 5px; }
.footernav .contentnav { width: 88px; height: 100px; float: left; padding: 0 10px; }
.footernav .first { padding-left: 1px; }
.footernav .contentnav a { color: #ffffff; float: left; clear:both; width: 90px; border-bottom: 1px #31a4ff; }
.footernav .contentnav a:hover { color: #ffffff; border-bottom: 1px #31a4ff; }
.footernav .contentnav a.top { font-weight: bold; }
#footerlinks { margin: 25px 0 0 5px; padding: 6px 1px; }
#footerlinks a { padding-right: 30px; font-weight: bold; }
#copyright { margin-top: 5px; margin-left: 5px; padding-bottom: 5px; font-size: 10px; -webkit-text-size-adjust: none;}
#copyright a { font-size: 10px; }

.nobold { font-weight: normal !important;}
.whitebg { background: #ffffff; }

/* CONTACT FORM */

#contactform input.text { margin-bottom:16px; width:200px; padding: .4em; margin-right: 5px;}
#contactform fieldset { padding:0; border:0; margin-top:25px; }
#contactform h1 { font-size: 1.2em; margin: .6em 0; }
#contactform div#users-contain { width: 350px; margin: 20px 0; }
#contactform div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
#contactform div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
#contactform .ui-dialog .ui-state-error { padding: .3em; }
#contactform .validateTips { border: 1px solid transparent; padding: 0.3em; }
#contactform-success, #contactform, #contactform-error, .validateTips{ display:none; font-size: 12px; }
#label-form-content-url{ color: #1492C2; }
#form-content-url{ visibility: hidden; font-size: 12px; margin: 12px 0; }
#contactform .w100, #contactform #contactform-message{ width: 100%; }
#contactform #contactform-message{ min-height: 100px; resize:vertical; max-height: 350px; }
#contactform{ height: auto!important; font-family: Open Sans !important; }
.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Open Sans; }
#contactform-enquiry { padding: .3em; }
#contactform #contactform-message-label{ margin-bottom: 5px; display: block; }
.ui-dialog{ position: fixed; }
#c-handle { width: 30px; height: 27px; background: url("/static/gfx/captcha-handle.jpg") no-repeat; background-size: 100% 100%; }
.captcha-container { padding-left: 10px; height: 30px; background-color: #ffffff; float: left; display: inline-block; position: relative; margin: .5em .4em .5em 0; /* border-radius: 7px;*/ z-index: 99999999999999; overflow: hidden; }
.ui-dialog .ui-dialog-buttonpane button[disabled="disabled"]{ background: rgb(223, 223, 223); color: rgb(137, 154, 172); }
.captcha-bg { position: absolute; left: 50px; top: 4px; font-size: 18px; color: rgb(228, 232, 233); }
.captcha-slided{ border: 1px solid #B4CFE9; background-color: #ADC1D1; }
#contact-captcha img{ height: 30px; }
#captcha-input { width: 90px; height: 25px; margin: 0; position: relative; top: -9px; margin-left: 10px; margin-right: 10px; }
#cap-message { position: relative; top: -10px; padding: 0 5px; font-size: 12px; }
.form_label { width: 45px; display:  inline-block; }
.ui-dialog { padding: 0;}
.ui-widget-content { border: 1px solid #31a4ff; }
.ui-dialog .ui-widget-header { border: 0; border-bottom: 2px solid #147aa1; box-shadow: rgba(0,0,0,0.3) 0px 4px 4px -1px; }
.ui-dialog .ui-dialog-buttonpane { border: 0; }
.ui-dialog-buttonset .ui-state-default, .ui-dialog-buttonset .ui-widget-content .ui-state-default, .ui-dialog-buttonset .ui-widget-header .ui-state-default { font-weight: normal; color: #147aa1;}
.ui-button-text-only .ui-button-text { padding: 5px 17px 4px 17px; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { background: #ffffff;}
label { padding-right: 5px; }


/* AUTOCOMPLETE */

    #home_searchlogo { position: absolute; top: 68px; text-align: center; z-index: 30; width: 470px; left: 50%; margin-left: -233px; }
    #home_searchlogo p{color:#ffffff;text-transform:uppercase;margin-top:30px;text-shadow:1px 1px 3px #000; font-size: 15px;font-weight: bold; }
    #home_searchbox{position:absolute;top:130px;text-align:center;z-index:30;width:540px;left:50%;margin-left:-270px;}
    #search_widget{margin:0 auto;background:rgba(0, 0, 0,0.6);padding:8px;display:inline-block;webkit-border-radius:3px;moz-border-radius:3px;border-radius:3px;}
    #header #search_widget { background: none; padding: 4px 8px;}
    #search_widget span.field_container.focus{border:1px solid #F2950B;}
    #search_widget span.field_container{display:inline-block;float:left;webkit-border-radius:3px;moz-border-radius:3px;border-radius:3px;padding:0 6px;border:1px solid #31a4ff;background:#ffffff;position:relative;}
    #search_widget .twitter-typeahead .tt-hint{color:#999999;}
    #search_widget span.field_container input.search_input, #search_widget .twitter-typeahead .tt-hint{border:0;padding:0;margin:0;width:285px;height:30px;font-size: 14px;}
    #header #search_widget span.field_container input.search_input, #header #search_widget .twitter-typeahead .tt-hint { height: 25px; width:425px;}
    :focus{outline:0;}
    select, option, input, textarea{color:#565656;margin:0;}
    #search_widget .tt-dropdown-menu{width:285px;overflow:auto;background:#ffffff;moz-box-shadow:0 12px 12px rgba(0, 0, 0, .5);webkit-box-shadow:0 12px 12px rgba(0, 0, 0, .5);box-shadow:0 12px 12px rgba(0, 0, 0, .5);}
    #search_widget .ajax_spinner{right:8px;top:6px;}
    .ajax_spinner{display:none;position:absolute;}
    #search_widget button:disabled{background-color:#147aa1;color:#eeeeee;cursor:initial;}
    #header #search_widget button:disabled{ background-color:#31a4ff; } 
    #search_widget button{margin:0 0 0 8px;padding:7px 14px;display:table;float:left;font-size:14px;cursor:pointer;}input[type=submit][disabled], input[type=button][disabled], button[disabled]{background-color:#bbb;border-color:#999;}
    #header #search_widget button { padding:5px 14px; }
    .button{border:0;background:#31a4ff;padding:4px 12px;webkit-border-radius:3px;moz-border-radius:3px;border-radius:3px;webkit-box-shadow:rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;moz-box-shadow:rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;box-shadow:rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;color:#ffffff;font-size:14px;text-decoration:none;vertical-align:middle;}
    #search_widget button span, #search_widget button i.icon{display:inline-block;vertical-align:middle;text-transform:uppercase;font-size:14px;}
    #search_widget button i{width:14px;height:14px;background:transparent url("/static/gfx/search_icon.png") no-repeat;}
    #search_widget button:disabled{color:#eeeeee;}
    #search_widget fieldset.calendars{display:none;margin:10px 0 0 0;float:left;clear:both;text-align:left;}
    #search_widget span.field_container.focus{border:1px solid #F2950B;}
    #search_widget .twitter-typeahead .tt-hint{color:#999999;}
    .ajax_spinner{display:none;position:absolute;}
    #search_widget .ajax_spinner{right:8px;top:6px;}
    #search_widget .tt-dropdown-menu{width:285px;overflow:auto;background:#ffffff;moz-box-shadow:0 12px 12px rgba(0, 0, 0, .5);webkit-box-shadow:0 12px 12px rgba(0, 0, 0, .5);box-shadow:0 12px 12px rgba(0, 0, 0, .5);}
    #search_widget .tt-dropdown-menu{width:330px;}
    #search_widget .tt-suggestion{text-align:left;border-top:1px solid #cccccc;border-bottom:1px solid #eeeeee;padding:12px;font-size:14px;}
    #search_widget .tt-suggestion:first-child{border-top:0;}
    #search_widget .tt-suggestion:last-child{border-bottom:0;}
    #search_widget .tt-suggestion .result-name{color:#333333;}
    #search_widget .tt-suggestion .result-location{}
    #search_widget .tt-suggestion .result-type{color:#ABABAB;font-style:italic;}
    #search_widget .tt-suggestion.tt-is-under-cursor{background:#f4f4f4;}
    #search_widget .tt-suggestion strong{color:#000000;}
    #search_widget .button { width: 100px; }
    
    
    /* FONT AWESOME */
    @font-face{
  font-family:'FontAwesome';
  src:url('/static/font/fontawesome-webfont.eot');
  src:url('/static/font/fontawesome-webfont.eot') format('embedded-opentype'),
  url('/static/font/fontawesome-webfont.woff') format('woff'),
  url('/static/font/fontawesome-webfont.ttf') format('truetype');
  font-weight:normal;
  font-style:normal }
[class^="icon-"]:before, [class*=" icon-"]:before { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; }
a [class^="icon-"], a [class*=" icon-"] { display: inline-block; text-decoration: inherit; }
.icon-large:before { vertical-align: top; font-size: 1.3333333333333333em; }
.icon-nine:before { vertical-align: top; font-size: 9px; margin-right: 1px; }
.icon-xlarge:before { vertical-align: top; font-size: 22px; }
.icon-white:before { color: #ffffff; vertical-align: top; font-size: 30px; }
.btn [class^="icon-"], .btn [class*=" icon-"] { line-height: .9em; }
.icon-film:before { content: "\f008"; }
.icon-camera:before { content: "\f030"; }
.icon-zoom-in:before  { content: "\f00e"; }
.icon-play:before  { content: "\f04b"; }
.icon-arrow-left:before { content: "\f060"; }
.icon-arrow-right:before { content: "\f061"; }
.icon-star:before { content: "\f005"; font-size: 11px; margin-left: 2px; color: #ca1111; }
.icon-map-marker:before { content: "\f041"; font-size: 18px; margin-left: 10px; margin-right: 5px; color: #ca1111; }
.icon-info-sign:before { content: "\f05a"; font-size: 16px; color: #ca1111;}
.icon-list:before { content: "\f03a"; font-size: 15px; color: #ca1111;}
.icon-map-marker2:before { content: "\f041"; font-size: 18px; color: #ca1111;}
.icon-calendar:before {content:"\f073";font-size: 14px; color: #ca1111;}
.icon-user:before{content:"\f007"; font-size: 17px; }
.icon-star-small:before { content: "\f005"; font-size: 9px; margin-left: 2px; color: #ca1111; }
.icon-pinterest:before{content:"\f0d2"}
.icon-google-plus:before{content:"\f0d5"}
.icon-twitter:before{content:"\f099"}
.icon-facebook:before{content:"\f09a"}
.icon-search:before{content:"\f002"}

/* 04/02/2014 update business/restaurants/news */
#topright { float: left; width: 326px; max-width: 326px; overflow: hidden; }        
.news-showcase { background: #f7f5f5; float: left; width: 315px; height: 618px; margin-top: 10px; border: 4px solid #ffffff; overflow: hidden; }
.news-showcase:hover { border: 4px solid #31a4ff; }
.news-showcase-item { height:120px; max-height: 120px; overflow: hidden; margin: 19px 0; }
.news-showcase a.news { clear: both; display: block; padding: 2px; border-top: 1px solid #31a4ff; font-size: 13px; }
.news-showcase a.news .title { display: block; height: 17px; max-height: 17px; overflow: hidden; }
.homenewsimg {width: 120px; height: 90px; background-repeat: no-repeat; background-position: center 20%; float: left; margin: 10px 10px 0 0; }
.homenewstxt { margin: 6px 5px 0 0 ; height: 68px; overflow: hidden; max-height: 68px; font-size: 12px; }
.homenewsreadmore { float: left; font-size: 12px; text-align: right; margin-top: 7px; display: block; width: 177px; }    
.news-showcase-title { border-bottom: 0; margin-bottom: -20px;}    
.search_input { border: 0 !important; padding: 0 !important;}

#navbar li { padding: 15px 11px 25px 11px; }
li#social { padding: 17px 11px 22px 11px; }
li#search { padding: 15px 15px 25px 15px; }
li#social { width: 90px;max-width: 90px; }

.separator { border-right: 1px solid white; }
a.subnavnews { font-weight: normal; }
.subnavnewsimg { width: 160px; height: 60px; background-repeat: no-repeat; background-position: 50% 30%; float: left; clear: both; margin: 0 10px 0 0; }
.contentnavphotos a { height: 100px; max-height: 100px; overflow: hidden; }
li#business { max-width: 74px; width: 74px; }
li#news { max-width: 45px; width: 45px; }

@media (max-width : 767px) {
    /* homepage & generic */
    html, body, #header, #header2, #footer, #footer2, #footer2content, .footermore { 
        max-width: 745px !important; min-width: 310px !important; width: 100% !important; float: none !important; clear: both !important;
    }    
    #container1200, #contentcontainer, #fullwidthcontent, #splitcontent, #maincontent, .moretopics, .moretopics980 {
        max-width: 740px !important; min-width: 310px !important; width: 100% !important; float: none !important; clear: both !important;
    }
    #topshowcases, #showcases, .moretopics, .moretopics980  { 
        max-width: 730px !important; min-width: 310px !important; width: 100% !important; margin: 0 auto !important; float: none !important; 
        clear: both !important;
    }    
    .news-showcase, .topshowcase3, .showcase3, #topright, .topshowcasetitle, .toptagline, .showcasetitle, .hotelstarrating, .hoteloverallrating, .hotellowrate { 
        max-width: 90% !important; min-width: 310px !important; width: 100% !important; margin: 0 auto !important; float: none !important; 
        clear: both !important; height: auto !important;
    }            
    #topright{ max-width: 100% !important;}
    .homeheading { max-width: 90% !important; margin: 0 auto; }
    body { background: #ffffff !important; }
    .footermore { padding-left: 0px !important;}    
    .hometitle h1 { padding-left: 5px !important; }    
    .hometitle { margin-right: 0 !important; }
    #container1200 { border: 0 !important; }          
    #navbar, #wrapper, .homecontent, .socialbar, #footersocial, #destinationsfooter { display: none !important; }    
    #bc, #leftcolumn, .pi-pin-page { display: none !important; } 
    #logo img { width: 168px; height: 26px; }
    #header, #header2 { height: 40px; }
    #maincontent { padding-top: 2px; }
    #contentcontainer { margin-top: 40px; }
    
    /* hotels */
    #hotelheaderleft, #hotelheaderright { 
        max-width: 95% !important; min-width: 310px !important; width: 100% !important; float: none !important; clear: both !important; margin: 0 auto !important;
    }    
    #hotelheader { height: auto !important; }
    #hotelheaderright { text-align: left !important; margin-top: 0 !important; height: auto !important; }
    .bookbuttonnophotos, .bookbuttonbigphotos, .bookbutton, .seehotelsbutton { clear: both !important; float: none !important; margin: 5px 0 5px 3px !important; }
    .hotellowrate, .hoteloverallrating { text-align: center; }
    #recommendedhotel, #userrating, .question { display: none !important; }    
    #hoteladdress { max-width: 60% !important;  }
    #hotellocation { padding-top: 9px !important; }   
    .pikachoose { margin: 0 !important; max-width: 100% !important; height: auto !important; }
    .pikachoose { display: none; }    
    #hotelsearchbox { max-width: 99% !important; overflow: hidden !important; }
    #hotelsearchbox .left-cell { clear: both; margin: 5px 5px 5px 0; width: 70px; }
    #hotelsearchbox .see-availability { clear: both; margin-left: 102px; }
    #rightcolumn, .hotelfacilitiescontent {
        max-width: 98% !important; min-width: 310px !important; width: 98% !important; margin: 0 auto !important; float: none !important; 
        clear: both !important; height: auto !important;
    }                 
    .socialbottom { max-width: 98% !important; min-width: 310px !important; width: 98% !important; margin: 0 auto !important; }
    .fb-like-page { display: none; }
    #map1 { max-width: 99% !important; max-height: 200px; }   
    
    /* destinations */
    #thumbs { display: none !important; }
    div.slideshow img { max-width: 300px !important; }
    div.content, div.slideshow-container, div.slideshow a.advance-link { max-width: 315px !important; max-height: 200px !important;}
    #hotelphotos { max-height: 230px !important; }
    div.slideshow a.advance-link { line-height:0 !important; }
    
    /* villages */
    .villagephoto-thumb-bg { margin: 0px 1px 1px 0 !important; width: 132px !important; height: 132px !important; }
    .seehotelsbutton { display: none; }

    /* business */
    .villageinfo table { width: 100% !important; }

    /* photos */
    .photos { max-width: 100% !important; }
    .full-img { max-width: 100% !important; max-height: 430px !important; }
    .photos-ad { display: none !important;}    
    .photos .full-img img { max-width: 99% !important; max-height: 400px !important; }
    .photos .img-thumb {display: none !important; }
    .text-next { margin-right: 10px; }
    .text-previous { margin-left: 5px; }    
    .photo-thumb-bg, .photo-thumb { width: 130px !important; height: 130px !important; }
    .seeall, .seealso, .seealso-left20 { max-width: 98% !important; }
    
    
    
}