/* this can be removed and is used for demonstration purposes only
-------------------------------------------*/

#overlay{ background-image: url(../images/easyJetImages/overlay.png); }

* html #overlay{
	background-color: #000;
	background-color: transparent;
	background-image: url(../images/easyJetImages/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}

/*-------------------------------------------------------------------*/


/* Flight Search Overlay styling 
-------------------------------------------*/
.searchOverlayPosition {margin: 180px auto; width: 728px;}
.searchOverlay {background: url(../images/easyJetImages/searchOverlayTop.gif) top left no-repeat; width: 628px; position: relative;}
.searchOverlayBtm {background: url(../images/easyJetImages/searchOverlayBtm.gif) top left no-repeat; display:block; font-size: 1px; height: 10px;}
.searchOverlay h2 {color: #ff7b00; margin: 0px 18px 8px; padding: 0px;}
.searchOverlay .buttons {float:right; margin:5px 10px 0px 0px;}

.searchOverlay .close a {display: block; width: 13px; height: 13px; background:  url(../images/easyJetImages/close_Icon.gif) no-repeat; text-indent: -900em; float: right; margin: -30px 15px 0 0}


/* Flexi Add New Flight Overlay styling 
-------------------------------------------*/
.flexiAddNewFlightOverlayPosition {margin: 180px auto; width: 728px;}
.flexiAddNewFlightOverlay {background: url(../images/easyJetImages/flexiAddFlightOverlayTop.gif) top left no-repeat; width: 360px; position: relative;}
.flexiAddNewFlightOverlayBtm {background: url(../images/easyJetImages/flexiAddFlightOverlayBtm.gif) top left no-repeat; display:block; font-size: 1px; height: 10px;}
.flexiAddNewFlightOverlay h2 {color: #ff7b00; margin-bottom: 18px; padding: 0px;}
.flexiAddNewFlightOverlay .buttons {float:right; margin:5px 10px 0px 0px;}
.flexiAddNewFlightOverlay .close a {display: block; width: 13px; height: 13px; background:  url(../images/easyJetImages/close_Icon.gif) no-repeat; text-indent: -900em; float: right; margin: -55px 10px 0 0}


/* Travel Insuance Overlay styling 
-------------------------------------------*/
.optionOverlayPosition {margin: 180px auto; width: 767px;}
.optionOverlay {background: url(../images/easyJetImages/optionOverlayTop.gif) top left no-repeat; padding: 15px 18px; position: relative;}
.optionOverlayBtm {background: url(../images/easyJetImages/optionOverlayBtm.gif) top left no-repeat; display:block; font-size: 1px; height: 10px;}
.optionOverlay-Left {width: 530px; float: left;}
.optionOverlay-Right {width: 195px; float: right; position: relative;}


.optionOverlay-Left h3 {font-size: 1.5em; font-weight: normal; margin: 15px 0 8px 0; clear: both;}
.optionOverlay .insuranceChoice, .optionOverlay .insuranceChoiceSelected {display: block; width: 255px; float: left; margin: 0 10px 10px 0}

.optionOverlay .insuranceChoice {background: url(../images/easyJetImages/insuranceChoice.gif) 0 0 no-repeat;}
.optionOverlay .insuranceChoiceSelected {background: url(../images/easyJetImages/insuranceChoice.gif) 0 -110px no-repeat; }

.optionOverlay .insuranceChoice .insuranceChoiceBtm {clear: both; display: block; height: 5px; background: url(../images/easyJetImages/insuranceChoiceBtm.gif) 0 0 no-repeat; font-size: 1px;}
.optionOverlay .insuranceChoiceSelected .insuranceChoiceBtm {clear: both; display: block; height: 5px; background: url(../images/easyJetImages/insuranceChoiceBtm.gif) 0 100% no-repeat; font-size: 1px;}
.optionOverlay .insuranceChoice .cont, .optionOverlay .insuranceChoiceSelected .cont {min-height: 63px;}

.optionOverlay .cont .radio, .optionOverlay .cont2 .radio {float: left; display: inline; width: 20px; margin: 10px 0px 5px 10px;}
.optionOverlay .cont .info {float: left; display: inline; width: 155px; margin: 8px  0 0 0px; text-align: left}
.optionOverlay .cont2 .info {float: left; display: inline; width: 205px; margin: 8px  0 0 0px;}
.optionOverlay .insurancePrice {float: left; width: 50px; margin: 8px  0 0 10px; }
.optionOverlay .insuranceChoiceSelected  h4 {color: #ff7b00;}
.optionOverlay .insurancePrice h4 {font-size: 1.15em; color: #ff7b00;}

.optionOverlay .middle {margin: 10px 0px 10px 150px; display: inline;}
.optionOverlay .buttons {margin: 10px 0px 10px 170px;}

.optionOverlay-Right .travel-insurance {display: block; width: 130px; height: 150px; background: url(../images/easyJetImages/options/insurance.gif) no-repeat; position: relative; top: 18px; right: -83px;}
.optionOverlay-Right .close a, .insuranceOverlay-Right .close a {display: block; width: 17px; height: 17px; background: url(../images/easyJetImages/close_Icon_grey.gif) no-repeat; text-indent: -900em; float: right; margin-left: 48px;}
.optionOverlay-Right .termsBox {background: #faf9f7;  width: 170px; margin: 80px 0 0 0; float: right; font-size: 0.92em; }
.optionOverlay-Right .termsBox ul {margin: 8px 12px; padding: 5px 10px;}
.optionOverlay-Right .termsBox li {margin: 3px 0px;}
.optionOverlay-Right .termsBox p {margin: 4px 8px; padding: 0px;}

.insuranceOverlay-Left {width: 400px; float: left;}
.insuranceOverlay-Right {width: 135px; float: right; position: relative;}
.insuranceOverlay-Left h1 {font-size: 1.84em;}
.sportsOverlay .insuranceOverlay-Left .buttons {margin:10px 0px 10px 0px;}
.insuranceOverlay-Left ul {margin: 6px 0px; padding: 0px; font-size: 0.92em;}
.insuranceOverlay-Left ul li {float: left; width: 160px; margin: 2px 0px 4px 20px; padding-left: 8px; list-style: none; background: url(../images/easyJetImages/bullet.gif)  0 5px no-repeat; }
.insuranceOverlay-Left p {font-size: 1.16em;}

.insuranceOverlay-Right  .travel-insurance {display: block; width: 130px; height: 150px; background: url(../images/easyJetImages/options/insurance.gif) no-repeat; position: relative; top: 18px; right: -23px;}

/* Sports Overlay styling 
-------------------------------------------*/

.sportsOverlayPosition {margin: 180px auto; width: 580px;}
.sportsOverlay {background: url(../images/easyJetImages/sportsOverlayTop.gif) top left no-repeat; padding: 15px 18px; position: relative;}
.sportsOverlayBtm {background: url(../images/easyJetImages/sportsOverlayBtm.gif) top left no-repeat; display:block; font-size: 1px; height: 10px;}
.sportsOverlay-Left {width: 400px; float: left;}

.sportsOverlay .equipmentForm {margin-bottom: 20px;}

.sportsOverlay .equipmentSelect {display: block; width: 320px; margin: 5px 10px 5px  50px}
.sportsOverlay .equipmentSelect select {width: 55px; border: 1px solid #cccccc; margin: 0 5px 0 0px}
.sportsOverlay .EquipmentCost {font-size: 1.17em; font-weight: bold; color: #ff7b00; margin: 10px 50px;}

.sportsOverlay .buttons {margin: 10px 0px 10px 110px;}

.sportsOverlay-Right {width: 130px; float: right; position: relative;}
.sportsOverlay-Right .sporting-equipment {display: block; width: 117px; height: 336px; background: url(../images/easyJetImages/options/sports_lg.gif) no-repeat; position: relative; top: -15px; right: -30px;}
.sportsOverlay-Right .close a {display: block; width: 17px; height: 17px; background: url(../images/easyJetImages/close_Icon_grey.gif) no-repeat; text-indent: -900em; float: right; margin: 15px  8px 0 0px;}