﻿/*
NOTE:   Header and footer styles only. 
        Passed to partners who use the widgetise versions. 
        Do not add any styles not related to these page elements.

INDEX:
        #1 HEADER
            #1.1 GREY RIBBON 
            #1.2 ORANGE SMALL RIBBON
        #2 FOOTER
        #3 Styles copied from default_styles.css
            #3.1 Default border
            #3.2 Default floats
*/


/*  #1 HEADER   */

.easyjet_HeaderMastHead
{
    height: 55px;
    width: 940px;
    background: transparent url(../images/easyJetImages/EJ2-header---Home-Page_940x55.jpg) no-repeat bottom;
    background-color: #FF6600;
}

.easyjet_HeaderMastHeadSkimmed
{
    height: 55px;
    width: 960px;
    background: transparent url(../images/easyJetImages/EJ2-header---Home-Page_940x55.jpg) no-repeat bottom;
    background-color: #FF6600;
}

.easyjet_HeaderMastHead .easyjet_HeaderOrangeRibbon,
.easyjet_HeaderMastHeadSecondSection .easyjet_HeaderOrangeRibbon
{
    height: 38px;
    width: 940px;
    /*background: url(../images/easyJetImages/EJ2-header----Skimmed_960x55.jpg);*/
    background-color: #FF6600;
    background-repeat: repeat-x;
	
}

.easyjet_HeaderMastHead .HomepageEjLogoInMastHead,
.easyjet_HeaderMastHeadSecondSection .HomepageEjLogoInMastHead,
.easyjet_HeaderMastHeadSkimmed .HomepageEjLogoInMastHead
{
    position: relative;
    left: 15px;
    top: 12px;
    float: left;
}

.easyjet_HeaderMastHead .HomepageOffersLogoInMastHead,
.easyjet_HeaderMastHeadSecondSection .HomepageOffersLogoInMastHead
{
    position: relative;
    left: 600px;
    top: -10px;
    float: left;
    text-align: center;
}


.easyjet_HeaderMastHead .HomepageOffersLogoInMastHead .imageHolder,
.easyjet_HeaderMastHeadSecondSection .HomepageOffersLogoInMastHead .imageHolder
{
    /*background-repeat: no-repeat;
    background-image: url(../images/easyJetImages/MastHeadoffers.png);
    background-position: top;
    height: 38px;
    width: 39px;*/
    display: block;
}

.easyjet_HeaderMastHead .HomepageOffersLogoInMastHead a:hover,
.easyjet_HeaderMastHeadSecondSection .HomepageOffersLogoInMastHead a:hover
{
    color: White;
    text-decoration: none;
}

.easyjet_HeaderMastHead .HomepageMyEjLogoInMastHead,
.easyjet_HeaderMastHeadSecondSection .HomepageMyEjLogoInMastHead
{
    position: relative;
    left: 615px;
    top: -10px;
    float: left;
    text-align: center;
}

.easyjet_HeaderMastHead .HomepageMyEjLogoInMastHead .imageHolder,
.easyjet_HeaderMastHeadSecondSection .HomepageMyEjLogoInMastHead .imageHolder
{
    /*background-repeat: no-repeat;
    background-image: url(../images/easyJetImages/MastHeadMyEj.png);
    background-position: top;
    height: 38px;
    width: 43px;*/
    display: block;
}

.easyjet_HeaderMastHead .HomepageMyEjLogoInMastHead a:hover,
.easyjet_HeaderMastHeadSecondSection .HomepageMyEjLogoInMastHead a:hover
{
    color: White;
    text-decoration: none;
}

.easyjet_HeaderMastHead .HomepageHelpLogoInMastHead,
.easyjet_HeaderMastHeadSecondSection .HomepageHelpLogoInMastHead
{
    position: relative;
    left: 625px;
    top: -10px;
    float: left;
    text-align: center;
}


.easyjet_HeaderMastHead .HomepageHelpLogoInMastHead .imageHolder,
.easyjet_HeaderMastHeadSecondSection .HomepageHelpLogoInMastHead .imageHolder
{
    /*background-repeat: no-repeat;
    background-image: url(../images/easyJetImages/MastHeadHelp.png);
    background-position: top;
    height: 38px;
    width: 30px; */
    display: block;
    margin-bottom: 3px;
}

.easyjet_HeaderMastHead .HomepageHelpLogoInMastHead a:hover,
.easyjet_HeaderMastHeadSecondSection .HomepageHelpLogoInMastHead a:hover
{
    color: White;
    text-decoration: none;
}

.easyjet_HeaderMastHead .MastHeadTextSmall,
.easyjet_HeaderMastHeadSecondSection .MastHeadTextSmall
{
    font-size: 0.8em;
    color: White;
    font-weight: bold;
}

/*  #1.1 GREY RIBBON */

.easyjet_HeaderGreyRibbon
{
    height: 85px;
    width: 940px;
    background: transparent url(../images/easyJetImages/MastheadGreyRibbon940x85.gif) no-repeat;
}

.easyjet_HeaderGreyRibbon a:hover
{   
    text-decoration: underline;
}

.easyjet_HeaderGreyRibbon .HeaderRibbonMenuSection,
.easyjet_HeaderOrangeRibbon .HeaderRibbonMenuSection
{
    width: 188px;
    height: 85px;
    float: left;
}

.easyjet_HeaderGreyRibbon .HeaderRibbonMenuSectionOffFarRight,
.easyjet_HeaderOrangeRibbon .HeaderRibbonMenuSectionOffFarRight
{
    width: 188px;
    height: 85px;
    float: left;
}

.easyjet_HeaderGreyRibbon .HeaderRibbonMenuSectionInnerOff,
.easyjet_HeaderOrangeRibbon .HeaderRibbonMenuSectionInnerOff
{
    width: 188px;
    height: 85px;
    float: left;
}

.easyjet_HeaderGreyRibbon .HeaderRibbonMenuSectionInnerOn,
.easyjet_HeaderOrangeRibbon .HeaderRibbonMenuSectionInnerOn
{
    width: 188px; /*height:196px;*/
    float: left; /*background: transparent url(../images/easyJetImages/MastHeadDarkGreyDropdown188x196.gif) no-repeat bottom;*/
    z-index: 99;
    position: absolute;
}

.easyjet_HeaderGreyRibbon .HeaderRibbonMenuSectionInnerOn .menuSectionMiddle,
.easyjet_HeaderOrangeRibbon .HeaderRibbonMenuSectionInnerOn .menuSectionMiddle
{
    background: #7D7D7D url(../images/easyJetImages/MastHeadDarkGreyDropdownTop.gif) no-repeat top; /*padding-bottom:5px;*/
}

.easyjet_HeaderGreyRibbon .HeaderRibbonMenuSectionInnerOn .HeaderRibbonMenuSectionIcon,
.easyjet_HeaderOrangeRibbon .HeaderRibbonMenuSectionInnerOn .HeaderRibbonMenuSectionIcon
{
    /*margin-top:5px;*/
}

.easyjet_HeaderGreyRibbon .HeaderRibbonMenuSectionInnerOn .menuSectionBottom,
.easyjet_HeaderOrangeRibbon .HeaderRibbonMenuSectionInnerOn .menuSectionBottom
{
    background: transparent url(../images/easyJetImages/MastHeadDarkGreyDropdownBottom.gif) no-repeat bottom;
    height: 10px;
}

.easyjet_HeaderGreyRibbon .HeaderRibbonMenuSectionInnerOnShortLeft,
.easyjet_HeaderOrangeRibbon .HeaderRibbonMenuSectionInnerOnShortLeft
{
    width: 188px;
    height: 85px;
    float: left;
    background: url(../images/easyJetImages/MastheadDropDownGreyShortLeft.gif);
    z-index: 99;
    position: absolute;
}

.easyjet_HeaderGreyRibbon .HeaderRibbonMenuSectionInnerOnShortMiddle,
.easyjet_HeaderOrangeRibbon  .HeaderRibbonMenuSectionInnerOnShortMiddle
{
    width: 188px;
    height: 85px;
    float: left;
    background: url(../images/easyJetImages/MastheadDropDownGreyShortMiddle.gif);
    z-index: 99;
    position: absolute;
}

.easyjet_HeaderGreyRibbon .HeaderRibbonMenuSectionInnerOnShortRight,
.easyjet_HeaderOrangeRibbon  .HeaderRibbonMenuSectionInnerOnShortRight
{
    width: 188px;
    height: 85px;
    float: left;
    background: url(../images/easyJetImages/MastheadDropDownGreyShortRight.gif);
    z-index: 99;
    position: absolute;
}

.easyjet_HeaderGreyRibbon .HeaderRibbonMenuSectionImages,
.easyjet_HeaderOrangeRibbon .HeaderRibbonMenuSectionImages
{
    float: left;
    width: 58px;
    text-align: center; /*position:relative;   height:85px;   padding-top:10px; 	vertical-align: middle;*/
}

.easyjet_HeaderGreyRibbon  .HeaderRibbonMenuSectionIcon,
.easyjet_HeaderOrangeRibbon .HeaderRibbonMenuSectionIcon
{
    margin-top: 10px; /*margin-right:auto;   position:relative;   width:60px;   display: block;*/
}

.easyjet_HeaderGreyRibbon .HeaderRibbonMenuSectionDownArrow,
.easyjet_HeaderOrangeRibbon .HeaderRibbonMenuSectionDownArrow
{
    /*   margin-left :auto;   margin-right:auto;   position:relative;   width:60px;   vertical-align:middle;*/
}

.easyjet_HeaderGreyRibbon .HeaderRibbonMenuSectionMenuItems,
.easyjet_HeaderOrangeRibbon .HeaderRibbonMenuSectionMenuItems
{
    width: 126px; /*height:85px;*/
    float: left;
    padding-left: 2px;
}

.easyjet_HeaderGreyRibbon .HeaderRibbonMenuSectionMenuItemTitleOff,
.easyjet_HeaderOrangeRibbon .HeaderRibbonMenuSectionMenuItemTitleOff
{
    color: rgb(115,115,115);
    font-weight: bold;
    line-height: 1.3em;
    margin-top: 10px;
}

.easyjet_HeaderGreyRibbon .HeaderRibbonMenuSectionMenuItemTitleOn,
.easyjet_HeaderOrangeRibbon .HeaderRibbonMenuSectionMenuItemTitleOn
{
    color: White;
    font-weight: bold;
    line-height: 1.3em;
    margin-top: 10px;
}

.easyjet_HeaderGreyRibbon .HeaderRibbonMenuItemOff,
.easyjet_HeaderOrangeRibbon .HeaderRibbonMenuItemOff
{
    color: rgb(115,115,115);
    font-weight: normal;
    text-decoration: none;
    line-height: 1.3em;
}

.easyjet_HeaderGreyRibbon .HeaderRibbonMenuItemOff:hover
{
    color: rgb(115,115,115);
}

.easyjet_HeaderGreyRibbon .HeaderRibbonMenuItemOn:hover
{
    color: White;
}

.easyjet_HeaderGreyRibbon .HeaderRibbonMenuItemOn,
.easyjet_HeaderOrangeRibbon .HeaderRibbonMenuItemOn
{
    color: White;
    font-weight: normal;
    text-decoration: none;
    line-height: 1.3em;
}

.easyjet_HeaderGreyRibbon .HeaderRibbonMenuSectionDivider
{
    width: 2px;
    height: 85px;
    float: left;
    background: url(../images/easyJetImages/MastHeadGreyRibbonVerticalBezel.gif);
    position: relative;
}

.easyjet_HeaderGreyRibbon .HeaderRibbonMenuSectionDivider
{
    font-weight: bold;
}

/*  #1.2 ORANGE SMALL RIBBON */

.easyjet_HeaderMastHead .HeaderOrangeRibbonMenuSectionMenuItems,
.easyjet_HeaderMastHeadSecondSection .HeaderOrangeRibbonMenuSectionMenuItems
{
    width: 136px; /*height:38px;*/
    float: left;
    margin-top: 10px;
    padding-left: 2px;
}

.easyjet_HeaderMastHead .HeaderOrangeRibbonMenuSection,
.easyjet_HeaderMastHeadSecondSection .HeaderOrangeRibbonMenuSection
{
    width: 188px;
    height: 38px; /*float:left;*/
}

.easyjet_HeaderMastHead .HeaderOrangeRibbonMenuSectionInnerOff,
.easyjet_HeaderMastHeadSecondSection .HeaderOrangeRibbonMenuSectionInnerOff
{
    cursor: pointer; /* width:188px;   height:38px;   float:left;*/
}

.easyjet_HeaderMastHead .HeaderOrangeRibbonMenuSectionInnerOn,
.easyjet_HeaderMastHeadSecondSection .HeaderOrangeRibbonMenuSectionInnerOn
{
    width: 188px; /*height:140px;   float:left;*/
    z-index: 99;
    position: absolute;
}

.easyjet_HeaderMastHead .HeaderOrangeRibbonMenuSectionInnerOn .menuSectionMiddle,
.easyjet_HeaderMastHeadSecondSection .HeaderOrangeRibbonMenuSectionInnerOn .menuSectionMiddle
{
    background: #7D7D7D url(../images/easyJetImages/MastHeadDarkGreyDropdownTop.gif) no-repeat top;
    padding-bottom: 5px;
}

.easyjet_HeaderMastHead .HeaderOrangeRibbonMenuSectionInnerOn .menuSectionBottom,
.easyjet_HeaderMastHeadSecondSection .HeaderOrangeRibbonMenuSectionInnerOn .menuSectionBottom
{
    background: transparent url(../images/easyJetImages/MastHeadDarkGreyDropdownBottom.gif) no-repeat bottom;
    height: 10px;
}

.easyjet_HeaderMastHead .HeaderOrangeRibbonMenuSectionMenuItemTitleOff,
.easyjet_HeaderMastHeadSecondSection .HeaderOrangeRibbonMenuSectionMenuItemTitleOff
{
    color: rgb(255,210,190);
    font-weight: bold;
}

.easyjet_HeaderMastHead .HeaderOrangeRibbonMenuSectionMenuItemTitleOn,
.easyjet_HeaderMastHeadSecondSection .HeaderOrangeRibbonMenuSectionMenuItemTitleOn
{
    color: White;
    font-weight: bold;
}

.easyjet_HeaderMastHead .HeaderOrangeRibbonMenuSectionImages,
.easyjet_HeaderMastHeadSecondSection .HeaderOrangeRibbonMenuSectionImages
{
    float: left;
    margin-top: 8px;
    width: 50px;
    text-align: center; /*height:38px;   position:relative; */
}

.easyjet_HeaderMastHead .HeaderOrangeRibbonMenuSectionIcon,
.easyjet_HeaderMastHeadSecondSection .HeaderOrangeRibbonMenuSectionIcon
{
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 30px;
    display: block;
}

.easyjet_HeaderMastHead .HeaderOrangeRibbonMenuSectionDownArrow,
.easyjet_HeaderMastHeadSecondSection .HeaderOrangeRibbonMenuSectionDownArrow
{
    margin-left: 3px;
}


.easyjet_HeaderMastHead .ImageCenter,
.easyjet_HeaderMastHeadSecondSection .ImageCenter
{
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

/*  #2 FOOTER */

#easyjet_footer
{
    width: 940px;
}

/* This element needs the color or background image for the top of the footer, plus height equal to the height of that image */
#easyjet_footer .FooterGreyRibbonTop
{
    height: 1px;
    background-color: White;
}

/* this element needs the gradient to sit at the bottom of the panel, plus a background colour to allow variable height */
#easyjet_footer .FooterGreyRibbon
{
    border-top: 1px solid white;
    background: #F0F0F0 url(../images/easyJetImages/FooterBaseGrey20x100VerticalGradient.gif) bottom left repeat-x;
}

/* this element needs the bottom section of the gradient (must match!) plus rounded corners */
#easyjet_footer .FooterGreyRibbonBottom
{
    height: 10px;
    background: transparent url(../images/easyJetImages/FooterBaseGrey940BottomCorners.gif) bottom left no-repeat;
    font-size: 1px;
    line-height: 1px;
    margin: 0px;
    padding: 0px;
    border: none;
    clear: both;
}

#easyjet_footer .AdditionalFooterContentContainer
{
    clear: both;
    background: url(../images/easyJetImages/FooterBaseGreySeparator.gif) top left repeat-x;
    padding-top: 2px;
}

#easyjet_footer .FooterLinksSectionContainer
{
    color: rgb(115,115,115);
    margin-top: 10px;
    margin-left: 24px;
    width: 700px;
    height: 90px;
    float: left;
}

#easyjet_footer .FooterLinksSection
{
    width: 140px;
    height: 71px;
    float: left;
}

#easyjet_footer .FooterLogosSectionContainer
{
    /*position:relative;*/ /*padding-top:11px;*/
    margin-left: 0px; /*margin-bottom:18px;*/
    width: 200px; /*height:71px;*/
    float: left;
    text-align: right;
    margin-top: 10px;
}

#easyjet_footer .HomepageOffersLogoInFooter
{
    /*float: right;*/
    margin-top: 10px;
    margin-right: 5px;
}

#easyjet_footer .HomepageOffersLogoInFooterText
{
    margin-top: 5px; /*float: right;*/
    margin-right: 5px;
    font-weight: bold;
    text-align: right;
    overflow: visible;
}

#easyjet_footer .HomepageOffersLogoInFooterText a
{
    color: #FF6600;
}
#easyjet_footer .HomepageOffersLogoInFooterText a:hover
{
    color: #FF6600;
}

#easyjet_footer .HomepageMyEjLogoInFooter
{
    position: relative;
    left: 36px;
    top: 5px;
    float: left;
}

#easyjet_footer .HomepageHelpLogoInFooter
{
    position: relative;
    left: 56px;
    top: 5px;
    float: left;
}

#easyjet_footer .FooterTextSmall
{
    font-size: 0.8em;
    color: rgb(115,115,115);
    font-weight: bold;
}

#easyjet_footer .FooterLinkSectionHeader
{
    font-weight: bold;
}

#easyjet_footer .FooterLinkSectionItem a
{
    color: rgb(115,115,115);
    font-size: 0.9em;
    font-weight: normal;
}

#easyjet_footer .FooterLinkSectionItem a:hover
{
    color: rgb(115,115,115);
}

/* new footer content */

#easyjet_footer .AdditionalFooterContent
{
    margin: 10px 24px 0px;
    font-size: 0.9em;
}

#easyjet_footer .AdditionalFooterContent a
{
    color: rgb(115,115,115);
    font-weight: normal;
}

#easyjet_footer .AdditionalFooterContent .destinations
{
    width: 100%;
}

#easyjet_footer .AdditionalFooterContent .destinations td
{
    border-right: 1px solid rgb(115,115,115);
    padding-left: 10px;
}

#easyjet_footer .AdditionalFooterContent .destinations td.first
{
    padding-left: 0px;
}

#easyjet_footer .AdditionalFooterContent .destinations td.last
{
    border-right: none;
}

/*  #3 Styles copied from default_styles.css    */

/*  #3.1 Default border */

.easyjet_HeaderMastHead a img,.easyjet_HeaderMastHead :link img,.easyjet_HeaderMastHead :visited img,.easyjet_HeaderMastHead fieldset,
.easyjet_HeaderMastHeadSecondSection a img,.easyjet_HeaderMastHeadSecondSection :link img,.easyjet_HeaderMastHeadSecondSection :visited img,.easyjet_HeaderMastHeadSecondSection fieldset,
#easyjet_footer a img,#easyjet_footer :link img,#easyjet_footer :visited img,#easyjet_footer fieldset
{
    border:none; 
    color:#FFFFFF;
}

/*  #3.2 Default floats */

.easyjet_HeaderMastHead .floatLeft,
.easyjet_HeaderMastHeadSecondSection .floatLeft,
#easyjet_footer .floatLeft 
{
    float: left;
}

.easyjet_HeaderMastHead .floatRight,
.easyjet_HeaderMastHeadSecondSection .floatRight,
#easyjet_footer .floatRight 
{
    float: right;
}

.easyjet_HeaderMastHead .centre,
.easyjet_HeaderMastHeadSecondSection .centre,
#easyjet_footer .centre 
{
    margin: 10px auto; text-align: center;
}


