/* 
   Titles, Heights, Widths, Paddings & Margins for CSR & OO are listed together.
   Everything else is listed separately for CSR & OO. 
  
*/

    #bodyWrapper-opodo {
	font-family:verdana,arial,sans-serif;
	line-height:150%;
	font-size:11px;
	}
	#bodyWrapper-opodo .pageTitle, #bodyWrapper-opodo h1 {
	font-size:20px;
	font-weight:normal;
	display:inline; 
	}
	
	#bodyWrapper-opodo .secondlevelTitle, #bodyWrapper-opodo h2 {
	font-weight:bold;
	font-size:14px;
	display:inline;
	}
	
	#bodyWrapper-opodo .thirdlevelTitle, #bodyWrapper-opodo h3 {
	font-weight:bold;
	font-size:12px;
	display:inline;
	}
	
	#bodyWrapper-opodo a.xsell, #bodyWrapper-opodo a.xsell:visited {color:#ff3300;}	
		
	/* height */
	
	.h930 {height:930px;}
	.h451 {height:451px;}
	.h351 {height:351px;}
	.h150 {height:150px;}
	.h130 {height:130px;}
	.h80 {height:80px;}
	.h43 {height:43px;}
	.h37 {height:37px;}
	.h28 {height:28px;}
	.h27 {height:27px;}
	.h26 {height:26px;}
	.h24 {height:24px;}
	.h22 {height:22px;}
	.h18 {height:18px;}
	.h16 {height:16px;}
	.h13 {height:13px;}
	.h11 {height:11px;}
	.h8 {height:8px;}
	.h7 {height:7px;}
	
	.h100pcnt {height:100%;}
	
	/* width */
	.w950 {width:950px;}
	.w949 {width:949px;}
	.w947 {width:947px;}
	.w938 {width:938px;}
	.w925 {width:925px;}
	.w924 {width:924px;}
	.w921 {width:921px;}
	.w917 {width:917px;}
	.w904 {width:904px;}
	.w905 {width:905px;}	
	.w780 {width:780px;}	
	.w715 {width:715px;}
	.w714 {width:714px;}
	.w713 {width:713px;}
	.w709 {width:709px;}
	.w706 {width:706px;}
	.w705 {width:705px;}
	.w703 {width:703px;}
	.w694 {width:694px;}
	.w693 {width:693px;}
	.w692 {width:692px;}
	.w688 {width:688px;}
	.w686 {width:686px;}
	.w684 {width:684px;}
	.w673 {width:673px;}
	.w671 {width:671px;}
	.w630 {width:630px;}
	.w611 {width:611px;}
	.w608 {width:608px;}
	.w600 {width:600px;}
	.w599 {width:599px;}
	.w591 {width:591px;}
	.w561 {width:561px;}
	.w559 {width:559px;}
	.w556 {width:556px;}
	.w552 {width:552px;}
	.w531 {width:531px;}
	.w530 {width:530px;}
	.w515 {width:515px;}
	.w505 {width:505px;}
	.w500 {width:500px;}
	.w477 {width:477px;}
	.w485 {width:485px;}
	.w465 {width:465px;}
	.w464 {width:464px;}
	.w440 {width:440px;}
	.w435 {width:435px;}
	.w422 {width:422px;}
	.w420 {width:420px;}
	.w417 {width:417px;}
	.w415 {width:415px;}
	.w407 {width:407px;}
	.w403 {width:403px;}
	.w400 {width:400px;}
	.w395 {width:395px;}
	.w393 {width:393px;}
	.w392 {width:392px;}
	.w390 {width:390px;}
	.w382 {width:382px;}
	.w377 {width:377px;}
	.w365 {width:365px;}
	.w360 {width:360px;}
	.w358 {width:358px;}
	.w356 {width:356px;}
	.w355 {width:355px;}
	.w354 {width:354px;}
	.w350 {width:350px;}
	.w349 {width:349px;}
	.w347 {width:347px;}
	.w346 {width:346px;}
	.w343 {width:343px;}
	.w340 {width:339px;}
	.w339 {width:339px;}
	.w338 {width:338px;}
	.w334 {width:334px;}
	.w330 {width:330px;}
	.w329 {width:329px;}
	.w328 {width:328px;}
	.w325 {width:325px;}
	.w320 {width:320px;}
	.w316 {width:316px;}
	.w315 {width:315px;}
	.w300 {width:300px;}
	.w292 {width:292px;}
	.w291 {width:291px;}
	.w277 {width:277px;}
	.w276 {width:276px;}
	.w274 {width:274px;}
	.w271 {width:271px;}
	.w270 {width:270px;}
	.w268 {width:268px;}
	.w265 {width:265px;}
	.w261 {width:261px;}
	.w257 {width:257px;}
	.w256 {width:256px;}
	.w255 {width:255px;}
	.w254 {width:254px;}
	.w253 {width:253px;}
	.w252 {width:252px;}
	.w250 {width:250px;}
	.w248 {width:248px;}
	.w245 {width:245px;}
	.w240 {width:240px;}
	.w237 {width:237px;}
	.w236 {width:236px;}
	.w235 {width:237px;}
	.w231 {width:231px;}
	.w225 {width:225px;}
	.w223 {width:223px;}
	.w230 {width:230px;}
	.w228 {width:228px;}
	.w222 {width:222px;}
	.w220 {width:220px;}
	.w219 {width:219px;}
	.w218 {width:218px;}
	.w215 {width:215px;}
	.w210 {width:210px;}
	.w209 {width:209px;}
	.w207 {width:207px;}	
	.w207 {width:207px;}
	.w206 {width:206px;}
	.w205 {width:205px;}
	.w204 {width:204px;}
	.w200 {width:200px;}
	.w198 {width:198px;}
	.w194 {width:194px;}
	.w193 {width:193px;}
	.w192 {width:192px;}
	.w188 {width:188px;}
	.w185 {width:185px;}
	.w184 {width:184px;}
	.w179 {width:179px;}
	.w173 {width:173px;}	
	.w172 {width:172px;}
	.w170 {width:170px;}
	.w169 {width:169px;}
	.w167 {width:167px;}
	.w162 {width:162px;}
	.w160 {width:160px;}
	.w154 {width:154px;}
	.w152 {width:152px;}
	.w150 {width:150px;}
	.w147 {width:147px;}
	.w144 {width:144px;}
	.w138 {width:138px;}
	.w137 {width:137px;}
	.w135 {width:135px;}
	.w130 {width:130px;}
	.w129 {width:129px;}
	.w127 {width:127px;}
	.w125 {width:125px;}
	.w121 {width:121px;}
	.w119 {width:119px;}	
	.w118 {width:118px;}
	.w115 {width:115px;}
	.w113 {width:113px;}
	.w110 {width:110px;}
	.w105 {width:105px;}
	.w104 {width:104px;}
	.w100 {width:100px;}
	.w96 {width:96px;}
	.w93 {width:93px;}
	.w92 {width:92px;}
	.w91 {width:91px;}
	.w90 {width:90px;}
	.w88 {width:88px;}
	.w83 {width:83px;}
	.w81 {width:81px;}
	.w80 {width:80px;}
	.w77 {width:77px;}
	.w75 {width:75px;}
	.w74 {width:74px;}
	.w71 {width:71px;}
	.w70 {width:70px;}
	.w65 {width:65px;}
	.w60 {width:60px;}
	.w52 {width:52px;}
	.w59 {width:59px;}
	.w55 {width:55px;}
	.w46 {width:46px;}
	.w33 {width:33px;}
	.w29 {width:29px;}
	.w27 {width:27px;}
	.w26 {width:26px;}
	.w16 {width:16px;}
	.w9 {width:9px;}
	.w6 {width:6px;}
	.w5 {width:5px;}
	
	
	.w105pcnt {width:105%;}
	.w100pcnt {width:100%;}
	.w99pcnt {width:99%;}
	.w98pcnt {width:98%;}
	.w95pcnt {width:95%;}
	.w50pc {width:50%;}
	
	html:not([dummy]) #bodyWrapper-opodo li, html:not([dummy]) #bodyWrapper-opodo ul  {list-style-type:disc; margin:5px 0 0 -15px;}/* Styles for Mozilla, Safari, IE Mac */
	* html #bodyWrapper-opodo li, * html #bodyWrapper-opodo ul {list-style-type:disc; margin:5px 0 0 10px;}/* Styles for IE6 PC */
	#bodyWrapper-opodo li, #bodyWrapper-opodo ul {lis\t-style-type /**/:disc; margin:5px 0 0 10px;}/* Styles for IE7 PC */	
		
	/* margins misc */ 
	.mt5 {margin-top:5px;}
	.mt17 {margin-top:17px;}
	.mbneg15 {margin-bottom:-15px;}
	.mtneg10 {margin-top:-10px;}
	.mtneg15 {margin-top:-15px;}
	.mlneg10 {margin-left:-10px;}
	
	/* combo */
	.tb7 {padding-top:7px;padding-bottom:7px;}
	.pad1NoR {padding-top:1px;padding-left:1px;padding-bottom:1px;}
	
	/* padding top */
	.t7 {padding-top:7px;}
	.t9 {padding-top:9px;}
	.t10 {padding-top:10px;}

	/* padding bottom */
	.b9 {padding-bottom:9px;}
	
	/* padding left */
	.l67 {padding-left:67px;}
	.l55 {padding-left:55px;}
	.l53 {padding-left:53px;}
	.l20 {padding-left:20px;}
	.l18 {padding-left:18px;}
	.l16 {padding-left:16px;}
	.l14 {padding-left:14px;}
	.l13 {padding-left:13px;}
	.l12 {padding-left:12px;}
	.l11 {padding-left:11px;}
	.l9 {padding-left:9px;}
	.l8 {padding-left:8px;}
	.l7 {padding-left:7px;}
		
	/* padding right */
	.r53{padding-right:53px;}
	.r17 {padding-right:17px;}
	.r16 {padding-right:16px;}
	.r14 {padding-right:14px;}
	.r13 {padding-right:13px;}
	.r12 {padding-right:12px;}
	.r11 {padding-right:12px;}
	.r9 {padding-right:9px;}
	.r8 {padding-right:8px;}
	.r6 {padding-right:6px;}	
	
	/* Checkout stuff */
	
	img.imgborder {border:1px solid #666666;}
	.lbrownBG {background-color:#E0E0BE;}	
					
	/*Misc*/
	#bodyWrapper-opodo .line{
	background-image: url(/gen/opodo/images/layout/spacer.gif);
	background-repeat: repeat-x;
	line-height:0px;
	font-size:1px;
	background-position:bottom;
	}
	#bodyWrapper-opodo .linevert{
		background-image: url(/gen/opodo/images/layout/dots_vert.gif);
		background-repeat: repeat-y;
		line-height:0px;
		font-size:1px;
		width:1px;
	}	
	.crumbBG {background-image:url(/gen/opodo/images/layout/crumbDots.gif);}
#bodyWrapper-opodo .tableRow {background-image:url(/gen/opodo/images/layout/tablerow.gif");}	
#bodyWrapper-opodo label{cursor: pointer;}
	
	/* Font sizes */
	#bodyWrapper-opodo .fs12{font-size:12px;display:inline;}
	#bodyWrapper-opodo .fs13{font-size:14px;display:inline;}
	#bodyWrapper-opodo .large {font-size:12px;}
	#bodyWrapper-opodo input, #bodyWrapper-opodo select{font-size:11px;line-height:120%;}
	.large15 {font-size:15px;}
	.carlblueBG {background-color:#D9E5D9;}
	.blueBG {background-color:#CADBCA;}
	.lh {line-height:150%;}
	td>#mainScrollDiv, form>#mainScrollDiv{height:100%;width:714px;padding:0;overflow:auto;}	
	/* CSR only - NOTE: CSR is IE6 only, so test these styles on other browsers b4 u copy them. 
	
	/* Opacity */
	.trans40 {filter:alpha(opacity=50); -moz-opacity:0.5;}
	.lVblueDots {background-image:url(/gen/opodo/images/layout/lblueDots.gif); height:1px; line-height:1px; background-repeat:repeat-y;}
	.dVGreyDots {
	     background-image:url(/gen/opodo/images/layout/dgreyDots.gif);
	     height:1px;
		 line-height:1px;
		 background-repeat: repeat-y;
	}
	
	#bodyWrapper-opodo .input {
	border-width:1px;
	border-color:#000000;
	border-style:solid;
	line-height:14px;	
	}
	
	#bodyWrapper-opodo .inputW {
		border-width:1px;
		border-color:#FFFFFF;
		border-style:solid;
	}
	
	#bodyWrapper-opodo .inputDisabled {	
		border-width:1px;
		border-color:#CCCCCC;
		border-style:solid;
		background-color:#F7F7F7;
		readonly:true;
	}
	
	#bodyWrapper-opodo .radioButtons {
		background:url("/gen/opodo/images/icon/icon_radio_buttons.gif") 25px 0 no-repeat;
	}
	
	.tabClassBlueHOn {
		background-image:url("/gen/opodo/images/layout/tab_blueH_on.gif");
		background-repeat:no-repeat;
		cursor:default;
		font-size:13px;
	}
	
	.tabClassBlueHOff {
		background-image:url("/gen/opodo/images/layout/tab_blueH_off.gif");
		background-repeat:no-repeat;
		cursor:hand;
		font-size:11px;
	}
	
	.errorArrow {
		background-image:url("/gen/opodo/images/icon/errorarrow.gif");
		background-repeat:no-repeat;
	}
	
	.hand {cursor:hand;}
	.leftPositionH {position:relative; left:-5; top:0;}
	.tabPadding {padding:1px 1px 1px 1px;}
	.tabPositionBlueH {position:relative; left:-1; top:3;}
	.tabPositionGreenV {position:relative; left:-1; top:1;}
	.tabsHeaderPositionH {position:relative; left:-6; top:0;}
	.headerPositionH {position:relative; left:-13; top:0;}
	.layerHide {display:none;}
	.scrollY {overflow-y:scroll;}
	#bodyWrapper-opodo .divPosLeft {float:left;} 
	#bodyWrapper-opodo .divPosRight {float:right;} 
	.dburgundyBG {background-color:#660000;}
	.blackBG {background-color:#000000;}
	.vlgreyBG {background-color:#F7F7F7;}
	.mlgreyBG {background-color:#e5e5e5;}
	.mgreyBG {background-color:#e5e8eb;}
	.mdgreyBG {background-color:#eeeeee;}
	.blueBDR {border: 1px solid #98BCD1;}
	.bdrblueBG {background-color:#98BCD1;}
	.skyblueBG {background-color:#deedfb;}
	.vmgreenBG {background-color:#CCCC99;}
	.vm2greenBG {background-color:#DBE7DB;}
	.dbdrgreenBG {background-color:#ADAD6C;}
	.dbdr2greenBG {background-color:#99B599;}
	.vdpurpleBG {background-color:#B5B5D8;} 
	.dbdr3greenBG {background-color:#999967;} 
	.redBG {background-color:#FF0000;} 
		
	/*class name already in headfoot.css, nearly same colour tho will not modify (yet).
	.mblueBG {background-color:#acc9ee;}
	*/
		
	/* when all buttons have been converted to graphics on CSR, take these out */
	#bodyWrapper-opodo .buttLeft {
	background-image:url("/gen/opodo/images/layout/butt_bdr_lt.gif");
    width:3px;		
    height:18px;
	cursor:hand;
	}
	
	#bodyWrapper-opodo .buttCenter {
		background-image:url("/gen/opodo/images/layout/butt_bdr_tp_bt.gif");
		height:18px;
		cursor:hand;
	}
	
	#bodyWrapper-opodo .buttRight {
		background-image:url("/gen/opodo/images/layout/butt_bdr_rt.gif");
	    width:3px;		
	    height:18px;
		cursor:hand;	
	}
	
	#bodyWrapper-opodo .buttLeftRed {
		background-image:url("/gen/opodo/images/layout/butt_bdr_lt_red.gif");
	    width:3px;		
	    height:18px;
		cursor:hand;
	}
	
	#bodyWrapper-opodo .buttCenterRed {
		background-image:url("/gen/opodo/images/layout/butt_bdr_tp_bt_red.gif");
		height:18px;
		cursor:hand;
		color:red;
	}
	
	#bodyWrapper-opodo .buttRightRed {
		background-image:url("/gen/opodo/images/layout/butt_bdr_rt_red.gif");
	    width:3px;		
	    height:18px;
		cursor:hand;	
	}
	
/* for DP checkout */

	/* override colours for DP pods */
    #dpHotel td#dpHotelStar, #dpHotel td#dpHotelAddr, #dpHotel td#dpHotelInDate, #dpHotel td#dpHotelOutDate, #dpHotelRm tr#dpRm th {background:#e8eff3;}
    #flightHotelConf .mmushroomDotsV, #flightHotelConf .mmushroomDotsH {background:#ccc;}
    #DPTravellerDetails .mmushroomBG, #DPTravellerDetails .mmushroomDotsH {background:#ccc;}

	/* taken from Hotels flow */
	/* .bdr1{border:1px;border-style:solid;} */
	/*.bdr1left{width:1px;background:#ccc;}/* differs to same class in hotels4.css */
	#dpRoomType,  #dpRoomTypeAdult, #dpRoomTypeAdults{background:#F7F7E7;}
	
/* End of DP section */
#dpRoomType,  #dpRoomTypeAdult, #dpRoomTypeAdults{background:#F7F7E7;}
#otto #hotelSummary, #otto #roomSummary{width:925px;}
#otto #hotelPod {width:925px;margin:0 0 10px 10px;padding:1px;}
#roomSummary{border-bottom:1px #ccc solid} 
#flightHotelConf{margin-left:40px;width:711px;}
#otto #flightHotelConf{margin-left:0;width:925px;}
#bookingContact {width:691px;}
#otto #bookingContact {width:905px;}
#flightHotelConf{border:1px solid #ccc;margin-bottom:10px;}
#otto #flightHotelConf{border:0;margin-bottom:0}
.travSummary-pod{background:#fff;width:711px;}
#otto .travSummary-pod{width:925px;}
.fh-sec-a {float:left;width:47%;padding:5px 0px 10px 10px;}
.fh-sec-b {float:right;width:48%;padding:5px 10px 10px 10px;}
.travSummary-pod dd{float:left;margin-right:10px;}
.travSummary-pod dt{margin-left:10px}
.master-hdr {color:#000;padding:2px 10px 3px 10px;font:1.3em/1.5em verdana,arial;font-weight:bold;}
.page-hdr {padding:20px 0px 10px 10px;background:#fff;} /* main page header */
.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-tertiary-hdr {background:#e8eff3;border-bottom:2px solid #fff;border-top:2px solid #fff;clear:both;}
#termsAndConditions table{border-left:1px solid #333;border-top:1px solid #333;}
#termsAndConditions th, #termsAndConditions td{border-right:1px solid #333;border-bottom:1px solid #333;}
#termsAndConditions ol.termContents li{list-style-type:none;margin:0;}
#termsAndConditions ol.termContents{margin:0;padding:0;}
#termsAndConditions {width:485px;margin-left:20px;}

/* for dp basket details - override individual product section colours */
#dpBasketFlightSec tr.mflgtgreenBG, #dpBasketFHDetails table.mpurpleBG {background:#D0DBE2;}
#dpBasketFlightSec tr.beigeBG,  #dpBasketFHDetails th.lpurpleBG, #dpBasketFHDetails td.lpurpleBG{background:#E8EFF3;}

.flightSection-con .mmushroomDotsH {background:#ccc;}
.flightSection-con .mmushroomDotsV {background:#ccc;}
.flightSection-con .mflgtgreenBG {background:#e8eff3;}

.dp-action-buttons input.action-button{margin:5px 0;}
.dp-action-buttons{background:#fff;border-top:1px solid #98BCD1;border-bottom:1px solid #98BCD1;padding:10px;padding-top:10px;}
div.redBG{border:1px solid #FF0000}

.productStatus{padding:5px;background:#fff;font-weight:bold;}
.productPrice{padding:5px;background:#fff;}
.productStatus-header{padding:5px;}
.legacyBorder{padding:1px;padding-bottom:0;}

#validFrom, #issueNo {padding-bottom:10px;}

