/* Colour palette dark blue: #294150; red: #c23339; */ /* ------------------------------------------------------------------------ CSS IMPORT ------------------------------------------------------------------------- */ @import url('buttons.css'); /*@import url('titles.css');*//* I dont think it is used anymore 2010-02-18 CN*/ /*@import url('tabs.css');*//* I dont think it is used anymore 2010-02-18 CN*/ @import url('searchbox.css'); /* ------------------------------------------------------------------------ Redefinition ------------------------------------------------------------------------- */ * { margin: 0; padding: 0; /*border: 0; */} img, fieldset{border:0} body {margin:auto; font: 12px Tahoma, Arial, Sans-Serif; line-height:16px; background: #fff; color: #294150; } select {width: 80px; border: 1px #9aabb7 solid; color: #294150; padding: 0 0 0 4px; font-size:12px;} h2{color:#21323C; font-size:16px; font-weight:bold; line-height:18px;} h3, h5{font-size:15px; line-height:21px;} h4, h6{font-size:14px; line-height:22px;} h2 a, h3 a, h4 a, h5 a, h6 a{text-decoration:none;} address { font-style: normal; } a, a:visited { text-decoration: underline; color: #5a7f98; } #leftCol a, #leftCol a:visited, #rightCol a, #rightCol a:visited { text-decoration: underline; color: #294150; } #main a, #main a:visited { color: #276490; } a:focus { outline: none; } span.previous, a.previous, a.previous:visited { display: block; padding: 0 0 1px 20px; background: url(/media/images/common/web/backgrounds/bg_flechePhotoLeft.gif) top left no-repeat; } a.previous:hover, a.previous:visited:hover { background: url(/media/images/common/web/backgrounds/bg_flechePhotoLeft_hover.gif) top left no-repeat; } span.next, a.next, a.next:visited { display: block; padding: 0 20px 1px 0; background: url(/media/images/common/web/backgrounds/bg_flechePhotoRight.gif) top right no-repeat; } a.next:hover, a.next:visited:hover { background: url(/media/images/common/web/backgrounds/bg_flechePhotoRight_hover.gif) top right no-repeat; } #leftCol a:hover, #rightCol a:hover { text-decoration: none; } a:hover, a:visited:hover { text-decoration: none; } .jTip {cursor:help; position:relative; margin: 0; } .last {margin-bottom:0; padding-bottom:0;} #content #main strong { color: #3d5a6c; } /*to remove in 2.1*/ .princebunding_promo{clear:both; overflow:hidden; width:100%;} .princebunding_promo h3, .princebunding_promo h6{float:left; width:423px; } .princebunding_promo div{float:left; background:#F2F1F6; border:1px solid #A9A9A9; color:#E01E21; padding:10px; text-align:center; width:150px;} #content #main .princebunding_promo div strong{color:#E01E21;} /**/ .price-promo{clear:both; overflow:hidden; width:100%;} .price-promo h3, .price-promo h6{float:left; width:423px; } .price-promo div{float:left; background:#F2F1F6; border:1px solid #A9A9A9; color:#E01E21; padding:10px; text-align:center; width:150px;} #content #main .price-promo div strong{color:#E01E21;} /* ------------------------------------------------------------------------ General Classes ------------------------------------------------------------------------- */ p{ margin: 0 0 10px 0; } .hide {display: none;} .fLeft { float: left; } .fRight { float: right !important; } .cBoth,.cboth { clear: both; } .cLeft { clear: left; } .cRight { clear: right; } .noMargin { margin: 0; } .noPadding { padding: 0; } .marginTop { margin-top: 10px; } .marginLeft { margin-left: 10px; } .marginLeftBig { margin-left: 20px; } .marginRight { margin-right: 10px; } .marginTopSmall { margin-top: 5px; } .marginBottomSmall { margin-bottom: 5px; } .marginBottom { margin-bottom: 15px; } .marginTopHigh { margin-top: 15px ; } .padding { padding: 10px; } .paddingTop { padding-top: 15px; } .noMarginTop { margin-top: 0; } .noMarginBottom { margin-bottom: 0; } .marginBottomHigh { margin-bottom: 50px; } .marginTop1px { margin-top: 1px; } .noPaddingBottom { padding-bottom: 0; } .noPaddingRight { padding-right: 0; } .noPaddingTop{ padding-top: 0; } .paddingRight { padding-right: 10px; } .paddingRightSmall { padding-right: 5px; } .noBorder { border: 0; } .noBorderRight { border-right: 0; } .noMinHeight { min-height: 0; } .dragUp { position: relative; top: -20px; } .fadedText { color: #21323c;} .contentDetailsText { color: #3d5a6c; } .noBullet { list-style: none; } a.more {color: #276490 ; font-weight: bold; } a.plus, a.minus {background: url(/media/images/common/web/icons/icon_plus.gif) right center no-repeat; color: #276490 ; font-weight: bold; padding-right: 15px;} a.minus { background: url(/media/images/common/web/icons/icon_minus.gif) right center no-repeat; } a.pdf{display: block; padding: 2px 0 2px 20px; background: url(/media/images/common/web/icons/icon_pdf_trans_16x16.gif) center left no-repeat; } a.doc{display: block; padding: 2px 0 2px 20px; background: url(/media/images/common/web/icons/icon_doc_16x16.gif) center left no-repeat;} h5 a.more {font-size: 0.8em; float: right; line-height: 1.8em; text-decoration: underline;} .tabContent h5 { clear:both; background: url(/media/images/common/web/backgrounds/bg_dotline.gif) bottom left repeat-x; padding: 0 0 3px 0; margin: 0 0 16px 0; color:#e01e21; position:relative; display:block; } .tabContent h5 span { font-size: .9em; position: absolute; top: 0; right: 0; } .tabContent h4 {font-size: 1.1em; margin: 0 0 11px 0; } h4.resortListH4 {font-size: 1.1em; margin: 0 0 11px 0;} div.alertInfo {background: #e6e6e6 url(/media/images/common/web/icons/iconInfo.gif) 10px 10px no-repeat; border: 1px solid #dcdcdc; margin: 10px 0 20px; padding: 10px 10px 20px 50px;} #content #main #bookingDetails div.alertInfo p{padding:0 12px;} #content #main #bookingDetails div.alertInfo p.subTitle{margin-left:45px} div.borderBottom { background: url(/media/images/common/web/backgrounds/dottedLine.gif) bottom left repeat-x; padding: 0 0 15px 0; } .selectedFlightborder { border: 2px ridge #6A7D8B; padding: 3px; } .indented { padding-left: 9px;} .estimateMessage {padding: 8px; border: 1px solid #C4CCD6; } #content #main .secureFlightMessage{padding: 12px 0;} .hr {width:100%; float:none; line-height: 1px; font-size: 1px; height: 1px; background:url("/media/images/common/web/backgrounds/dottedLine.gif") repeat-x center center; padding:5px 0; margin:5px 0;} /**secure flight lightbox*/ #content #main .form-generic div#secureFlightInfosHold{display:none; padding:10px; position:relative; top:-100px; left:100px; width:250px; background:#fff; z-index:99999; border:#000 solid 1px} #content #main .form-generic div#secureFlightInfosHold p{padding-bottom:20px;} /* ------------------------------------------------------------------------ MENU ------------------------------------------------------------------------- */ /* LEVEL ONE */ ul#topNavMenu{position: relative; list-style-type: none; z-index:3; height:26px;} ul#topNavMenu li{font-weight: bold; float: left; zoom: 1; background: #fff; border:#fff solid 1px;} ul#topNavMenu a:hover{color: #5A7F98;} ul#topNavMenu a:active{color: #5A7F98;} ul#topNavMenu li a{display: block; padding:2px 4px; font-size:14px; color: #21323C; text-decoration:none;} ul#topNavMenu li.hover, ul#topNavMenu li:hover{/*background: #ebeff2;*/ color:#21323C; position: relative; } ul#topNavMenu li a:hover{color: #5A7F98; } ul#topNavMenu li.hover a{color: #5A7F98; } ul#topNavMenu li.header_menu_divider span{color:#21323C; font-size:12px; font-weight:normal; margin-top:3px; display:block} ul#topNavMenu li.hover{/*border:#afbccf solid 1px;*/} ul#topNavMenu li.header_menu_divider:hover{border:#fff solid 1px; background:#fff} ul#topNavMenu li.hover ul{border:#afbccf solid 1px;} ul#topNavMenu li.hover ul li a{color: #21323c; } ul#topNavMenu li.hover ul li.hover{border:#fff solid 1px; background: #ebeff2;} /* LEVEL TWO */ ul#topNavMenu ul{ width: 120px; visibility: hidden; position: absolute; top: 100%; left: -1px; margin-top:0; list-style-type: none; border:#afbccf solid 1px; background: #fff; padding-bottom:10px; padding-top:10px;} ul#topNavMenu ul li{ font-weight: normal; background: #fff; color: #000; float: none; } /* IE 6 & 7 Needs Inline Block */ ul#topNavMenu ul li a{ font-size:12px; width: 100%; display: inline-block; } #header #topmenu {position: absolute; bottom: 4px; left: 0; background: #5b7f99; width: 100%; height: 25px;} .menuTemplate { position: absolute; top: 100px; } #header #topmenu ul {list-style: none; float: left;} #header #topmenu ul.menu li {display: block; float: left; height: 25px; padding: 0 1px 0 0; background: url(/media/images/common/web/backgrounds/menuSeparator.gif) top right no-repeat;} #header #topmenu ul.menu li.last { background: none; } #header #topmenu ul.menu li a, #header #topmenu ul.menu li a:visited { display: block; text-indent: -10000px; width: 100%; height: 25px; background-position: top center ; } #header #topmenu ul.menu li a:hover, #header #topmenu ul.menu li a:visited:hover { display: block; text-indent: -10000px; width: 100%; height: 25px; background-color: #517188 ; } #header #topmenu ul.menu li.selected a, #header #topmenu ul.menu li.selected a:visited { background-color: #517188 ; background-position: bottom center ; } #header #topmenu div.newsTicker { width: 298px; color: #b1c8d3; float: right; padding: 5px 0 0 0;} body#fr #header #topmenu div.newsTicker { width: 320px; } #header #topmenu div.newsTicker p { float: left; } #header #topmenu div.newsTicker ul {float: left; position: relative; width: 285px; height: 20px; margin: 0 0 0 8px; overflow: hidden; } #header #topmenu div.newsTicker ul li {position: absolute; display: block; width: 285px; height: 15px; overflow: hidden; top: 0; right: -170px; text-align: right;} ul.nameLinks {list-style: none; margin: 0; padding: 0;} ul.nameLinks li {position: relative; background: url(/media/images/common/web/backgrounds/bullet_menuLink.gif) 0 center no-repeat; margin: 0 0 5px; padding: 0 0 0 13px; } ul.nameLinks li a { color: #276490; } /* ------------------------------------------------------------------------ SHELL ------------------------------------------------------------------------- */ #wrap {width: 967px; margin: 0 auto; text-align: left; position:relative; } #header { position: relative; height: 80px; z-index: 1000; } #header a { color: #333e4a; } #header #paranav {font-size: 12px ;} #header #paranav a, #header #paranav a:visited { text-decoration: underline; } #header #paranav a:hover, #header #paranav a:visited:hover { text-decoration: none; } #header #paranav a.selected, #header #paranav a.selected:visited { text-decoration: underline; } #header #paranav a.home {margin: 5px 80px 0 0; text-align: left; color: #21323c;} #header #paranav ul.account {margin-top: 0; list-style: none; color: #21323c; } #header #paranav ul.account li {display: block; float: left; margin: 0 0 0 15px;} #header #paranav ul.account li.separator {padding: 0 13px 0 0; background: url("/media/images/common/web/backgrounds/verticalDottedLine.gif") 100% 3px no-repeat; margin: 0;} #header #paranav ul.notLogged li { padding-bottom: 2px; } #header #paranav ul.notLogged li strong a { text-decoration: none; } #header #paranav ul.notLogged li.separator { padding-top: 1px; background: url("/media/images/common/web/backgrounds/notLoggedVerticalDottedLine.gif") 100% 0 no-repeat;} #header #paranav ul.languages {float: right; list-style: none; margin: 0 20px 0 0; position: relative; z-index: 1000; color:#21323c;} #header #paranav ul.languages li {display: block; float: left; position: relative; margin: 0 15px 0 0; } #header #paranav ul.languages li a, #header #paranav ul.languages li a:visited { color: #21323c; text-decoration: underline; } #header #paranav ul.languages li ul {position: absolute; z-index: 2000; right: 0; top: 17px; padding: 3px 3px 0 3px; border: 1px #51646f solid; background: #e6e8eb; max-height: 400px; overflow:auto; width:150px} #header #paranav ul.languages li ul li { clear: both; margin-bottom: 3px;} #header #paranav ul.languages li ul li a { color: #294150 ; text-decoration: none ; white-space:nowrap; width: auto; } #header #paranav ul.languages li ul li a:hover { text-decoration: underline ; } #header #paranav ul.languages li a.selected {position: relative; top: -2px; display: block; float: left; color: #294150 ; border: 1px #51646f solid; background: #5B8FB6 url(/media/images/common/web/backgrounds/arrowLanguageSelected.gif) 97% 50% no-repeat; padding: 2px 2px;} #header div.number {text-align: right; font-size: 21px; line-height:27px; color: #21323c; font-weight: normal;} #content { background: url(/media/images/common/web/backgrounds/contentBackground.png) top left repeat-y; /*position:relative;*/ } #content #leftCol {background: url(/media/images/common/web/backgrounds/leftColBackground.png) top left no-repeat; width: 190px; float: left; padding:15px 10px; text-align:left; min-height: 193px;} #content #main {z-index: 0; width: 515px; /* column width = 546, total side-padding: 15, width is: 546 - 15 = 531 */ padding: 15px 15px 17px 16px; float: left; } body.twoColumn #content, body.adventure-info-hold #content{ background: #FFF ; padding-top:15px; clear:both;} body.twoColumn #content #leftCol {background: #FFF; padding: 0; width: 316px;} body.twoColumn #content #main {width: 620px; padding-top:0;} body.adventure-info-hold #content #main {width: 967px; padding:0; clear:both;} #content #rightCol {background: url("/media/images/common/web/backgrounds/rightColBackground.png") top left no-repeat; width: 189px; /* column width = 211, total side-padding = 22, width is: 211 - 22 = 189 */ float: left; min-height: 193px; padding: 15px 11px;} #content #leftCol .profile_navigation{border-right:#9aadb5 solid 1px; padding-right:30px; padding-bottom:15px} #content #leftCol .profile_navigation h3{padding-top:15px;padding-bottom:15px;} #content #leftCol .profile_navigation #contentInfo{border-top:1px solid #CBD4DC; font-size:11px; padding-left:10px;} #content #leftCol .profile_navigation #contentInfo h3{font-size:12px} #content #leftCol .profile_navigation #contentInfo p{padding-right:20px;} #content #leftCol .profile_navigation div{padding-bottom:6px;} #content #main div.alternatives {display: block; border: 1px solid #C4CCD6; padding: 10px;} #content #leftCol .search-right label{clear:both; display:block;} #content #leftCol .profile_navigation p{margin:10px 0px;} #content #leftCol .profile_navigation fieldset{padding:0 12px;} /* ------------------------------------------------------------------------ CONTENT ------------------------------------------------------------------------- */ /* ---------------------------- Header ----------------------------- */ #header #logoACV {top: 8px; left: 0; width: 600px; height: 25px; text-indent: -10000px; float: left;} #header #logoACV a{display:block; width:350px; height:25px } body#en #header #logoACV {background: url(/media/images/en/web/logos/acvLogo.gif) top left no-repeat;} body#fr #header #logoACV {background: url(/media/images/fr/web/logos/acvLogo.gif) top left no-repeat;} #header #paranav ul.languages li a.downArrow { padding: 0 13px 0 0; color:#e01e21; background: url(/media/images/common/web/backgrounds/downArrow.gif) 100% 6px no-repeat; border: 0} /* ---------------------------- Title banner ----------------------------- */ #titleBanner { position: relative; background: #294150; height: 198px; border-bottom: 1px solid #8495a3; } #titleBanner h2 {position: relative; top: 30px; left: 10px; z-index: 2; display: block; text-indent: -10000px; height: 50px !important; /*overwrite hardcoded style*/ } #titleBanner img { margin: -50px 0 0 0; } /* ---------------------------- Footer ----------------------------- */ #footer {padding: 15px 0 30px 0; clear:both; margin:auto; text-align:center;} #footer p { margin:15px auto; padding:0; line-height:19px} #footer ul { margin:auto; list-style: none; width:728px; clear:both; display:block; line-height:20px;} #footer ul li {display: inline; margin-left: 3px; font-size:11px;} #footer ul li.last { background: none; padding-right: 0; } #footer ul li a { color: #21323c; text-decoration: none; } #footer ul li.selected a { color: #11578b; font-weight: bold; } #footer ul li span {letter-spacing: 5px; color: #8495A3;} /* ---------------------------- Main column ----------------------------- */ #content #main ul#breadcrumb {list-style: none; padding: 0 0 7px 0; margin: 0 0 7px 0; background: url(/media/images/common/web/backgrounds/dottedLine.gif) bottom left repeat-x; } #content #main ul#breadcrumb li {display: inline; color: #96afb9;} #content #main ul#breadcrumb li a {color: #96afb9; text-decoration: none;} #content #main ul#breadcrumb li.current a {font-weight: bold;} #content #main h2.toReplace{font-size:25px; font-weight:normal; line-height:32px; float:left; margin:10px 0 5px; /*width:550px;*/ width:auto;} #content #main h2.withRating {width: auto; } #content #main h3 { margin: 0 0 15px 0; } #content #main h3.releaseDate { float: left; position: relative; top: -10px; color: #7b8489; font-weight: normal; } #content #main div.utilities {width: 70px; float: right; position:relative; margin: 11px 0 0 0; } #content #main div.utilities a#btnEmail{position:absolute; float:none; margin:0; top:0; left:0;} #content #main div.utilities a#btnPrint{position:absolute; float:none; margin:0; top:0; left:45px;} #content #main img.fLeft { margin: 0 5px 8px 0; } #content #main img.fRight { margin: 0 0 0 5px; } #content #main ul.fLeft { margin: 0 0 0 18px; } #content .paging {float: right; color: #5a7f98;} #content .paging a { text-decoration: none; font-weight: bold; margin: 0 3px 0 0; } #content .paging a strong { color: #294150; } #content .paging ul { list-style: none; } #content .paging ul li {display: block; float: left; border-right: 1px #5a7f98 solid; } #content .paging ul li.next, #content .paging ul li.previous, #content .paging ul li.last { border: 0; } #content .paging ul li.next a, #content .paging ul li.previous a { width: auto; } #content .paging ul li a {display: block; line-height: 10px; padding: 0 2px 0 5px; text-align: center; } #content .dropDown { position: relative; border: 1px #9aabb7 solid; background: url(/media/images/common/web/backgrounds/dropDown_pattern.gif) top left repeat-x; } #content .dropDown a {display: block; width: 100%; color: #294150; line-height: 15px; height: 15px; text-indent: 5px; text-decoration: none; background: url(/media/images/common/web/backgrounds/dropDown_arrow.gif) top right no-repeat;} #content .dropDown ul {list-style: none; display: none; position: absolute; top: 100%; left: -1px; width: 100%; border: 1px #9aabb7 solid; border-top: 0;} #content .dropDown ul li {display: block; width: 100%; height: 15px; border-top: 1px #9aabb7 solid; background: url(/media/images/common/web/backgrounds/dropDown_pattern.gif) top left repeat-x;} #content .dropDown ul li a, #content .dropDown ul li a:visited { background: none; } #content .dropDown ul li a:hover, #content .dropDown ul li a:visited:hover { background: #fff; } #content #main .dotline {clear: both; margin: 10px 17px 5px 17px; background: url(/media/images/common/web/backgrounds/bg_dotline.gif) top left repeat-x;} div.top-five-wrapper, div.promotions-wrapper{ display: block; margin-bottom: 30px; font-size: 1em; } #promotions-hold{overflow:hidden; width:620px; } #promotions-hold h5{color:#276490} #promotions-hold .promo-hold{float:left; overflow:hidden; width:206px; margin:0 auto 20px;} #promotions-hold .promo-hold div.promo-desc{float: left; width:125px; padding-left:8px;} #main .third{float: left;} .top-five-wrapper .third{ width: 150px; margin-right: 30px; } .top-five-wrapper .third.last{ margin-right: 0; } .promotions-wrapper .third{ width: 160px; margin-right: 15px; } .promotions-wrapper .third.last{ margin-right: 0; } #main .third img{ margin-bottom: 9px; height:auto} #main .third h6 {margin:8px 0; font-size:12px; line-height:17px; } #main .third li{margin-bottom: 9px; padding-left: 8px; background: transparent url(/media/images/common/web/backgrounds/bullet.gif) left .5em no-repeat;} #main .third a.complete-list{ margin-left: 8px; } #main .third p{ margin-bottom: 20px; } /* 3.2 Promotions */ #main .half{ display: inline; float: left; width: 253px; margin: 0 8px 15px 0; } #main .half.last{ margin-right: 0; } #main .half h6{ margin-bottom: 6px; font-weight: bold; } #main .half p{ margin-bottom: 20px; } #main a.pdf-icon{vertical-align:middle; display:inline-block;} #main a.doc-icon{vertical-align:middle; display:inline-block;} /* 3.1.1 Top 5 List */ div.resort-wrapper {padding: 15px 0; background: url(/media/images/common/web/backgrounds/bg_dotline.gif) 0 0 repeat-x; border-bottom: 0 solid red;} #content #main .resort-wrapper img.fLeft { margin: 0 11px 0 0; } .resort-wrapper { margin-bottom: 1em; } /* ---------------------------- DESTINATION ----------------------------- */ .destinationsList{} .destinationsList ul{float:left; width:190px; list-style-type:none; margin:5px 0 0; } .destinationsList ul li{padding:5px 0; line-height:18px;} .destinationsList ul ul{float:none; margin:0 0 5px; padding:0 0 0 8px} .destinationsList ul ul li{width:175px; background:url('/media/images/common/web/backgrounds/bullet.gif') no-repeat 0 8px; padding:0 5px 0 8px} #content #main .photoBrowser {float:right; width:150px; } #content #main .btnH2{float:left; margin: 0 0 20px 0;} #content #main .imageBrowser{position:relative; float:left; width:355px; padding: 0 10px 0 0; margin: 0 0 30px 0; } #content #main .imageBrowser a.plusPhoto{position:absolute; top:6px; right:15px; background: url(/media/images/common/web/icons/plusPhotoOff.png) top left no-repeat; width:13px; height:13px; text-decoration: none;} #content #main .imageBrowser a.plusPhoto:hover{background: url(/media/images/common/web/icons/plusPhoto.png) top left no-repeat;} #content #main .imageBrowser div {float:left; width:341px; height:18px; padding:0 7px; background:#d4d9dd; line-height:18px; } #content #main .imageBrowser div a {font-weight:bold; color:#276490;} #content #main .imageBrowser div span img{padding:2px 4px;} #content #main .imageBrowser div span a {margin:2px 4px 0 4px;position:relative;width:13px; height:13px; display:block;line-height:normal;} #content #main .imageBrowser div span a.photoArrowLeft {background: url(/media/images/common/web/backgrounds/bg_flechePhotoLeft.gif) top left ; } #content #main .imageBrowser div span a.photoArrowRight {background: url(/media/images/common/web/backgrounds/bg_flechePhotoRight.gif) top left; } #content #main .imageBrowser div span a.photoArrowRight:hover {background: url(/media/images/common/web/backgrounds/bg_flechePhotoRight_hover.gif) top left; } #content #main .imageBrowser div span a.photoArrowLeft:hover {background: url(/media/images/common/web/backgrounds/bg_flechePhotoLeft_hover.gif) top left; } #content #main div.imageBrowser ul {height:250px; list-style:none; overflow:hidden; position:relative; margin:0; padding:0; width:355px;} #content #main .smallImageBrowser{float: left; position:relative; width:190px; padding: 0 15px 0 0; margin: 0; overflow:hidden; } #content #main .smallImageBrowser div { width:176px; height:18px; padding:0 7px; background:#d4d9dd; line-height:18px; margin: 0; clear:both;} #content #main .smallImageBrowser div a { font-weight:bold; color:#276490; } #content #main .smallImageBrowser div span img{ padding:2px 4px; } #content #main .smallImageBrowser div span a {margin:2px 4px 0 4px; position:relative; width:13px; height:13px; display:block; line-height:normal; } #content #main .smallImageBrowser div span a.photoArrowLeft {background: url(/media/images/common/web/backgrounds/bg_flechePhotoLeft.gif) top left ; } #content #main .smallImageBrowser div span a.photoArrowRight {background: url(/media/images/common/web/backgrounds/bg_flechePhotoRight.gif) top left; } #content #main .smallImageBrowser div span a.photoArrowRight:hover {background: url(/media/images/common/web/backgrounds/bg_flechePhotoRight_hover.gif) top left; } #content #main .smallImageBrowser div span a.photoArrowLeft:hover {background: url(/media/images/common/web/backgrounds/bg_flechePhotoLeft_hover.gif) top left; } #content #main div.smallImageBrowser ul { width: 190px; height: 132px; list-style: none; overflow: hidden; position: relative; display:block; } #content #main div.smallImageBrowser ul li { margin: 0; } #content #main .informationBox {clear:both; background:#e6e6e6 url(/media/images/common/web/icons/informationMark.gif) 11px 7px no-repeat; padding:3px 10px 6px 51px ; margin: 0 0 15px 0; } #content #main .informationBox li.first { padding-left:0; background:none; } #content #main .colLeft {width:272px; position:relative; float:left;} #content #main .colRight {width:220px; position:relative; float:left;} #content #main .hotelDetails{width:611px;} #content #main .hotelDetails .colLeft{width:381px;} /* PHOTOS FULLSCREEN */ #fullscreenPhoto {position:absolute; top: 50%; left: 50%; z-index: 5000; padding: 2px; background: url(/media/images/common/web/backgrounds/overlayContainerBackground.png) top left repeat; display: none; } #fullPhoto { position: relative; } #fullscreenPhoto .fullscreenPhotoInside{border: 2px #54738a solid; background: #f4f7fa url(/media/images/common/web/backgrounds/overlayContentPattern.gif) top left repeat-x; padding: 4px;} #fullscreenPhoto .fullscreenPhotoInside .arrow {margin: 25px 8px 30px 8px; z-index:4000; display:block; position:relative; cursor:pointer;} #fullscreenPhoto .closeWindow {position: absolute; z-index: 20000; top: 12px; right: 12px; height: 13px; width: 13px; } #fullscreenPhoto .fullscreenPhotoInside .fullscreenText {padding:10px 0 0 6px;text-align:left; } #fullscreenPhoto .fullscreenPhotoInside .fullscreenText p {text-align:left; margin-bottom:4px;} #fullscreenPhoto .fullscreenPhotoInside .fullscreenText p small {color:#768a97;} .liFullPhoto { display:none; } /* ---------------------------- Error box ----------------------------- */ #content #main .errorBox {width: 435px; border: 1px #cc3300 solid; padding: 10px 20px 10px 60px; margin: 18px 0 15px 0; background: #d6d6d6 url(/media/images/common/web/icons/iconError.gif) 10px 12px no-repeat; } #content #main .errorBox h5 { color: #cc3300; margin: 0 0 5px 0; } #content #main .errorBox ul { list-style: none; } #content #main .errorBox ul li { color: #294150; background: url(/media/images/common/web/backgrounds/bullet.gif) no-repeat scroll 0 5px; padding: 0 0 0 10px; margin: 0 0 5px 0; } label.error, p.error, .error strong { color: #cc3300; font-weight: bold; } /* ---------------------------- Details Box ----------------------------- */ .detailsBox {position: relative; top: -7px; background: #f4f7fa; padding: 15px 20px; margin: 0 0 18px 0; } .detailsBox ul { list-style: none; float: left; } .detailsBox ul li { margin: 5px 0; } .detailsBox ul li strong { display: block; float: left; width: 110px; margin: 0 20px 0 0; text-align: right;} .detailsBox a.fRight { position: absolute; right: 33px; bottom: 20px; } /* ---------------------------- FORMS ----------------------------- */ select.xsmall { width: 50px; } select.small { width: 90px; } select.medium { width: 100px; } select.large { width: 112px;} select.xlarge { width: 175px; } select.xxlarge { width: 146px; } #loyaltyStatusUpdateSubmit .radioWrap{width:460px; padding:15px 0 0 18px} #loyaltyStatusUpdateSubmit .radioWrap label{width:auto; padding:0 0 10px 21px} #loyaltyStatusUpdateSubmit label{width:149px;} #interest fieldset { padding:12px 0 23px 0; position:relative; } #destination fieldset { padding:12px 0 14px 0; margin:0; position:relative; } /*HERE*/ /* ---------------------------- Main Navigation Content Tabs ----------------------------- */ div.mainContentTabs { position: absolute; z-index: 1000; top: -31px; left: -1px; } div.mainContentTabs ul { list-style: none; width: 548px; } div.mainContentTabs ul.threeTabs li { width: 170px; } div.mainContentTabs ul.twoTabs li { width: 260px; margin: 0 22px 0 0; } div.mainContentTabs ul li { display: block; float: left; height: 29px; border: 1px #7491a3 solid; margin: 0 15px 0 0; } div.mainContentTabs ul li a { display: block; width: 100%; background: url(/media/images/common/web/backgrounds/mainContentTabsPattern_full.gif) bottom left repeat-x; } div.mainContentTabs ul li a:hover { background: url(/media/images/common/web/backgrounds/mainContentTabsPattern_full.gif) top left repeat-x; } div.mainContentTabs ul li.last { margin: 0 0 0 2px; } div.mainContentTabs ul li.selected { height: 34px; background: #fff; position: relative; top: -4px; border-bottom: 0; } div.mainContentTabs ul li.selected a, div.mainContentTabs ul li.selected a:hover, div.mainContentTabs ul li.selected a:visited, div.mainContentTabs ul li.selected a:visited:hover { background: none; } ul.navigation { background: #FFF; list-style: none; margin: 10px 0 0; padding: 4px 5px; border-top: 1px solid #C4CCD6; border-bottom: 1px solid #C4CCD6; } ul.extendedNav li.fRight{width:500px; background:red;} ul.navigation a { color: #276490; } /* used to be ul.navigation a.asc */ a.asc, a.asc:visited { font-weight: bold; padding: 0 15px 0 0; background: url(/media/images/common/web/backgrounds/arrowUp.gif) center right no-repeat; } /* used to be ul.navigation a.desc */ a.desc, a.desc:visited { font-weight: bold; padding: 0 15px 0 0; background: url(/media/images/common/web/backgrounds/arrowDown.gif) center right no-repeat; } ul.pages { list-style: none; } ul.pages li { border-right: 1px solid #294150; float: left; padding: 0 5px; } ul.pages li.current a { color: #294150; font-weight: bold; text-decoration: none; } a.rightArrow { background: url(/media/images/common/web/backgrounds/navigationArrowRight.gif) no-repeat; display: block; height:13px; overflow: hidden; text-indent: -1000px; width: 13px; } a.leftArrow { background: url(/media/images/common/web/backgrounds/navigationArrowLeft.gif) no-repeat; display: block; height:13px; overflow: hidden; text-indent: -1000px; width: 13px; } /* ---------------------------- Main content tabs ----------------------------- */ #content #leftCol ul.tabsContainer { position: relative; list-style: none; border-bottom: 1px solid #c5d3d9; clear: both; width:190px; float:left; } #content #leftCol ul.tabsContainer li a { text-decoration:none; color:inherit; } #content #leftCol ul.tabsContainer li.current a { text-decoration:none; color:#294150; } #content #leftCol ul.tabsContainer li { list-style:none; position:relative; float: left; height:17px; color:#636c71; line-height:18px; font-weight:bold; padding: 0 5px 0 5px; margin: 13px 1px 0 0; border-left:1px solid #9badb2; border-right:1px solid #9badb2; bottom:-5px; background:url("/media/images/common/web/backgrounds/bg_leftcol_tab.gif") top left repeat-x; } #content #leftCol ul.tabsContainer li.current { line-height:22px; height:21px; bottom:-1px; color:#294150; background:#FFF; border-top:1px solid #9badb2; border-left:1px solid #9badb2; border-right:1px solid #9badb2; } /* ---------------------------- Press Room Details ----------------------------- */ body.press-room-details p { margin: 0 0 17px 0; } body.press-room-details #content #main img { margin: 0 0 15px 0; } /* ---------------------------- Left column ----------------------------- */ #content #leftCol #submenu { clear:both; padding: 14px 0 0 0 ; margin: 0; } body.twoColumn #content #leftCol #submenu { padding: 0 10px 15px 10px ; } #content #leftCol #submenu h3 { color: #294150; font-size:15px; padding:0; margin: 0 0 10px; } #content #leftCol #submenu h3.current { color: #344b59; font-weight: bold; } #content #leftCol #submenu h3 a { color: inherit; text-decoration: none; } #content #leftCol #submenu h3.current a{color: #5A7F98; font-weight: bold; } #content #leftCol #submenu ul { list-style: none; padding:0; margin:0;} #content #leftCol #submenu ul li { position: relative; margin: 5px 0; padding: 0 0 0 18px; /*background: url("/media/images/common/web/backgrounds/rightDottedArrow.gif") 8px 3px no-repeat;*/ } #content #leftCol #submenu ul li a { color: #276490; text-decoration: none; } #content #leftCol #submenu ul li.current { background: url("/media/images/common/web/backgrounds/rightBlueArrow.gif") 8px 3px no-repeat; } #content #leftCol #submenu ul li.current a { color: #3d5a6c; font-weight: bold; } #content #leftCol .genericContent { padding: 10px 0; font-size: 1.2em; } #content #leftCol .genericContent p { margin: 0 0 5px 0; } #flight_info_details {position:absolute;} #content #leftCol .flightInfos { padding-top: 5px; padding-bottom: 20px; } #content #leftCol .flightInfos p { margin: 0 0 15px 0; } #content #leftCol .flightInfos p.title { margin: 0 0 5px 0; } #content #leftCol .flightInfos p.note { margin-left: 0; } #content #leftCol .flightInfos div.total { padding: 15px 0 0 0; background: url(/media/images/common/web/backgrounds/bg_dotline.gif) top left repeat-x; } #content #leftCol .cta { background: url(/media/images/common/web/backgrounds/greyDottedLine.gif) top left repeat-x; padding: 18px 0 0 0; width: 189px; margin: 0 auto; color: #000; text-align: left; clear:both; } #content #leftCol .cta img { float: left; margin: 0 10px 0 0; } #content #leftCol .cta p { position: relative; top: -2px; } #content #leftCol .package { display:block; /*position:relative;*/ /*background: url(/media/images/common/web/backgrounds/bg_bottom_package.gif) bottom left repeat-x;*/ padding:0; margin:0; } #content #leftCol .package p { position:relative; clear:both; } #content #leftCol h3.title { position: relative; display:block; padding: 9px 0 5px 0; background-position: 0 8px; } #content #leftCol h3.title span { position: absolute; bottom: 0; left:0; display: block; width: 190px; height: 6px; /*background: url(/media/images/common/web/backgrounds/doubleDottedStroke.gif) bottom left repeat-x;*/ } #content #leftCol h3.title span.lineTop { position: absolute; top: 0; left: 0; width: 190px; height:2px; background: url(/media/images/common/web/backgrounds/singleDottedStroke.gif) bottom left repeat-x; } #content #leftCol ul.thumbnail {padding: 20px 0 16px 0;float:left;} #content #leftCol ul.thumbnail li { width:185px; list-style:none; clear:both; padding: 0 0 5px 0; float:left; line-height:17px; } #content #leftCol ul.thumbnail li span { float:left; margin: 0 5px 0 0; width:24px; height:17px; line-height:18px; text-align:center; background: url(/media/images/common/web/backgrounds/bg_thumbnail.gif) bottom left repeat-x; } /* ---------------------------- Right column ----------------------------- */ p.temperature { font-size: 2.0em ; height: 36px; line-height: 46px; margin: 0; padding: 10px 0 0 55px ; } p.big { font-size: 1.2em; font-weight: bold; } #content #rightCol div.sidebarInfo ul.simpleList { margin: 0 10px; padding: 0; } #content #rightCol div.sidebarInfo ul.simpleList li { color: #294150;margin-bottom: 5px; } #content #rightCol p.action { position: relative; top: -15px; } #content #rightCol div.sidebarInfo p { line-height: 1.4em; margin: 0 10px;padding: 0 0 5px; } #content #rightCol h5 a.filter { position: relative; display: block; width: 189px; height:100%; background: url(/media/images/common/web/backgrounds/arrowFilterRight.gif) right center no-repeat; } #content #rightCol h5 a.filter:hover { background: url(/media/images/common/web/backgrounds/arrowFilterRight.gif) right center no-repeat; } #content #rightCol h5 a.filterOpen, #content #rightCol h5 a.filterOpen:hover { position: relative; display: block; width: 189px; height:100%; background: url(/media/images/common/web/backgrounds/arrowFilter.gif) right center no-repeat; } #content #rightCol h3 { position: relative; background-position: center left; margin: 25px 0 0 0; padding: 15px 0 5px 0; } #content #rightCol h3 span { position: absolute; bottom: 0; display: block; width: 189px; height: 6px; background: url(/media/images/common/web/backgrounds/doubleDottedStroke.gif) bottom left repeat-x; } #content #rightCol h3 span.lineTop { position: absolute; top: 0; display: block; width: 189px; height: 1px; background: url(/media/images/common/web/backgrounds/doubleDottedStroke.gif) bottom left repeat-x; } #content #rightCol h3.title { position: relative; background-position: center left; margin: 25px 0 0 0; padding: 0 0 20px 0; } #content #rightCol h3.title span { position: absolute; bottom: 0; display: block; width: 189px; height: 6px; background: url(/media/images/common/web/backgrounds/doubleDottedStroke.gif) bottom left repeat-x; } #content #rightCol p { padding: 10px 0 5px 0; clear:both; } #content #rightCol h5 { position: relative; background-position: center left; margin: 15px 0 0 0; padding: 10px 0 8px 0; clear: both; } #content #rightCol h5 span { position: absolute; bottom: 0; left:0; display: block; width: 189px; height:100%; background: url(/media/images/common/web/backgrounds/singleDottedStroke.gif) bottom left repeat-x; } #content #rightCol h5 span a { position:absolute; cursor:pointer; display:block; width: 189px; height:100%; background: url(/media/images/common/web/buttons/menuToggle_off1.gif) center right no-repeat; z-index:1000; } #content #rightCol h5 span a:hover { background: url(/media/images/common/web/buttons/menuToggle_off2.gif) center right no-repeat; } #content #rightCol h5 span a.open { background: url(/media/images/common/web/buttons/menu_toggle_fleche_on2.gif) center right no-repeat; } #content #rightCol h5 span a.open:hover { background: url(/media/images/common/web/buttons/menu_toggle_fleche_on1.gif) center right no-repeat; } #content #rightCol h5 span span { position: absolute; top: 0; left:0; display: block; width: 189px; height:100%; background: url(/media/images/common/web/backgrounds/singleDottedStroke.gif) top left repeat-x; } #content #rightCol select { float: left; } #content .sidebarInfo { /* background:url(/media/images/common/web/backgrounds/singleDottedStroke.gif) top left repeat-x;*/ padding: 12px 0 10px 0; margin:5px 0 0 0 ; clear:both; width: 180px; } #content .sidebarInfo .last { margin-bottom:0; padding-bottom:0; } #content #promotions img { margin: 0 0 10px 0; border:1px solid #c5d3d9; } #content #rating { padding: 12px 0 10px 0; } #content #rating li span {float:left; width:75px; line-height:1.1em;} #content #rating li { padding: 0 0 8px 0; list-style:none; } #content #rating img, #content #rating div.barRating { float:left; margin: 5px 10px 0 0; } #content .ratingStar { float:right; margin: 15px 0 0 0; } /* ------------------------------------------------------------------------ LISTS ------------------------------------------------------------------------- */ ul.simpleList { list-style: none; margin: 5px 0 0 3px; position:relative; } ul.simpleList li { padding: 0 0 0 8px; margin: 0 0 5px 0; background: url(/media/images/common/web/backgrounds/bullet.gif) 0 5px no-repeat; } ul.simpleList li a { color: #276490; } #termsConditions ul.simpleList{ position:static;} #termsConditions ul.simpleList li{margin: 0 0 0 10px; position:static;} ul.simpleListNoBull li { color: #276490; } /* ADDED */ ul.simpleListNoBull { list-style: none; line-height: 1.5em;} /* More spacing between elements */ ul.simpleListNoBull li { background: none; } ul.simpleListNoBull li ul li { background: url(/media/images/common/web/backgrounds/bullet.gif) 0 5px no-repeat; } ul.action li { display: inline; margin: 0 20px 0 0; } .colLeft ul.simpleList, .colRight ul.simpleList {margin: 0 0 18px 0; position:relative; } .colLeft ul.simpleList li, .colRight ul.simpleList li {width:230px; } #content #main .colLeft ul.simpleList li.first, #content #main .colRight ul.simpleList li.first {padding:0; background:none;} #rightCol ul.simpleList li {color:#768a97;} #rightCol ul.simpleList {padding:10px 0 5px 0; margin:0;} /* ------------------------------------------------------------------------ Tables ------------------------------------------------------------------------- */ div.simpleTable { /* Needed for IE, else we won't see the background */ background: url(/media/images/common/web/backgrounds/tabContentBackground.gif) top left no-repeat; padding: 1px; } table.simpleTable { width: 515px; margin: 0 0 10px 0; } table.simpleTable th { padding: 3px 9px; border-right: 1px #e2e6e8 solid; border-bottom: 1px #e9eced solid; } table.simpleTable td { padding: 3px 9px; border-right: 1px #e2e6e8 solid; background: #e7eeef; } table.simpleTable tr.even td { background: #f7f9f9; } table.simpleTable th.darker { background: #e9eced; } table.simpleTable td.darker { background: #d4dcdf; } table.simpleTable tr.even td.darker { background: #e2e6e8; } table.simpleTable col.large { width: 175px; } /* ---------------------------- Clearfix ----------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} .clearfix .bottom{display: block; border-bottom: 1px solid #CBD4DC; padding:10px 0; margin:10px 0} /* End hide from IE-mac */ /* ------------------------------------------------------------------------ Jtip ------------------------------------------------------------------------- */ #JT { position: absolute; z-index:100; border: 1px solid #9aabb7; background-color: #fff; z-index:2000; margin: 0 0 0 10px; } #JT_copy{ text-align: left; padding:10px 10px 10px 10px; color:#333333; } #JT #JT_close_left{ display:none; background-color: #CCCCCC; text-align: left; padding: 2px 0 5px 8px; font-weight:bold; } #JT #JT_close_right{ background-color: #CCCCCC; text-align: left; padding: 2px 0 5px 8px; font-weight:bold; } /* ------------------------------------------------------------------------ CALENDAR ------------------------------------------------------------------------- */ .calenderTd { width:22px; height:22px; border-bottom:1px solid #94aeb8; border-right:1px solid #94aeb8; margin:5px; } .calendarWeekDay { background:#c8d6d6; text-align:center; font-size:0.9em; border-bottom:1px solid #94aeb8; border-top:1px solid #94aeb8; height:18px; } #v1, #v8, #v15, #v22, #v29, #v36, #v_two_1, #v_two_8, #v_two_15, #v_two_22, #v_two_29, #v_two_36 { border-left:1px solid #94aeb8; } .calendarTable { float:left; margin:18px 5px 0 5px; } #fc { width:402px; height:201px; position:absolute; z-index:990000; border:2px solid #54738a; padding:16px 7px 10px 7px; background: url(/media/images/common/web/backgrounds/bg_calendar.gif) top right repeat-x; } #fc #fc2 .borderWeekLeft { border-left:1px solid #94aeb8; } #fc #fc2 .borderWeekRight { border-right:1px solid #94aeb8; } #fc .closeCalendar { position:absolute; top:8px; right:8px; width:13px; height:13px; background: url(/media/images/common/web/buttons/btn_x_calendar.gif); } #fc #mns, #fc #mns_two { text-align:left; padding: 0 0 4px 0; font-weight:bold; } #fc2 .arrowLeftCalendar { float:left; background: url('/media/images/common/web/buttons/arrow_left_calendar.gif') no-repeat bottom left; width: 17px; height: 26px; margin:80px 0 0 11px; } #fc2 .arrowRightCalendar { float:left; background: url('/media/images/common/web/buttons/arrow_right_calendar.gif') no-repeat bottom left; width: 17px; height: 26px; margin:80px 11px 0 0; } #fc .arrowLeftCalendar:hover, #fc .arrowRightCalendar:hover {background-position:top left;} #fc .t_departing { position:absolute; display:block; clear:both; text-indent:-10000px; top:8px; left:8px; width: 69px; height: 15px; } body#en #fc .t_departing { background: url('/media/images/en/web/titles/t_departing.gif') no-repeat scroll top left; } body#fr #fc .t_departing { background: url('/media/images/fr/web/titles/t_departing.gif') no-repeat scroll top left; } #fc .t_returning { position:absolute; display:block; clear:both; text-indent:-10000px; top:8px; left:8px; width: 70px; height: 15px; } body#en #fc .t_returning { background: url('/media/images/en/web/titles/t_returning.gif') no-repeat scroll top left;} body#fr #fc .t_returning { background: url('/media/images/fr/web/titles/t_returning.gif') no-repeat scroll top left;} /* ---------------------------------------------------------*/ /* ---------------------->>> Icons <<<----------------------*/ /* ---------------------------------------------------------*/ .sun { background: url(/media/images/common/web/icons/icon_sun.gif) -5px -5px no-repeat; } .wave { background: url(/media/images/common/web/icons/icon_wave.gif) -5px -5px no-repeat; } .sun_cloud { background: url(/media/images/common/web/icons/icon_sun_cloud.gif) -5px -5px no-repeat; text-indent: 10px; } .storm { background: url(/media/images/common/web/icons/icon_storm.gif) -5px -5px no-repeat; text-indent: 10px; } .storm_rainy { background: url(/media/images/common/web/icons/icon_storm_rainy.gif) -3px -5px no-repeat; text-indent: 10px; } .cloud_windy { background: url(/media/images/common/web/icons/icon_cloud_windy.gif) -5px -5px no-repeat; text-indent: 10px; } .cloud_wind { background: url(/media/images/common/web/icons/icon_cloud_wind.gif) -5px -5px no-repeat; text-indent: 10px; } .cloud_snowy { background: url(/media/images/common/web/icons/icon_cloud_snowy.gif) -5px -5px no-repeat; text-indent: 10px; } .cloud_snow { background: url(/media/images/common/web/icons/icon_cloud_snow.gif) -5px -5px no-repeat; text-indent: 10px; } .cloud_small_rain { background: url(/media/images/common/web/icons/icon_cloud_small_rain.gif) -5px -5px no-repeat; text-indent: 10px; } .cloud_rainy { background: url(/media/images/common/web/icons/icon_cloud_rainy.gif) -5px -5px no-repeat; text-indent: 10px; } .cloud_rain { background: url(/media/images/common/web/icons/icon_cloud_rain.gif) -5px -5px no-repeat; text-indent: 10px; } .cloud_rain_snow { background: url(/media/images/common/web/icons/icon_cloud_rain_snow.gif) -5px -5px no-repeat; text-indent: 10px; } .cloud_ice { background: url(/media/images/common/web/icons/icon_cloud_ice.gif) -5px -5px no-repeat; text-indent: 10px; } .cloud_ice_rain { background: url(/media/images/common/web/icons/icon_cloud_ice_rain.gif) -5px -5px no-repeat; text-indent: 10px; } .big_cloud { background: url(/media/images/common/web/icons/icon_big_cloud.gif) -5px -5px no-repeat; text-indent: 10px; } .currency { background: url(/media/images/common/web/icons/icon_money.gif) 0 10px no-repeat; height: 24px; line-height: 24px; padding: 10px 0 5px 55px; } #btnBooking { background:url(/media/images/en/web/buttons/btn_booking.gif) top left no-repeat; display: block; height: 19px; text-indent: -10000px; width: 120px; } /* ---------------------------------------------------------*/ /* ---------------------->>> Lists <<<----------------------*/ /* ---------------------------------------------------------*/ ul.lineBottom, ul.listTwoCols, ul.resortList, ul.listThreeCols, ul.listThreeCols * { list-style: none; margin: 0; padding: 0; } ul.lineBottom li { background: url(/media/images/common/web/backgrounds/dottedLine.gif) bottom left repeat-x; clear: left; height: 1%; margin: 0; padding: 0 20px 5px 0; } ul.listTwoCols li { float: left; margin: 0 10px 10px 0; width: 47%; } ul.listThreeCols li { float: left; margin: 0 10px 10px 0; width: 30%; } ul.listThreeCols li li{ float: none; margin: 0 0 5px; width: auto; } /* These next three manually space a 3 column list in the main window nicely */ #main ul.listThreeCols li { width: 178px; } #main ul.listThreeCols li + li { width: 181px; } #main ul.listThreeCols li + li +li { width: 120px; } /* END These next three manually space a 3 column list in the main window nicely */ ul.listTwoCols li h4, ul.listTreeCols li h4 { font-size: 1em; } ul.resortList li, ul.carList li { background: url(/media/images/common/web/backgrounds/bg_dotline.gif) bottom left repeat-x; margin: 15px 0; padding-bottom: 15px; overflow:hidden; } ul.resortList li{width:620px} ul.resortList li .smallImageBrowser ul li{width:190px} div.contentBlock ul.resortList li, div.contentBlock ul.carList li { background: url(/media/images/common/web/backgrounds/dottedLine.gif) bottom left repeat-x; } ul.simpleList2 { list-style: none; margin: 5px 0 15px 0; padding: 0;} ul.simpleList2 li { font-size: 1.1em; padding: 0 0 0 8px; margin: 0 0 5px 0; background: url(/media/images/common/web/backgrounds/bullet.gif) 0 5px no-repeat; } ul.resortList li div {margin-left:0; } ul.carList li div { margin-left: 160px; } ul.resortList li div.detailsContent { margin-left: 0; float:right; width:389px;} ul.resortList li div.detailsContent li{width:389px;} ul.resortList li div.smallStarRating, ul.resortList li div.smallStarRating div, ul.resortList li div.smallStarRatingText, ul.resortList li div.smallStarRatingText div { margin-left: 0; } ul.formTwoCols, ul.formOneCol { clear: both; list-style: none; margin: 10px 0 0; width: 185px; } ul.formTwoCols li { float: left; margin: 0 4px 0 0; padding: 3px 0; width: 46%; } ul.formOneCol li { padding: 3px 0;} ul.formTwoCols li label, ul.formOneCol li label {margin:0;} .golfBack { background: #e7eef1; border-left: 1px solid #dee7ec; border-right: 1px solid #dee7ec; margin: 0 2px 0 0; } .golfTop { border-top: 1px solid #dee7ec;} .golfBottom { border-bottom: 1px solid #dee7ec; } p.oneline { color: #8996a0; } p.oneline label { color: #294150; float: left; margin-right: 10px;} p.oneline span { margin-left: 10px;} p.oneline a {text-decoration:none;} #content #filters .twoline { color: #8996a0; line-height: 21px; } #content #filters .twoline label { color: #294150;} #content #filters .twoline label span {color: #8996a0;} #content #filters .twoline select { width: 100%; } #content #filters .onelineRating { color: #8996a0; margin: 0; border: 0 solid red; height: 1em;} #content #filters .onelineRating label { color: #294150; float: left; margin-right: 10px; width: 86px; position: relative; top: 2px; border: 0 solid red} #content #filters .onelineRating select { width: 42px;} #content #filters .onelineRating span { margin-left: 0; float: right; position: relative; top:2px; border:0 solid red;} div.filterMarginLeft { margin-left: 90px;} /* ---------------------------------------------------------*/ /* --------------------->>> Tables <<<----------------------*/ /* ---------------------------------------------------------*/ #content #rightCol table { border-collapse: collapse; margin: 10px 10px 0 10px; } #content #rightCol table caption { font-weight: normal; margin: 10px 0 0 10px; text-align: left; } *+html #content #rightCol table caption { margin: 0 0 0 10px; padding: 0 0 5px; } #content #rightCol table th { background: #c8d6d4; border: 1px dotted #6a7d8b; color: #42677e; font-weight: normal; margin: 0 0 5px; padding: 1px 4px; text-align: center; } #content #rightCol table th.row { background: transparent; } #content #rightCol table td { background: #fff; border: 1px dotted #6a7d8b; padding: 3px 4px; } #content #rightCol table td.row { color: #42677e; } #content #rightCol table td.separator { height: 4px; padding: 0; border-left: 1px #fff solid; border-right: 1px #fff solid; overflow: hidden; } .hotelPromoContainer{clear:both; width:400px; padding:0 0 10px; overflow:hidden; margin-left: 0;} .hotelPromo{float:left; width:300px; padding: 12px 0 0 0; margin-left: 0;} .hotelPromo ul li{width:280px; background:red} .hotelPromoImg{float:right; width:100px; padding:12px 0 0; text-align:right} div.hotelPromo ul.simpleList { list-style: none; margin: 5px 0 0 3px; position:relative; } div.hotelPromo ul.simpleList li { padding: 0 0 0 8px; margin: 0 0 5px 0; background: url(/media/images/common/web/backgrounds/bullet.gif) 0 5px no-repeat; } /* ------------------------------------------------------------------------ Browse By Interest ------------------------------------------------------------------------- */ body.browse-by-interest #wrap h2 { margin-bottom: 0; } /* ------------------------------------------------------------------------ Top 5 List ------------------------------------------------------------------------- */ body.top-5-list #wrap h2, body.sitemap #wrap h2 { margin-bottom: 0; } body.top-5-list #wrap h6 { margin-bottom: 5px; } body.promotions #wrap h2, body.may-we-suggest #wrap h2 { margin-bottom: 10px; } #overlay { position: absolute; top: 0; left: 180px; z-index: 1000; } /* ------------------------------------------------------------------------ Contact us ------------------------------------------------------------------------- */ body.contact-us #content #main .tabContent h5 { margin: 30px 0 10px 0; } div.radio-wrapper{ margin: 0 0 15px 17px; } div.radioHolder { margin: 0 0 0 30px; } div.radioHolder div.radio-wrapper { margin-left: 0; } #inquiry-details { margin-left: 17px; } div#aeroplan { float: left; margin: 0 0 10px 10px; padding-top: 6px; border: 1px dotted orange; } /* ------------------------------------------------------------------------ 0.42 Site map ------------------------------------------------------------------------- */ div.tabContent .third { float: left; } div.tabContent .third { width: 162px; margin-right: 14px; } body.twoColumn div.tabContent .third {margin-right: 40px; } /* when the main area is two columns, there's more space for whitespace */ div.tabContent .third.last { margin-right: 0; } div.tabContent .third.indented { width: 149px; padding-left: 10px; } #main .third p { margin-bottom: 20px; } a.popup { height: 13px; background: url(/media/images/common/web/icons/icon_popup_10x10.gif) 100% 2px no-repeat; padding: 0 15px 0 0; } #main .tabContent .third h5 img { margin-bottom: 0; } /* ------------------------------------------------------------------------ 0.43 Security ------------------------------------------------------------------------- */ #main ul.simpleList.privacy li { margin-bottom: 9px; padding-left: 12px; background: url(/media/images/common/web/backgrounds/downArrow.gif) 0 5px no-repeat; } h5 a { border: 0; text-decoration: none; } #content #main #aeroplan_rule_selector{ float:right; position:relative; background: #fff0e8; text-align: left; padding: 5px; width:610px; margin: 0 0 10px; } select#selectedAeroplanRule { width:225px; margin:0; } #content #main #aeroplan_rule_selector .selectAeroplan { color: #FDB93C; font-weight: bold; } #content #main #aeroplan_rule_selector select { width: 225px; } /* ------------------------------------------------------------------------ Error Pages ------------------------------------------------------------------------- */ #content #main div.errorBox2 { width: 484px; padding: 10px 20px 10px 10px; color: #294150; background: #e6e6e6 url(/media/images/common/web/icons/icon_error_x_33x33.gif) 9px 12px no-repeat; border: 1px solid #dcdcdc; margin: 0 0 15px 0; } .errorBox2 div { margin-left: 43px; border:0 solid teal; } .errorBox2 div h3.error { font-size: 1.5em; margin: 0 0 5px 0; color: #3d5a6c; } #main .errorBox2 ul.simpleList { margin: 0 0 15px 0; } #main .errorBox2 ul.simpleList li { margin-bottom: 3px; background: url(/media/images/common/web/backgrounds/bullet.gif) 0 5px no-repeat; } #main div.confirmation { background: #e6e6e6 url(/media/images/common/web/icons/informationMark.gif) no-repeat scroll 11px 7px; } div.alertCheck { background: #e6e6e6 url(/media/images/common/web/icons/icon_check.gif) 10px 10px no-repeat; border: 1px solid #dcdcdc; margin: 10px 0 20px; padding: 10px 10px 5px 50px; } div.alertCheck h4 { font-size: 1.1em; } /* ------------------------------------------------------------------------ Last Minute Deals ------------------------------------------------------------------------- */ select#originSearch, select#destinationCity, select#priceValue, select#selectedAeroplanRule{visibility:visible} input.submit#search-again { float: left; width: 99px; height: 19px; margin: 0 0 0 24px; } #content div.pager { height: 1.8em; margin: 0; color: #294150; background: #d4d9dd; } #content div.pager ul { float: right; height: 1.2em; padding: .3em 0; } #content .pager ul li { display: inline; margin-right: 5px; padding-right: 5px; border-right: 1px solid #5a7f98; } #content .pager ul li a { line-height: 10px; color: #276490; text-align: center; } #content .pager ul li.next, #content .pager ul li.previous, #content .pager ul li.last { border: 0; } #content .pager ul li.next a, #content .pager ul li.previous a { width: auto; } #content .pager ul li.previous a { padding-left: 16px; background: #d6d6d6 url(/media/images/common/web/buttons/arrow_prev_13x13.gif) left bottom no-repeat; } #content .pager ul li.next a { padding-right: 16px; background: #d6d6d6 url(/media/images/common/web/buttons/arrow_next_13x13.gif) right bottom no-repeat; } #content div.pager div.fLeft { margin: .3em; } div.deal-wrapper { margin-bottom: 15px; padding: 0 0 15px 0; background: url(/media/images/common/web/backgrounds/bg_dotline.gif) 0 bottom repeat-x; } .deal-wrapper .deal-img { float: left; margin-right: 10px; } .deal-details .hotel-wrapper { display: block; margin-bottom: 1.5em; } .deal-details p.hotel { float: left; margin-right: .5em; } .deal-details p.hotel-name { float: left; margin: 0; } .deal-details .fRight{width:85px;} .deal-details input.book-now { float: left; height: 19px; margin: 0; border: 0; } body#en .deal-details input.book-now { /*width: 82px;*/ } body#fr .deal-details input.book-now { /*width: 145px;*/ } .deal-details h4 { margin: 15px 0 10px 0; width: 60%; float: left; } p.asterisk { margin-top: 1em; font-size: .9em; color: #7b8489; } /* ------------------------------------------------------------------------ 6.X Pages ------------------------------------------------------------------------- */ body.travel-info #content #main .tabContent h5, body.facts #content #main .tabContent h5, body.ratings-explained #content #main .tabContent h5, body.reward-program #content #main .tabContent h5, body.flight-schedule #content #main .tabContent h5 { margin: 30px 0 8px 0; } #content #leftCol #submenu ul.cta { margin: 10px 0 20px 0; padding: 10px 0 0 0; } ul.cta li { clear: both; } table.dottedTable {/* width: 538px;*/ width:100%; margin: 0 0 10px 0; border-collapse: collapse; line-height:22px;} .tabContent table.dottedTable th { border-right: 1px #fff solid; border-bottom: 1px #fff solid; } table.vAlignTop th, table.vAlignTop td { vertical-align: top; } table.dottedTable th { text-align: left; background: #fff url(/media/images/common/web/backgrounds/dottedLine.gif) left bottom repeat-x; border: 0; padding: 0 0 5px 9px; } table.dottedTable th a, table.dottedTable th a:visited { color: inherit; } table.dottedTable th a.asc, table.dottedTable th a.asc:visited { padding: 0 15px 0 0; background: url(/media/images/common/web/backgrounds/arrowUp.gif) center right no-repeat; } table.dottedTable th a.desc, table.dottedTable th a.desc:visited { padding: 0 15px 0 0; background: url(/media/images/common/web/backgrounds/arrowDown.gif) center right no-repeat; } table.dottedTable td {padding: 3px; background: #e7eeef; } table.dottedTable tr td { background: #f0f3f7; border: 0; } table.dottedTable tr.alt td { background: #e3e7eb; } table.dottedTable tr td.top { vertical-align: top; } table.dottedTable tr td img { margin-right: 5px; margin-bottom: -2px; } table.dottedTable tr td a img { text-decoration: none; } #content #main table.dottedTable tr td.tablePrice strong, #content #main table.dottedTable tr td.tableFull strong { font-size: 1.1em; } #content #main table.dottedTable tr td.format { white-space: nowrap; } #content #main .priceView table.dottedTable tr td.tablePrice strong, #content #main .priceView table.dottedTable tr td.tableFull strong { font-weight: bold; font-size: 1em;} table.dottedTable col#date { width: 25%; } table.dottedTable col#new { width: 55%; } table.dottedTable col#pdf { width: 20%; } table.dottedTable col#doc { width: 20%; } #main .tabContent ul.simpleList.not-linked li { padding-left: 8px; background: url(/media/images/common/web/backgrounds/bullet.gif) 0 5px no-repeat; } col.fifth { width: 20%; } col.quarter { width: 20%; } #main .tabContent ul.sched li { margin-bottom: .5em; padding-left: 11px; background: url(/media/images/common/web/backgrounds/downArrow.gif) 0 5px no-repeat; } input.subscribe { float: right; margin: 15px 0 0 3em; padding: 0; width: 90px; height: 19px; } div.aeroplan-box { float: right; width: 135px; margin: 10px 15px; padding: 10px 15px 0 15px; text-align: center; background: #f4f7fa; } div.aeroplan-box img { margin-bottom: 10px; } /* ------------------------------------------------------------------------ FAQ ------------------------------------------------------------------------- */ .faq-list-wrapper { background: #f4f7fa; padding: 1px 10px 10px 10px; margin: 0 0 15px 0; } .faq-list-wrapper h4 { margin: 15px 0 0 0; } p.top { float: right; margin: 10px 0 0 0; } p.qa { margin: 30px 0 0 0; } /* ------------------------------------------------------------------------ Code From Stephane Curzi ------------------------------------------------------------------------- */ /* Ajout pour un titre et sous-titre de page */ #content #main h2.noMargin { margin: 0; } #content #main .topTitle { margin-bottom: 0; width: 100%; float: left; color: #7b8489; } #content #main .subtitle { float: left; margin-bottom: 18px; width: 100%; } /* Fin - ajout pour un titre et sous-titre de page */ /* Boite Filter */ #content #main .tabContent .filterInfoBox { clear:both; position:relative; background:#e6e6e6; padding:7px 12px 0 12px; border: solid 1px #dcdcdc; } #content #main .priceBooking { white-space: nowrap; } /* Style pour divers notes */ #content #main .note { font-size: 0.9em; color: #7b8489; margin-bottom: 3px; } #content #main .note strong { color: #7b8489; } #content #main .secureFlightMessage .note{font-size:12px; color:#E01E21} #content #main ul.navigation {padding: 10px 0; line-height: 14px; height:14px; width:auto;} /* Menu steps */ #content #main #menuSteps { width: 100%; height: 50px; margin-bottom: 15px; } #content #main #menuSteps ul { list-style: none; } #content #main #menuSteps ul li{ display: block; float: left; width: 20%; text-align: center; } /* Question mark*/ #content #main a.questionMark { background: url(/media/images/common/web/buttons/btn_questionMark.gif) top left; display: block; width: 13px; height: 13px; text-indent: -1000em; } #content #main a.questionMark:hover { background-position: 0 -13px; color: #3d5a6c; } /* Small title */ #content #main .tabContent .smallLine { background: url(/media/images/common/web/backgrounds/bg_dotline_short.gif) bottom left no-repeat; font-size: 1.0em; color: #3d5a6c; margin-bottom: 12px; width: 100%; float: left; clear: both; } #content #main .tabContent .smallLine p { width: 300px; float: left; margin-bottom: 4px; } /* See more */ #content a.btnPlus { background: url(/media/images/common/web/buttons/btn_plus.gif) top right no-repeat; padding-right: 16px; font-size: 1.0em; float: right; font-weight: bold; } #content #main a.btnPlus:hover { top: -19px; right:0; } /* Bloc d'information */ #content #main .contentBlock { width: 100%; margin-bottom: 20px; float: left; } /* Bloc d'information */ #content #main .contentBlockImage { width: 100%; margin-bottom: 12px; float: left; } #content #main .contentBlockImage img { margin: 0 5px 3px 0; } #content #main .blockText { padding: 8px 10px 0 10px; margin-bottom: 20px; float: left; } /* Bloc */ #content #main .blockText .subTitle { margin-bottom: 4px; } /* Correction pour le texte location sous un resort */ #content #main .location { margin-top: 4px; } /* Bloc information */ #content #main .informationBox { margin: 8px 0 0 0; float: left; /* Correction pour ajouter un border au box Information */ border: solid 1px #dcdcdc; } #content #main .detailsContent .informationBox { width: 230px; margin-bottom: 15px; } #content #main .informationBox .subTitle { margin: 8px 0 6px 0; } #content #main .tabContent .checkedBox { clear:both; background:#e6e6e6 url(/media/images/common/web/icons/iconChecked.gif) 11px 7px no-repeat; padding: 12px 10px 6px 51px; border: solid 1px #dcdcdc; } h5 span.fRight label { display: block; float: left; margin: 0 0 10px 0; } h5 span.fRight label input { display: block; float: left; margin: 0 4px 0 0; border: 0; } /* Override du css principal pour corriger les tableau */ table.dottedTable tr .tableFull { width: 100%; } table.dottedTable tr .tablePrice { text-align: right; width:100%; padding-right: 9px; white-space:nowrap; } table.dottedTable tr .tableSelect { margin:auto; text-align:center;} /* Override du css principal pour corriger les flechez dans la navigation de page */ a.rightArrow { background: url(/media/images/common/web/backgrounds/navigationArrowRight.gif) no-repeat; display: block; height:13px; overflow: hidden; text-indent: -1000px; width: 13px; } a.leftArrow { background: url(/media/images/common/web/backgrounds/navigationArrowLeft.gif) no-repeat; display: block; height:13px; overflow: hidden; text-indent: -1000px; width: 13px; } /* Roolover sur bouton Left Arrow */ #content #main a.leftArrow { background: url(/media/images/common/web/buttons/btn_leftArrow.gif) top left; display: block; width: 13px; height: 13px; text-indent: -1000em; } #content #main a.leftArrow:hover { background-position: 0 -13px; } #content #main a.rightArrow { background: url(/media/images/common/web/buttons/btn_rightArrow.gif) top left; display: block; width: 13px; height: 13px; text-indent: -1000em; } #content #main a.rightArrow:hover { background-position: 0 -13px; } /* Block Login - New user */ #content #main .accountNewUser { width: 100%; float: left; } .accountNewUser .blockLogin { width: 250px; overflow: hidden; float: left; } .accountNewUser div.bloc { background: #f4f7fa; padding: 12px 16px; display:block; height: 120px; } .accountNewUser h3 { color: #3d5a6c; text-indent: 2px; margin: 0 0 9px 0; font-size: 1em; } .blockLogin label { width: 74px; float: left; clear: left; text-align: right; margin: 0 15px 10px 0; } .blockLogin input { width: 110px; } body#fr .blockLogin input.btn_login_continue { width: 208px; } body#en .blockLogin input.btn_login_continue { width: 130px; } .accountNewUser input.submit, .accountNewUser .button { float: right; margin: 15px 0 0 0; height:19px; padding:0; border:0; } .accountNewUser .blockNewUser { width: 250px; overflow: hidden; float: right; } /* Bloc Total price */ .blockRadio { float: right; } .blockRadio input { float: left; margin-left: 20px; } .blockRadio label { float: left; margin-left: 6px; } .blockRadio label.radioOff, .blockRadio label.radioOn { width: 120px; } .billingInfo h3 { margin: 0; } #content #main .blockRegister { background: url(/media/images/common/web/backgrounds/bg_dotline.gif) repeat-x top left; padding: 10px 0; margin: 40px 0 20px 0; float: left; } #content #main .blockRegister span { background: url(/media/images/common/web/backgrounds/bg_dotline.gif) repeat-x bottom left; display: block; float: left; padding-bottom: 10px; } #content #main .blockRegister p { display: block; float: left; } /* Generic CSS */ #content #main .valignMiddle { padding: 10px 0; } .marginBottomMed { margin-bottom: 8px; } .marginBottomBig { margin-bottom: 15px; } .marginTopBig { margin-top: 30px; } #content .note { font-size: 1em; color: #7b8489; font-weight: normal; } #content .plus { font-size: 1em; } #content .noteColor { color: #7b8489; } .smallType { font-size: 10px; } /* j'ai mis le lien directement mais il serait préférable de taggé automatiquement les liens externe, soit avec Javascript ou avec un attribute selector */ .outsideLink { background: url(/media/images/common/web/icons/iconOutsideLink.gif) no-repeat top right; padding-right: 16px; } /* ------------------------------------------------------------------------ Left column ------------------------------------------------------------------------- */ /* Override pour submenu */ #content #leftCol #submenu { min-height: 0; margin-bottom: 0; /*used to be 25px*/ } /* Booking list */ #content #leftCol .bookingList { list-style-type: none; margin-left: 10px; width: 180px; display: inline; float: left; } #content #leftCol .bookingList dt { font-size: 10px; color: #7b8489; width: 100%; float: left; } #content #leftCol .bookingList dd { margin-bottom: 18px; width: 100%; float: left; } /* Pricing Table */ #content #leftCol .pricingTable { width: 170px; margin-left: 10px; text-align: left; } #content #leftCol .pricingTable .prix { text-align: right; font-weight: bold; white-space: nowrap; } #content #leftCol .pricingTable .dividerLine { background: url(/media/images/common/web/backgrounds/bg_dotline.gif) repeat-x bottom left; } #content #rightCol .sidebarBlock { padding: 0 0 0 10px; margin: 0; clear:both; float: left; } #content #rightCol .sidebarBlock p { margin: 0; } #content #leftCol .sidebarBlock { padding: 12px 0 10px 0; margin: 0; clear:both; float: left; } #content #leftCol p.note { margin-left: 10px; } /* ------------------------------------------------------------------------ Star Rating ------------------------------------------------------------------------- */ .smallStarRating { position: relative; width: 65px; height: 12px; background: url(/media/images/common/web/backgrounds/smallRatingStars.gif) top left repeat-x; } .smallStarRatingText { position: relative; color:#a6c2cd; font-weight:bold; width: 140px; height: 12px; } .smallStarRating .actualRating { position: absolute; top: 0; left: 0; height: 12px; background: url(/media/images/common/web/backgrounds/smallRatingStars.gif) bottom left repeat-x; } .smallStarRating .stars_1 { width: 8px; } .smallStarRating .stars_2 { width: 13px; } .smallStarRating .stars_3 { width: 21px; } .smallStarRating .stars_4 { width: 26px; } .smallStarRating .stars_5 { width: 34px; } .smallStarRating .stars_6 { width: 39px; } .smallStarRating .stars_7 { width: 47px; } .smallStarRating .stars_8 { width: 52px; } .smallStarRating .stars_9 { width: 60px; } .smallStarRating .stars_10 { width: 65px; } .bigStarRating { position: relative; width: 122px; height: 22px; background: url(/media/images/common/web/backgrounds/bigRatingStars.gif) top left repeat-x; } .bigStarRating .actualRating { position: absolute; top: 0; left: 0; height: 22px; background: url(/media/images/common/web/backgrounds/bigRatingStars.gif) bottom left repeat-x; } .bigStarRating .stars_1 { width: 13px; } .bigStarRating .stars_2 { width: 25px; } .bigStarRating .stars_3 { width: 38px; } .bigStarRating .stars_4 { width: 50px; } .bigStarRating .stars_5 { width: 63px; } .bigStarRating .stars_6 { width: 75px; } .bigStarRating .stars_7 { width: 88px; } .bigStarRating .stars_8 { width: 100px; } .bigStarRating .stars_9 { width: 113px; } .bigStarRating .stars_10 { width: 125px; } .barRating { position: relative; width: 80px; height: 5px; background: url(/media/images/common/web/backgrounds/barRating.gif) top left repeat-x; line-height: 0; } .barRating .actualRating { position: absolute; top: 0; left: 0; width: 0; height: 5px; background: url(/media/images/common/web/backgrounds/barRating.gif) bottom left repeat-x; } .barRating .stars_1 { width: 16px; } .barRating .stars_2 { width: 32px; } .barRating .stars_3 { width: 48px; } .barRating .stars_4 { width: 64px; } .barRating .stars_5 { width: 80px; } #homeContainer { position:relative; display:block; width: 967px; height: 343px; background-color: transparent; } #homepageAd, .adTitle{ text-align: right; font-size: 9px; color: #C0CCD0; margin: 20px auto 0; } .externalAd { text-align: center; /*border: 1px solid #C4CCD6;*/ background-color: transparent; clear: both; } .bigBox { margin: 12px 0; padding:10px 0; width: 316px; background:#C0CCD0; border: none; } .leaderBoard { margin: 24px auto; width: 728px; height: 90px; } .skyScraper { margin: 15px auto 12px; width: 160px; height: 600px; } ul.destination_group_menu { list-style-type: none; padding: 0; } ul.destination_group_menu li { line-height: 1.6em; } #leftCol ul.destination_group_menu a{ color: #276490; } ul.destination_group_menu li span { display:block; cursor:pointer; text-decoration: underline; color: #276490; } ul.destination_group_menu ul { padding-left: 24px; list-style-type: none; } #featuredProducts { margin: 10px auto; background-color: #FFF; width: 262px; border: 1px solid #9AADB5; padding: 12px 18px; text-align: left; } ul.featuredList { list-style-type: none; padding: 0; margin: 10px 0 0 0; } ul.featuredList li { margin-bottom: 8px; } ul.featuredList li a { color: #276490; font-size: 12px; } ul.searchTabs li { /*background-color: #fff; background-image: none;*/ background: transparent; height: 35px; line-height: 49px; } .promoNumber { font-size: 15px; color: #7490a2; font-weight: bold; margin: 0 8px; width: 18px; } .iconSize { width: 68px; height: 61px; font-weight: bold; color: #276490; border: #000 solid 1px; float: left; text-align: center; overflow: hidden; } .iconSize div.taxes {font-size: 0.80em;} .featuredText { float: left; padding: 10px 0 10px 10px; width: 182px; } div.even ul.featuredList li .iconSize, div.even ul.featuredList li .featuredText { float: right; } div.even ul.featuredList li .featuredText { padding-left: 0; padding-right: 10px; } div.twoColumn { float: left; width: 49%; /* Not 50% because IE doesn't seem to like 50% */ margin: 0; padding: 0; overflow: hidden; } #leftCol div.twoColumn a{color:#276490} #section4_column1 { float: left; text-align: left; width: 322px; } #section4_column2 { float: left; text-align: center; width: 320px; padding-left:3px; } #section4_column3 { float: left; text-align: right; width: 318px; padding-left: 4px; } #section5_column1, #section5_column2, #section5_column3 { float: left; width: 322px; } #section5 { clear:both; overflow:hidden; margin:10px 0; background:url('/media/images/common/web/backgrounds/bg_home_section5.gif') repeat-y; } #section5_column2 { width: 323px; } .homepageContent { border: 1px solid #9aadb5; padding: 20px 25px; margin-bottom: 5px; width: 266px; text-align: left; } #section5 .homepageContent { width: 270px; padding: 0 25px; margin:20px 0; border:0; } #section5_column2 .homepageContent { width: 273px; border-left: none; border-right: none; } /* ------------------------------------------------------------------------ Cruises! ------------------------------------------------------------------------- */ div.contentDetails { margin: 0 0 10px 0; } div.contentDetails img { float: left; } div.contentDetails h1, div.contentDetails h2, div.contentDetails h3, div.contentDetails h4, div.contentDetails h5, div.contentDetails h6, div.contentDetails p { float: left; width: 140px; margin: 0 0 10px 10px; } div.cruiseDetails { padding: 15px 0 7px 0; background: url(/media/images/common/web/backgrounds/bg_dotline.gif) bottom left repeat-x; } div.cruiseDetails div.detailsContent { clear: both; } div.cruiseDetails div.detailsContent ul { list-style: none; } div.cruiseDetails div.detailsContent ul li { display: block; float: left; width: 160px; margin: 0 10px 10px 0; } /* ------------------------------------------------------------------------ Generic Images ------------------------------------------------------------------------- */ div.genericImage { background: #acacac; position: relative; top:0; left:0; } div.genericImage div.caption { position: absolute; top: 50%; left: 50%; margin: -28px 0 0 -39px; /*To visually center it*/ width: 79px; height: 56px; background: url(/media/images/en/web/placeholders/noImage.gif) center center no-repeat; } body.fr div.genericImage div.caption { margin: -26px 0 0 -55px; /*To visually center it*/ width: 101px; height: 53px; background: url(/media/images/fr/web/placeholders/noImage.gif) center center no-repeat; } /* ------------------------------------------------------------------------ Search Loader ------------------------------------------------------------------------- */ #searchLoader{overflow:hidden;} .searchLoader_hold{overflow:hidden;} #searchLoaderContainer, #pleaseWaitContainer { position: absolute; /*left: 320px;*/ z-index: 999999; } /* ------------------------------------------------------------------------ Inline Buttons ------------------------------------------------------------------------- */ ul.inlineButtons { list-style: none; padding-top:10px} ul.inlineButtons li { display: block; float: left; margin: 0 10px 0 0; } ul.inlineButtons li.fRight { margin: 0; } /* ------------------------------------------------------------------------ Group Form ------------------------------------------------------------------------- */ #ageChildrenBox table { margin: 0; padding: 0; } #ageChildrenBox tr { margin: 0 0 10px 0; } #ageChildrenBox td { margin: 0 0 10px 0; } #ageChildrenBox select { width: 50px; border: 1px #9aabb7 solid; color: #294150; padding: 0; margin: 0; } #ageChildrenBox p { margin: 0; } #ageChildrenBox .light { color: #9aabb7; } /* ------------------------------------------------------------------------ Maintenance box ------------------------------------------------------------------------- */ .bannerMessage { position: absolute; top: 20px; right: 20px; z-index: 1; width: 360px; border: 1px #517188 solid; padding: 8px; background: url(/media/images/common/web/backgrounds/bannerBoxBackground.png); color: #FFF; } .bannerMessage a.closeAdivisoryButton { position: absolute; top: 5px; right: 5px; margin: 0; padding: 0; } .bannerMessage a { position: relative; color: #FFF; } .bannerMessage img { margin: 0; } .itineraryList { background: url(/media/images/common/web/backgrounds/dottedLine.gif) bottom left repeat-x; margin-bottom: 8px; padding-bottom: 18px; } /* ------------------------------------------------------------------------ Web 1.6 Compliments of gold ------------------------------------------------------------------------- */ div.overviewBlock { border: 1px solid #d1dce0; margin-bottom: 18px; } fieldset.overviewBlock h4, fieldset.overviewBlock img{display:inline; margin:0 10px 0 0; vertical-align:middle} .colRight div.overviewBlock ul.simpleList li {width:auto;} div.compliments { border: 1px solid #2b7c97; color: #2b7d9d; } div.compliments a { line-height: 39px; color: #2b7d9d; } div.dotline { margin:0 0 16px; } div.overviewBlock .content { padding: 8px; } div.overviewBlock .overviewBlock_subtitle{overflow:hidden; clear:both; margin:0; padding:5px; height:42px; background:#d1dce0 url(/media/images/common/web/backgrounds/overviewLargeBlockGradient.jpg);} div.overviewBlock .overviewBlock_subtitle img{float:left; margin-right:5px;} div.overviewBlock .overviewBlock_subtitle h4{float:left; width:205px; line-height:19px; background:none; height:auto} div.overviewBlock .content ul { margin-bottom: 12px; } div.overviewBlock h4.large { background: #d1dce0 url(/media/images/common/web/backgrounds/overviewLargeBlockGradient.jpg); margin-bottom: 0; padding-left: 8px; height: 51px; line-height: 52px; vertical-align: bottom; } div.overviewBlock h4 { background: #d1dce0 url(/media/images/common/web/backgrounds/overviewBlockGradient.jpg); margin-bottom: 0; padding-left: 8px; height: 26px; line-height: 26px; vertical-align: bottom; } h5.compliments { height: 57px; color: #3D5A6C; margin:0 0 5px; padding: 0; } #en h5.compliments { background: transparent url(/media/images/en/web/logos/logoPrivileges.gif) no-repeat left bottom; } #fr h5.compliments { background: transparent url(/media/images/fr/web/logos/logoPrivileges.gif) no-repeat left bottom; } .searchResult { width: 100%; line-height: 1.4em; clear:both; padding:0 0 35px; /*position:relative;*/ } #hotel_options .searchResult, #car_options .searchResult, #flight_options .searchResult, #leftCol_cart .searchResult{padding:0;} .searchResult div { /*float: left;*/ } .searchResult .enumeration { color:#7490A2; font-size:15px; font-weight:bold; width:24px; float:left; margin-right: 8px; } .searchResult .destination { width: 110px; margin-right: 14px; float:left; } .searchResult .destination a:link, .searchResult .destination a:visited, .searchResult .destination a:hover, .searchResult .destination a:focus { font-size: 14px; } .searchResult .image{ width: 90px; height: 63px; display:block; margin-right:14px; float:left; } .searchResult .hotelInfo { width: 146px; margin-right: 14px; float:left; } .searchResult .hotelInfo .starRating { font-weight: bold; } .searchResult .hotelInfo .hotelName { font-weight: bold; } .searchResult .pricingInfo { width: 100px; margin-right: 14px; float:left; font-weight: bold; font-size: 14px; color:#294150; } .searchResult .pricingInfo span{ font-weight: normal; font-size: 12px; display:block; line-height:14px; } #leftCol .searchResult .pricingInfo a, #leftCol .searchResult a .price{ text-decoration:none } .detailsPage .searchResult .image, .tweaked .searchResult .hotelInfo { margin-right: 34px; } .detailsPage .searchResult .hotelInfo { width: 190px; } .detailsPage { width: 568px; } ul.bookingFlowTabs { margin: 0; padding: 0; list-style-type: none; width: 100%; border-bottom: 1px solid #C4CCD6; overflow:hidden; } ul.bookingFlowTabs li { float: left; margin: 0; background-image: url( /media/images/common/web/backgrounds/bookingFlowTabsGradient.jpg ); height: 38px; padding: 0 12px; font-size: 16px; line-height: 38px; border-left: 1px solid #C4CCD6; } ul.bookingFlowTabs li.selected + li, ul.bookingFlowTabs li.first { border-left: none; } ul.bookingFlowTabs li.selected { background: #E01E21; color: #FFF; border-left: none; } ul.bookingFlowTabs li.comment { float: right; background: #FFF; border: none; font-size: 12px; padding: 0; } ul.bookingFlowTabs li .number { font-weight: bold; padding-right: 8px; } ul.bookingFlowTabs li a:link, ul.bookingFlowTabs li a:visited, ul.bookingFlowTabs li a:hover, ul.bookingFlowTabs li a:active { color: #E01E21; } #main ul.bookingFlowTabs li.selected a{ color: #FFF; text-decoration: none; } #other_phone_form_inactive { margin: 0 0 10px 165px; padding: 0; } .payment p { padding-bottom: 3px; } #filters { /*display: none;*/ display: block; } #filters .filterLayout > div { float: left; width: 197px; /*border: 1px solid green;*/ margin-right: 10px; } #filters .filterLayout ul.formOneCol { padding:0; margin:0; } #filters .filterLayout div { padding:0; margin:0; float: left; width: 197px; } #filters .filterLayout div.last { width: 167px; padding-left: 30px; margin-right: 0; border-left: 1px solid #a9b9c4; } #filters .filterLayout div.twoline{width:167px;} /* This is the flight info box that is displayed throughout the booking flow; it is hidden initially and revealed on mouseover of certain elements*/ #price_detail_info_box, #room_detail_popup_0, #room_detail_popup_1, #room_detail_popup_2, #room_detail_popup_3, #room_detail_popup_4 { /*display: none;*/ /*hidden by default*/ /*position: absolute; z-index: 999999; border: 1px solid #C4CCD6; background: #FFF; padding: 8px;*/ } /*#price_detail_info_box{padding:10px; overflow:hidden; position:absolute; top:40px; left:0; min-width:250px; width:auto; width:250px; } #price_detail_info_box table tr td.special-info{padding:15px 0} */ /***/ #price_detail_info_box{display:none; position:absolute; top:40px; left:0; width:275px; overflow:hidden; padding:10px; border:#C4CCD6 solid 1px; z-index:999999; background:#FFF;} #content #leftCol_cart #price_detail_info_box h3{padding-left:0; padding-top:0} #price_detail_info_box ul{width:275px; clear:both; display:block; list-style-type:none; padding:5px 0 0; margin:0; } #price_detail_info_box ul li{float:left; width:150px; padding:0; margin:0} #price_detail_info_box ul li.priceValue{text-align:right;width:115px} #price_detail_info_box ul li.totalPriceValue{border-top:#294150 solid 1px; font-weight:bold} #price_detail_info_box ul li.finalPriceValue{color:#E01E21;font-weight:bold } #price_detail_info_box div{clear:both; padding-top:20px;} /***/ .display_all_infos{padding:0 10px; clear:both;} .cart_infos_container{clear:both; position:relative; padding:10px 10px 0; z-index:999999} #flight_info_nav{ position:relative; z-index:99998} #flight_info_details { display: none; /*hidden by default*/ position: absolute; border: 1px solid #C4CCD6; background: #FFF; padding: 8px; width: 568px; z-index:99998; } #flight_info_details table{ background: #FFF; } table.cartSummaryEstimate { width: 250px; margin:0 0 15px; clear:both; } table.cartSummary { width: 290px; margin:0 0 15px; clear:both; } table.cartSummary a { color: #276490; } table.cartSummaryEstimate a { color: #276490; } h3.underlined { font-size: 1.0em; color: #527b8a; font-weight:bold; padding-top:15px; background: url(/media/images/common/web/backgrounds/bg_dotline_225.gif) no-repeat scroll left bottom; } /*Resorts list*/ #content #main .hotelInfos{float:left; width:391px; padding:0; margin:0} #content #main .hotelInfos .hotel-wrapper{float:left; width:230px; padding:0; margin:0} #content #main .floatingLink{margin-left:10px; display: block; float: right; text-align: right; width: 150px;} #searchResultsDiv #formRegister #j_username{float:none; clear:both;} /*Are you registered*/ #content #main .reg_firstCol{float:left; width:275px;} #content #main .reg_secCol{float:right; width:275px;} /*payment form*/ .priceView{display:block; width:90%; clear:both; padding:0; margin:0;} .creditcardInfo div{display:block; width:90%; position:relative; clear:both; line-height:18px;} .creditcardInfo div input{} .creditcardInfo div div{clear:none; line-height:18px;} .billingInfoDetails h3{clear:both; display:block; padding-top:10px;} .payment_option_add_remove{text-align:right; overflow:hidden; clear:both;} .payment_option_add_remove a{margin-right:195px;} #content #main .room_info_text{position:relative} #content #main .room_info_text .floatingLink{position:absolute; top:0; left:210px; width:auto} #content #main .room_info_text h3{width:210px; font-weight:normal; margin:0; font-family:Tahoma,Arial,Sans-Serif; font-size:1em} .included_title{text-align:right; line-height:18px;} #disneyForm{padding:0;} .disney_booking_hold{width:270px; padding:0; margin:0 0 0 15px; float:right; border: 1px solid #9AADB5;} #disneySearchDiv{padding:10px;} /*cart summary & cart summary estimate*/ #content #leftCol_cart{border: 1px solid #9aadb5; clear:both; margin-bottom:15px; padding-bottom:15px} #content #leftCol_cart h2{width:auto; color:#21323C; padding:6px 6px 8px 12px; border-bottom:1px solid #9aadb5; min-height:20px; height:auto !important; height:20px;} #content #leftCol_cart h3{width:auto; padding:12px 10px 6px; display:block; clear:both;} #content .reg_secCol #leftCol_cart h2{width:255px;} #content #leftCol_cart .purchase_detail_hold{font-size:12px; font-weight:normal; position:relative; float:left; width:149px; display:block; margin:0; padding:10px 0 0 0; z-index: 100000;} #content #leftCol_cart .purchase_detail_hold a{font-size:14px; font-weight:bold; text-decoration:underline; color:#294150;} #content #leftCol_cart .purchase_detail_hold span{display:block; margin-bottom:12px; font-size:12px; color:#294150; font-weight:normal;} #content #leftCol_cart .image{float:left; width:90px; margin-right:14px; padding:0 0 20px} #content #leftCol_cart table.cartSummary td{padding-right:5px; padding-bottom:5px; line-height:18px;} #content #leftCol_cart table.cartSummary td table td{padding-right:0; padding-bottom:0;} #content #leftCol_cart table.cartSummary td div, #content #leftCol_cart table.cartSummaryEstimate td div{padding-left:10px;*/} /*#content #leftCol_cart table.cartSummaryEstimate #flight_info_nav{padding:0 10px;}*/ #content #leftCol_cart table.cartSummary td.carInfo_hold div{padding-bottom:10px; clear:both;} /* Pricing Options: Passenger list */ div.adultList, div.infantsList { padding: 0; } /*was in destinationResortListing.jsp*/ ul#sponsoredHotelList li { line-height: 1.7em; } ul#sponsoredHotelList li .smallStarRating { background: transparent url(/media/images/common/web/backgrounds/smallRatingStarsSponsored.gif) repeat-x scroll left top !important; } ul#sponsoredHotelList li .actualRating { background: url(/media/images/common/web/backgrounds/smallRatingStarsSponsored.gif) bottom left repeat-x; } #certificate a{font-size:11px; color:#AD0034;} /*Activities*/ #content #main #activitiesContent{clear:both; overflow:hidden; width:600px;} #content #main #activitiesContent h3{font-size: 16px; font-weight: normal;} #content #main #activitiesContent h4{margin-bottom:4px} #content #main #activitiesContent .special-content{border:#cdd5dd solid 1px; padding:15px; margin:15px 0} #content #main #activitiesContent .cities-content{clear:both; overflow:hidden; width:260px;} #content #main #activitiesContent .cities-content ul{width:130px; float:left; list-style-type:none;} #content #main #activitiesContent .cities-content ul li{padding:0 0 5px;} #content #main #activitiesContent .special-content ul{margin-left:10px;} #content #main #activitiesContent .special-content ul li{padding:0 0 5px;} #content #main #activitiesContent .top5-section{float:left; width:310px; padding-right:30px;} #content #main #activitiesContent .top5-section .content-hold{clear:both; overflow:hidden; padding:0 0 15px;} #content #main #activitiesContent .top5-section .content-hold .content{float:left; width:206px; padding-left:15px;} #content #main #activitiesContent .top5-section img{float:left; width:89px} #content #main #activitiesContent .general-section{float:left; width:260px;} /****FORMS*****/ /**New**/ #content #main .form-generic{padding:0; margin:0; clear:both;} #content #main .form-generic h3{color:#3D5A6C; margin:0} #content #main .form-generic h3.form-title{border-bottom: 1px solid #CBD4DC; padding:10px 0 0; margin-bottom:10px; clear:both} #content #main .form-generic td{padding:0 6px 10px 0} #content #main .form-generic p{padding:0; margin:12px 0} #content #main .form-generic select{width:auto;} #content #main .form-generic input, textarea{padding:0} #content #main .form-generic div{padding:12px 0 0; margin:0; clear:both;} #content #main .form-generic div label{width: 160px; float: left; clear: left; text-align: right; margin: 0 15px 0 0;} #content #main .form-generic div.fieldDetails{ float: left; color: #8e9ca5; clear:none; padding:0 0 0 10px} #content #main .form-generic div input{float:left; padding:0; margin:0} #content #main .form-generic div input.submit{float:none; padding-bottom:15px;} #content #main .form-generic div input.form-aligned{padding-left:196px} #content #main .form-generic div select{margin:0} #content #main .form-generic div select#formRegister_address_countryId, #content #main .form-generic div select#formRegister_billingAddress_countryId, #content #main .form-generic div select#formRegister_shippingAddress_countryId{margin-bottom:12px} #content #main .form-generic div.form-subsection{background:url(/media/images/common/web/backgrounds/bg_dotline.gif) repeat-x 5px} #content #main .form-generic div.inlineRadios label{clear:none; width:auto} #content #main .form-generic div.inlineRadios input{margin-right:10px;} #content #main .form-generic div#formRegister_formatEmail{ float: left; clear:none;} #content #main .form-generic .aeroplaninfos_hold input{margin-right:10px} #content #main .form-generic .aeroplaninfos_hold label{width:auto} #content #main .form-generic .aeroplaninfos_hold .special_checkbox input{float:none} #content #main .form-generic .aeroplaninfos_hold .special_checkbox label{display:inline; float:none} #content #main .form-generic .newsletterInfo_hold input{margin-right:10px; float:none} #content #main .form-generic .newsletterInfo_hold label{display:inline; float:none} #content #main .form-generic fieldset, #content #main .form-generic div.fieldset{clear:both; background:#fff; border:#CBD4DC solid 1px; padding:12px; margin:15px 0 3px; overflow:hidden;} #content #main .form-generic fieldset.odd, #content #main .form-generic div.odd{background:#ECEEF1;} #content #main .form-generic .floating-title{float:left; width:60%; display:block; overflow:hidden;} #content #main .form-generic .floating-title-option{clear:none; float:left; width:40%; display:block; overflow:hidden; text-align:right;} #content #main .form-generic #car_options{clear:both; overflow:hidden;} #content #main .form-generic #car_options p, #content #main .form-generic #car_options td, #content #main .form-generic #insurance_content td{margin:0; padding:0} #content #main .form-generic #car_options .select-car-hold{overflow:hidden; clear:both; padding:0 0 25px} #content #main .form-generic #car_options .select-car-option{width:75px; float:left; clear:none; text-align:center; padding-top:0} #content #main .form-generic #car_options .select-car-option label,#content #main .form-generic #car_options .select-car-option input{width:auto; margin:auto; float:none;} #content #main .form-generic #car_options .select-car-hold .image{width:100px; min-height:63px; height:auto !important; height:63px; float:left; padding-right:10px;} #content #main .form-generic #car_options .select-car-hold div.description{clear:none; width:399px; float:left; padding:0 10px 0 0;} #content #main .form-generic #car_options .navigation{clear:both; overflow:hidden; text-align:right; padding:10px 0 0; margin:10px 0 0; display: block; border-top: 1px solid #CBD4DC; } #content #main .form-generic #tour_options{clear:both; overflow:hidden;} #content #main .form-generic #tour_options .select-tour-hold{overflow:hidden; clear:both; padding:10px 0 25px} #content #main .form-generic #tour_options .select-tour-hold .image{display:block; width:100px; min-height:63px; height:auto !important; height:63px; float:left; padding-right:10px;} #content #main .form-generic #tour_options .select-tour-hold div.description{clear:none; display:block; width:399px; float:left; padding:0 10px 0 0;} #content #main .form-generic #tour_options .navigation{clear:both; overflow:hidden; text-align:right; padding:10px 0 0; margin:10px 0 0; display: block; border-top: 1px solid #CBD4DC; } #content #main .form-generic #insurance_options{clear:both; overflow:hidden;} #content #main .form-generic #insurance_options ul{clear:both; list-style-type:none; padding:5px 0 10px;} #content #main .form-generic #insurance_options ul li{float:left; padding-right:10px} #content #main .form-generic #insurance_options label{width:auto; float:none; margin:0 5px 5px 0} #content #main .form-generic .general-question label {clear:both; display:block; float:none; padding-top:12px; overflow:hidden; text-align:left; width:auto;} #content #main .form-generic .general-question input{float:none; margin-left:20px} #content #main .form-generic div.resetDivStyles{padding-top:0;} #content #main .resetLabelStyles label, #content #main .form-generic div.resetLabelStyles label{width:auto; text-align:left; float:none; display:block; clear:both;} #content #main .resetLabelStyles input, #content #main .form-generic div.resetLabelStyles input{margin:0 5px 0; float:none; display:inline;} #content #main .form-generic div#termsConditions {width: 560px; padding:10px; height:10em; overflow:auto; border: 1px solid rgb(154,171,183); background-color: rgb(255,255,255);} #rightCol #searchBookingsForm fieldset label{display:block; clear:both;} #rightCol #searchBookingsForm fieldset input{float:none; margin:0 5px; display:inline} #content #main .form-generic div#allowAgentAeroplan{line-height:30px;} /**END new**/ .basicForm p.description{clear:both; float:none; padding-bottom:15px;} .basicForm {} .basicForm ul { list-style: none; clear: both; } .basicForm .marginTop { margin-top: 13px ; } .basicForm fieldset {background: #f4f7fa; margin: 15px 0 3px 0; padding: 0 0 12px 0; display:block; clear:both;} .basicForm div.fieldset {background: #f4f7fa; margin: 15px 0 3px 0; padding: 0 0 3px 0; display:block; clear:both;} .basicForm h3, #content #main .tabsContainer .tabContent .basicForm h3 {color: #3d5a6c; margin: 0 0 8px 0 ;} .basicForm h3.dotted {background: url("/media/images/common/web/backgrounds/dottedLine.gif") bottom left repeat-x ; border-bottom: 7px #fff solid; margin: 0 0 13px 0; padding: 20px 0 6px 0; text-indent: 2px;} .basicForm label, .basicForm p.label, .basicForm div.inlineRadios p, .labelSpacer {width: 180px; float: left; clear: left; text-align: right; margin: 0 15px 10px 0;} .basicForm .doubleSelect {float: left;} .basicForm .doubleSelect select { clear: left; margin: 0 0 7px 0; } .basicForm label.radio {clear:none; text-align:left; width:142px; margin: 0; padding:1px 2px 3px 0;} .basicForm .radio input {clear:none ; float:left; width:14px; margin: 0 8px 0 0; padding:1px 0 1px 0;} .basicForm p.field { display: block; float: left; } .basicForm p.noMargin { margin: 0; } .basicForm label.checkbox {clear:none; text-align:left; width:auto ; margin:1px 1px 10px 10px ; padding:1px 0 1px 14px;} .basicForm label.checkbox input {float:left; width:14px; padding:0; margin: 0 7px 0 0;} .basicForm select {float: left; margin: 0 15px 12px 0;} .basicForm select option{width:auto; padding:0 10px 0 0} .basicForm select.country {float: left; margin: 0 15px 12px 0; width:188px;} .basicForm select.optionsDate {width:150px; float:none; margin-right:5px;} .basicForm select.optionsTicket {width:auto;} .basicForm input { float: left; margin: 0 15px 12px 0; width: 175px;} .basicForm .radio input {width:auto; border:0} .basicForm .fieldDetails { float: left; color: #8e9ca5; padding: 0} .basicForm .fieldDetailsUnder { float: left; color: #8e9ca5; width:310px; position:relative; top:-8px; margin: 0 0 0 150px; } .basicForm input.small { width: 58px; } .basicForm input.medium { width: 100px; } .basicForm input.large { width: 112px; } .basicForm input.submit { float: right; clear:right; margin: 5px 0 0 0; height:19px; padding:0; border:0; } body#en .basicForm input.submit {width:64px;} body#fr .basicForm input.submit {width:86px;} body#en .basicForm input.submitagain {width:99px;} body#fr .basicForm input.submitagain {width:99px;} .basicForm div.submit p.fRight { margin: 24px 0 0 0; } .basicForm .radioWrap { width: 170px; float: left; padding: 0 0 0 2px; clear: none; } .basicForm .radioWrap label { margin: 0; } .basicForm .radioWrapYesNoUnder { width: 55px; float: left; padding: 0 0 0 2px; clear: none; } .basicForm .radioWrapYesNoUnder label { margin: 0; } .basicForm p.title { padding-left:50px; } .basicForm fieldset input.upload { width:251px; height:19px; } .basicForm label.textarea {width: 250px; text-align: left; margin: 0 0 5px 34px;} .basicForm textarea { float: left; margin: 0 15px 12px 34px; width: 440px; height:130px; clear:both; } .basicForm .departureRight{float:left; background:url(/media/images/common/web/backgrounds/bg_leftCol_departure_trans.gif) 4px 4px no-repeat; line-height:45px; height:70px; text-indent:16px;} .basicForm .departureLeft {float:left; width:auto;} .basicForm fieldset h4 { font-size: 1.1em; margin: 10px 0 10px 20px; } .basicForm .preferences-sect .preferences-sect-hold input, .basicForm .preferences-sect .preferences-sect-hold label{display:inline; width:auto; clear:none; float:none; margin:0;} .basicForm label.textarea { width: auto; text-align: left; margin: 0 0 5px 17px;} /* ------------------------------------------------------------------------ Module 3 FORMS ------------------------------------------------------------------------- */ .basicForm fieldset.moreInfo { display: none; } .basicForm .radioWrapLarge{ width: 300px; float: left; padding: 0 0 0 2px; clear: none;} .basicForm .radioWrapLarge li { display: inline; float: left; margin: 0 0 -5px -20px; width: 125px;} .basicForm .departureRight {float:left; background:url(/media/images/common/web/backgrounds/bg_leftCol_departure_trans.gif) 4px 4px no-repeat; line-height:45px; height:70px; text-indent:16px;} .basicForm .departureLeft {float:left; width:auto;} .basicForm input.send {border:0; float:right; height:19px; margin: 24px 0 0 0; padding:0; width: 53px; } /* Extra info pour les basicForm */ .basicForm p{ margin: 0 16px 0 16px;float: left;} .basicForm .boxMargin p{margin: 0 16px 10px 16px; float: none;} .basicForm .boxMargin table p{margin: 0 16px 0 16px;} .basicForm td.noWrap{white-space: nowrap;} .basicForm table {margin: 12px 16px;} .basicForm .priceView table{margin: 0 0;} .basicForm td{padding: 0 6px 10px 0;} .basicForm th {font-weight: normal;text-align: left;} .basicForm tr.alignMiddle td {vertical-align: middle;} .basicForm tr.alignMiddle td input, .basicForm tr.alignMiddle td select {margin: 0;} /* Formulaire Booking payment */ .basicForm table.passengerInfo {/*float: left;*/clear:both;} .basicForm table.passengerInfo input {width: 96px;} .basicForm table.passengerInfo td span {color:#8996A0; font-size: 1em;} .basicForm .terms{width: 470px; margin-left: 16px;} .basicForm .blocImportant {background: #dfe9f0; display: block; padding: 12px 16px; margin-bottom: 12px;} .basicForm .subtitle {margin: 10px 16px 6px 16px;} .basicForm .bookNow {float: right; margin: 15px 0 0 0; height:19px; padding:0; border:0;} body#en .basicForm .bookNow {width: 82px;} body#fr .basicForm .bookNow {width: 79px;} .basicForm .demiColonne {width: 200px; float: left; margin: 15px 0 0 0;} /* Fin formulaire */ /* Override mais css pour form */ .basicForm h3 {color: #3d5a6c;} .basicForm #insurance_content td label, .basicForm #insurance_content td input {width: auto; margin-top:5px; padding-top:15px;} .basicForm #car_options td label, .basicForm #car_options td input{width:auto;} .basicForm input{margin-right:5px;} /*SimpleFormFieldset*/ .simpleFormFieldset div.boxMargin { padding-bottom: 4px;} .simpleFormFieldset div.footerBtn { padding:12px 0 0 0;} .simpleFormFieldset div.paymentBtn {padding:0;} .simpleFormFieldset div.paymentBtn input {border: none; padding: 0; margin:0; width: auto;} .simpleFormFieldset {} .simpleFormFieldset p { margin: 0; float: left;} .simpleFormFieldset td p {margin: 0 0 10px 0; float: left;} .simpleFormFieldset div { margin-top: 0; padding: 12px;} .simpleFormFieldset div div{padding: 0;} .simpleFormFieldset fieldset {background-color: #FFF; margin-top: 18px; border: 1px solid #cbd4dc;} .simpleFormFieldset h3 { background: none; border: 0; font-size: 16px; font-weight: normal;} .simpleFormFieldset fieldset.odd { background-color: #eceef1; /* 'zebra striping' for the fieldsets */} .simpleFormFieldset label { width: 160px;} .simpleFormFieldset .payment td label { padding-top:0;} .simpleFormFieldset td label {width: 100%; margin-top:5px; padding-top:15px;} .simpleFormFieldset #car_options, .simpleFormFieldset #car_options div, .simpleFormFieldset #car_options table tr td{margin:0; padding:0;} .simpleFormFieldset #car_options table { margin-top:0; margin-bottom:0;} .simpleFormFieldset #car_options td label {width: auto; margin-top:5px; padding-top:15px;} .simpleFormFieldset div.paymentCCMore{margin: 0 0 10px; display:block; position:relative; padding:30px 0 0; clear:both;} #validateInformation fieldset{padding: 12px; background-color: #FFF; margin-top: 18px; border: 1px solid #cbd4dc;} #validateInformation fieldset.odd {background-color: #eceef1;} #validateInformation h4{font-size:13px; line-height:16px; margin:0 0 5px; padding-top:0; color:#3D5A6C} #validateInformation .paymentBtn input{width:auto; border:0; padding:15px 0} #validateInformation table{padding:0; margin:0; } #validateInformation .preferences-sect{clear:both;} #validateInformation .preferences-sect .preferences-sect-hold{clear:both; width:570px; margin:0 auto; overflow:hidden; padding:15px 0 0;} #validateInformation .preferences-sect .preferences-sect-hold div{position:relative; float:left; width:190px; overflow:hidden; margin:0; padding:5px 0; display:block; } #validateInformation div div{padding:0; margin:0; width:100%;} #validateInformation .billingInfoDetails div{padding:0 0 10px; margin:0;} #validateInformation .fieldDetails{width:205px; padding:0; margin:0; position:relative} #validateInformation .fieldDetails a.jTip{top:0;} #validateInformation div div#correspondanceLanguage, #validateInformation div div#formRegister_formatEmail{width:200px;} #validateInformation div div.secureflight-passengerInfo{/*display:none;*/ background:#fff; padding:12px; margin-bottom:24px; border:#CBD4DC solid 1px; width:568px; overflow:hidden; display:block; clear:both;} #validateInformation div div.secureflight-passengerInfo select{width:60px; margin-right:5px} #validateInformation div div.secureflight-passengerInfo .moreinfos{display:none; position:relative; clear:both; line-height:22px; vertical-align:middle; padding:0; margin:0;} #validateInformation div div.secureflight-passengerInfo .moreinfos input{clear:both;float:none;} #validateInformation div div.secureflight-passengerInfo .moreinfos a{position:absolute; cursor:pointer; display:block; top:0; left:175px;} #validateInformation div div.secureflight-passengerInfo .moreinfos .infoLink-content{display:none; position:absolute;top:0; left:195px; width:190px; background:#fff; border:#CBD4DC solid 1px; padding:12px;} #validateInformation div div.secureflight-passengerInfo .infos-sect{width:369px; padding:0 10px 0 0; margin:0 10px 0 0; border-right:#9AABB7 solid 1px; float:left;} #validateInformation div div.secureflight-passengerInfo .infos-sect ul{list-style-type:none; margin:0; padding:0; overflow:hidden;} #validateInformation div div.secureflight-passengerInfo .infos-sect ul li{margin:0; padding:0 5px 0 0; float:left; display:block; line-height:30px; vertical-align:middle} #validateInformation div div.secureflight-passengerInfo .infos-sect ul li ul{padding-top:0; padding-bottom:0;} #validateInformation div div.secureflight-passengerInfo .infos-sect ul li ul li{line-height:17px;} #validateInformation div div.secureflight-passengerInfo .infos-sect ul li ul li.info1{padding-right:15px} #validateInformation div div.secureflight-passengerInfo .infos-sect ul li ul li input{border:0; width:auto; float:left;} #validateInformation div div.secureflight-passengerInfo .infos-sect ul li ul li label{width:auto; padding-rigth:5px} #validateInformation div div.secureflight-passengerInfo .note-sect{width:168px; margin:0; padding:0 10px 0 0; float:left;} #confirmBooking table.table-passengerInfo{margin:0; padding:20px 0 0; } #confirmBooking table.table-passengerInfo td{margin:0; padding:0 10px 0 0; } #confirmBooking .secureflight-passengerInfo ul{list-style-type:none; margin:0; padding:10px 0 0} #confirmBooking .secureflight-passengerInfo ul li{float:left; margin:0; padding:0 10px 0 0; display:block;} #content #main #groupProfileForm div.fieldDetails label{width:auto} #content #main #groupProfileForm select.floatingDrop{float:left; margin-bottom:5px; width:175px} #content #main #groupProfileForm div.fieldDetails input{margin:0 8px 0 0} #content #main #groupProfileForm div.wrapDeparture{padding-top:0} #content #main #groupProfileForm div.wrapDeparture div.departureLeft{float:left; width:459px; clear:none;} #content #main #groupProfileForm div.wrapDeparture div.departureLeft input{margin-right:15px;} #content #main #groupProfileForm div.wrapDeparture div.departureRight{float:left; width:135px; clear:none; margin:29px 0 0} #bookingDetails div ul{list-style-type:none; min-height:12px; height:auto !important; height:12px; margin:0; padding:0; display:block; clear:both;} #bookingDetails div.smallImageBrowser ul{height: 132px !important;} #bookingDetails div ul li{float:left; width:49%; display:block; margin:0; padding:5px 0} #bookingDetails ul.resortList li{clear:both; padding-bottom:20px; width:515px;} #content #main #bookingDetails .hotelInfos{clear:none; width:210px; padding-left:20px;} #content #main #bookingDetails ul.resortList li div.detailsContent{width:209px;} #bookingDetails div ul.simpleList2 li{float:none; margin:0; padding:0 0 5px 12px;} /* Block de resultat */ #content #main .blockResult {width: 100%; float: left;} /* Barre de titre de resultat */ #content #main .form-generic div.blockTitlebar {background: #DFE9F0 url(/media/images/common/web/backgrounds/bg_blockTitleBar.gif) repeat-x left top; margin: 0 0 10px 0; padding: 0 0 3px 0; /*height: 24px;*/ display: block; float: left; width: 100%; clear:none;} #content #main .form-generic div.blockTitlebar .barLeft {float: left; margin-left: 10px; padding:0; display: inline; overflow: hidden;} #content #main .form-generic div.blockTitlebar .barRight { display: inline; margin-right: 2px; padding:0; overflow: hidden;} #content #main .form-generic div.blockTitlebar .barTitle { float: left; width: auto; padding:0; margin-top: 8px; clear:none;} #content #main .form-generic div.blockTitlebar .barIcon { width: 70px; height: 24px; padding:0; float: left; margin-left: 8px; clear:none;} #content #main .form-generic div.blockTitlebar .barPrice {float: right; width: auto; margin-top: 8px; padding:0; clear:none;} #content #main .form-generic div.blockTitlebar .barPrice .aerMiles { color: #FDB93C; font-weight: bold; } #content #main .form-generic div.blockTitlebar .barQuestionmark { width: 13px; height: 16px; float: right; margin: 8px 5px 0 4px; padding:0; clear:none; overflow: hidden;}