html, body {
height: 100%;
}
body {
background:#FFF;
font: 75%/110% Arial, Helvetica, sans-serif; /* Resets 1em to 11px */
color:#666666;
}
#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -80px; /* the bottom margin is the negative value of the footer's height */
}
a {color: #004B91; font-weight: bold; text-decoration: none;}
a:hover {color: #ff7b00; text-decoration: underline;}
p {line-height: 1.3em;}
/* Fonts
-------------------------------------------*/
h1 {color: #ff7b00; font-size:2.5em; font-weight: normal; margin: 0px 0px 12px 0px; padding: 0px; line-height: 1.2em}
h2 {font-size: 1.5em; color: #333333; font-weight: bold; margin: 0px 4px 6px 0px; padding: 0px; line-height: 1.2em }
h2 span {font-weight: normal; color:#ff7b00}
div.flexi h2 span {font-weight: normal; color:#3EA99F}
h3 {color: #666666; font-size: 1em;}
h4{color: #666666; font-size: 1em; font-weight: bold; line-height: 1.2em; margin: 2px 0px; padding: 0px;}
h4 a {color: #004B91;}
h5 {color: #666666; font-size: 1.16em;}
h4.outbound {background: url(../images/easyJetImages/28x28/flight_out.gif) no-repeat; padding: 2px 0 6px 29px;}
div.outbound {background: url(../images/easyJetImages/28x28/flight_out.gif) no-repeat; padding: 2px 0 6px 29px; font-weight:bold;}
h4.return {background: url(../images/easyJetImages/28x28/flight_in.gif) no-repeat; padding: 2px 0 6px 29px;}
div.return {background: url(../images/easyJetImages/28x28/flight_in.gif) no-repeat; padding: 2px 0 6px 29px; font-weight:bold;}
h2.outbound {background: url(../images/easyJetImages/28x28/flight_out.gif) no-repeat; padding: 2px 0 4px 29px;}
h2.return {background: url(../images/easyJetImages/28x28/flight_in.gif) no-repeat; padding: 2px 0 4px 29px;}
h2.checked_bags {background: url(../images/easyJetImages/28x28/checked_bags.gif) no-repeat; padding: 2px 0 4px 29px;}
h2.travel_insurance {background: url(../images/easyJetImages/28x28/travel_insurance.gif) no-repeat; padding: 2px 0 4px 29px;}
h2.speedy_boarding {background: url(../images/easyJetImages/28x28/speedy_boarding.gif) no-repeat; padding: 2px 0 4px 29px;}
h2.sports_equipment {background: url(../images/easyJetImages/28x28/sports_equipment.gif) no-repeat; padding: 2px 0 4px 29px;}
h2.carbon_offsetting{background: url(../images/easyJetImages/28x28/carbon_offsetting.gif) no-repeat; padding: 2px 0 4px 29px;}
h2.discount {background: url(../images/easyJetImages/28x28/discount.gif) no-repeat; padding: 2px 0 4px 29px;}
.flightDisplayIndex {font-size:1.5em;padding:20px 7px 0px;font-weight:bold}
.smtxt {font-size: 0.92em;}
.Red {color: #911a1d;}
a.BackTo {font-size: 1.16em; background:url(../images/easyJetImages/arrow-left.gif) 0 0px no-repeat; padding: 0 0 0 13px;}
a.BackTo:hover {background-position: 0 -13px;}
ul.clearList {list-style: none;}
ul.clearList li {margin: 1px 0px; padding: 1px 0px;}
/* Layout
-------------------------------------------*/
#pageWrap {
width: 961px;
}
.header {display: block; width: 100%; height: 62px; background: #ff7b00;}
.logo {width: 963px; margin: 0px auto; }
.logo a {background: url(../images/easyJetImages/logo.gif) 0 0 no-repeat; display: block; width: 205px; height: 62px; text-indent: -900em;}
.footer, .push {height: 80px; clear: both}
.footer {margin: 0px auto; width: 961px; z-index: 1;position: relative; }
.footer ul {margin: 0px auto; text-align: center; padding: 30px 0 5px 0; color: #333333;}
.footer li {list-style: none; display: inline;}
.footer li a {color: #004B91; text-decoration: none; padding: 3px }
.footer li a:hover {color: #ff7b00;text-decoration:underline;}
.footer p {text-align: center;}
/* Moved from headerAndFooter.css as the style does not affect the widgetise versions [WW] */
#footer
{
margin-bottom: 5px; /* the following styles are applied to override /common/css/global.css (EJ1) which is currently required for nneddie content */
height: auto;
width: auto;
background: none;
z-index: inherit;
vertical-align: inherit;
margin-top: inherit;
clear: inherit;
overflow: inherit;
}
.ColumnLeft {display: block; width: 630px; float: left; background:#f2efeb url(../images/easyJetImages/LeftColumnCorner.gif) top left no-repeat; margin-right: 4px; padding: 4px 16px;}
.ColumnRightContainer, .ColumnRightContainerBanners, .ColumnRight {display: block; position: relative; width: 295px; float: left;}
.ColumnRightMyEj {display: block; position: relative; width: 295px; float: left;}
.PublishingColumnRight
{
display: block; position: relative; width: 295px; float: left;
}
/* Breadcrumbs
-------------------------------------------*/
.breadcrumb ul {margin: 10px 0; padding: 0px;}
.breadcrumb li {display: inline; list-style: none; font-weight: bold;}
.breadcrumb li {color: #000000; background: url(../images/easyJetImages/breadcrumbArrowSelected.gif) top right no-repeat;padding: 0 20px 0 0}
.breadcrumb li.selected {color: #b4b4b4; background: url(../images/easyJetImages/breadcrumbArrow.gif) top right no-repeat;padding: 0 24px 0 0}
.breadcrumb li a{color: #666666; }
.breadcrumb li a:hover {color: #ff7b00;}
/* itinerary
-------------------------------------------*/
.ColumnRight h2 {color: #838383; font-size:1.84em; font-weight: normal; margin: 2px 8px 0px 2px; padding: 0px; line-height: 1.2em }
.itineraryBox { background:#e5dfd9 url(../images/easyJetImages/RightColumnCorner.gif) top right no-repeat; padding: 4px 8px; margin-bottom: 2px;}
.itinerary {background: transparent url(../images/easyJetImages/itinerary_bg.gif) 0 100% repeat-x; padding-bottom: 9px; margin-bottom: 10px}
.currency {background:#cac0b5 url(../images/easyJetImages/currencyTop.gif) top left no-repeat; padding-left: 4px; padding-right: 4px; padding-top: 8px; padding-bottom: 8px;}
.currency label {color: #FFF;}
.currency select {width: 170px;}
.detail { position: relative; padding: 10px 3px 5px 10px; margin-top: 1px; background: #FFF;}
.product { position: relative; padding: 10px 3px 10px 10px; margin: 9px 0px 1px 0px; background: #FFF;}
.itinerary .icon {float: left; margin-right: 10px;}
.itinerary .close a {display: block; width: 13px; height: 13px; background: url(../images/easyJetImages/close_Icon.gif) no-repeat; text-indent: -900em; float: left; margin-left: 48px;}
.inprocess .content {position: relative; float: left; width: 160px; margin-right: 5px;}
.inprocess .content ul, .confirmed .content ul {margin: 4px 0 3px 0; padding: 0px;}
.inprocess .content li, .confirmed .content li {list-style: none; padding: 1px 0px;}
.inprocess .content li.amount, li.basketLink, .confirmed .content li.amount {font-weight: bold; float: right; text-align: right; position: relative; top: -1.25em; right: -65px; margin: 0 0 -15px 0; padding: 0px; }
div.amount { float:right; font-weight: bold;}
.flexihighlight { color: #FF6600; }
.basketicon { height: 28px; width: 28px; }
.basketiconempty { height: 28px; width: 28px; display: block; }
.flexibasketicon { height: 42px; width: 28px; }
.inprocess .content li.item, .confirmed .content li.item {white-space: normal;text-align: left;width: 80%;}
.inprocess .content li a, .confirmed .content li a {color: #004B91; font-weight: bold;}
.inprocess .content li a:hover, .confirmed .content li a:hover {color: #ff7b00;}
.confirmed .content {position: relative; float: left; width: 220px; margin-right: 5px;}
.itinerary .summary {width: 145px; float: left; color: #333333;}
.itinerary .cost {width: 110px; float: right; position: relative; text-align: right; color: #333333; font-weight: bold; font-size: 2.3em; line-height: 1em; letter-spacing: -0.03em; margin-right: 3px;}
.itinerary .cost span {font-size: 0.6em; position: relative; top: -0.45em; }
.itinerary .slide {position: relative; float: left; margin: 0 0px 0 38px;}
a.hide {background: url(../images/easyJetImages/arrow_up.gif) 2px 5px no-repeat; padding: 0 2px 0 10px; font-size: 0.92em}
a:hover.hide {background: url(../images/easyJetImages/arrow_up_hover.gif) 2px 5px no-repeat;}
a.show{background: url(../images/easyJetImages/arrow_down.gif) 2px 5px no-repeat; padding: 0 2px 0 10px; font-size: 0.92em}
a:hover.show {background: url(../images/easyJetImages/arrow_down_hover.gif) 2px 5px no-repeat;}
.itinerary .new { background: #FFF !important;}
.itinerary .recentlySelected {background: #fff3e7 !important;}
.itinerary .modifyingFlight {background-color: #fffaa7 !important; border:solid 1px #ff0000;}
.itinerary .done {background: #faf9f7 !important;}
.itinerary .flexiExtraBaggage {margin-bottom: 0;}
.AddTag {display: block; width: 158px; background: url(../images/easyJetImages/tagTop.gif) no-repeat; position: absolute; top: -32px; left: -158px;z-index:1;}
.AddTagBtm {display: block; width: 158px; height: 8px; background: url(../images/easyJetImages/tagBtm.gif) no-repeat; font-size: 1px;}
.AddTag p {margin: 10px; font-weight: bold; color: #FFF;}
.CreditCardFeesBubble {display: none; width: 158px; background: url(../images/easyJetImages/tagTopPointLeft.gif) no-repeat; position: absolute; top: -7px; left: 179px;z-index:1;}
.CreditCardFeesBubbleBtm {display: block; width: 158px; height: 8px; background: url(../images/easyJetImages/tagBtmPointLeft.gif) no-repeat; font-size: 1px; position: relative; left: 12px;}
.CreditCardFeesBubble p {margin: 10px 8px 5px 20px; background-color: #fff; color: #666; font-weight: normal; padding: 3px;}
/* Callout used for popup dialogs */
.CallOut {width:208px; background: url(../images/easyJetImages/tagTopWide.gif) no-repeat ; position:absolute; z-index:999;}
.CallOutBtm {width: 208px; height: 8px; background: url(../images/easyJetImages/tagBtmWide.gif) no-repeat; font-size: 1px; z-index:999; }
.CallOut p {margin: 10px; font-weight: bold; color: #FFF; padding-right:5px; text-align:left; z-index:999;}
/* End of callouts */
.TotalCost {margin-top: 15px; text-align: right;}
.TotalCost .cost {float: right; position: relative; text-align: right; color: #333333; font-size: 2.3em; line-height: 1em; letter-spacing: -0.03em; margin-right: 3px;}
.TotalCost .cost span span {font-size: 0.6em; position: relative; top: -0.45em; }
.TotalCost .cost {white-space: nowrap}
.TotalCost ul {float: right; clear: both; width: 100%; font-size: 0.92em; margin: 5px 0px;}
.TotalCost li {list-style: none; padding: 1px 0px; color: #333333;}
.infoBox {background: #f2efec; margin: 15px 10px 50px 10px; padding: 8px 15px; font-size: 0.92em;}
/* searchForm
-------------------------------------------*/
.fareBox {width: 143px; border: 1px solid #dbd5ce; padding: 12px; margin-bottom: 5px; }
.fareBox dl {margin: 0px; padding: 0px;}
.fareBox dd span.month {list-style: none; display: block; width: 130px; float: left; width: 80px;}
.fareBox dd a.price {color: #004B91; font-weight: bold; text-align: right; float: right}
.fareBox dd a.price:hover {color: #ff7b00}
.ColumnRight .end {border-bottom: 1px solid #dbd5ce;}
/* searchForm
-------------------------------------------*/
.searchForm {padding: 14px 3px 0px 10px;}
.searchOn {background: #FFF url(../images/easyJetImages/searchFormOn_bg.gif) 0 0 no-repeat;}
.searchOff {background: #fbfaf9 url(../images/easyJetImages/searchFormOff_bg.gif) 0 0 no-repeat;}
.searchForm .row {margin: 0px 0px 10px 0px;}
.searchForm p strong {margin-right: 5px;}
.searchForm .labelLocation {font-weight: bold; text-align: right; float: left; display: block; margin-right: 5px; line-height: 1.5em}
.searchForm .labelLocation .check {margin: 1px 4px 2px 0;}
.searchForm .labelLocation .returnCheckbox input {float: left; margin: 1px 0px 0px; padding: 0px; vertical-align: top;}
.searchForm .selectCountry {display: block; float: left; width: 240px;}
.searchForm .selectCountry select {float: left; display: inline; margin-right: 5px;}
.searchForm p.dateInfo {padding-left: 50px;}
.searchForm .dateDay select {float: left; margin-right: 5px;}
.searchForm .dateMonth select {float: left; margin-right: 5px;}
.searchForm .Pickup {float: left; width: 135px; display: inline; margin-right: 5px; padding: 3px 0 0 5px}
.searchForm .PickupDate {float: left; display: inline; margin-right: 5px; padding: 3px 0 0 5px}
.searchForm .PickupTime {float: left; display: inline; margin-right: 5px; padding: 3px 0 0 5px}
.searchForm .dateHour select {float: left; margin-left: 15px; margin-right: 5px;}
.searchForm .dateMinute select {float: left; margin-right: 5px;}
.searchOn .calendar a{float: left; display: block; width: 19px; height: 18px; background: url(../images/easyJetImages/calendar_icon.gif) 0 0 no-repeat; text-indent: -900em;}
.searchOff .calendar {float: left; display: block; width: 19px; height: 18px; background: url(../images/easyJetImages/calendar_icon.gif) 0px -18px no-repeat; text-indent: -900em;}
.searchForm .row .empty {display: block; width: 237px; height: 5px; float: left;}
.searchForm select option {padding-right: 4px;}
/* searchTable (searchForm in table view to ensure columns line up)
-------------------------------------------*/
.searchTable {margin: 0px; text-align: left; padding-top: 7px;}
.searchTable table {margin-left: 10px;}
.searchTable td {padding: 3px 0px;}
.searchTable select {margin-right: 5px;}
.searchTable .label {font-weight: bold; text-align:left; line-height: 1.5em;white-space: nowrap;}
.searchTable .searchControl {text-align:left;padding:0px}
.searchTable .checkReturn {position:relative; top:2px}
.searchTable .gap {padding-left: 10px;}
.searchTable .gapLarge {padding-left: 15px}
.searchTable .text {line-height: 1.5em;}
.searchTable td.submit {text-align: right;vertical-align:bottom; padding:68px 0px 0px; }
.searchTable td.submit p {margin-bottom:0px;position:relative;top:3px}
.searchTable .calendarIcon {cursor: pointer;}
/* Tabs Structure
-------------------------------------------*/
.calendarTabs {margin: 10px -4px 15px -7px; padding: 0 3px;}
.tab-content {background: #FFF url(../images/easyJetImages/tab_bg.gif) repeat-y; padding: 0px 3px 0px 3px;} /* Was: padding: 10px 3px 0px 3px;*/
.tab-content-foot {background:transparent url(../images/easyJetImages/tabFoot.gif) 0 0 no-repeat; height:5px;}
.tab-content .intro {padding: 15px 10px 15px; font-size: 0.92em; border-bottom: 1px solid #f2efeb;}
.tab-content .intro h3 {font-weight: bold; font-size: 1.08em; margin: 0px; padding: 0px; color: #666;}
.tab-content .OftAdminFee h3 {font-weight: bold; font-size: 1.00em; margin: 0px; padding: 0px; color: #666; margin-left: 11px; margin-top: 5px;}
.tab-content .end{padding: 15px 10px 20px; font-size: 0.92em; border-top: 1px solid #f2efeb;}
ul.tab-headers {background:transparent url(../images/easyJetImages/tabHeader.gif) no-repeat scroll 0px 35px; height:45px; overflow:hidden; padding:0px; margin: 0px;}
ul.tab-headers li {float:left; text-align:center; list-style: none; font-size: 1.25em; font-weight: bold;}
.tab-content .modifyflight{font-weight: bold; font-size: 0.92em; margin: 0px;color: #000000; padding:3px 3px 3px 10px;}
ul.tab-headers li a {
background:url(../images/easyJetImages/tab_Right.gif) repeat-y 100% 0;
display:block;
color:#464033;
text-decoration:none;
cursor:pointer;
float: left;
}
ul.tab-headers li a span {
background:url(../images/easyJetImages/tab_Left.gif) 0 0 no-repeat;
padding: 8px 33px 11px 33px;
display: block;
line-height:18px !important;
}
ul.tab-headers li a.active {
color:#ff7b00;
background-position: 100% -37px;
text-decoration: none;
}
ul.tab-headers li a.active span {background-position: 0 -37px;}
.No-tab-header {background:transparent url(../images/easyJetImages/no-tabHeader.gif) no-repeat scroll 0px 0px; height:9px; overflow:hidden; padding:0px; margin: 0px;}
.tab-content-UpdatingFlightInfo { padding: 15px 5px 15px 9px; border-top: 1px solid #F2EFEB;}
.tab-content-ReturnJourney {background: #FFF url(../images/easyJetImages/border-grey.gif) 312px 0 repeat-y; padding: 15px 5px 15px 9px; border-top: 1px solid #F2EFEB;}
.tab-content-OneWayJourney {background: #FFF url(../images/easyJetImages/column-grey.gif) 312px 0 repeat-y; padding: 15px 5px 15px 9px; border-top: 1px solid #F2EFEB;}
.tab-content-Full {background: #FFF; padding: 15px 8px 15px 9px; border-top: 1px solid #F2EFEB;}
/* pagination
-------------------------------------------*/
ul.pagination{list-style: none; color:#666666; margin: 5px 0px;}
ul.pagination li {display: block; float: left; font-size: 0.92em; padding: 0px 0px}
ul.pagination li a {color: #3399CC; border-right: 1px solid #999999; padding: 0px 6px 0 6px;}
ul.pagination li a:hover {color: #ff7b00}
ul.pagination li a.noBorder {border: none}
/* option added
-------------------------------------------*/
.optionAdded {text-align: center; background: url(../images/easyJetImages/addedTick.gif) no-repeat 45px 0; font-size: 0.92em; line-height: 1.2em; padding: 58px 0 0 0; margin-left: 25px;}
.optionAddedNoIcon { background: none repeat scroll 0 0 transparent; padding-top: 14px; }
.optionAdded p.optionButton {width: 120px; margin: 0 auto; float: none;}
.optionAdded .optionButton a {font-size: 1.08em;}
.optionAdded div.hr { height: 5px; background: #e0e0e0 no-repeat scroll center; margin: 5px 0px}
.optionAdded div.hr hr {display: none;}
.optionAdd {text-align: center; font-size: 0.92em; line-height: 1.2em; padding: 5px 0 0 0}
.optionAdd .price {position: relative; text-align: right; color: #ff7b00; font-weight: bold; font-size: 2.7em; line-height: 1em; letter-spacing: -0.03em; margin-right: 3px;}
.optionAdd .price span {font-size: 0.6em; position: relative; top: -0.5em; }
.optionAddBusy { margin-left: auto;
margin-right: auto; }
.optionAddBusyBasket
{
margin-left: auto;
margin-right: auto;
float: right;
display:block;
line-height:24px !important;
padding:11px 35px 10px 15px;
text-align:center;
}
.optionAddBusyLogon
{
margin-left: auto;
margin-right: auto;
float: right;
display:block;
line-height:24px !important;
text-align:center;
position: absolute;
right: 70px;
bottom: 15px;
}
/* buttons
-------------------------------------------*/
.AddButton a {
color:#ff7b00; font-weight: bold; cursor:pointer; text-decoration:none;
margin: 0px;
background:transparent url(../images/easyJetImages/AddButton_Right.gif) repeat-y 100% 0;
cursor:pointer;
display:block;
float:left;
}
.AddButton a span {
background:transparent url(../images/easyJetImages/AddButton_Left.gif) 0 0 no-repeat;
display:block;
line-height:11px;
padding:18px 15px 17px 24px;
}
.AddButton a.non-selected {color:#b8b5b0; background:transparent url(../images/easyJetImages/AddButton_Right.gif) 100% -46px repeat-y }
.AddButton a.non-selected span {background:transparent url(../images/easyJetImages/AddButton_Left.gif) 0 -46px no-repeat;}
.OrangeButton a {
color:#FFF; font-size: 1.80em; font-weight: bold; cursor:pointer; text-decoration:none;
margin: 0px;
background:transparent url(../images/easyJetImages/OrangeButtonRight.gif) repeat-y 100% 0;
cursor:pointer;
display:block;
float:left;
}
.OrangeButton a span {
background:transparent url(../images/easyJetImages/OrangeButtonLeft.gif) 0 0 no-repeat;
display:block;
line-height:24px !important;
padding:11px 35px 10px 12px;
text-align: center;
}
.OptionsAddBtn {display:inline-table !important; text-align:center}
.optionAddBtn p {text-align:center}
.OptionsAddBtn a {color:#FFF; font-size: 1em; font-weight: bold; cursor:pointer; text-decoration:none; margin: 0px; background:transparent url(../images/easyJetImages/OptionsAddBtnRight.gif) repeat-y 100% 0; cursor:pointer; display:block; float:left; }
.OptionsAddBtn a span {background:transparent url(../images/easyJetImages/OptionsAddBtnLeft.gif) 0 0 no-repeat; display:block; line-height:12px !important; padding:10px 28px 10px 13px; text-align: center;}
.OrangeSignInBtn {display:inline-table !important; text-align:center; width: 400px; position: absolute; right: 20px; bottom: 10px; }
.OrangeSignInBtn a {color:#FFF; font-size: 1.5em; font-weight: bold; cursor:pointer; text-decoration:none; margin: 0px; background:transparent url(../images/easyJetImages/OrangeSignInBtnRight.gif) repeat-y 100% 0; cursor:pointer; display:block; float:right;}
.OrangeSignInBtn a span {background:transparent url(../images/easyJetImages/OrangeSignInBtnLeft.gif) 0 0 no-repeat; display:block; line-height:12px !important; padding:10px 20px 10px 20px; text-align: center;}
.WhiteSignInBtn {display:inline-table !important; text-align:center; width:155px;}
.WhiteSignInBtn a {color:#004B91; font-size: 1.5em; font-weight: bold; cursor:pointer; text-decoration:none; margin: 0px; background:transparent url(../images/easyJetImages/WhiteSignInBtnRight.gif) repeat-y 100% 0; cursor:pointer; display:block; float:right;}
.WhiteSignInBtn a span {background:transparent url(../images/easyJetImages/WhiteSignInBtnLeft.gif) 0 0 no-repeat; display:block; line-height:12px !important; padding:10px 28px 10px 13px; text-align: center;}
.OptionsBookBtn a {color:#FFF!important; font-size: 1.16em; font-weight: bold; cursor:pointer; text-decoration:none; margin: 0px; background:transparent url(../images/easyJetImages/OptionsAddBtnRight.gif) repeat-y 100% 0; cursor:pointer; display:block; float:left; }
.OptionsBookBtn a span {background:transparent url(../images/easyJetImages/OptionsAddBtnLeft.gif) 0 0 no-repeat; display:block; line-height: 12px !important; padding:10px 28px 10px 13px; text-align: center;}
.OptionsBookBtn.short a
{
background:transparent url(../images/easyJetImages/OptionsAddBtnShortRight.gif) repeat-y 100% 0;
}
.OptionsBookBtn.short a span
{
background:transparent url(../images/easyJetImages/OptionsAddBtnShortLeft.gif) 0 0 no-repeat;
padding: 7px 28px 8px 13px;
}
.OptionsBookBtn.short.downArrow a
{
background-image: url(../images/easyJetImages/OptionsAddBtnShortRightDownArrow.gif);
}
.OrangeButton a.non-selected {color:#FFF; background:transparent url(../images/easyJetImages/OrangeButtonRight.gif) 100% -46px repeat-y }
.OrangeButton a.non-selected span {background:transparent url(../images/easyJetImages/OrangeButtonLeft.gif) 0 -46px no-repeat;}
.OrangeButton a.on-white {color:#FFF; background:transparent url(../images/easyJetImages/OrangeButtonRight.gif) 100% -92px repeat-y }
.OrangeButton a.on-white span {background:transparent url(../images/easyJetImages/OrangeButtonLeft.gif) 0 -92px no-repeat;}
.OrangeButton a.greyed {color:#FFF; background:transparent url(../images/easyJetImages/OrangeButtonRight.gif) 100% -47px repeat-y }
.OrangeButton a.greyed span {background:transparent url(../images/easyJetImages/OrangeButtonLeft.gif) 0 -47px no-repeat;}
.OrangeButton a.greyandenabled {color:#FFF; background:transparent url(../images/easyJetImages/OrangeButtonRight.gif) 100% -47px repeat-y }
.OrangeButton a.greyandenabled span {background:transparent url(../images/easyJetImages/OrangeButtonLeft.gif) 0 -47px no-repeat;}
.BlueButton a {
color:#3399cc; font-size: 1em; font-weight: bold; cursor:pointer; text-decoration:none;
margin: 0px;
background:transparent url(../images/easyJetImages/BlueButtonRight.gif) repeat-y 100% 0;
cursor:pointer;
display:block;
float:left;
}
.BlueButton a span {
background:transparent url(../images/easyJetImages/BlueButtonLeft.gif) 0 0 no-repeat;
display:block;
line-height:5px !important;
padding:11px 40px 10px 15px;
text-align: center;
}
.BlueButtonLightGreyBack a {
color:#3399cc; font-size: 1em; font-weight: bold; cursor:pointer; text-decoration:none;
margin: 0px;
background:transparent url(../images/easyJetImages/BlueButtonRightLightGrey.gif) repeat-y 100% 0;
cursor:pointer;
display:block;
float:left;
}
.BlueButtonLightGreyBack a span {
background:transparent url(../images/easyJetImages/BlueButtonLeftLightGrey.gif) 0 0 no-repeat;
display:block;
line-height:5px !important;
padding:11px 15px 10px 15px;
text-align: center;
}
p.SearchFormBtn {margin-left: 15px;}
.SearchFormBtn a {
font-size: 1em; font-weight: bold; cursor:pointer; text-decoration:none;
margin: -4px 0 0 5px;
cursor:pointer;
display:block;
float:left;
}
.SearchFormBtn a span {
display:block;
line-height:5px !important;
padding:11px 7px 11px 5px;
text-align: center;
}
.searchOff .SearchFormBtn a {background:transparent url(../images/easyJetImages/SearchFormBtnRight.gif) 100% -28px repeat-y; color:#9f9e9d; }
.searchOff .SearchFormBtn a span {background:transparent url(../images/easyJetImages/SearchFormBtnLeft.gif) 0 -28px no-repeat;}
.searchOn .SearchFormBtn a {background:transparent url(../images/easyJetImages/SearchFormBtnRight.gif) 100% 0px repeat-y; color:#3399cc; }
.searchOn .SearchFormBtn a span {background:transparent url(../images/easyJetImages/SearchFormBtnLeft.gif) 0 0px no-repeat;}
.Hotel-Refine .SearchFormBtn a, .CarOptions .SearchFormBtn a
{background:transparent url(../images/easyJetImages/SearchFormBtnRight.gif) 100% -28px repeat-y; color:#9f9e9d; padding-right:10px !important; }
.Hotel-Refine .SearchFormBtn a span, .CarOptions .SearchFormBtn a span
{background:transparent url(../images/easyJetImages/SearchFormBtnLeft.gif) 0 -28px no-repeat; padding-left:15px !important; color:#999999; font-weight: bold;}
.SearchOverlayButton a {
font-weight: bold; cursor:pointer; text-decoration:none;
margin: 0px 5px 0 0;
background:transparent url(../images/easyJetImages/SearchOverlayBtn_Right.gif) repeat-y 100% 0;
cursor:pointer;
display:block;
float:left;
font-size: 1.16em;
}
.SearchOverlayButton a span {
background:transparent url(../images/easyJetImages/SearchOverlayBtn_Left.gif) 0 0 no-repeat;
display:block;
line-height:10px !important;
padding:10px 14px 11px 12px;
}
.SearchOverlayButton.OnGrey a {
background:transparent url(../images/easyJetImages/SearchOverlayBtnGrey_Right.gif) repeat-y 100% 0;
}
.SearchOverlayButton.OnGrey a span {
background:transparent url(../images/easyJetImages/SearchOverlayBtnGrey_Left.gif) 0 0 no-repeat;
}
.smallTxt
{
padding-left: 2px !important;
padding-right: 2px !important;
font-size: 75% !important;
}
.SearchOverlayButton a.selected {color:#ff7b00; background-position: 100% 0px }
.SearchOverlayButton a.selected span {background-position: 0 0px;}
.SearchOverlayButton a.non-selected {color:#b8b5b0; background-position: 100% -34px }
.SearchOverlayButton a.non-selected span {background-position: 0 -34px;}
.SearchOverlayButton a.blueState {color:#3399cc; background-position: 100% -34px }
.SearchOverlayButton a.blueState span {background-position: 0 -34px;}
.SearchOverlayButton a.orangeState {color:#FFF; background-position: 100% -68px }
.SearchOverlayButton a.orangeState span {background-position: 0 -68px;}
.optionButton a {color:#3399cc; font-size: 1em; font-weight: bold; cursor:pointer; text-decoration:none; margin: 0px; cursor:pointer;}
.optionButton a span {background:transparent url(../images/easyJetImages/OptionButtonLeft.gif) 0 0 no-repeat; display:block; line-height:4px !important; padding:11px 35px 11px 10px; text-align: center;}
.remove {background:transparent url(../images/easyJetImages/OptionButtonRight_Remove.gif) repeat-x 100% 0; float:left; display:block; margin-top: 4px;}
.change {background:transparent url(../images/easyJetImages/OptionButtonRight_Change.gif) repeat-y 100% 0; float:left; display:block; margin-top: 4px;}
.UpdateButton a {background-image:url(../images/easyJetImages/UpdateButtonRight.gif); background-repeat: no-repeat; float:left; display:block; font-size: 0.92em; font-weight: bold; cursor:pointer; text-decoration:none; margin: 0px; cursor:pointer;}
.UpdateButton a span {background-image:url(../images/easyJetImages/UpdateButtonLeft.gif); background-repeat: no-repeat; display:block; line-height:4px !important; padding:11px 15px 10px 10px; text-align: center;}
.OptionFormOn .UpdateButton a {background-position: 100% 0; color:#ff7b00;}
.OptionFormOn .UpdateButton a span {background-position: 0 0;}
.OptionFormOff .UpdateButton a {background-position: 100% -26px; color:#999999;}
.OptionFormOff .UpdateButton a span {background-position: 0 -26px;}
.ButtonLow a {
font-weight: bold; cursor:pointer; text-decoration:none;
margin: 0px 5px 0 0;
background:transparent url(../images/easyJetImages/28Btn_Right.gif) repeat-y 100% 0;
cursor:pointer;
display:block;
float:left;
font-size: 1em;
}
.ButtonLow a span {
background:transparent url(../images/easyJetImages/28Btn_Left.gif) 0 0 no-repeat;
display:block;
line-height:8px !important;
padding:8px 14px 11px 12px;
}
.ButtonLow a.selected {color:#ff7b00; background-position: 100% 0px }
.ButtonLow a.selected span {background-position: 0 0px;}
/* Confirmation Global Classes */
.makeAnother {
font-size: 90%;
}
.tenLeftMargin
{
margin-left:10px;
}
/*crisis bar*/
#crisisBar
{
margin-top:10px;
font-size:1.15em;
}
#crisisBarMessageList
{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
/*new orange button*/
.BrightOrangeBtn {display:inline-table !important; text-align:center}
.BrightOrangeBtn p {text-align:center}
.BrightOrangeBtn a {
color:#FFF;
font-size: 1em;
font-weight: bold;
cursor:pointer;
text-decoration:none;
margin: 0px;
background:transparent url(../images/easyJetImages/BrightOrangeButtonRight.gif) repeat-y 100% 0;
cursor:pointer;
display:block;
float:left;
}
.BrightOrangeBtn a span {
background:transparent url(../images/easyJetImages/BrightOrangeButtonLeft.gif) 0 0 no-repeat;
display:block;
line-height:12px !important;
padding:10px 15px 10px 13px;
text-align: center;
}
.DoubleClick {
border:0 none;
height:1px;
width:1px;
}
.PreviousSearchSection
{
margin-bottom:15px;
}
.RecentSearchLink
{
vertical-align: middle;
font-size: 0.925em;
}
.PreviousSearchLine
{
height:16px;
/* border-bottom:1px solid #B1B1B1;*/
font-size:0.8em;
}
.PreviousSearchBusy
{
height:15px;
width:15px;
vertical-align:middle;
}
.BagsStep5add-remove {border:1px solid #cccccc; float: left; margin-right: 10px;margin-bottom: 10px;}
.BagsStep5add-remove input {border: none; float: left; width: 25px; text-align: center; background: #FFF; padding-top: 3px; }
.BagsStep5add-remove img {float: left; }
.addBagStep5Text {float: left; width: 500px; font-size: 1em; padding-bottom:20px;}
.addBagStep5TextShort {float: left; width: 100px; font-size: 1em;padding-top:5px;}
#AdditionChargeBanner {padding-top: 2px;}
#NoAdditionalFeesBanner {padding-top: 2px;}
.SiteMapColumnLeft
{
width:300px;
float:left;
margin-right:10px;
}
.SiteMapColumnRight
{
width:300px;
float:left;
}
.SiteMapHeadingEj2
{
background-color:#FF7700;
color:#FFFFFF;
font-size:0.9em;
font-weight:bold;
line-height:1.7em;
padding-left:10px;
text-transform:uppercase;
}
.SiteMapItemsEj2 UL
{
list-style:none;
padding-left: 0px;
margin: 0px 0px 0px 0px;
}
.SiteMapItemEj2 a
{
padding: 5px 0px 5px 10px;
display: block;
background-image: url(/common/img/page/NavItemNormal.gif);
background-repeat: no-repeat;
padding-top:4px;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: rgb(255, 133, 51);
}
.PaymentPanelPadder
{
padding-left: 5px;
}
#SecurityContainerSaved
{
left: 80px;
position: absolute;
background: url(/Content/images/easyJetImages/tagSecurityStep5.gif) no-repeat;
height: 284px;
width: 238px;
padding: 10px;
color: #fff;
display: none;
z-index: 1000;
top: -34px;
}
#SecurityContainer
{
left: 80px;
position: absolute;
background: url(/Content/images/easyJetImages/tagSecurityStep5.gif) no-repeat;
height: 284px;
width: 238px;
padding: 10px;
color: #fff;
display: none;
z-index: 1000;
top: -34px;
}
#SecurityContainer .Parent,#SecurityContainerSaved .Parent
{
margin: 0px 0px 34px 13px;
padding: 10px 0px 29px 10px;
background-color: #fff;
height: 190px;
}
#SecurityContainer .Parent .Icon,#SecurityContainerSaved .Parent .Icon
{
height: 165px;
width: 38px;
background: url(/Content/images/easyJetImages/security-code.gif) no-repeat;
float: left;
margin-right: 10px;
}
#SecurityContainer .Parent .Copy, #SecurityContainerSaved .Parent .Copy
{
float: left;
color: #999;
font-size: 0.92em;
text-align: justify;
width: 154px;
}
#IssueNumberContainer
{
top: -34px;
left: 80px;
position: absolute;
background: url(/Content/images/easyJetImages/tagSecurityStep5_small.gif) no-repeat;
height: 123px;
width: 180px;
padding: 10px;
color: #fff;
display: none;
float: left;
}
#IssueNumberContainer .Parent
{
margin: 0px 0px 34px 13px;
padding: 10px 0px 29px 10px;
background-color: #fff;
height: 82px;
}
#IssueNumberContainer .Parent .Icon
{
height: 165px;
width: 38px;
background: url(/Content/images/easyJetImages/security-code.gif) no-repeat;
float: left;
margin-right: 10px;
}
#IssueNumberContainer .Parent .Copy
{
float: left;
color: #999;
font-size: 0.92em;
text-align: justify;
width: 138px;
}
.strong
{
font-weight: bold;
}
.PassengerDetailsPadding
{
padding-top: 5px;
}
.BookingInfo .LeftColumn h5.PassengerDetailsHeader
{
background-repeat: no-repeat;
padding-left: 40px;
vertical-align: middle;
height: 60px;
}
.BookingInfo .LeftColumn h5.PassengerDetailsHeader span
{
position: relative;
top: 25px;
}
.PlusCardDiv
{
width: 150px;
float: left;
}
.PlusCardValid
{
background: transparent url('/Content/images/easyJetImages/bg_flight_done.gif') 125px 10px scroll no-repeat;
}
.PassengerDetailsHeaderAdult
{
background: url(/Content/images/easyJetImages/adult.png) no-repeat;
}
.PassengerDetailsHeaderAdultWithInfant
{
background: url(/Content/images/easyJetImages/infant.png) no-repeat;
}
.PassengerDetailsHeaderChild
{
background: url(/Content/images/easyJetImages/child.png) no-repeat;
}
.PassengerDetailsHeaderInfant
{
background: url(/Content/images/easyJetImages/child.png) no-repeat;
}
.WhatsThisIssueLink
{
left: 10px;
z-index: 1000;
display:inline;
position:relative;
}
.WhatsThisSecurityLink
{
left: 10px;
z-index: 1000;
display:inline;
position:relative;
}
/*
.CardDetails .SecurityInput input
{
float: left;
}
*/
.ClearBoth
{
clear: both;
}
.StandardFontSize
{
font-size: 12px;
}
.BookButtonContainer
{
float: right;
padding-left: 30px;
}
.ThankYouForBooking
{
float: left;
padding-top: 9px;
color: #888;
margin-bottom: 4px !important;
}
.ThankYouForBooking .ReferenceNumber
{
font-weight: bold;
color: #FF7B00;
}
.HideDiv
{
display: none;
font-weight: bold;
float: left;
width: 600px;
padding-top: 6px;
padding-bottom: 16px;
}
.Message
{
display: none;
}
/* LANGUAGE SELECTOR */
.HeaderLanguageSelectTopBar
{
height: 20px;
width: auto;
position: relative;
margin-top: 5px;
margin-left: 10px;
float: left;
color: White;
font-weight: bold;
font-size: 0.8em;
}
.HeaderLanguageSelectTopBar a
{
color: White;
}
.HeaderLanguageSelectTopBar a:hover
{
color: White;
}
.HeaderLanguageSelectTopBar img
{
display: block;
float: left;
}
.HeaderLanguageSelectWhiteBox
{
height: 100px;
width: 200px;
background-color: White;
margin-left: 50px;
z-index: 999;
position: absolute;
border-style: solid;
border-width: 1px;
border-color: Gray;
float: left;
top: 26px;
padding-right: 10px;
padding-left: 10px;
}
.HeaderLanguageSelectWhiteBox .section
{
margin-top: 10px;
}
.HeaderLanguageSelectWhiteBoxCloseButton
{
position: relative;
float: right;
padding: 2px;
}
.headerSpacer
{
height: 10px;
line-height: 3px;
}
#Languages
{
width: 150px;
}
#ChangeLanguageButton
{
margin-top: 12px;
}
/* END LANGUAGE SELECTOR */
/* START Welcome Back Message */
.HeaderWelcomeBackPanel
{
float: left;
}
.HeaderWelcomeBackMessage
{
float: left;
height: 20px;
width: auto;
color: White;
font-weight: bold;
font-size: 0.8em;
margin-top: 5px;
margin-left: 30px;
}
.HeaderWelcomeBackNotNamed
{
float: left;
height: 20px;
width: auto;
margin-top: 5px;
margin-left: 2px;
}
.HeaderWelcomeBackNotNamed a
{
font-weight: bold;
font-size: 0.8em;
color: White;
}
/* END Welcome Back Message */
/* Visitor Recognition CSS */
.HeaderVisitorRecognitionPanel
{
float: left;
}
.HeaderVisitorRecognitionMessage
{
float: left;
height: 20px;
width: auto;
color: Black;
font-weight: bold;
margin-top: 5px;
margin-left: 10px;
}
.HeaderVisitorRecognitionAuthenticatedEmail
{
color: Grey;
}
.HeaderVisitorRecognitionLinks
{
/*height: 20px;
width: auto;
margin-top: 5px;*/
margin-left: 2px;
}
/* End Visitor Recognition */
/* START BREAD CRUMBS */
div.BreadcrumbContainer
{
background: url(../images/breadcrumbs/bc_background.GIF); /* background-repeat:repeat-x;*/
width: 940px;
height: 27px;
margin-top: 10px;
position: relative;
}
div.leftCorner
{
float:left;
background-color:White;
}
div.rightCorner
{
float:right;
background-color:White;
}
div.BreadcrumbLeftCorner
{
background: url(../images/breadcrumbs/bc_image4.GIF);
background-position: right;
background-repeat: no-repeat;
margin-right: 10px;
height: 100%;
}
div.BreadcrumbRightCorner
{
height: 100%;
margin-right: 30px;
}
div.BreadcrumbFinalLeftCorner
{
height: 100%;
}
div.BreadcrumbContainer a
{
margin-left: 5px;
height: 100%;
color: White;
}
div.BreadcrumbContainer #YourBookingsLinkBreadcrumb
{
height: 27px;
margin-top: 25px;
color:#004B91;
line-height:2em;
margin-left: 150px;
}
div.BreadcrumbContainer #YourBookingsLinkBreadcrumb:hover
{
color: #FF6600;
}
div.BreadcrumbContainer #ContactDetailsLinkBreadcrumb
{
height: 27px;
margin-top: 25px;
color:#004B91;
line-height:2em;
margin-left: 50px;
}
div.BreadcrumbContainer #ContactDetailsLinkBreadcrumb:hover
{
color: #FF6600;
}
div.BreadcrumbContainer #LogoutLinkBreadcrumb
{
height: 27px;
margin-top: 25px;
color:#004B91;
line-height:2em;
right: 20px;
font-size: 0.8em;
margin-left: 50px;
}
div.BreadcrumbContainer #LogoutLinkBreadcrumb:hover
{
color: #FF6600;
}
.BreadcrumbLink a
{
color: #FF6600;
}
div.BreadcrumbContainer span
{
margin-left: 5px;
height: 100%;
color: White;
font-weight:bold;
}
div.BreadcrumbContainer .parent
{
float: left;
height: 100%;
background-image: url(../images/breadcrumbs/bc_image2.GIF);
background-repeat: repeat-x;
line-height: 2em;
}
.breadcrumbLinks
{
height: 27px;
width: 400px;
position: absolute;
right: 20px;
}
.paddingAllBookings
{
width: 178px;
}
.breadcrumbLinksUpdateAccount
{
width: 280px;
}
.breadcrumbLinksLogoutOnly
{
height: 27px;
width: 0px;
position: absolute;
right: 20px;
}
div.BreadcrumbContainer #LogoutLinkBreadcrumbOnly
{
height: 27px;
margin-top: 25px;
color:#004B91;
line-height:2em;
font-size: 0.8em;
margin-left: 50px;
}
/* END BREAD CRUMBS */
.nowrap { white-space: nowrap; }
.BasketUrgencyMessagePanel
{
margin-top: 8px;
margin-bottom: 8px;
width: 180px;
font-weight: bold;
}
.content ul .BasketUrgencyCollapsedMessage
{
margin-top: 8px;
margin-bottom: 8px;
width: 200px;
font-weight: bold;
}
.StrongText
{
font-weight: bold;
color: #000;
}
/* Update Account panels */
.UpdateAccountTabHeading
{
float: left;
}
.breadcrumbLinksUpdateAccount
{
width: 255px;
}
.UpdatePanelsWrapError
{
width: 200px;
}
#LowestFareSummaryPanel
{
margin-top: 4px;
}
.FlexiWord { color:#3EA99F; text-transform:uppercase; font-style: italic; font-weight: bold; }
#PaymentOptionsContainer {float: right; padding: 6px 0 15px 0; width: 100%;}
#PaymentOptionsTable {float: right;}
#PaymentOptionsTable li { padding-bottom: 3px; }
#PaymentOptionsTable .pay-by {padding-left: 5px;}
#PaymentOptionsTable td {padding: 1px 0; vertical-align:middle; font-size: 0.92em; color: #333;}
.payby-prefix
{
color: #FF7B00;
font-weight: bold;
margin-left: 3px;
}