/* reset
------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before,
blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* general
------------------------------------------------------------------*/
body { background: #faf9f8; font: 11px/16px Verdana, Arial, sans-serif; color: #483f3f; }
h1 { margin: 11px 0 17px; font: normal 22px/26px "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; color: #953a2b; letter-spacing: 0.01em; }
ul, ol { margin: 0 0 14px 16px; }
p, form { margin: 0 0 14px 0; }
a { color: #483f3f; }
a:hover { color: #483f3f; }
input, textarea, select { font-size: 11px; font-family: Verdana, Arial, sans-serif; color: #483f3f; }
strong { font-weight: bold; }
em { font-style: italic; }
small { font-size: 10px; }

sup,
sub { vertical-align: 0; position: relative; }
sup { bottom: 4px; font-size: 8px; }
sub { top: 4px; font-size: 8px; }

.img_left { float: left; margin: 0 10px 10px 0; }
.img_right { float: right; margin: 0 0 10px 10px; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */

/* page structure
------------------------------------------------------------------*/
#mainWrapper { width: 100%; padding-top: 30px; background: url(/images/bg_wrapper.png) repeat-x; }
#wrapper { position: relative; width: 961px; margin: 0 auto; border-right: 2px solid #fff; background: #f4f2ec; }
#contentWrapper { float: left; width: 779px; background: #fff; }
#header { width: 779px; height: 161px; padding-top: 15px; background: #F4F2EC; }
#sidebar { float: right; width: 182px; padding-top: 38px; }
#navigation { float: left; width: 180px; padding: 3px 0 30px 3px; }
#content { position: relative; float: left; width: 570px; padding: 10px 13px 20px; }
#footerWrapper { clear: both; background: #483f3f; }
#footer { width: 963px; height: 44px; margin: 0 auto; }

/* header
------------------------------------------------------------------*/
#logo { float: left; width: 183px; }
#sfeer { float: left; }
#languages { position: absolute; top: -25px; right: 0; margin: 0; }
#languages li { display: inline; margin-left: 5px; color: #fff; text-transform: uppercase; }
#languages a { text-transform: uppercase; color: #fff; }

/* navigation
------------------------------------------------------------------*/
#navigation ul { margin: 0; background: #f6f4ef; }
#navigation li { width: 180px; margin-bottom: 8px; }
#navigation li li { margin-bottom: 0; border-bottom: 1px solid #b5ac9b; }
#navigation li.last { border: 0; }
#navigation a { display: block; width: 161px; padding: 0 0 0 19px; background: #b5ac9b; text-decoration: none; font: 13px/18px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; color: #fff; }
#navigation a:hover,
#navigation li.active a { background: #953a2b; }
#navigation li.active li a { width: 169px; padding-left: 11px; background: transparent; color: #897979; font: 12px/20px Verdana, Arial, sans-serif; }
#navigation li.active li.active a,
#navigation li.active li a:hover { background: transparent; color: #483f3f; }
#navigation li.active li ul { border-top: 1px solid #b5ac9b; background: #fff; }
#navigation li.active li li { border: 0; }
#navigation li.active li.active li a { width: 150px; padding-left: 30px; background: url(/images/bg_nav_item.png) no-repeat 20px 11px; }
#navigation li.active li.active li.active a,
#navigation li.active li.active li a:hover { background: url(/images/bg_nav_item_active.png) no-repeat 20px 11px; color: #953a2b; }

#navigation #onlineReservation { margin-bottom: 25px; }
#onlineReservation a { background: #483f3f; }

#navigation #legalNav { margin: 20px 0; background: transparent; }
#legalNav li { margin-bottom: 0; }
#legalNav a { display: inline; padding-left: 11px; background: transparent; font-size: 12px; color: #483f3f; }
#legalNav a:hover { background: transparent; }

#sendToFriend { position: absolute; left: 0; bottom: 0; }
#sendToFriend a { display: inline; width: auto; margin: 0; padding: 0 0 0 3px; background: transparent; font: 11px/18px Verdana, Arial, sans-serif; color: #483f3f; text-decoration: underline; }
#sendToFriend a:hover { background: transparent; }

/* sidebar
------------------------------------------------------------------*/
#searchForm { padding: 0 0 20px 27px; }
#searchForm label { display: block; margin: 10px 0; font-size: 14px; }
#searchForm input { float: left; }
#searchWord { float: left; width: 103px; height: 20px; padding: 1px 0; border: 1px solid #c9c5c1; }

.infoBlock { width: 182px; margin: 0 0 15px; background: url(/images/bg_infoblock.png) no-repeat; }
.infoBlock h2 { position: relative; width: 125px; margin-left: 27px; font-weight: normal; }
.infoBlock h2 a { font-size: 14px; color: #49403f; }
.infoBlock h2 span { position: absolute; top: -3px; right: 0; z-index: 5; display: block; width: 22px; height: 22px; background: url(/images/bg_infoblock_counter.png) no-repeat; color: #fff; font-size: 10px; line-height: 22px; text-align: center; }
.infoBlock .prev,
.infoBlock .next { float: left; width: 4px; height: 7px; margin: 56px 12px; cursor: pointer; }
.infoBlock .next { clear: right; }
.infoBlock .disabled { visibility: hidden; }
.scrollable { position: relative; float: left; overflow: hidden; width: 120px; height: 123px; margin: 9px 2px 0; }
.thumbs { position: absolute; clear: both; width: 20000em; }
.thumbs div { float: left; width: 120px; height: 114px; cursor: pointer; } 
.thumbs a { text-decoration: none; height:120px; display: block; position: relative; }
.thumbs a img { width: 120px; }
.thumbs span { display: block; padding: 0 5px; font-size: 11px; font-weight: normal; line-height: 13px; color: #aaa; position: absolute; bottom: 1px; left: 3px; }

/* content
------------------------------------------------------------------*/
#path { padding-right: 60px; color: #31110b; }
#path a { color: #483f3f; }

#extraInfo { height: 23px; margin-left: 0; padding-right: 5px; background: #ebe9e4; }
#extraInfo li { float: right; height: 23px; }
#extraInfo a { margin-left: 15px; padding-left: 10px; background: url(/images/bg_extralink.png) no-repeat 0 50%; line-height: 23px; text-align: right; text-decoration: none; }
#extraInfo a:hover { color: #953a2b; }

#hotelMenu { margin-left: 0; padding-left: 18px; background: #ebe9e4; }
#hotelMenu li { float: left; height: 23px; padding-right: 20px; }
#hotelMenu a { line-height: 23px; }

#subMenu { margin: 0; }
#subMenu li { float: left; margin: 0 5px 5px 0; }
#subMenu .last { margin-right: 0; }
#subMenu a { float: left; display: block; width: 174px; padding: 5px; background: #B5AC9B; color: #FAF9F8; text-decoration: none; font-size: 12px; }
#subMenu a:hover { background: #953a2b; }

#detailMenu { margin: 0 0 16px; }
#detailMenu li { float: left; margin: 0 15px 5px 0; }
#detailMenu .last { float: right; margin-right: 0; }
#detailMenu a { float: left; display: block; width: 269px; height: 68px; padding: 2px; border: 1px solid #d4d2d2; text-decoration: none; cursor: pointer; }
#detailMenu a:hover { background: #f4f2ec; color: #953a2b; }
#detailMenu .menuImage { float: right; overflow: hidden; width: 95px; height: 68px; padding: 0; }
#detailMenu span { float: left; width: 155px; padding: 0 0 0 14px; line-height: 14px; }
#detailMenu .location { padding: 4px 0 4px 14px; font-size: 14px; line-height: 15px; }

#reservationSwitcher { position: relative; width: 569px; height: 309px; margin: 0 0 16px; }
#reservationSwitcher li { position: absolute; top: 0; width: 189px; height: 309px; background: #953a2b; }
#reservationSwitcher .pos1 { left: 0; }
#reservationSwitcher .pos2 { left: 190px; }
#reservationSwitcher .pos3 { left: 380px; }
#reservationSwitcher a { text-decoration: none; color: #fff; }
#reservationSwitcher .reservationTitle { margin: 0; padding: 2px 13px 5px; font: normal 18px/20px "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; color: #fff; }
#reservationSwitcher .reservationText { padding: 5px 13px; color: #dad5ca; font-size: 11px; }
#reservationSwitcher .reservationLink { position: absolute; left: 13px; bottom: 15px; text-decoration: underline; font-size: 12px; font-weight: bold; }
#reservationSwitcher .dissabled { display: none; }

.blockText { margin-bottom: 16px; }
.blockText ul { list-style: disc; }
.blockText ol { margin: 0 0 14px 20px; list-style: decimal; }
#mapPicture { text-align: center; }
#promos ul { list-style: none; }

#hotelTitle { margin-bottom: 7px; }
#hotelIcons { margin-bottom: 10px; }

#downloads { float: left; width: 165px; height: 104px; padding: 12px 5px 0 110px; background: url(/images/bg_downloads.jpg) no-repeat; }
#cruiseShip #downloads { background: url(/images/bg_downloads_cruises.jpg) no-repeat; }
#photoalbum { float: right; width: 110px; height: 104px; padding: 12px 5px 0 165px; background: url(/images/bg_photoalbum.jpg) no-repeat; }
#cruiseShip #photoalbum { background: url(/images/bg_photoalbum_cruises.jpg) no-repeat; }
#downloads .title,
#photoalbum .title { font-size: 15px; line-height: 26px; font-weight: bold; }
#downloads a,
#photoalbum a { font-weight: bold; }
#photoalbum .pict { display: none; }
#downloads p { margin-bottom: 0; }
#downloads span { font-size: 10px; }

.backLink { position: absolute; top: 10px; right: 13px; padding-left: 10px; background: url(/images/bg_backlink.png) no-repeat 0 50%; font-size: 10px; text-decoration: none; }
 
#content h2 { margin: 0 0 11px; padding-left: 24px; border: 1px solid #e1e0dc; border-width: 1px 0; line-height: 25px; background: url(/images/bg_h2.png) no-repeat 0 11px; }

.blockText table { width: 570px !important; margin-bottom: 10px; border-color: #c8c7c2 !important; background: #eae9e4; }
.blockText th,
.blockText td { padding: 3px !important; border: 1px solid #c8c7c2; }
.blockText th,
.blockText td strong { color: #953A2B; font-weight: normal; }
.blockText td p { margin-bottom: 0; }

#promo { margin-bottom: 10px; padding: 10px; background: #ebe9e4; }
#promo h2 { margin: 0; padding: 0; border: 0; background: transparent; font-size: 14px; }
#hotelPhotos { margin-bottom: 14px; }
#hotelPhotos a { margin: 0 15px 0 0; position: relative; }
#hotelPhotos a img.zoom { position: absolute; bottom:3px; right: 0px; margin: 0; }
.tripDays { margin-bottom: 14px; }
.tripPict { float: right; margin: 0 0 14px 10px; }
.day { float: left; width: 400px; }
#shipLogo { margin-bottom: 14px; text-align: center; }
#shipPics { margin-bottom: 14px; }

#promos { width: 570px; } /* needed for IE6 */

legend { /*display: none;*/ padding-bottom: 10px; font-weight: bold; }
fieldset { margin-bottom: 20px; }
fieldset div { clear: both; padding-bottom: 5px; }
fieldset label { float: left; width: 180px; }
fieldset input,
fieldset textarea { width: 350px; }
fieldset p { margin-bottom: 5px; }
fieldset .check { float: left; clear: none; }
.check div { clear: both; margin-left: 180px; padding-bottom: 0; }
.check div label { float: none; width: auto; }
.check input { width: auto; }
.extralevel div { clear: both; margin-left: 180px; }
.extralevel label { float: none; width: auto; }
#submitButton { margin-left: 180px; }
#sendform label { float: none; width: auto; }
#sendform #submitButton { margin-left: 0; }
.formblock { padding: 15px 0; border-bottom: 1px solid #d4d2d2; }
fieldset .smallInput { width: 48px; }
fieldset .dateInput { width: 30px; }
.nofloat label { float: none; width: auto; }

#searchResults { margin-left: 0; }
#searchResults li { margin-bottom: 10px; }
.searchPath { font-size: 10px; }

/* footer
------------------------------------------------------------------*/
#footer p { margin: 0; line-height: 44px; color: #fbfcf6; font-size: 10px; }
#footer a { text-decoration: none; color: #fbfcf6; }
#lic { float: left; width: 183px; }
#adagioAddress { float: left; width: 598px; }
#duoLink { float: left; width: 182px; text-align: right; }

/* hp
------------------------------------------------------------------*/
#hp { padding-top: 30px; background: #FAF9F8 url(/images/bg_wrapper.png) repeat-x; }
#hp #wrapper { width: 980px; height: 552px; margin: 0 auto; border: 0; background: url(/images/bg_hp_wrapper.gif) repeat-x; }
#hp #logo { float: none; width: auto; }
#hp ul#slideshow { margin: 26px 0 26px 20px; }
#hp ul#slideshow li { position: relative; float: left; width: 100px; height: 88px; margin-right: 19px; }
#hp ul#slideshow li img { position: absolute; top: 0; left: 0; }
#hp #slagzin { width: 592px; height: 112px; margin: 0 0 0 20px; background: url(/images/img_hp_slagzin.png) no-repeat; text-indent: -9999px; }
#hpLanguages { height: 58px; margin: 22px 0 23px 733px; }
#hpLanguages li a { display: block; width: 128px; height: 29px; text-indent: -9999px; }
#hpLanguages #langNl { background: url(/images/bg_hp_languages.gif) no-repeat; }
#hpLanguages #langFr { background: url(/images/bg_hp_languages.gif) no-repeat 0 -29px; }
#hpLanguages #langNl:hover { background: url(/images/bg_hp_languages_ho.gif) no-repeat; }
#hpLanguages #langFr:hover { background: url(/images/bg_hp_languages_ho.gif) no-repeat 0 -29px; }
#hpFooter { height: 42px; }
#hpFooter p { margin: 0 0 0 23px; color: #fbfcf6; font-size: 10px; line-height: 42px; }
#hpFooter a { text-decoration: none; color: #fbfcf6; }
#hpFooter #duoLink { float: right; width: 100px; margin-right: 23px; }

/* CMS Preview
------------------------------------------------------------------*/
#CMSpreviewBar { margin-bottom: 10px; padding: 3px; background-color: red; color: #fff; }
#CMSpreviewBar a { color: #fff; }