/***********************************************************

Dynamic packaging: 

classes for hotel-flight searches and holidays



abbreviations:

--------------

con = container

col = column

hdr = header

sec = section

fh = flights and holidays

btn = button

***********************************************************/



#bodyWrapper-opodo {margin:0px;font-size:11px;font-family:verdana,arial;}



/***********************************************************

+Containers: Master and Columns

***********************************************************/

.master-con {width:701px;margin-left:40px;}

.full-col {background:#f7f7e7;}/* i.e the full width is 711px */

.main-col {float:left;width:505px;background:#f7f7e7;}

.left-col {float:left;width:186px;margin-right:10px;background:#fff;}

.right-col {float:right;width:186px;background:#fff;}

.basketDetails-con {margin:0;}

#shoppingBasket-con .main-col{background:#fff;}

.basketDetails-con .flightSection-con {margin:10px 0 0 0;border-left:1px solid #ccc;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}

/***********************************************************

+Pod Containers

***********************************************************/

.master-pod {margin-bottom:10px;}

.fh-adv-search-pod {border:1px solid #ccc;}

.sortResults-pod {background:#f7f7e7;border-top:1px solid #ccc;padding:0 5px;}

.fh-confirm-pod {background:#fff;}

.filter-pod{text-align:center;background:#fff;margin:0 auto;}

.viewDetails-pod{text-align:right;font-weight:bold;padding-bottom:5px;}

.searchSummary-pod{border:1px solid #ccc;}

.merchandiseDetails-pod{border:1px solid #ccc;width:503px;}

.resultsInfo-pod{margin-top:20px;margin-bottom:10px;}



/***********************************************************

+Sub areas 

***********************************************************/

.master-sub{padding:0 5px;border-left:1px solid #ccc;border-right:1px solid #ccc;font-size:11px;}

.hotelInfo-sub {border-left:1px solid #ccc;border-right:1px solid #ccc;}

.hotelDateInfo-sub {border-left:1px solid #ccc;border-right:1px solid #ccc; background:#f7f7e7;}

.insuranceDateInfo-sub{background:#f7f7e7;border-bottom:1px solid #ccc;}

.reprice-sub{background:#D0DBE2;border-bottom:1px solid #ccc;font-weight:bold;}

.nextStep-sub {border-color:#ccc;border-style: solid;border-width:1px 0;border-left:none;padding:5px;background:#f7f7e7;}

.back-sub{border:none;border-top:1px solid #ccc; padding-top:5px;background:#f7f7e7;}

.basketBack-sub {padding:5px 5px 2px 5px;background-color:#f7f7e7;}

.prevStep-sub {border-top:1px solid #ccc; padding:2px 5px;background:#f7f7e7;}

.removeItem-sub {border-top:1px solid #ccc; padding:2px 5px;background:#f7f7e7;border-bottom:5px solid #fff;}

.filter-pod .master-sub{padding:0;border:none;}

.filterInfo-sub{font-size:11px;text-align:left;background:#F0E1E8;}

.misc-sub {background:#f7f7e7;}

.resultsInfo-sub{padding:5px 5px 5px 0px;}

.fhInfoAvgPrice-sub{background:#F7F7E7}



.tour-primary-sub{background:#EABFD4;}

.tour-secondary-sub{background:#F0E1EA;}

.holidays .sortResults-pod{padding:5px;width:505px;}

.tour-info-sub .master-sec-b{float:left;}

.dp-xsell-sub{background:#F7F7E7;border-bottom:2px solid #fff;}



.dp-primary-sub, .dp .primary-sub{background-color:#ADBDCE}

.dp-secondary-sub, .dp .secondary-sub{background-color:#D0DBE2}

.dp-tertiary-sub, .dp .tertiary-sub{background-color:#E8EFF3}



.hols-primary-sub, .holidays .primary-sub{background-color:#CC6699}

.hols-secondary-sub, .holidays .secondary-sub{background-color:#EABFD4}

.hols-tertiary-sub, .holidays .tertiary-sub{background-color:#F0E1E8}

/***********************************************************

+Headers 

***********************************************************/

.master-hdr {color:#000;padding:2px 10px 3px 10px;font:1.3em/1.5em verdana,arial;font-weight:bold;position:relative;}

.page-hdr {padding:10px 0px 10px 10px;background:#fff;} /* main page header */

.title-hdr{margin-bottom:5px;}

.dp-primary-hdr {background:#adbdce;border-bottom:2px solid #fff;clear:both;}

.dp-secondary-hdr {background:#d0dbe2;border-bottom:2px solid #fff;border-top:2px solid #fff;clear:both;}

.dp-secondary-hdr-ind {background:#d0dbe2;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;clear:both;} /* for individual pod on details page */

.dp-secondary-int-hdr {background:#d0dbe2;clear:both;}

.dp-tertiary-hdr {background:#e8eff3;border-bottom:2px solid #fff;border-top:2px solid #fff;clear:both;}

.dp-tertiary-int-hdr {background:#f7f7e7;border-bottom:1px solid #ccc;clear:both;} /* for repeating internal pod */



.hols-primary-hdr {background:#eabfd4;border-bottom:2px solid #fff;clear:both;}

.hols-secondary-hdr {background:#f0e1e8;border-bottom:2px solid #fff;border-top:2px solid #fff;clear:both;}



.car-primary-hdr{color:#fff;margin-bottom:10px;border:1px solid #ccc;}

.car-secondary-hdr{background:#C4D4C4;}

.misc-hdr {background:#f7f7e7;}

.car-secondary-hdr{background:#C3D6C2;}

h1 {font-size:20px;font-weight:normal;margin:0;}

h2 {font-size:13px;margin:0;}

h3 {font-size:11px;margin:0;}

h4 {font-size:1em;margin:0;font-weight:normal;}

.small{ font-size:10px; }

/* NOTE: temporary imagenames used, to be finalised */

h2.fh-hdr{background-image:url(/gen/opodo/images/icon/fh_s.gif);background-position:10px 2px;background-repeat:no-repeat;margin:0;padding:2px 0 0 74px; font-size:13px}

h2.hotel-hdr{background-image:url(/gen/opodo/images/icon/hotel_s.gif);background-repeat:no-repeat;margin:0;padding-left:27px;}

h2.hols-hdr{background-image:url(/gen/opodo/images/icon/hol_s.gif);background-repeat:no-repeat;margin:0;padding-left:27px;}

h2.flight-hdr{background-image:url(/gen/opodo/images/icon/flight_s.gif);background-repeat:no-repeat;margin:0;padding-left:27px;}
h2.car-secondary-hdr{background-image:url(/gen/opodo/images/icon/car.gif);background-position:0 -4px;;background-repeat:no-repeat;margin:0;padding-left:27px;}
h2.insurance-hdr{background-image:url(/gen/opodo/images/icon/insurance_sm.gif);background-repeat:no-repeat;margin:0;padding-left:27px;}

#packagedetailsform h2.flight-hdr, #packagedetailsform h2.hotel-hdr{float:left}

#shoppingBasket-con .dp-secondary-hdr, #shoppingBasket-con .dp-primary-hdr{border-bottom:none;border-top:none;border-left:1px solid #ccc;border-right:1px solid #ccc;}

.basket-hdr{background:#990033;color:#fff;margin:0;}

.insurance-primary-hdr{background-color:#C4DCF4;}

.flightInfo-pod .dp-tertiary-hdr {background:#f7f7e7;}

.voucher-hdr{background:#F7F7E5;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;padding:5px;font-size:1em;}

.nextStep-hdr{background:#F7F7E5;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;padding:5px;font-size:1em;}

.filter-hdr{background:#CC6699;color:#fff;text-align:left;}

.opodoChecked-hdr{padding-left:0;padding-top:0;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;border-bottom:none;}

.holidays .primary-hdr{background:#CC6699;}

.holidays .secondary-hdr {background:#EABFD4;}

.holidays .tertiary-hdr {background:#F0E1E8;}

.dp .primary-hdr{background:#eabfd4;}

.dp .secondary-hdr {background:#f0e1e8;}

.dp .tertiary-hdr {background:#e8eff3;}

.hotelInfo-hdr {font-size:12px;}

/***********************************************************

+Sections 

***********************************************************/

.fh-search-sec-a {float:left;width:45%;padding:5px 10px 10px 10px;}

.fh-search-sec-b {float:right;width:45%;padding:5px 10px 10px 10px;}

.outboundDateRange-sec{float:left;padding:0 10px 10px 10px;margin-top:-10px;width:450px}

/* remove above 2 classes and replace with below 2, as more generic name - seek out other files using it */

.fh-sec-a {float:left;width:47%;padding:5px 0px 10px 10px;}

.fh-sec-b {float:right;width:48%;padding:5px 10px 10px 10px;}



#rooms-sec-a div {padding-bottom:11px;}

.fh-rooms-sec-a {float:left;width:24%;padding:10px 0px 0px 10px;}

.fh-rooms-sec-b {float:left;max-width:38%;padding:10px 0px 0px 5px;}

.fh-rooms-sec-c {float:left;width:28%;padding:0px 10px 0px 5px;margin-left:-10px}



.total-rooms-sec-a {float:left;width:30%;padding:3px 10px 5px 10px;}

.total-rooms-sec-b {float:left;width:60%;padding:0px 10px 0px 5px;margin-left:-10px;}



.fh-rooms-sec-a div, .hol-rooms-sec-a div {text-align:right;}

.fh-rooms-sec-b div, .hol-rooms-sec-b div {text-align:left;padding:4px;}



#dir-flight {padding-top:5px;}

#dir-flight div {float:left;}

div#rooms-sec-b div {padding:10px 5px 5px 0px;float:left;}

#rooms-sec-b div p {margin-top:-10px;width:40px;margin-bottom:10px;}

#rooms-sec-c div {padding:10px 0px 0px 0px;color:#666;line-height:120%}



.hol-rooms-sec-a {float:left;width:40%;padding:9px 0px 0px 10px;}

.hol-rooms-sec-b {float:left;max-width:50%;padding:10px 0px 0px 5px;}



.carInfo-sec-b{width:240px;}







.master-sec-a {float:left;padding:5px;margin:0;}

.master-sec-b, .master-sec-c{float:right;padding:5px;padding-left:10px;border-left: 1px solid #ccc;margin:0;}



.checkout-pod .price-sec-a, .fhInfo-pod .price-sec-a, .flightInfo-sec-a {width:72%;}

.checkout-pod .price-sec-b, .fhInfo-pod .price-sec-b, .flightInfo-sec-b {width:21%;}

.price-sec-b{text-align:right}

.flightDetail-sub .master-sec-b{text-align:center;}

.hotelInfo-sub .master-sec-a, .hotelDateInfo-sub .master-sec-a {width:285px;padding-left:10px;}

.hotelInfo-sub .master-sec-b, .hotelDateInfo-sub .master-sec-b {width:388px;padding-left:10px;margin-left:-5px;}

#dpHotelDescription{width:388px;}

.hotelDateInfo-sub .hotelCheckoutDate-sec {width:220px;float:left;padding-left:10px;}

.hotelDateInfo-sub .master-sec-c{width:150px;}

.carDetail .master-sec-b{border-left:0;text-align:right;}

.opodoChecked-hdr .master-sec-a{padding:0;width:350px;}

.opodoChecked-hdr .master-sec-b{padding:0;border-left:0;}

.tour-info-pod .master-sec-b{border-left:none;}

.change-sec {float:right;text-align:right;padding-top:5px;padding-bottom:5px;}

.passengers-sec{border-left:0;}

.priceInfo-sec{text-align:right;padding-right:5px;}

.split-sec-a {width:45%;}

.split-sec-b {width:45%;}

.searchSummary-sub{border-left:0;border-right:0;}

.searchSummary-sec-a{float:left;padding-left:5px;width:510px;padding-bottom:0;padding-top:0;}

.searchSummary-sec-b{float:right;width:160px;text-align:right;padding-bottom:0;padding-top:0;}



.staticSearchSummary-sec-a {float:left;padding:0 10px 0 5px;}

.staticSearchSummary-sec-b{float:left;padding:0 10px 5px 5px;}

.staticSearchSummary-sec-c{width:150px;float:right;padding:0 0 5px 0;}



/* confirmation */

.fh-sec-a div, .fh-sec-b div{padding-bottom:5px;}

.master-pod .dpXsell-hotelInfo-sec{padding:0;width:200px;border:none;}



.merchandiseDetails-sec-a{float:left;width:250px;border-right:1px solid #fff;}

.merchandiseDetails-sec-b{float:left;width:251px;}



.dp-xsell-sub .master-sec-b{padding:5px 0;}

.dp-xsell-sub .master-sec-a{padding:5px 0;}



/* search results */

#SearchFormAmend {background-color:#F7F7E7}

.packageOperator-sec{background:#fff url(/gen/opodo/images/layout/holiday_logo_corner.gif) no-repeat bottom right; margin-left:-5px;width:100px;padding:0;height:28px;text-align:center;}

/*used for f+h:hotels details page - room section layout differs to f+h:details page */
.roomDetails-sec-a {
	float:left;
	width:567px;
}
.roomDetails-sec-b {
	float:left;
	background:#fff;
	padding:10px;
	width:114px;
}
.roomDetails-line{
	border-top:1px solid #ccc;
	height:1px;
	font-size:1px;
}
.roomDetails-sec-a th.roomOption {
	border-left:1px solid #e8eff3;
	width:40%;
}
.roomDetails-sec-a th.numAdults {
	width:13%;
}
.roomDetails-sec-a th.numChildren {
	width:13%;
	border-right:1px solid #ccc;
}
.upgradeRooms {
	float:right;height:1px;border-top:1px solid #ccc;width:144px;margin-top:-1px;
}

/***********************************************************

+Presentation, text and images

***********************************************************/

.price {font-size:14px;font-style:normal;}

.price13 {font-size:13px;font-style:normal;}

.avgPrice {font-size:15px;}

.fhInfoAvgPrice-sub strong.price, fhInfoAvgPrice-sub span.price {font-size:16px;font-style:normal;}

strong.highlight{color:#FF3300}

.deemphasise{color:#999999;}

.combineAndSave{color:#993300;font-size:12px;}

.total{font-size:16px;font-style:normal;line-height:1.2;}

.change-sec img {vertical-align:middle;padding-bottom:1px;}

.resultsInfo-pod p.sub-a, .resultsInfo-pod .sub-b {padding:0;}

 p{margin:0; line-height:1.4em;}

 .master-sub p, p.master-sub, .hotelInfo-sub p{margin:0 0 10px 0;}

.hotelImage {float:left;margin-right:10px;}

.hotelImage img{width:60px;}

.actionButton {border:0;}

.fh-adv-search-btn {border-bottom:0px;padding-top:3px;text-align:right}

.carInfo-pod .seperator {border-left:1px solid #ccc;border-right:1px solid #ccc;background-color:#fff;height:2px;}

.reprice-sub div {float:right;}

.carDetail {width:60%;}

.carOption {text-align:center;}

.informativeText {padding:0px 10px 0px 0px;color:#666;line-height:120%;font-style:normal;position:relative;}/* instructional text */

.informativeTextBottom {padding:5px 10px 0px 10px;background:#fff;color:#999;line-height:150%}/* bottom pod instructional text */

.informativeTextBottom p {padding-bottom:3px;}



.hideText{text-indent:-9999px;display:block;}

.filter-pod strong{font-size:14px;}

.holidays #atol{display:none;}

.lrdpbdr {border-left:1px solid #ccc;border-right:1px solid #ccc;}

.fs11{ font-size:11px;font-weight:normal; }

.selectHotelDP {
	border:0px;
	float:right;
	margin:5px;
}
/***********************************************************

+Forms

***********************************************************/



.dp input,.dp select {font-size:10px;border:1px solid #ccc;} 

.holidays input,.holidays select {font-size:10px;} 

input.subBtn {border:none;}

input.text{border:1px solid #aaa;}

input.checkbox {margin-left:-2px;border:5px;}

input.radio{border:none;}

#searchDay input {border:none;margin-bottom:-3px;}

#searchDay {padding:0px 10px 10px 6px;}

/* label{font-weight:bold;} */

#airport input {width:150px;}

#destination select {width:190px;}

#rtime, #dtime {width:150px;}

#departing, #returning, #duration {padding-bottom:5px;}

#addInfo div select {width:150px;}

div.fh-rooms-sec-b div select {margin-bottom:5px;}



#SearchFormAmend .amendLabel-sec{width:60px;float:left;text-align:right;padding-right:5px;}

#SearchFormAmend .calendarTextLink{margin-left:65px;}

#SearchFormAmend #dtime{margin-left:65px;}

#SearchFormAmend #dir-flight{margin-left:70px;}

#SearchFormAmend select, #SearchFormAmend input{padding:2px;}



form#tripPackageHotelFlightSearchForm, form#tripPackageHotelFlightAmendSearchForm {padding:0px;margin:0px}



.airlineClass {padding:5px 0px 13px 0px;}

.hotelRate {padding-top:13px;}

.budget {padding:4px 0px 8px 0px;}

.board {padding:15px 0px 0px 0px;}



/***********************************************************

+Lists and tables

***********************************************************/

table {font-size:1em;}

.flightInfo-pod dt{float:left;width:100px;}

.insuranceDateInfo-sub dt, .flightInfo-pod dt{font-weight:bold;}

.flightInfo-pod dd{margin-bottom:5px;}

.insuranceDateInfo-sub dd, .insuranceDateInfo-sub dt{float:left;margin-right:10px;}

.roomNumAdults, .roomNumChildren, .roomPrice {text-align:center;}



#bodyWrapper-opodo dl.distanceInfo {float:left;}

#bodyWrapper-opodo dl.distanceInfo dt {width:24px;padding:0 0 5px 0;margin:0;float:left;clear:both;}

#bodyWrapper-opodo dl.distanceInfo dd {width:140px;padding:0 0 10px 0;margin:0 0 0 34px;}



.master-pod table{font-size:1em;width:100%;border-right:1px solid #ccc;}

.master-pod th{text-align:left;border-left:1px solid #ccc;border-bottom:1px solid #ccc;background:#e8eff3;padding:10px;}

.master-pod td{border-left:1px solid #ccc;border-bottom:1px solid #ccc;padding:5px;text-align:center;}



.insurance-pod th{font-weight:normal}

.carInfo-pod th{background:#E4ECE4;}

td.carDetail, td.insuranceType{text-align:left;}

td.whatsThis {border:0;white-space:nowrap;border-bottom:1px solid #ccc;padding:5px;text-align:center;}

.bb1 {border-bottom: 1px solid #ccc;}

.bt1 {border-top: 1px solid #ccc;}

.blr0{border-left:none;border-right:none;}





.sortLabel{float:left;padding:0;}

.sortResults-pod ul{margin:0;margin-top:0!important;margin-top:-3px;padding:0;list-style-type:none;display:block;float:left;}

.sortResults-pod ul li{float:left;margin-right:10px;}

.sortResults-pod ul li input.radio{margin:0 5px;vertical-align:middle;}

tr.highlight {background:#FAFAEA;color:#333;}

td.right{text-align:right;}

.tour-info-pod dl dt{float:left;clear:both;padding:5px 15px 0 0;font-weight:bold;}

.tour-info-pod dl dd{padding:5px 0 0 15px;}

.tour-sort-pod ul li{margin:0;}

table.filter-choice-table{border:none;text-align:left;}

.filter-choice-table td, .filter-choice-table th{border:none;text-align:left;padding:3px 5px;}

.filter-choice-table th{background:#F0E1E8;border-bottom:1px solid #ccc;font-weight:normal;}

.filter-choice-table td{background:#fff;}



#bodyWrapper-opodo .inOutbound{width:100px;float:left;clear:both;}

#bodyWrapper-opodo dl#inbound{padding-top:10px;}

/*dl#outbound{padding-bottom:10px;}*/

#bodyWrapper-opodo .inOutboundDD {width:415px;margin:0 0 0 110px;}





.merchandiseDetails-sub table{padding:0;border:0;margin:0;}



.merchandiseDetails-sec-b table{border-left:1px solid #ccc;}

.merchandiseDetails-sub td{padding:0 5px;border:0;text-align:left;}

.merchandiseDetails-sub th{padding:0 5px;color:#ccc;border:0;background:#fff;text-align:right;}



tr.roomOption .roomNumAdults{width:80px;}

tr.roomOption .roomNumChildren{width:80px;}

tr.roomOption .roomType{width:250px;text-align:left;}

tr.roomOption .roomOption{width:50px;}

tr.roomOption .roomPrice{}

.hotelDetails-pod table{border-right:none;}

.hotelDetails-pod .roomType{border-left:none;}

.hotelDetails-pod td.morerooms{border-left:none;}



.hotelDetails-pod td.mpurpleBG{background:#d0dbe2;}

.hotelDetails-pod td.lpurpleBG{background:#e8eff3;}
.roomType p.roomType-info{width:155px;float:right;}





/***********************************************************

+Anchor 

***********************************************************/

/*e.g. for the "View full hotel details (>)" link */

#bodyWrapper-opodo a{color:#990033;text-decoration:none;}

#bodyWrapper-opodo a:hover{text-decoration:underline;}

#bodyWrapper-opodo .detailsLink, #bodyWrapper-opodo .viewDetailsLink {float:right;padding:5px;font-weight:bold;font-size:11px;line-height:1;}

#bodyWrapper-opodo a.detailsLink {background: url(/gen/opodo/images/icon/chevron.gif) no-repeat 100% 6px; padding-right:16px;}

#bodyWrapper-opodo a.viewDetailsLink {background: url(/gen/opodo/images/icon/chevron_white.gif) no-repeat 100% 6px; padding-right:16px;} /* note: chevron on white background */

#bodyWrapper-opodo a.inputLink, #bodyWrapper-opodo a.inputLink:hover{text-decoration:none;}





#bodyWrapper-opodo a.needHelpLink{font-weight:normal}

.print {background: url(print.gif) no-repeat; padding-top:6px; padding-left:26px;}

.email {background: url(email.gif) no-repeat; padding-top:6px; padding-left:26px;}

h4 a{color:#990033; text-decoration:none;}

a img{border:none}

/***********************************************************

+Misc 

***********************************************************/

.clear-aft:after, .master-sub:after{content:".";display: block; height: 0; clear: both; visibility: hidden;}

.clear-aft, .master-sub {display: inline-block;}

/* Hides from IE-mac \*/

* html .clear-aft, * html .master-sub {height: 1%;}

.clear-aft, .master-sub {display: block;}



/* End hide from IE-mac */

/*.clear-aft, .master-sub{display: inline-block}*/



.master-pod .b0{border:none;}

/* sec divider and lines */

.div-line {background:#ccc;height:1px;font-size:1px;line-height:1px;}

.hdr-line {height:2px;font-size:1px;background:#fff;}



/* calendar */



.calDay {background:#ebebe4;height:15px;padding:2px;min-width:30px;width:expression(30+'px');}

.dpt {z-index:1;padding-bottom:10px;}

.time {padding-bottom:5px;}

.filter-pod hr{background:#ccc;border:none;height:1px;}

.nowrap{whitespace:nowrap;}

.filterbottom{height:25px;background:#EABFD4 url(/gen/opodo/images/layout/filterbottom.png) no-repeat 50%;}

#footer-container{clear:both}

.partialDisplay .extra{display:none;}



/* popup */	

.popup #logo {width:100%;background-color:#903;height:60px;}

.popup #closeWin {text-align:right;}

.popup #roomTCsDisclaimer {display:inline}

.popup #roomTCsDisclaimer div {float:left;padding-left:10px;}

table.standard td {padding:5px 10px}

.w80pc {width:80%}



.errMsg {display:inline;}

#errorMessage ul{margin:0;padding-left:10px;}

.inputOption{margin-bottom:-2px;}



/***********************************************************

+Layout: Need to be transitioned to layout CSS

***********************************************************/

#bodyWrapper-opodo{

	width:711px;

	margin-left:40px;

}

#OPODO-SEC-A{}

#OPODO-SEC-B{

	width:177px;

	float:left;

	padding:5px 8px;

}

#OPODO-SEC-C{

	width:516px;

	float:left;

	padding-left:2px;

	padding-top:2px;

}

#bodyWrapper-opodo #body { /*needed to override basket page */

	margin-left:-40px;

}

.holidays .layout-a #OPODO-SEC-B{background:#EABFD4;}

.holidays .layout-a #OPODO-SEC-B{background:#EABFD4;padding:5px 5px;width:161px;} /*remove when holiday filters are available*/

.holidays .layout-a #OPODO-SEC-D{clear:both;float:left;margin-top:10px;width:711px;}

.layout-b #OPODO-SEC-B {float:left;width:505px;padding:0;}

.layout-b .fh-adv-search-pod{background:#f7f7e7;}

.layout-b #OPODO-SEC-C {float:right;width:186px;background:#fff;}



/***********************************************************

+Search Tabs for DP search results and Holiday search results

***********************************************************/		

.tab					{background-image:url(/gen/opodo/images/layout/tab_active_top.gif);font-size:1em;float:left;margin-right:5px;background-repeat:repeat-x;background-position:top;width:40%;font:1em verdana,arial;font-weight:normal;}

.tabBottom				{clear:both;padding:5px;float:left;width:100%;}				

.tab p					{padding:2px 10px;margin:0;font-size:1em;}

.tab h2					{padding:0 10px;margin:0;font-size:1.2em;}		

.holidays #dp-tab		{background-color:#E8EFF3;border-bottom:1px solid white;color:#7B797A;}

.holidays #holiday-tab	{background-color:#EABFD4;border-bottom:1px solid #EABFD4;}

.dp #dp-tab				{background-color:#ADBDCE;border-bottom:1px solid #ADBDCE;}

.dp #holiday-tab		{background-color:#F0E1E8;border-bottom:1px solid white;color:#7B797A;}

		

.dp .tabBottom			{background-color:#ADBDCE;margin-bottom:10px}

.holidays .tabBottom	{background-color:#EABFD4;}





.whatsthis-tab			{width:16%;font:1em verdana,arial;font-weight:normal;background:#FFF;margin-top:10px;}

.tableft				{background:url(/gen/opodo/images/layout/tab_active_topleft.gif) no-repeat top left;}

.tabright				{background:url(/gen/opodo/images/layout/tab_active_topright.gif) no-repeat top right;}

.holidays #dp-tab .tableft, .dp #holiday-tab .tableft{background:url(/gen/opodo/images/layout/tab_inactive_topleft.gif) no-repeat top left;}

.holidays #dp-tab .tabright, .dp #holiday-tab .tabright{background:url(/gen/opodo/images/layout/tab_inactive_topright.gif) no-repeat top right;}

.holidays #dp-tab , .dp #holiday-tab  {background-image:url(/gen/opodo/images/layout/tab_inactive_top.gif);}



.qsLabel-section{float:left;text-align:right;padding:5px 3px;width:95px;}

.qsRoomInput-section{float:left;padding:3px;}

#qsRoomInput-sec {padding-bottom:5px;border:1px solid #f7f7e7;}

.qsLabel-section .roomRow, .qsRoomInput-section .roomRow{line-height:17px; margin-bottom:3px;}

.qsLabel-section .roomRowTitle {margin:-2px 0 5px 0;}

.merchandise-pod p{padding:5px;}

.merchandise-pod table{width:100%}

.merchandise-pod td a{color:#FF3300}

.merchandise-pod th{font-weight:normal;color:#666666;font-size:10px;}

.merchandise-pod td{border-bottom:1px solid #ccc;}

.merchandise-pod td, .merchandise-pod th{text-align:left;padding-left:5px;vertical-align:top;}

.merchandise-pod .hols-secondary-hdr{color:#C75492;padding:5px;border-top:1px solid #ccc}

.merchandise-pod td a.detailsLink{padding-left:0;}

iframe#merchandise-sec {margin-top:48px;border:none;overflow:hidden;width:186px;}

.dp iframe#merchandise-sec {height:610px;}

.holidays iframe#merchandise-sec {height:860px;}

iframe#merchandiseDetails-sec {border:none;overflow:hidden;height:260px;width:505px;}

.merchandise-pod{width:186px}

.hideBlock{display:block;text-indent:-9999px;}





div#dpBasketFHDetails {
	background-image:url(/gen/opodo/images/layout/bgflightsq.gif);
	background-color:#fff;

	}

div#dpBasketFHDetails .bdr1, .nobdr {

	border:0px;

}





#bodyWrapper-opodo .flightDetail-sub{padding-left:0;padding-right:0;}

#bodyWrapper-opodo .flightDetail-sec-a{padding-right:0;padding-left:0;border-right:1px solid #ccc;float:left;width:545px;}

#bodyWrapper-opodo .flightDetail-sec-a dl{margin:0 10px 10px 10px;overflow:hidden;zoom:1;}

#bodyWrapper-opodo .flightDetail-sec-a dl dt{float:left;clear:both;}

#bodyWrapper-opodo .flightDetail-sec-a dl dd{float:left;width:420px;margin:0;}

#bodyWrapper-opodo .flightDetail-sec-b{border-left:0;float:left;}



/* the holdingCopy stylesheet is needed for holding page so that the first four textlines on left side are red and 14px as per wireframe. */

.holdingCopy{color:#990033;font-size:14px;font-family:Verdana,Arial,Helvetica,Sans-Serif;font-weight:normal;line-height:20px;text-decoration:none;}



/*special margin for combination pods and iframes*/

#bodyWrapper-opodo .special {

			margin-left:0px !important; /* Styles for Mozilla, Safari, IE Mac */

			margin-left: 0px; /* Styles for MS IE5 PC */

			margin-left/**/:/**/-10px; /* Styles for IE6 PC */

		}

/*specialMarginTop is a special margin for space between navigation bar and header title to be 20px on all browsers*/

#bodyWrapper-opodo .specialMarginTop {

			margin-top:-5px !important; /* Styles for Mozilla, Safari, IE Mac */

			margin-top:0px; /* Styles for MS IE5 PC */

			margin-top/**/:/**/-5px; /* Styles for IE6 PC */

		}

.gmapSummaryWindow {background: url('/gen/opodo/images/icon/gmapleft.png') no-repeat left top; white-space: nowrap;}
.gmapSummaryWindow div {background: url('/gen/opodo/images/icon/gmapright.png') no-repeat right top; height:40px; padding:0 8px; }
.gmapSummaryWindow div div { background:#fff; height:38px; min-width:170px; _width:170px; border-top:1px solid #ababab!important; border-bottom:1px solid #ababab!important; padding:0px;}
.gmapSummaryWindow img.arrow {margin:-1px 0 0 70px;}
