/* Colour palette dark blue: #294150; red: #c23339; */ /* ------------------------------------------------------------------------ CSS IMPORT ------------------------------------------------------------------------- */ @import url('buttons.css'); @import url('titles.css'); @import url('tabs.css'); @import url('arc.css'); /* ------------------------------------------------------------------------ Redefinition ------------------------------------------------------------------------- */ * { margin: 0; padding: 0; border: 0; } table.fromCMS { border-left: 1px #c5d3d9 solid; border-top: 1px #c5d3d9 solid; margin: 10px 0; } table.fromCMS th, table.fromCMS td { padding: 5px; border-right: 1px #c5d3d9 solid; border-bottom: 1px #c5d3d9 solid; } body { text-align: center; font: 62.5%/1.2 Tahoma, Arial, Sans-Serif; background: #fff; /* Background image removed: Nov-2009 background: #fff url("/media/images/common/web/backgrounds/bodyBackground.jpg") top left repeat-x;*/ color: #294150; text-align: center; /* IE6 centering */ } input, select, textarea { border: 1px #ccc solid; } /* General font-size and color handling */ p,label,input,select,textarea { margin: 0 0 10px 0; } input, textarea { border: 0px #9aabb7 solid; color: #294150; padding: 1px 4px; } select { width: 80px; border: 1px #9aabb7 solid; color: #294150; padding: 0 0 0 4px; } 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: #0d61a2; } 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; color: } #content #leftCol .sweetDropDown a { text-decoration: none; } a:hover, a:visited:hover { text-decoration: none; } a:focus { outline: none; } .jTip { cursor:help; position:relative; margin: 0 0 0 3px; top: 2px; } .checkboxOff .jTip, .checkboxOn .jTip { top: 0; } .last { margin-bottom:0px; padding-bottom:0px; } #content #main strong { color: #3d5a6c; } /* ------------------------------------------------------------------------ General Classes ------------------------------------------------------------------------- */ .hide { display: none; } .fLeft { float: left; } .fRight { float: right !important; } .cBoth,.cboth { clear: both; } .cLeft { clear: left; } .cRight { clear: right; } .noMargin { margin: 0 !important; } .noPadding { padding: 0 !important; } .marginTop { margin-top: 10px !important; } .marginLeft { margin-left: 10px; } .marginLeftBig { margin-left: 20px; } .marginRight { margin-right: 10px; } .marginTopSmall { margin-top: 5px !important; } .marginBottomSmall { margin-bottom: 5px !important; } .marginBottom { margin-bottom: 15px !important; } .marginTopHigh { margin-top: 15px !important; } .padding { padding: 10px !important; } .paddingTop { padding-top: 15px !important; } #content #leftCol #submenu.paddingBottom { padding-bottom: 15px !important; } .noMarginTop { margin-top: 0px !important; } .noMarginBottom { margin-bottom: 0 !important; } .marginBottomHigh { margin-bottom: 50px !important; } .marginTop1px { margin-top: 1px !important; } .noPaddingBottom { padding-bottom: 0 !important; } .noPaddingRight { padding-right: 0 !important; } .noPaddingTop{ padding-top: 0 !important; } .paddingRight { padding-right: 10px !important; } .paddingRightSmall { padding-right: 5px !important; } .noBorder { border: 0 !important; } .noBorderRight { border-right: 0 !important; } .noMinHeight { min-height: 0 !important; } .dragUp { position: relative; top: -20px; } a.downArrow { padding: 0 13px 0 0; background: url(/media/images/common/web/backgrounds/downArrow.gif) 100% 6px no-repeat; } a.action, a.rightBlueArrow, a.action:visited, a.rightBlueArrow:visited { padding: 0 0 0 10px; background: url(/media/images/common/web/backgrounds/rightBlueArrow.gif) 2px 3px no-repeat; font-weight: bold; color: #0d61a2; text-decoration: underline; } a.action:hover, a.rightBlueArrow:hover, a.action:visited:hover, a.rightBlueArrow:visited:hover { text-decoration: none; } .fadedText { color: #88a9be !important; } .contentDetailsText { color: #3d5a6c !important; } .noBackground { background-image: none !important;} .noBullet { list-style: none; } a.more { color: #0d61a2 !important; font-weight: bold; } a.plus, a.minus { background: url(/media/images/common/web/icons/icon_plus.gif) right center no-repeat; color: #0d61a2 !important; 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 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 0 50px; } div.dottedBorder { background: url(/media/images/common/web/backgrounds/dottedLine.gif) top left repeat-x; padding: 10px 0 0 0; } div.borderBottom { background: url(/media/images/common/web/backgrounds/dottedLine.gif) bottom left repeat-x; padding: 0 0 15px 0; } .autoWidth .radioOff, .autoWidth .radioOn { width: auto !important; margin: 0 15px 0 0 !important; } /* ------------------------------------------------------------------------ Font-size handling ------------------------------------------------------------------------- */ a.action, a.action:visited, a.rightBlueArrow, a.rightBlueArrow:visited, #packageForm label,#packageForm-custom label { font-size: 0.9em !important; } #content #leftCol p, #header #topmenu div.newsTicker p, #header #topmenu div.newsTicker ul { font-size: 0.95em !important; } #footer p, #footer ul, ul.simpleList li, form#searchAgent label, form#searchBookings label, form.searchBookings label, #content #leftCol,#content #rightCol, #content #rating li span { font-size: 1em !important; } p, label, input, select, div.detailsBox li, table.simpleTable, .basicForm .fieldDetails, #content #leftCol #submenu ul li a, #content #main .errorBox ul li, #content #main .tabsContainer ul.tabs li span a, #content #main .tabsContainer .tabContent h6, #content #main .tabsContainer .tabContent .fullBlock .rightBlock h4, #content #main .tabsContainer .tabContent, #content #rating li, table.dottedTable tr th, table.dottedTable tr td, #content #leftCol #searchLoader p.bigger { font-size: 1.0em !important; } #content #main ul.simpleListNoBull li, /* ADDED TO MAKE DESTINATION LISTS MORE UNIFORM*/ #content #main ul.simpleList li, #content #main p, #content #main .errorBox h5, #content #main h3.releaseDate, #content #main, #content #leftCol .flightInfos p, #content #leftCol .flightInfos p strong {font-size: 1.05em !important;} #content #main ul.simpleList li ul.simpleList li, #content #main ul.simpleListNoBull li ul.simpleList li {font-size: 1.0em !important;} /* added to make destination list uniform */ textarea { font: 1.1em/1.5 Tahoma, Arial, Sans-Serif; } #header, h3, #content #main .tabContent h5 { font-size: 1.2em !important; } #content #leftCol #submenu h3 { font-size: 1.3em !important; } #content #main h6 {font-size:1.1em} /* ------------------------------------------------------------------------ MENU ------------------------------------------------------------------------- */ #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 !important; } #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 !important; } #header #topmenu ul.menu li.selected a, #header #topmenu ul.menu li.selected a:visited { background-color: #517188 !important; background-position: bottom center !important; } body#en #header #topmenu ul.menu li#m_home { width: 59px; } body#en #header #topmenu ul.menu li#m_home a { background: url("/media/images/en/web/menus/m_home.gif") no-repeat; } body#en #header #topmenu ul.menu li#m_vacationSearch { width: 107px; } body#en #header #topmenu ul.menu li#m_vacationSearch a { background: url("/media/images/en/web/menus/m_vacationSearch.gif") no-repeat; } body#en #header #topmenu ul.menu li#m_lastMinuteDeals { width: 119px; } body#en #header #topmenu ul.menu li#m_lastMinuteDeals a { background: url("/media/images/en/web/menus/m_lastMinuteDeals.gif") no-repeat; } body#en #header #topmenu ul.menu li#m_vacationWizard { width: 107px; } body#en #header #topmenu ul.menu li#m_vacationWizard a { background: url("/media/images/en/web/menus/m_vacationWizard.gif") no-repeat; } body#en #header #topmenu ul.menu li#m_travelInfo { width: 78px; } body#en #header #topmenu ul.menu li#m_travelInfo a { background: url("/media/images/en/web/menus/m_travelInfo.gif") no-repeat; } body#en #header #topmenu ul.menu li#m_travelShowroom { width: 117px; } body#en #header #topmenu ul.menu li#m_travelShowroom a { background: url("/media/images/en/web/menus/m_travelShowroom.gif") no-repeat; } body#fr #header #topmenu ul.menu li#m_home { width: 58px; } body#fr #header #topmenu ul.menu li#m_home a { background: url("/media/images/fr/web/menus/m_home.gif") no-repeat; } body#fr #header #topmenu ul.menu li#m_vacationSearch { width: 147px; } body#fr #header #topmenu ul.menu li#m_vacationSearch a { background: url("/media/images/fr/web/menus/m_vacationSearch.gif") no-repeat; } body#fr #header #topmenu ul.menu li#m_lastMinuteDeals { width: 184px; } body#fr #header #topmenu ul.menu li#m_lastMinuteDeals a { background: url("/media/images/fr/web/menus/m_lastMinuteDeals.gif") no-repeat; } body#fr #header #topmenu ul.menu li#m_vacationWizard { width: 132px; } body#fr #header #topmenu ul.menu li#m_vacationWizard a { background: url("/media/images/fr/web/menus/m_vacationWizard.gif") no-repeat; } body#fr #header #topmenu ul.menu li#m_travelInfo { width: 204px; } body#fr #header #topmenu ul.menu li#m_travelInfo a { background: url("/media/images/fr/web/menus/m_travelInfo.gif") no-repeat; } body#fr #header #topmenu ul.menu li#m_travelShowroom { width: 114px; } body#fr #header #topmenu ul.menu li#m_travelShowroom a { background: url("/media/images/fr/web/menus/m_travelShowroom.gif") no-repeat; } #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: 170px; height: 20px; margin: 0 0 0 8px; overflow: hidden; } #header #topmenu div.newsTicker ul li { position: absolute; display: block; width: 170px; height: 15px; overflow: hidden; top: 0; right: -170px; } 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; font-size: 1.1em !important; margin: 0 0 5px; padding: 0 0 0 13px; } ul.nameLinks li a { color: #0d61a2; } body.reward-program ul.nameLinks li ul { margin: 5px 0 0 0; } body.reward-program ul.nameLinks li ul li { font-size: 1em !important; padding-left: 13px !important; background: url(/media/images/common/web/backgrounds/bullet_menuLink.gif) 0 center no-repeat !important; } body.reward-program ul.nameLinks li { list-style: none; background: none !important; } /* ------------------------------------------------------------------------ SHELL ------------------------------------------------------------------------- */ #wrap { width: 967px; margin: 0 auto; text-align: left; } #header { position: relative; height: 83px; z-index: 1000; } #header a { color: #21323c; } #header #paranav { margin: 0 12px 0 0; } #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: none; } #header #paranav ul.account { float: right; margin: 5px 0 0 0; list-style: none; color: #fff; } #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: 5px 20px 0 0; position: relative; z-index: 1000; } #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: #88a9be; } #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: #97CBDD url(/media/images/common/web/backgrounds/locationSwitchBackground.gif) top left repeat-x; max-height: 400px; overflow-y: auto; overflow-x: hidden; } #header #paranav ul.languages li ul li { clear: both; margin-bottom: 3px; } #header #paranav ul.languages li ul li a { color: #294150 !important; text-decoration: none !important; white-space:nowrap; width: auto; } #header #paranav ul.languages li ul li a:hover { text-decoration: underline !important; } #header #paranav ul.languages li a.selected { position: relative; top: -2px; display: block; float: left; color: #294150 !important; border: 1px #51646f solid; background: #66a1c1 url(/media/images/common/web/backgrounds/arrowLanguageSelected.gif) 97% 50% no-repeat; padding: 2px 2px; } #header div.number { position: absolute; right: 12px; top: 35px; width: 127px; height: 14px; text-indent: -10000px; text-align: left; } body#en #header div.number { background: url(/media/images/en/web/titles/t_phoneNumber.gif) top left no-repeat; } body#fr #header div.number { background: url(/media/images/fr/web/titles/t_phoneNumber.gif) top left no-repeat; } #content { background: url(/media/images/common/web/backgrounds/contentBackground.png) top left repeat-y; } #content #leftCol { background: url(/media/images/common/web/backgrounds/leftColBackground.png) top left no-repeat; width: 190px; float: left; padding:0 10px; text-align:left; min-height: 193px; } #content #main { position: relative; z-index: 0; width: 515px; /* column width = 546, total side-padding: 15, width is: 546 - 15 = 531 */ padding: 15px 15px 17px 16px; float: left; } #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: 0 11px; } /* ------------------------------------------------------------------------ CONTENT ------------------------------------------------------------------------- */ /* ---------------------------- Header ----------------------------- */ #header #logoACV { position: absolute; top: 32px; left: 13px; width: 296px; height: 22px; text-indent: -10000px; } /* Changed images to JPG (November 2009) because they wanted logo changed and resized gif was looking bad */ body#en #header #logoACV { background: url(/media/images/en/web/logos/acvLogo.jpg) top left no-repeat; } body#fr #header #logoACV { background: url(/media/images/fr/web/logos/acvLogo.jpg) top left no-repeat; } /* ---------------------------- Title banner ----------------------------- */ #titleBanner { 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; } #titleBanner img { margin: -50px 0 0 0; } /* ---------------------------- Footer ----------------------------- */ #footer { padding: 15px 0 30px 0; background: url(/media/images/common/web/backgrounds/doubleDottedStroke.gif) top left repeat-x; } #footer p { float: left; } #footer ul { list-style: none; float: right; } #footer ul li { display: block; float: left; padding: 0 8px; background: url(/media/images/common/web/backgrounds/footerSeparator.gif) top right no-repeat; } #footer ul li.last { background: none; padding-right: 0; } #footer ul li a { color: #8495a3; text-decoration: none; } #footer ul li.selected a { color: #11578b; font-weight: bold; } /* ---------------------------- 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 { float: left; margin: 5px 0 5px 0; width: 440px; } #content #main h2.withRating {width: 370px; } #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; margin: 11px 0 0 0; } #content #main div.utilities a { float: right; margin: 0 0 0 12px; } #content #main img.fLeft { margin: 0 5px 8px 0; } #content #main img.fRight { margin: 0 0px 0px 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 .contentFooter { clear: both; width: 100%; padding: 15px 0 0 0; background: url(/media/images/common/web/backgrounds/dottedLine.gif) top left repeat-x; } #content #main .contentFooter a.rightBlueArrow { position: relative; top: -5px; } #content #main .dotline { clear: both; margin: 10px 17px 5px 17px; height: 1px; background: url(/media/images/common/web/backgrounds/bg_dotline.gif) top left repeat-x; } #main .tabContent h5 span { font-size: .9em; position: absolute; top: 0; right: 0px; } div.top-five-wrapper, div.promotions-wrapper { display: block; margin-bottom: 8px; font-size: 1em; } #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; } #main .third h6 { margin-bottom: 8px; font-weight: bold; } #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 { /* FF */ vertical-align:middle; display:-moz-inline-block; display:-moz-inline-box; /* all others */ display:inline-block; } #main a.doc-icon { /* FF */ vertical-align:middle; display:-moz-inline-block; display:-moz-inline-box; /* all others */ 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: 0px solid red; } #content #main .resort-wrapper img.fLeft { margin: 0 11px 0 0; } .resort-wrapper { margin-bottom: 1em; } /* ---------------------------- DESTINATION ----------------------------- */ #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: 0px 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:#0d61a2;} #content #main .imageBrowser div span img{padding:2px 4px;} #content #main .imageBrowser div span a {margin:2px 4px 0px 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; margin: 0; } #content #main .smallImageBrowser div { width:176px; height:18px; padding:0 7px; background:#d4d9dd; line-height:18px; margin: 0; } #content #main .smallImageBrowser div a { font-weight:bold; color:#0d61a2; } #content #main .smallImageBrowser div span img{ padding:2px 4px; } #content #main .smallImageBrowser div span a { margin:2px 4px 0px 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; } #content #main div.smallImageBrowser ul li { margin: 0; } #content #main .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:#3d5a6c; position:relative; display:block; } #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;} /* 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; /* real width 530px */ 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 0pt 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 ----------------------------- */ .leftCol fieldset { margin: 0; padding: 0; display:block; position:relative; clear:both; } .basicForm { } .basicForm ul { list-style: none; clear: both; } .basicForm .marginTop { margin-top: 13px !important; } .basicForm fieldset { background: #f4f7fa; margin: 15px 0 3px 0; padding: 0 0 3px 0; display:block; position:relative; 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; background: #fff !important; border-bottom: 7px #fff solid; text-indent: 2px; margin: 0 0 8px 0 !important; } .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 { width: 134px; float: left; clear: left; text-align: right; margin: 0px 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: 0px; padding:1px 0 3px 0; } .basicForm .radio input { clear:none !important; float:left; width:14px; margin: 0 8px 0 0px; padding:1px 0 1px 0; } .basicForm p.field { display: block; float: left; } .basicForm label.checkbox { clear:none !important; text-align:left !important; width:auto !important; margin:1px 1px 10px 10px !important; padding:1px 0 1px 14px; } .basicForm label.checkbox input { float:left; width:14px; padding:0; margin: 0 7px 0 0px; } .basicForm select {float: left; margin: 0 15px 12px 0;} .basicForm input { float: left; margin: 0 15px 12px 0; width: 175px; } .basicForm .radio input {width:auto;} .basicForm .fieldDetails { float: left; color: #8e9ca5; } .basicForm .fieldDetailsUnder { float: left; color: #8e9ca5; width:310px; position:relative; top:-8px; margin: 0 0 0 150px; } select.xsmall { width: 50px; } select.small { width: 90px; } select.medium { width: 100px; } select.large { width: 112px; } select.xlarge { width: 175px; } select.xxlarge { width: 146px; } .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: 0px; } .basicForm .radioWrapYesNoUnder { width: 55px; float: left; padding: 0 0 0 2px; clear: none; } .basicForm .radioWrapYesNoUnder label { margin: 0px; } .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; } form#searchAgent, form#searchBookings, form.searchBookings { margin: 10px 0 0 0; } form#searchAgent label, form#searchBookings label, form.searchBookings label, form#searchBookings p.label, form.searchBookings p.label { display: block; color: #294150; margin: 0 0 2px 0; } form#searchAgent input, form#searchBookings input, form.searchBookings input { width: 170px; margin: 0 0 5px 0; border: 1px #b9bcbb solid; background: #fff url(/media/images/common/web/backgrounds/sweetDropDown_pattern.gif) top left repeat-x; } form#searchAgent input.submit, form#searchBookings input.submit, form.searchBookings input.submit { height: 19px; border: 0; background: none; padding: 0; margin: 3px 0 0 0; } body#en form#searchBookings input.submit, body#en form.searchBookings input.submit { width: 63px; } body#fr form#searchBookings input.submit, body#fr form.searchBookings input.submit { width: 86px; } form#searchAgent label.checkboxOn, form#searchAgent label.checkboxOff, form#searchBookings label.checkboxOn, form#searchBookings label.checkboxOff, form.searchBookings label.checkboxOn, form.searchBookings label.checkboxOff { margin: 0 0 5px 0 !important; } #packageForm {} .packageForm input { background:#f9f8f3; width:60px; height:13px; float:left; margin: 3px 5px 5px 0; padding: 2px 2px 0 2px; } .packageForm label { width:130px; margin: 0 0 5px 0; padding:0; float:left; } .packageForm .departureLeft label { width:70px; margin: 0 0 5px 0; padding:0; float:left; } .packageForm input.submit { float:left; margin:3px 0 0 0; height:19px; width:63px; padding:0; border:0; clear:both; } body#fr .packageForm input.submit { width: 85px; } body#fr .overlayContentContainer .packageForm input.submit { width: 216px; } body#en .overlayContentContainer .packageForm input.submit { width: 169px; } .packageForm .departureLeft { float:left; width:70px; } .packageForm .departureLeft select { margin: 4px 0 0 0; } .packageForm .departureRight { text-align: center; float:left; width: 40px; background:url(/media/images/common/web/backgrounds/bg_leftCol_departure_trans.gif) top left no-repeat; height:40px; padding: 12px 0 0 6px; margin: 27px 0 0 0; } div#homeContainer .packageForm .departureRight { margin: 22px 0 0 0; } .packageForm label.checkbox input { float:left; width:14px; padding:0; margin: 0 7px 0 0px; } .packageForm select { width: 170px; padding: 0; } .packageForm select.xsmall { width: 65px; } #interest fieldset { padding:12px 0 23px 0; position:relative; } #destination fieldset { padding:12px 0 14px 0; position:relative; } .packageForm .radioOff, .packageForm .radioOn { padding: 1px 0 1px 20px; } /* ---------------------------- 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: #d4d9dd; list-style: none; margin: 10px 0 0; padding: 4px 5px; } ul.navigation a { color: #0d61a2; } ul.navigation a.asc, ul.navigation a.asc:visited { font-weight: bold; padding: 0 15px 0 0; background: url(/media/images/common/web/backgrounds/arrowUp.gif) center right no-repeat; } ul.navigation a.desc, ul.navigation 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 3px; } 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 !important; } #content #leftCol ul.tabsContainer li.current a { text-decoration:none;; color:inherit !important; color:#294150 !important; } #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 7px 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; } #content #main .tabsContainer { clear: both;margin: 0 -7px 0 -8px; position:relative; } #content #main .tabsContainer ul.tabs { position: relative; bottom: -1px; list-style: none; border-left: 1px solid #c5d3d9; } #content #main .tabsContainer ul.tabs li { position:relative; float: left; border-top: 1px solid #c5d3d9; border-bottom: 1px solid #c5d3d9; padding: 0 0 0 5px; background: url("/media/images/common/web/backgrounds/tabNotCurrentBg.gif") top left repeat-x; } #content #main .tabsContainer ul.tabs li.current { position:relative; z-index:1000;display:block; border-bottom: 1px solid #fcfcfc; background: #fcfcfc url("/media/images/common/web/backgrounds/tabCurrentBackground.gif") top left repeat-x; } #content #main .tabsContainer ul.tabs li span { position:relative; border-right: 1px solid #c5d3d9; padding: 5px 11px 6px 3px; font-weight: bold; display: block; } #content #main .tabsContainer ul.tabs li span a { position:relative; background: url("/media/images/common/web/backgrounds/rightDottedArrow.gif") 0px 3px no-repeat; padding: 0 0 0 12px; display: block; color: #5a7f98; text-decoration: none; } #content #main .tabsContainer ul.tabs li.current span a { background: url("/media/images/common/web/backgrounds/downBlueArrow.gif") 0px 5px no-repeat; color: #3d5a6c; } #content #main .tabsContainer .tabContent { background: url("/media/images/common/web/backgrounds/tabContentBackground.gif") top left no-repeat; min-height: 92px; padding: 10px 12px; /* position:relative; BUG on IE (additional spacing between the tabs and the box )*/ z-index:1; } #content #main .tabsContainer .tabContent h3, #content #main .tabsContainer .tabContent p { padding: 4px 0; } #content #main .tabsContainer .tabContent h6 { margin: 0 0 5px 0; } #content #main .tabsContainer .tabContent h3 { background: url(/media/images/common/web/backgrounds/dottedLine.gif) bottom left repeat-x !important; color: #3d5a6c; } #content #main .tabsContainer .tabContent h3.tagline { background: none; margin: 0; color: #3D5A6C; text-indent: 0; } #content #main .tabsContainer .tabContent .fullBlock { padding: 0; } #content #main .tabsContainer .tabContent .fullBlock .logos { width: 178px; /* real width 195 */ padding: 0 17px 0 0; margin: 13px 0 0 0; float: left; text-align: right; } #content #main .tabsContainer .tabContent .fullBlock .rightBlock { width: 195px; padding: 0 0 0 15px; margin: 23px 0 0 196px; } #content #main .tabsContainer .tabContent .fullBlock .rightBlock p.action{ position: relative; top: -15px; } #content #main .tabsContainer .tabContent .fullBlock .rightBlock h4 { color: #294150; } /* ---------------------------- 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 { float:left; width: 189px; min-height: 125px; padding: 14px 0px 0 0px !important; text-align: left; margin: 0; } #content #leftCol #submenu h3 { color: #294150; font-weight: normal; } #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: #344b59; font-weight: bold; } #content #leftCol #submenu ul { list-style: none; } #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: #0d61a2; 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; } #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: 7px 2px 20px 4px; margin: 0 1px 0 1px; } #content #leftCol .package p { position:relative; clear:both; } #content #leftCol .packageWrap { background:#fff url(/media/images/common/web/backgrounds/bg_leftcol_package.gif) top left repeat-x; clear:both; z-index:2000; } #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 !important; height: 36px; line-height: 46px; margin: 0; padding: 10px 0 0 55px !important; } p.big { font-size: 1.2em !important; font-weight: bold; } #content #rightCol div.sidebarInfo ul.simpleList { margin: 0px 10px !important; padding: 0 !important; } #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; } #content #rightCol h5 { position: relative; background-position: center left; margin: 15px 0 0px 0 !important; 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:0px !important; padding-bottom:0px !important; } #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 0px 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: #0d61a2; } #termsConditions ul.simpleList{ position:static;} #termsConditions ul.simpleList li{margin: 0 0 0 10px; position:static;} ul.simpleListNoBull li { color: #0d61a2; } /* ADDED */ ul.simpleListNoBull { list-style: none; line-height: 1.5em;} /* More spacing between elements */ ul.simpleListNoBull li { background: none !important; } ul.simpleListNoBull li ul li { background: url(/media/images/common/web/backgrounds/bullet.gif) 0 5px no-repeat !important; } 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:0px; 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;} /* 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 { border-left:1px solid #94aeb8; } .calendarTable { float:left; margin:18px 5px 0 5px; } #fc { width:229px; height:201px; position:absolute; z-index:30000; 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 { 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 !important; } #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; !important; } #main ul.listThreeCols li + li { width: 181px; !important; } #main ul.listThreeCols li + li +li { width: 120px; !important; } /* 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; } 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 !important; padding: 0;} ul.simpleList2 li { font-size: 1.1em; padding: 0 0 0 8px !important; margin: 0 0 5px 0 !important; background: url(/media/images/common/web/backgrounds/bullet.gif) 0 5px no-repeat; } ul.resortList li div { margin-left: 210px; } ul.carList li div { margin-left: 160px; } ul.resortList li div.detailsContent { margin-left: 0; } 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% !important; } ul.formOneCol li { padding: 3px 0;} ul.formTwoCols li label, ul.formOneCol li label {margin:0!important;} .golfBack { background: #e7eef1; border-left: 1px solid #dee7ec !important; border-right: 1px solid #dee7ec !important; margin: 0 2px 0 0 !important; } .golfTop { border-top: 1px solid #dee7ec !important;} .golfBottom { border-bottom: 1px solid #dee7ec !important; } 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 !important;} #content #rightCol p.twoline { color: #8996a0; line-height: 18px; height: 1em; margin-bottom: 21px;} #content #rightCol p.twoline label { color: #294150;} #content #rightCol p.twoline label span {color: #8996a0;} #content #rightCol p.twoline select { width: 100%; } #content #rightCol p.onelineRating { color: #8996a0; margin: 0px; border: 0px solid red; height: 1em;} #content #rightCol p.onelineRating label { color: #294150; float: left; margin-right: 10px; width: 86px; position: relative; top: 2px; border: 0px solid red} #content #rightCol p.onelineRating select { width: 42px;} #content #rightCol p.onelineRating span { margin-left: 0px; float: right; position: relative; top: 2px; border: 0px 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 !important; 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; } /* ------------------------------------------------------------------------ Browse By Interest ------------------------------------------------------------------------- */ body.browse-by-interest #wrap h2 { margin-bottom: 0 !important; } /* ------------------------------------------------------------------------ Top 5 List ------------------------------------------------------------------------- */ body.top-5-list #wrap h2, body.sitemap #wrap h2 { margin-bottom: 0 !important; } body.top-5-list #wrap h6 { margin-bottom: 5px; } body.promotions #wrap h2, body.may-we-suggest #wrap h2 { margin-bottom: 10px !important; } #overlay { position: absolute; top: 0; left: 180px; z-index: 1000; opacity: 0.5; } /* ------------------------------------------------------------------------ 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; } .basicForm label.textarea { width: auto; text-align: left; margin: 0 0 5px 17px; border: 0px solid teal; } #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; } div.tabContent .third.last { margin-right: 0; } div.tabContent .third.indented { width: 149px; padding-left: 10px; } #main .third h6 { margin-bottom: 8px; font-weight: bold; } #main .third li { margin-bottom: 9px; } #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; } /* ------------------------------------------------------------------------ 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: 0px solid teal; } .errorBox2 div h3.error { font-size: 1.5em !important; margin: 0 0 5px 0 !important; color: #3d5a6c !important; } #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 !important; } 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 !important; } /* ------------------------------------------------------------------------ Last Minute Deals ------------------------------------------------------------------------- */ 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: #0d61a2; 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 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; } /* ------------------------------------------------------------------------ Overlay Code ------------------------------------------------------------------------- */ div.overlay { background: #000; position: absolute; top: 0; left: 0; z-index: 5000; width: 100%; height: 100%; display: none; } div.overlayContainer { position: absolute; top: 0; left: 0; background: url(/media/images/common/web/backgrounds/overlayContainerBackground.png) top left repeat; padding: 4px; z-index: 6000; display: none; } div.overlayContainer div.overlayContentContainer { padding: 2px; border: 2px #54738a solid; background: #f4f7fa url(/media/images/common/web/backgrounds/overlayContentPattern.gif) top left repeat-x; } div.overlayContainer div.overlayContentContainer div.overlayContent { border: 1px #54738a dotted; padding: 6px; text-align: left; } div.overlayContainer div.overlayContentContainer div.overlayContent h4 { padding: 0 0 0 13px; background: url(/media/images/common/web/backgrounds/arrowTitle.gif) 0 5px no-repeat; } div.overlayContainer div.overlayContentContainer div.overlayContent a#btnClose, div.overlayContainer div.overlayContentContainer div.overlayContent a.btnClose { position: absolute; top: 15px; right: 15px; border: 1px #54738a solid; padding: 2px; background-position: center center; z-index: 10000; } div.overlayContainer div.overlayContentContainer div.overlayContent form { padding: 15px 20px 0 20px; position: relative; } div.overlayContainer div.overlayContentContainer div.overlayContent form input.submit { position: absolute; bottom: 0; right: 10px; } div.overlayContainer div.overlayContentContainer div.overlayContent form .colLeft { float: left; width: 200px; } div.overlayContainer div.overlayContentContainer div.overlayContent form.passengerModifyOverlay { padding-bottom: 5px; } div.overlayContainer div.overlayContentContainer div.overlayContent form.passengerModifyOverlay .colLeft { width: 125px; } div.overlayContainer div.overlayContentContainer div.overlayContent form.passengerModifyOverlay .colLeft select { width: 40px; } div.overlayContainer div.overlayContentContainer div.overlayContent form.passengerModifyOverlay .colRight { width: 230px; } div.overlayContainer div.overlayContentContainer div.overlayContent form.passengerModifyOverlay input.submit { border: 0; padding: 0; } div.overlayContainer div.overlayContentContainer div.overlayContent form .colRight { float: right; width: 200px; margin: 0 0 0 40px; } div.overlayContainer div.overlayContentContainer div.overlayContent form div.radio { margin: 5px 0 0 0; } div.overlayContainer div.overlayContentContainer div.overlayContent form div.radio label { font-size: 1.1em !important; margin: 0 0 7px 0 !important; } div.overlayContainer div.overlayContentContainer div.overlayContent form div.radio label.radioOn { background-position: 0 0; } div.overlayContainer div.overlayContentContainer div.overlayContent form label { display: block; float: none; margin: 0 0 3px 0; width: auto !important; } div.overlayContainer div.overlayContentContainer div.overlayContent form label.checkboxOn, div.overlayContainer div.overlayContentContainer div.overlayContent form label.checkboxOff { float: left; position: relative; left: -20px; padding: 0 0 0 20px; display: inline; } div.overlayContainer div.overlayContentContainer div.overlayContent form input { float: none; clear: left; margin: 0 0 10px 0; } div.overlayContainer div.overlayContentContainer div.overlayContent form select { margin: 0 0 10px 0; } div.overlayContainer div.overlayContentContainer div.overlayContent div.withChildren p { margin: 0; } div.overlayContainer div.overlayContentContainer div.overlayContent div.withChildren table.bookingPassengers { width: 170px; } div.overlayContainer div.overlayContentContainer div.overlayContent div.withChildren table.bookingPassengers td.label { width: 85px; } div.overlayContainer div.overlayContentContainer div.overlayContent div.withChildren table.bookingPassengers td span.light { color: #9aabb7; } div.overlayContainer div.overlayContentContainer div.overlayContent div.withSeniors p { margin: 0; } div.overlayContainer div.overlayContentContainer div.overlayContent div.withSeniors table.bookingPassengers { width: 170px; } div.overlayContainer div.overlayContentContainer div.overlayContent div.withSeniors table.bookingPassengers td.label { width: 85px; } div.overlayContainer div.overlayContentContainer div.overlayContent div.withSeniors table.bookingPassengers td span.light { color: #9aabb7; } .withChildren, .withSeniors { clear: left; } #passengerContainerCustom, #passengerContainer { width: 410px; } /* ------------------------------------------------------------------------ Modify Bookin Table ------------------------------------------------------------------------- */ table.bookingPassengers { float: left; width: 350px; font-size: 1em !important; margin: 5px 0 10px 0; } table.bookingPassengers th { width: 70px !important; font-weight: normal; } table.bookingPassengers th span { font-size: 0.9em !important; color: #9aabb7; } table.bookingPassengers td select { width: 40px; margin: 1px 0 0 0 !important; } /* ------------------------------------------------------------------------ 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 ul.cta { margin: 10px 0 20px 0; padding: 10px 0 0 0; } ul.cta li { clear: both; } table.dottedTable { width: 515px; margin: 0 0 10px 0; border-collapse: collapse; } .tabContent table.dottedTable { width: 505px; } .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 !important; } 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 9px; background: #e7eeef; } table.dottedTable tr td { background: #f0f3f7; border: 0; } table.dottedTable tr.alt td { background: #e3e7eb; } 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 !important; } 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; } /* ------------------------------------------------------------------------ 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 !important; } .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; } /* ------------------------------------------------------------------------ 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; } /* Style pour divers notes */ #content #main .note { font-size: 0.9em !important; color: #7b8489; margin-bottom: 3px; } #content #main .note strong { color: #7b8489; } /* Override du css principal pour corriger le padding et la hauteur */ #content #main ul.navigation { padding: 2px 10px; height: 14px; line-height: 14px; } /* Fix pour explorer 6 */ * html ul.navigation { height: 18px; } /* Menu steps */ #content #main #menuSteps { width: 100%; height: 50px; margin-bottom: 40px; } #content #main #menuSteps ul { list-style: none; } #content #main #menuSteps ul li{ display: block; float: left; width: 20%; text-align: center; } /* Block de resultat */ #content #main .blockResult { width: 100%; float: left; } /* Barre de titre de resultat */ #content #main .blockTitlebar { background: url(/media/images/common/web/backgrounds/bg_blockTitleBar.gif) repeat-x bottom left; margin: 0 0 10px 0; padding: 0; height: 24px; display: block; float: left; width: 100%; } #content #main .blockTitlebar .barLeft { float: left; margin-left: 10px; display: inline; overflow: hidden; } #content #main .blockTitlebar .barRight { display: inline; margin-right: 2px; overflow: hidden; } #content #main .blockTitlebar .barTitle { float: left; width: auto; margin-top: 8px; } #content #main .blockTitlebar .barIcon { width: 70px; height: 24px; float: left; margin-left: 8px; } #content #main .blockTitlebar .barPrice { float: right; width: auto; margin-top: 8px; } #content #main .blockTitlebar .barQuestionmark { width: 13px; height: 16px; float: right; margin: 8px 0 0 4px; overflow: hidden; } /* 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 !important; 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 !important; float: right; font-weight: bold; } #content #main a.btnPlus:hover { background-position: -19px right; } /* 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 !important; } #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; padding-right: 2px; white-space:nowrap; } * html .dottedTable tr td input { border: 0; padding: 0; } /* 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 !important; font-size: 1em !important; } .blockLogin label { width: 74px; float: left; clear: left; text-align: right; margin: 0px 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; } /* 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 0px 16px; } .basicForm td.noWrap { white-space: nowrap !important; } .basicForm table { margin: 12px 16px; } .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; } /* 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: 80px !important; } /* Formulaire Booking payment */ .basicForm table.passengerInfo { float: left; } .basicForm table.passengerInfo input { width: 76px; } .basicForm table.passengerInfo td span { color:#8996A0; font-size: 1em; } .billingInfo h3 { margin: 0 !important; } .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 !important; height:19px; padding:0 !important; border:0; } body#en .basicForm .bookNow { width: 82px !important; } body#fr .basicForm .bookNow { width: 145px !important; } .basicForm .demiColonne { width: 200px; float: left; margin: 15px 0 0 0; } /* Fin formulaire */ #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; width: 390px; } /* Generic CSS */ #content #main .valignMiddle { padding: 10px 0; } .marginBottomMed { margin-bottom: 8px !important; } .marginBottomBig { margin-bottom: 15px; } .marginTopBig { margin-top: 30px !important; } #content .note { font-size: 1em !important; color: #7b8489; font-weight: normal !important; } #content .plus { font-size: 1em !important; } #content .noteColor { color: #7b8489; } .smallType { font-size: 10px !important; } /* Override du css de base mais cette solution n'est peut-etre pas la bonne */ .basicForm fieldset { padding-bottom: 12px; } /* 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; } /* Override mais css pour form */ .basicForm h3 { color: #3d5a6c; } /* ------------------------------------------------------------------------ Left column ------------------------------------------------------------------------- */ /* Override pour submenu */ #content #leftCol #submenu { min-height: 0; margin-bottom: 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 !important; } #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; } /* ------------------------------------------------------------------------ HOME ------------------------------------------------------------------------- */ #homeContainer { position:relative; display:block; width: 967px; height: 443px; } #homeContainer .homeToggle { display:none; z-index:5000; /* added z-index 5000 */ } #homeContainer #content #leftCol #packageDiv div.overlayContainer { top: 305px; left: 50px; display: none; width: 420px; } #homeContainer #content #leftCol #custom div.overlayContainer { top: 375px; left: 50px; display: none; width: 420px; } #homeContainer #content #leftCol { position:absolute; bottom: 0; left: 16px; background: #f4f7fa url(/media/images/common/web/backgrounds/bg_home_goingTo.gif) top left repeat-x; padding: 0 15px !important; height: 440px; z-index: 6000 !important; } body#fr #homeContainer #content #leftCol form fieldset .fLeft { width:110px;} body#en #homeContainer #content #leftCol form fieldset .fLeft { width:100px;} #homeContainer #content #leftCol.travelAgent label.radioOff { width:62px !important; clear:both; } #homeContainer #content #leftCol.travelAgent label.radioOn { width:62px !important; clear:both ;} #homeContainer #content #leftCol .package { background: url(/media/images/common/web/backgrounds/bg_bottom_package_home.gif) bottom left repeat-x; } #homeContainer .packageWrap label.marginTop { margin-top: 5px !important; } #homeContainer .packageWrap .wrapDeparture label, #homeContainer .packageWrap .wrapDeparture select { margin-bottom: 2px !important; } #homeContainer h2 { position: relative; top: 30px; left: 15px; } #homeContainer .goingTo { position:absolute; bottom:0; left:253px; } #homeContainer .interrestedIn { position:absolute; bottom:0; left:253px; } #homeContainer .suggest { position:absolute; bottom:0; right:19px; } #homeContainer .suggest .listing { padding:0 10px 45px 10px; } #homeContainer .suggest .listing ul { padding:0 0 20px 0; width: 500px; } #homeContainer .suggest .listing ul li { display: block; width:200px; float: left; margin: 0 10px 0 0; } #homeContainer .promoTitle { float:left; padding: 10px 0 5px 0; background: url(/media/images/common/web/backgrounds/bg_grey_dotted.gif) bottom left repeat-x; color:#3d5a6c; font-size:1.15em; } #homeContainer .promoTitle a {color:#0d61a2; font-size:0.9em;} #homeContainer .suggest .topFives { float:left; width:469px; } #homeContainer .topFives .promoTitle {width:436px;margin: 0 0 15px 0;} #homeContainer .suggest .promotion { float:left; width:163px; } #homeContainer .promotion .promoTitle {width:145px;} #homeContainer .suggest .promotion img { float:left; padding: 7px 0 0 0;} #homeContainer .goingTo .title, #homeContainer .interrestedIn .title, #homeContainer .suggest .title { position:relative; width: 210px; height: 37px; display: block; background: url(/media/images/common/web/backgrounds/bg_title_home.gif) top left repeat-x; border-top:1px solid #56758b;border-left:1px solid #56758b;border-right:1px solid #56758b; bottom:-2px; z-index:1000; padding: 0 0 0 8px; } #homeContainer .interrestedIn .title {margin: 0 0 0 235px;} #homeContainer .suggest .title { margin: 0 0 0 434px; } #homeContainer .goingTo h3.title, #homeContainer .interrestedIn h3.title, #homeContainer .suggest h3.title { position: relative; display:block; padding: 15px 0 5px 0; background-position: 0 8px; } #homeContainer .goingTo h3.title span, #homeContainer .interrestedIn h3.title span, #homeContainer .suggest 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; } #homeContainer #t_goingto, #homeContainer #t_interested, #homeContainer #t_suggest { position: relative; margin:0 !important; padding:0 !important; display:block; width:200px; height:37px; text-indent:-10000px; border:0; } #homeContainer #t_goingto a, #homeContainer #t_interested a, #homeContainer #t_suggest a { position: relative; display:block; width:200px; height:37px; text-indent:-10000px; } #homeContainer #t_vacation a { position: relative; display:block; width:200px; height:37px; text-indent:-10000px; } body#en #homeContainer #t_goingto { background:url(/media/images/en/web/menus/tabs_goingTo.gif) 7px 0 no-repeat; } body#en #homeContainer #t_interested { background:url(/media/images/en/web/menus/tabs_interestedIn.gif) 7px 0 no-repeat; } body#en #homeContainer #t_suggest { background:url(/media/images/en/web/menus/tabs_mayWeSuggest.gif) 7px 0 no-repeat; } body#fr #homeContainer #t_goingto { background:url(/media/images/fr/web/menus/tabs_goingTo.gif) 7px 0 no-repeat; } body#fr #homeContainer #t_suggest { background:url(/media/images/fr/web/menus/tabs_mayWeSuggest.gif) 7px 0 no-repeat; } body#fr #homeContainer #t_interested { background:url(/media/images/fr/web/menus/tabs_interestedIn.gif) 7px 0 no-repeat; } #homeContainer .interrestedIn .listing {height:250px;} #homeContainer .interrestedIn .listing ul {width:218px; } #homeContainer .interrestedIn .listing ul li { width:200px; font-size:1em !important; } #homeContainer .listing { float:left; background: #f4f7fa url(/media/images/common/web/backgrounds/bg_home_goingTo.gif) top left repeat-x; border:1px solid #56758b; } #homeContainer .listing ul.destinationHomeUl {width:155px;} #homeContainer .listing ul { width:168px; padding:5px 0 20px 13px; float:left; list-style:none; margin:0; } #homeContainer .listing ul.destinationHomeUl li { width:145px; } #homeContainer .listing ul.destinationGroupHomeUl { width:176px; padding:5px 0 33px 13px; } #homeContainer .listing ul.destinationGroupHomeUl li { width:172px; } #homeContainer .listing ul.destinationGroupHomeUl .first { color:#3d5a6c; background:url(/media/images/common/web/backgrounds/bg_grey_dotted.gif) bottom left repeat-x; padding-bottom:5px; } #homeContainer .listing ul.destinationGroupHomeUl .first span { background:url(/media/images/common/web/backgrounds/bg_fleche_home.gif) right 3px no-repeat; padding: 0 10px 0 0; font-size:1.1em; } #homeContainer .listing ul.last {width:138px;} #homeContainer .listing ul.last li { width:120px; } #homeContainer .listing ul.last .first { color:#3d5a6c; background:url(/media/images/common/web/backgrounds/bg_grey_dotted.gif) bottom left repeat-x; padding-bottom:5px; } #homeContainer .listing ul.last .first span { background:url(/media/images/common/web/backgrounds/bg_fleche_home.gif) right 3px no-repeat; padding: 0 10px 0 0; font-size:1.1em; } #homeContainer .listing ul li { width:168px; float:left; padding: 5px 0 0px 0; } #homeContainer .listing ul li a { font-weight:bold; color:#0d61a2; } #homeContainer .listing ul li ul {padding:0;} #homeContainer .listing ul li li { background: url(/media/images/common/web/backgrounds/bullet.gif) 0 10px no-repeat; padding:5px 0 0 8px; } #homeContainer .listing ul li li a {font-weight:normal;} #homeContainer ul.navTabs { bottom:0pt; left:0pt; position:absolute; z-index: 5000; /* added z-index 5000 */ } #homeContainer ul.navTabs li { list-style:none; float:left; height: 29px; border: 1px #7491a3 solid; margin: 0 0 0 16px; width: 219px; } #homeContainer ul.navTabs li a { display: block; width: 219px; background: url(/media/images/common/web/backgrounds/mainContentTabsPattern_full.gif) bottom left repeat-x; } #homeContainer ul.navTabs li a:hover { background: url(/media/images/common/web/backgrounds/mainContentTabsPattern_full.gif) top left repeat-x; } /* ------------------------------------------------------------------------ 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 !important; } 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; } 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) top left 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) top left no-repeat; } /* ------------------------------------------------------------------------ Search Loader ------------------------------------------------------------------------- */ #searchLoaderContainer { position: absolute; top: 50%; left: 50%; z-index: 20000; } /* ------------------------------------------------------------------------ Inline Buttons ------------------------------------------------------------------------- */ ul.inlineButtons { list-style: none; } ul.inlineButtons li { display: block; float: left; margin: 0 10px 0 0; } ul.inlineButtons li.fRight { margin: 0; } .dottedLine {background: url(/media/images/common/web/backgrounds/dottedLine.gif) bottom left repeat-x; margin:0 5px 10px 0; height: 10px;}