/* WYSIWYG TEXT STYLES
--------------------------------------------------------- */
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; margin: 0 auto; }
.justify { text-align: justify; }
.smaller-padding { padding-bottom: 5px; }

img.left { margin: 0 18px 10px 0 !important; }
img.right { margin: 0 0 10px 18px !important; }
img.noborder { background: transparent !important; border: 0 !important; }
img.wholewidth { margin: 0 18px 10px 0 !important; }

img.square40 { width: 40px; height: 40px; }
img.square60 { width: 60px; height: 60px; }
img.square100 { width: 100px; height: 100px; }

p.left { margin-right: 10px; }
p.right { margin-left: 10px; } 

.big { font-size: 1.25em; line-height: 1.3; }
.small { font-size: 0.9em; line-height: 1.5; }
.grey  { color: grey; }
.white  { color: #fff; }
.blue { color: #009AD9; }		.button.blue { color: white !important; }
.darkblue { color: #0D84B0; }	.button.darkblue { color: white !important; }
.green { color: #6AAC0B; } 		.button.green { color: white !important; }
.red { color: #B64213; } 		.button.red { color: white !important; }
.black { color: #111; }			.button.black { color: white !important; } 
.yellow { color: #F5FF00; }

.p97 { float: left; width: 97%; }
.p90 { float: left; width: 90%; }
.p80 { float: left; width: 77%; padding: 0 3% 0 0; }
.p75 { float: left; width: 72%; padding: 0 3% 0 0; }
.p70 { float: left; width: 67%; padding: 0 3% 0 0; }
.p66 { float: left; width: 63%; padding: 0 3.2% 0 0; }
.p60 { float: left; width: 57%; padding: 0 3% 0 0; }
.p50 { float: left; width: 47%; padding: 0 3% 0 0; }
.p40 { float: left; width: 37%; padding: 0 3% 0 0; }
.p33 { float: left; width: 30%; padding: 0 3.2% 0 0; }
.p30 { float: left; width: 27%; padding: 0 3% 0 0; }
.p25 { float: left; width: 22%; padding: 0 3% 0 0; }
.p20 { float: left; width: 17%; padding: 0 3% 0 0; }
.p10 { float: left; width: 7%; padding: 0 3% 0 0; }

.placebox { clear: both; height: auto; width: 100%; overflow: hidden; position: relative; margin: 0 0 13px 0; padding-bottom: 10px; background: #ebf6fc; border: 1px solid #cfe5f7; /*border-radius: 8px;*/ }
.placebox img { float: right; margin: 0px 6px 6px 20px !important; position: absolute; bottom: 0; right: 0px; /*border-radius: 5px;*/ max-width: 150px; }
.placebox h2, .placebox h3 { font-weight: bold; margin: 15px 0 12px 15px; padding-right: 170px; color: #1c457d; }
.placebox p { padding: 0 170px 8px 15px; }
.placebox .description p.small { font-size: 0.95em; }
.placebox.ad { background: #deffcf; border-color: #bdea75; }

.bigbox { clear: both; height: auto; width: 100%; overflow: hidden; position: relative; margin: -18px 0 35px 0; padding-bottom: 10px; border-bottom: 1px solid #CCCCFF; }
.bigbox img { float: right; position: absolute; /*bottom: 20px;*/ right: 6px; /*border-radius: 5px;*/ max-width: 150px !important; height: auto; margin-left: 0 !important;  }
.bigbox h2, .bigbox h3 { font-weight: bold; margin: 0 0 5px 0; padding-right: 170px; /*color: #1c457d;*/ }
.bigbox p { padding: 0 175px 8px 0; }
.bigbox .description p.small { font-size: 0.95em; }
.bigbox.ad { background: #deffcf; border: 1px solid #bdea75 !important; padding: 15px 0 5px 3%; width: 96%; }
.about .bigbox.ad a[target="_blank"] { background: none; padding: 0; }
.bigbox.half { clear: none; width: 47.5%; margin-right: 2%; float: left; }
.bigbox.half h3 { font-size: 1.2em; }
.bigbox.half h3, .bigbox.half h2, .bigbox.half p { padding-right: 0; }
.bigbox:last-of-type { margin-bottom: 0; border-bottom: 0; }

.hotelbox { width: 100%; height: auto; float: left; clear: both; border-bottom: 1px solid #CCCCFF; padding: 0 0 10px 0; margin: 8px 0 12px 0; }
.hotelbox .description { width: 75%; margin-top: -3px; } 
.hotelbox .image { float: left; width: 24%; margin: 0 0 12px 0; position: relative; }
.hotelbox .image img { width: 85%; height: auto; /*border-radius: 4px;*/ margin: 0 !important;  }
.hotelbox h3, .hotelbox .description h3 { font-size: 1.1em; }
.hotelbox p, .hotelbox .description p { font-size: 1.0em; padding-bottom: 8px; }
.hotelbox .description p.small { font-size: 0.95em; }
.hotelbox table { margin: 0 15px 12px 0; width: 50%; }
.hotelbox table td { padding: 5px 8px 5px 0; border-bottom: 1px solid #CCCCFF; }
.hotelbox table.room-table { width: 100%; margin: 0 0 15px 0; }
.RoomTableValueStrike { text-decoration: line-through; color: #B64213; font-size: 1.1em; }
.RoomTableLabel, .room-name { color: #3F517C; font-weight: bold; } 
.RoomPrice, .room-price { font-size: 1.4em; font-weight: bold; } 
.room-price { text-align: right; } 
.RoomTableBook { border-bottom: 0 !important; position: absolute; right: 0; }
.hotelbox p.book-button { float: right; padding: 12px 0 18px 0; font-size: 1.2em; } 
.hotelbox p.book-button.padded { margin: -40px 10px 0 0; } 
.hotelbox p.more-details { padding: 10px 0 15px 0; font-size: 1.1em; }
.hotelbox:after { content: ""; clear: both; display: block; } 

.infobox { clear: both; height: auto; background: #deffcf; border: 1px solid #bdea75; padding: 15px 15px 0px 15px; margin: 0 0 15px 0; /*border-radius: 8px;*/ }

.disclaimer { clear: both; height: auto; background: #99CC66; border: 1px solid gray; padding: 12px 15px 0px 15px; margin: 0 0 15px 0; /*border-radius: 8px;*/ }
.disclaimer p { padding-bottom: 13px; }