/*Option Layout
------------------------------------------------ */
.option {
	position: relative;
	width: 635px; margin: 0 0 6px -5px;
	background: #FFF url(../images/easyJetImages/option_bg.gif) top left no-repeat;
}

.optionBtm {display: block; height: 5px; font-size: 1px;  background: url(../images/easyJetImages/OptionBtm.gif) no-repeat;}
.optionContent {margin: 0px 140px 0px 25px; padding-top: 18px;}
.option-Left {width: 280px; float: left; margin-right: 5px; margin-bottom: 5px; min-height: 125px;}
.option-Right {width: 170px; float: left; margin: 0 0 5px 0;}

.holdBaggagePanelFlexi .option-Right, .speedyBoardingPanelFlexi .option-Right {width: 185px;}

/*Option Backgrounds 
------------------------------------------------ */
.bundle {background: url(../images/easyJetImages/options/bundle.gif) no-repeat; display: block; width: 112px; height: 150px; position: absolute;  top: 3px; right: 4px;}
.baggage {background: url(../images/easyJetImages/options/baggageSmallLabelEN.gif) no-repeat; display: block; width: 130px; height: 190px; position: absolute;  bottom: 5px; right: 4px;}
.flexi_baggage {background: url(../images/easyJetImages/options/flexiBaggageSmallLabel.jpg) no-repeat; display: block; width: 130px; height: 190px; position: absolute;  bottom: 5px; right: 4px;}
/* insurance background now set at runtime as image is determined by Mondial */
.insurance {display: block; width: 130px; height: 380px; position: absolute;  top: 35px; right: 4px;}
.boarding {background: url(../images/easyJetImages/options/boarding.gif) no-repeat; display: block; width: 120px; height: 154px; position: absolute;  top: 3px; right: 4px;}
.sports {background: url(../images/easyJetImages/options/sports.gif) no-repeat; display: block; width: 112px; height: 150px; position: absolute;  top: 3px; right: 4px;}
.carbon {background: url(../images/easyJetImages/options/carbon.gif) no-repeat; display: block; width: 130px; height: 190px; position: absolute;  top: 3px; right: 4px;}
.promotion {background: url(../images/easyJetImages/options/promotion.gif) no-repeat; display: block; width: 120px; height: 125px; position: absolute;  bottom: 5px; right: 4px;}


.optionContent h2 {font-weight: normal;}
.optionContent h4 {font-size: 1.17em;  font-weight: normal; color: #666666;}


/* Option Areas 
------------------------------------------------ */
.bundle-deal {margin:  0 0 10px 0}
.bundle-deal .plus {float: left; font-size: 1.4em;  font-weight: bold; color: #999999; margin: 5px;}
.bundle-deal .weight {float: left; font-size: 1.25em;  font-weight: bold; color: #ff7b00; margin: 5px;}

.OptionFormOn {background: #ffeddb url(../images/easyJetImages/OptionForm_bgOn.gif) 0 0 no-repeat; padding: 10px 10px 0px; font-weight: bold; margin-bottom: 10px;}
.OptionFormOff {background: #f3f0eb url(../images/easyJetImages/OptionForm_bgOff.gif) 0 0 no-repeat; padding: 10px 10px 0px; font-weight: bold; margin-bottom: 10px;}

.OptionFormOn.wide { background-image: url(../images/easyJetImages/OptionForm_bgOn_440.gif); }
.OptionFormOff.wide { background-image: url(../images/easyJetImages/OptionForm_bgOff_420.gif); }

.OptionFormOn .OptionFormBtm, .OptionFormOff .OptionFormBtm {background-image: url(../images/easyJetImages/OptionForm_btm.gif); background-repeat: no-repeat; display: block; font-size: 1px; height: 10px; margin: 0 -10px 0 -10px;} 

.OptionFormOn.wide .OptionFormBtm, .OptionFormOff.wide .OptionFormBtm { background-image: url(../images/easyJetImages/OptionForm_btm_420.gif); }

.OptionFormOn .OptionFormBtm {background-position: 0 -10px}
.OptionFormOff .OptionFormBtm {background-position: 0 0px}


.OptionFormOn p, .OptionFormOff p {float: left; margin: 8px 0 0px 0 }
.OptionFormOn select, .OptionFormOff select {font-weight: normal; float: left;  margin: 7px 0 0px 4px; width: 100px;}
.OptionFormOn .icon, .OptionFormOff .icon {float: left; margin: 3px 4px 0px 0px;}


.OptionFormOn .checkbox, .OptionFormOff .checkbox { width: 25px}
.OptionFormOn p.descr, .OptionFormOff p.descr  {font-size: 0.92em; font-weight: normal; clear: both; margin: 0px; padding:  0 0 8px 28px}

.promotionInput input {margin: 5px 0px 35px 0px; border: 1px solid #8E9292; width: 160px; font-size: 1em; padding: 2px}

.optionContent ul {font-size: 0.92em;}
.sb_soldout ul {margin-left: 15px;}

ul.doubleList {margin: 0px 0 5px 0; font-weight: bold; list-style: none; }
ul.doubleList li {margin: 2px 10px 6px 0; padding:  0 0 0 8px; width: 270px; float: left; background: url(../images/easyJetImages/bullet.gif) 0 6px no-repeat}

ul.speedyboarding {margin: 0px 0 5px 0; font-weight: bold; list-style: none; }
ul.speedyboarding li {margin: 1px 10px 1px 0; padding:  1px 0 0 8px; width: 230px; float: left; background: url(../images/easyJetImages/bullet.gif) 0 6px no-repeat}

ul.doubleListNag {margin: 0px 0 2px 0; font-weight: bold; list-style: none}
ul.doubleListNag li {margin: 2px 8px 6px 0; padding:  0 0 0 8px; width: 130px; float: left; background: url(../images/easyJetImages/bullet.gif) 0 6px no-repeat}

#holdBaggagePanel .optionAdded{line-height:1.4em;}


/* Slide Box
------------------------------------------------ */
.SlideBox {clear: both; padding: 1px 0px; width:100%; position: relative; font-size: 0.92em; margin-top:0px;}
.SlideBox .title {padding: 6px;  display:block; width: 225px; background: #FFF; border: 1px solid #cbcbcb; border-bottom: none; position: relative; z-index: 10}
.SlideBox .content {border: 1px solid #cbcbcb; position: relative;  top: -1px;  z-index: 5;  margin-bottom: 20px; padding:  10px; width: 573px;}


/* Spanish Discounts
------------------------------------------------ */
.spanishDiscount h2 {
	background: url(../images/easyJetImages/iconOffer.gif) top left no-repeat;
	padding: 9px 0px 8px 35px;
	width: 530px !important;
}

.spanishDiscount p.offerIntro {
	width: 295px;
}

.spanishDiscount p.contain input {
	float: left;
}

.spanishDiscount p.contain label {
	font-weight: normal;
	padding-left: 11px;
	display: block;
	width: 205px;
	float: left;
}

.spanishDiscount p.withDD {
	padding: 0px;
	margin:0px;
}

.spanishDiscount select {
	margin-left: 23px;
	width: auto;
}

.spanishDiscount option {
	padding-right: 5px;
}

.spanishDiscount .withBtn .optionAdd {
	padding-left: 30px;
}

.spanishDiscount .haveAdded {
	position: relative;
	margin-top: -40px;
}


/* Speedy boarding
------------------------------------------------ */

/*Options.css needs adding to step 2 via talifun!*/

.speedyboardingAvailability {font-size: 0.92em;}
.speedyboardingAvailabilityStatus {font-weight : normal;}

.speedyboardingFlexFareUnAvailable { font-weight:bolder;}
.speedyboardingFlexFareAvailable {font-weight: normal;}

.flexiStrong { color: rgb(62, 169, 159); text-transform: uppercase; font-style: italic;}
.speedyBoardingIncluded {font-size: 1.2em;letter-spacing:0.6em; margin-left:7px;}


/* Baggage
------------------------------------------------ */

#holdBaggagePanel .baggage { background: none; }

#holdBaggagePanel .baggageNotAdded h2.checked_bags { background: none; padding: 0; }
#holdBaggagePanel .baggageNotAdded .option-Left { width: 175px; margin-right: 110px; }

#holdBaggagePanel .baggageAdded { margin: 0 25px 0 25px; width: 600px; }
#holdBaggagePanel .baggageAdded .option-Right { position: relative; top: -48px; margin-left: 25px; width: 215px; }
#holdBaggagePanel .baggageAdded .optionAdded { background: none; padding-top: 0; margin-left: 50px; }