/* links */ a.prinavi {text-decoration:none;color:#21629C;font-size: 11px;font-weight: normal;font-family: Arial, Helvetica, sans-serif;} a.prinavi:hover {text-decoration:none; color:#00BCE4; } a.currentcriteria01 { text-transform: capitalize;font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#21629C; font-weight: bold; text-decoration:none; } a.currentcriteria01:hover { text-transform: capitalize;font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#00BCE4; font-weight: bold; text-decoration:none;} a.subnavi {text-decoration:underline; color:#21629C; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold } a.subnavi:hover {text-decoration:underline; color:#00BCE4; font-size: 11px; font-family: Arial, Helvetica, sans-serif;font-weight: bold; } a.tabnavi {text-transform: capitalize;text-decoration:none;color:#21629C;font-size: 10px; font-family: Arial, Helvetica, sans-serif;font-weight: normal;} a.tabnavi:hover {text-transform: capitalize; text-decoration:none;color:#00BCE4;font-size: 10px; font-family: Arial, Helvetica, sans-serif;font-weight: normal; } a.textnavi {text-decoration:none;color:#21629C;font-family: Arial, Helvetica, sans-serif;font-weight: normal;font-size: 11px;} a.textnavi:hover {text-decoration:none; color:#00BCE4; } a.menunavi {font-family:Arial;color:#ffffff !important;font-size:11px;height: 18px;width: auto;background: #b1d37a;display: block;text-align: left;text-indent: 7px;text-decoration: none;line-height: 19px;font-weight: bold;} a.menunavi:hover {font-family:Arial;font-size:11px;color:#666;font-weight: bold;width: auto;background-color: #d7f0ad;display: block;height: 18px;text-align: left;text-indent: 7px;text-decoration: none;} /* text */ .head01 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color:#21629C; } .head04 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #666666; } .subhead00 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color:rgb(0,0,0); } .subhead01 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color:#666; } .subhead02 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color:#FFFFFF; } .subhead03 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color:#21629C; } .subhead04 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #31659C; } .subtxt00 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#21629C; font-weight: normal; } .subtxt01 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#21629C; } .subtxt02 {text-decoration:none; color:#21629C; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal } .subtxt03 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#8CC63F;; } .subtxt04 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#21629C; font-weight: bold; } .subtxt06 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#21629C; font-weight: normal; } .currentcriteria02 { text-transform: capitalize;font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#666; font-weight: bold; } .formobject {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#21629C; font-style: normal; } .homepagetxt { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; font-style: normal; font-weight: bold; } .price { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #000000; } .paragraphtext { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666; font-weight: normal; } .paragraphtextbold { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #666; } .tabletitle { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color:#666; } .tableheader { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color:#666; } .tablelabel { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color:#666666; } .pricetitle { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color:#FFFFFF; } .errormessage { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color:#8cc63f; } .pinklink { font: normal 12px Arial, Helvetica, sans-serif; color:#8CC63F; text-decoration:none; } .flightheader { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color:#666666; } /* backgrounds */ .bgerror {background-color:#00BCE4; } .menuborder {} .pagebg {background-color:#f6f6f6; } .bgtab01 {background-color:#FFFFFF; } .bgtab02 {background-color:#FFFFFF; } .bgtab03 {background-color: #8c8c8c; } .bgtab04 {background-color: #efefef; } .bgtab05 {background: url(../images/branding/kulula/backgrounds/box_bg.png); background-repeat: no-repeat; background-position: bottom; } .bgtab09 {} .bgtab10 { background-color: #efefef;} .bgtab12 {background-color: #efefef;} .bgtab13 {background-color: #FFF;} .bgtab14 {background-color: #E8F8FF;} .bgframe02 {background-color: #8cc542;} .altbg {background-color: #ffffff;} .mainbg {background-color: #FFFFFF; } .selectbg {background-color: #efefef; } .selectbg1 {background-color: #F2F7FF; } .horizontalline01 {} .horizontalline02 {} .flighttext { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color:#21629C; } .flighttext_neg { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color:#CC0000; } .receipt {font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #21629C;} .whitespacebg {background-color: #FFFFFF;} .menubg {border-right: 1px solid #FFFFFF;} .menualtbg {border-right: 1px solid #FFFFFF;} .pricebg {background-color: #8CC63F} /* Itinerary Styles */ .itinerarybg {background-color: #FFF; border: 1px solid #efefef;} .itinerarytitle {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color:#21629c;font-weight:bold;display: block;margin-right: 4px;margin-left: 4px;} .itineraryttext {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color:#21629C;display: block;margin-right: 4px;margin-left: 4px;} .itineraryheaderbg {background: url(../images/branding/kulula/backgrounds/box_bg.png); background-repeat: no-repeat; background-position: bottom; } .itineraryheader { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#666; font-weight: bold; } .itinerary_seperator {background: url(../images/branding/kulula/itinerary_seperator.jpg) no-repeat center;} .itinerarybg {} .itineraryprice {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #21629C; font-weight: bold;margin-left: 7px; } /* table border colours */ .menuborder {} .border01 {background-color: #efefef;} .RHborder { } .LHborder { } .extrasborder {background-color: #efefef;} /* table border frames */ .extrasbrdr {background-image: url(../images/branding/kulula/supp_buttons/tab_border.gif);background-repeat: repeat-x;background-position: bottom;} .tableborder01 {border: 1px solid #efefef; border-collapse:collapse;} .tableborder02 { border: 1px solid #efefef; border-collapse:collapse;} .tableborder04 { border: 1px solid #efefef; border-collapse:collapse;} .tableborder1 {border:solid 1px #efefef;padding: 4px;} .browseborder{border-left: 2px solid #efefef;border-right: 2px solid #efefef;border-bottom: 2px solid #efefef;} /* table cell borders */ .browsebg1 { background-color: #FFFFFF;} .browsebg2 {background-color: #FFFFFF; } /* Side Navigation backgrounds */ .sidenavbg { background-color:#ffffff;} .sidenavbg2 { background-color:#ffffff;} /* Hotdeal Styles */ .hotdealheader { text-transform: capitalize;font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color:#666; text-decoration:none; } .hotdealtitle { text-transform: capitalize;font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color:#21629C; text-decoration:none; } .hotdealselect {text-decoration:none;color:#21629C;font-size: 11px;font-family: Arial, Helvetica, sans-serif;font-weight: bold;} .hotdealborder { border: 1px solid #efefef; border-collapse:collapse;} .hotdealselect:hover {text-decoration:none; color:#00BCE4; } .hotdealbg {background: url(../images/branding/kulula/backgrounds/box_bg.png); background-repeat: no-repeat; background-position: bottom;} /* Customised Styles */ .browsetext {font-family: "Trebuchet MS";font-size: 11px;font-weight: bold;color: #21629C;} .ssbutton {font-family: Arial, Helvetica, sans-serif;font-size: 10px;} .extrasbtn {font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #fff;} .extrasbtn:hover {font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #FFFFFF;} .extrasbg {background-color:#efefef;} .extrasbg1 {background-color: #FFFFFF; } .extrassep {background-color: #6699CC;} .extrastitle {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #666;} .extrastxt { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #21629C;} .extrassubtitle2 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color:#21629C;} .extrasprice { font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #21629C;font-weight: bold;} .extrasformselect {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#1261AF;} .extrastitlebg {background-color: #8CC63F;} .extrastitletxt {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #FFFFFF;} .extrassubtitle { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color:#21629C; } .emailheader { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #21629C;} .emailbold {font-family: Arial, Helvetica, sans-serif; font-size: 11px;font-weight: bold;color: #21629C;} .emailtext {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #21629C;} .emailbodytext {font-family: Arial, Helvetica, sans-serif; font-size: 11px;color: #21629C;} .emailbox {border-top: 1px solid #efefef;border-left: 1px solid #efefef;border-right: 2px solid #efefef;border-bottom: 1px solid #efefef;background: #FFF;} .emailbodytextbold {font-family: Arial, Helvetica, sans-serif; font-size: 11px;color: #21629C; font-weight: bold; padding-left: 8px;} .emailbg {background-color: #efefef;;} .emailbodytext2 {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #21629C;padding-left: 8px;} .emailtitle {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666; font-weight: bold; padding-left: 8px;} .emailsubtitle {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #21629C; font-weight: normal;} .emailaddress { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#21629C;} .emailfootertitle { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color:#21629C;} /* Extras Buttons */ .tabbgover {background-repeat: no-repeat;background-image: url(../images/branding/kulula/supp_buttons/tab_over.gif);background-position: left;} .tabbgerror {background-repeat: no-repeat;background-image: url(../images/branding/kulula/supp_buttons/tab_error.gif);background-position: left;} .tabbgup {background-repeat: no-repeat;background-image: url(../images/branding/kulula/supp_buttons/tab_up.gif);background-position: left;} .tabbgmand {background-repeat: no-repeat;background-image: url(../images/branding/kulula/supp_buttons/tab_mand.gif);background-position: left;} /*OFFERLISTING PANELS*/ .ol_tab {width:40px;background:#00BCE4;white-space:nowrap;padding:2px 8px;font-weight:bold;float:left;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #FFFFFF;height: 16px;} html>body .ol_tab {width:auto;min-width:30px;} .ol_topborder {background: #F7F7F7;height: 25px;width: 485px;border-bottom: 1px solid #CCCCCC;} .ol_box {float: left;width: 641px;border: 1px solid #cccccc;padding: 2px;} .ol_icon_info {font: 10px Arial, Helvetica, sans-serif;color: #000000;text-decoration: underline;} .ol_price_box {height: 65px;width: 100px;border: 1px solid #ccc;text-align: center;margin-top: 2px;} .ol_price {font: bold 13px Arial, Helvetica, sans-serif;color: #666;display: block;} .ol_text {font: normal 11px Arial, Helvetica, sans-serif;color: #21629C;} .ol_bottomborder { background: #F7F7F7;height: 30px;width: 485px;border-top: 1px solid #CCCCCC;} .olcontainertitle { font: bold 11px Arial, Helvetica, sans-serif;color: #666666;} .olcontainertext{ font: 11px Arial, Helvetica, sans-serif;color: #21629C;} .olcontainertext2{ font: 11px Arial, Helvetica, sans-serif; color: #21629C;} /* Brochure pop-up styles */ #slideshow {height: 200px;width: 229px;border: 1px solid #CCCCCC;font: 11px Arial, Helvetica, sans-serif;color: #000000;float: left;} /* mini search styles */ . .mini_bg01 {background: #E1E1E1;} .mini_text {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #666666;padding-top: 3px;} .miniformobject {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #336699;border-top: 1px solid #336699;border-right: 1px solid #999999;border-bottom: 1px solid #666666;border-left: 1px solid #336699;} /* Kulula New Styles 200808 */ body,td,th {font-family: arial, verdana, helvetica, sans-serif;font-size: 11px;color: #666666;} #minisearchbox { width:135px; height:140px; margin-left:10px; } #miniboxtext { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; margin-top: 10px; margin-bottom: 10px; text-align: left; } #contactbox { width:135px; } #contactboxtext { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; margin-top: 10px; margin-bottom: 10px; text-align: left; } .helptext { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666; font-weight:bold; } a.leftnav { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:underline; color: #21629c; text-transform: capitalize; margin-left: 5px; display: block; } a.leftnav:hover { text-decoration:underline; color: #00bce4; } .destlistbacktop { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; background: url(../images/branding/kulula/backgrounds/box_bg.png); background-repeat: no-repeat; background-position: bottom; Border: 1px #ccc solid; color: #666; vertical-align: middle; } .destlistback { background: url(../images/branding/kulula/backgrounds/box_bg.png); background-repeat: no-repeat; background-position: bottom; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; color: #666; } /* End New Styles 200808 */ .slideshow { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #21629C; } .back { text-decoration: none; color: #21629C; line-height: normal; } .imageborder { margin-left: 5px; } .ssbutton { font-size: 10px; text-decoration:none; } .destinationname { font-family: Arial, Verdana, Helvetica, Tahoma; font-size: 14px; font-weight: bold; color: #8cc63f; margin-left:13px; } .destinationname h2 { text-transform:capitalize;} .whitebg {background-color:#FFFFFF; } .overview_bg { background: url(../images/branding/kulula/backgrounds/overview-box_back.gif) repeat-y; } .destoverviewbgcolor { background: url(../images/branding/kulula/backgrounds/overview-box_back.gif) repeat-y; } a.offerlink { font: 11px Arial, Helvetica, sans-serif; color: #8CC63F; text-decoration: underline; } a.offerlink:hover { font: 11px Arial, Helvetica, sans-serif; color: #608828; text-decoration: underline; } .offerspicborder { } .login_title { font: 18px Arial, Helvetica, sans-serif; color: #FFFFFF; margin-left: 25px; margin-top: 20px; } .login_bodytext { font: 11px Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; margin-left: 25px; } .login_logintext { font: 11px "Arial Narrow"; color: #FFFFFF; text-decoration: none; } .dealborder { border-right: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; border-left: 1px solid #E1E1E1; } .dealbg { background: url(../images/branding/kulula/deals/dealbg.jpg) repeat-x; height: 32px; } .dealbg2 { background: url(../images/branding/kulula/deals/dealbg2.png) repeat-x; } .dealborder2 { border-right: 1px solid #E1E1E1; border-left: 1px solid #E1E1E1; border-top: 1px solid #E1E1E1; } .dealtitle { font: bold 18px "Trebuchet MS"; color: #FFFFFF; display: block; margin-top: -3px; } .dealprice { font: bold 18px "Trebuchet MS"; color: #666; } .dealoffer { font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; line-height: 30px; color: #3C9339; } .dealsubtext { padding-left: 5px; background-color: #F1F1F1; font-size: 11px; font-family: Arial, Helvetica, Sans-Serif; color: #666; font-weight: normal; } #destcontainer {width: 680px; margin-left:13px;} #destcontent1 { height: 200px; width: 730px; margin-left: 13px; } #hotelcontent1 {height: 200px; width: 730px; margin-top: 20px;} #desttext { font: 11px Arial, Helvetica, sans-serif; color: #333; margin-left: 13px; margin-right: 13px; float:left; margin-bottom: 5px; } #msheader { font: bold 11px/18px Arial, Helvetica, sans-serif; color: #666; background: #efefef; height: 19px; width: 370px; display: block; text-align: center; margin-left: 40px; } #msbox { height: 178px; width: 370px; margin-left: 40px; border: 1px solid #CCCCCC; margin-top: 3px; } #destminisearchbox { width:380px; height:200px; float:left; } #hdheader { text-align: left; margin-left: 5px; text-indent: 10px; float: left; } #hdbox { height: auto; width: 730px; border: 1px solid #CCCCCC; margin-top: 5px; margin-left: 13px; float: left; } .hdborder { background: #F5F5F5; } .hdtext { color: #21629C; font: 11px Arial, Helvetica, sans-serif; } .hdtext a { text-decoration:underline; font-weight:bold; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #8cc63f; } /* Hot Property Styles */ #hpcontent { height: auto; width: 730px; border: 1px solid #CCCCCC; float: left; margin-left: 12px; margin-top: 8px; } .hp-arrow { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #21629C; text-align: center; } .hp-link { font-size: 12px; font-weight: normal; text-decoration: underline; } .hp-link:hover { color: #00bce4; } #hp-title { font-size: 12px; font-weight: bold; color: #666; text-decoration: none; } #hp-stars { margin-top: 5px; margin-bottom: 5px; } #hpbutton { float: left; height: 23px; width: 160px; margin-top: 60px; margin-left: 5px; } .hp-table { background-color: #f1f8e9; border: 1px solid #cef09d; } #hpthumb { float: left; height: 90px; width: 101px; border: 1px solid #CEF090; margin-left: 5px; margin-bottom: 5px; margin-top: 5px; } #hptext { float: left; height: auto; width: 299px; margin: 5px 5px 5px 10px; } #hpsep { border-bottom: 1px solid #CEF090; height: 1px; margin-top: 2px; margin-bottom: 4px; margin-left: 2px; float: left; width: 725px; } #hprow { float: left; width: 730px; } /*Hotel tabbed menu*/ .tabItems{list-style:none;margin:0;padding:0;color:#666;left:0px; font-size:12px;clear:both;} .tabItems a{color:#666;text-decoration:none;} .tabItems li{ display:block; float:left; color:#3C9339; border-bottom:1px none #CCC; line-height:1.9em; font-weight:bold; border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-left: 1px solid #CCC; } .tabItems li a{display:block;height:26px;padding:0 10px 0 10px;color:#666;} .tabItems li a:hover{ display:block; height:26px; padding:0 10px 0 10px; color:#00BCE4; } .tabItems li .selected{ height:26px; color:#00BCE4; background: url(../images/branding/kulula/backgrounds/box_bg.png); background-position: bottom; } #tabheader { float: left; height: 26px; width: 730px; } #tabbox { float: left; height: auto; width: 730px; border: 1px solid #CCC; padding: 5px 0px 5px 5px;} #hoteltopbox { width: 300px; margin-left: 20px; border: 1px solid #CCCCCC; float: left; padding: 5px; margin-bottom: 5px; } #hoteltabheader { float: left; height: 26px; clear: both;margin-top: 10px;margin-left: 12px; } #hoteltabbox { float: left; height: auto; width: 700px; margin-left: 12px; border: 1px solid #CCC; padding: 5px 0px 5px 5px; } #destcontent2 {width: 730px;margin-left: 13px;margin-top: 5px;} div.freetextfloat {margin-left: 13px;margin-bottom: 5px;} #hoteltabbox p { padding:20px;} #hotelpopuptabheader {float: left; clear: both;width:730px; } #hotelpopuptabheader #hotelpopuptabbox { float: left; height: auto; width: 970px; font-size: 14px;border: 1px solid #E4E4E4; } /* style the tooltip trigger elements */ #demo img {border:0;cursor:pointer;margin:0 8px;} .tooltip {display:none;background:transparent url(../images/branding/kulula/tooltip/black_arrow.png);font-size:11px;height:140px;width:160px;padding:25px;color:#fff;line-height: 14px;text-align:center;} .tooltiptext {color: #8CC63F; text-decoration:underline; } /*New booking journey styles*/ .roomseperator { border-bottom:1px solid #CCC; padding: 10px 0; } .roomseperator2 {border-bottom:1px solid #CCC;} .expand {font: 10px Arial, Helvetica, sans-serif;color: #666;text-decoration:none;} .expand a {font: 10px Arial, Helvetica, sans-serif;color: #666;text-decoration: none;} .finalpriceexpand {font: 10px Arial, Helvetica, sans-serif;color: #FFFFFF;text-decoration: none;} .finalpriceexpand a {font: 10px Arial, Helvetica, sans-serif;color: #FFFFFF;text-decoration: none;} .float {float: left;} .pagetitle {font: normal 18px Geneva, Arial, Helvetica, sans-serif;color: #000000;} .roomtitle { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color:#666; } .promo { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color:#00bce4; } a.promo { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color:#00bce4; } .maplink { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color:#00bce4; } /*IBE Variable table width styles*/ #variable-width-1A {width:958px;margin-top: 40px;} /*Main booking engine holder*/ #variable-width-1 {width:780px;margin-top: 40px;} /*Main booking engine holder*/ #variable-width-2 {width:181px;} /*Info menu table*/ #variable-width-3 {width:121px;} /*Info menu inside table*/ #variable-width-4 {width:95%; margin-left:10px;} /*Main booking engine content*/ #variable-width-5 {width:100%;} /*Main toolbar*/ #variable-width-6 {width:641px;} /*Main table width throughout IBE*/ #variable-width-7 {width:529px;} /*Holiday info box on offerlisting page 2*/ #ol-table-main {width:520px;} #ol-table-top {width:505px;} #ol-table-middle {width:505px;} #ol-table-col1 {width:200px;} #ol-table-col2 {width:300px;padding-left:60px; } /*OLD OFFERLISTING PANELS*/ .ol_tab {width:40px;background:#00BCE4;white-space:nowrap;padding:2px 8px;font-weight:bold;float:left;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #FFFFFF;height: 16px;} html>body .ol_tab {width:auto;min-width:30px;} .ol_topborder {background: #F7F7F7;height: 25px;width: 485px;border-bottom: 1px solid #CCCCCC;} .ol_box {float: left;width: 641px;border: 1px solid #cccccc;padding: 2px;} .ol_icon_info {font: 10px Arial, Helvetica, sans-serif;color: #000000;text-decoration: underline;} .ol_price_box {height: 65px;width: 100px;border: 1px solid #ccc;text-align: center;margin-top: 2px;} .ol_price {font: bold 13px Arial, Helvetica, sans-serif;color: #666;display: block;} .ol_text {font: normal 11px Arial, Helvetica, sans-serif;color: #21629C;} .ol_bottomborder { background: #F7F7F7;height: 30px;width: 485px;border-top: 1px solid #CCCCCC;} .olcontainertitle{font: bold 11px Arial, Helvetica, sans-serif;color: #21629C;} .olcontainertext{ font: 11px Arial, Helvetica, sans-serif;color: #21629C;} .olcontainertext2{ font: 11px Arial, Helvetica, sans-serif; color: #21629C;} /*Package details table*/ .pdetailsbox {border-top: 1px solid #efefef;border-left: 1px solid #efefef;border-right: 2px solid #efefef;border-bottom: 1px solid #efefef;background: #FFF; width:577px;} /*New offerlisting page*/ #ol-filter-content { width:730px; float:left;margin: 30px 0 5px 10px;} /*Main table width throughout IBE*/ #filtertitle { font: bold 12px Arial, Helvetica, sans-serif; color: #666666; margin-bottom: 20px; text-align:left; float:left; } #filterbox { width:100%; height:auto; float:left; border-bottom: 1px solid #CCCCCC; } /*NEW OFFERLISTING PANELS*/ #ol-table-main { width:730px; float:left; margin: 10px 0 5px 0; } #ol-table-content { width:725px; background: #FFFFFF url(../images/branding/kulula/offerlisting/hotelselection.jpg) no-repeat center top; margin-top: 3px; margin-bottom: 3px; } #ol-table-middle {width:718px;padding-top: 40px;} .ol_title { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color:#999999;padding-top: 10px} #ol-camera {width:46px;height:46px;margin:-30px 76px 0;display: block;} #ol-hotelinfo {height: auto;width: 259px;} #ol-hotelinfo .col1 { display: block; width: 90px; float: left; margin-top: 2px; margin-bottom: 2px; text-align: left; font: bold 11px Arial, Helvetica, sans-serif; color: #666666; clear:both;} #ol-hotelinfo .col2 { font: 11px Arial, Helvetica, sans-serif; color: #666666; display: block; width: 169px; float: left; margin-top: 2px; margin-bottom: 2px; text-align: left; } #ol-hotelinfo #row {width:259px;float: left;margin-top: 8px;margin-bottom: 2px;} #ol-hotelinfo #overviewtext {width:259px;float: left;} #ol-hotelinfo #overviewtext p {margin-top:1em;margin-bottom:1em;} #ol-table-middle a { font-size:12px; text-decoration:underline; color: #8CC63F; } #ol-price-box { height: 185px; width: 185px; margin-bottom:5px;} #ol-price-box #pricerow {width:180px;float: left;margin:10px 0 2px 2px;} #ol-price-box #pricerow .ol_price { font: bold 22px Arial, Verdana, Helvetica, Tahoma; color: #00BCE4;} #ol-price-box #row {width:180px;float: left;margin:5px 0 2px 2px;} #ol-price-box #row .ol_text { font: 11px Arial, Helvetica, sans-serif; color: #666666; } #ol-price-box #row .ol_pricetext{ font: Bold 12px Arial, Helvetica, sans-serif; color: #666666; } .ol_sep {border-top: 1px solid #CCCCCC;} .carrier { font: Bold 12px Arial, Helvetica, sans-serif;color: #666666;} .ol_flighttexttitle { font: Bold 11px Arial, Helvetica, sans-serif;color: #666666;} .ol_flighttext {font: 11px Arial, Helvetica, sans-serif;color: #333;} .ol_flighttext a {font: 11px Arial, Helvetica, sans-serif;color: #21629C; text-decoration:underline;} #alt-packages { width:730px; font-size:20px; color:#00BCE4; border-bottom: 2px solid #00BCE4; margin: 10px 0 10px 10px; float:left; text-align: left; font-weight: bold; text-indent: 10px; line-height: 32px; } #alt-packages-text { width:730px; font-size:12px; color:#666666; margin: 5px 0 0px 10px; float:left; text-align: left; } #alt-packages-container {width:730px;float:left;margin: 5px 0 10px 10px;} #alt-packages-row { width:720px; float:left; margin-left:10px;} #alt-packages-offer { width:345px; float:left; margin: 10px 10px 0 0; border:solid 1px #E0E0E0;height: 240px; } .alt-packages-title { font: 17px Arial, Helvetica, sans-serif; color: #999999; text-align:left; padding: 5px 0 15px 5px; background-image:url(../images/branding/kulula/backgrounds/sidegr.png); background-repeat: repeat-x; background-position: top; } #alt-packages-leftcol {width:140px;float:left;margin-top: 8px;} #alt-packages-leftcol p { margin:0; text-align: center; color: #666666; } #alt-packages-leftcol .ol_pricetext {font: 12px Arial, Helvetica, sans-serif; color: #666666; } #alt-packages-leftcol .ol_price {font: bold 22px Arial, Helvetica, sans-serif;color: #00BCE4; } #alt-packages-rightcol {width:190px;float:left;margin:8px 0 0 5px;text-align:left;} #alt-packages-rightcol div {margin:5px 0 2px 0;} #alt-packages-rightcol .dealtext {font: 10px Arial, Helvetica, sans-serif;color: #666666; padding-bottom: 5px; } #ol-page-numbers {width:710px;float:left;margin-top: 5px;text-align:right;font-size:12px;} #ol-page-numbers a {padding: 5px; font-weight:bold;} #ol-changeinfobox { width:698px ;margin-top: 5px; padding:5px; } #ol-changeinfobox .title { font: bold 12px Arial, Verdana, Helvetica, Tahoma; color: #00BCE4; text-indent: 6px; padding-top:5px; padding-bottom: 5px; border-top: 1px solid #00BCE4; border-bottom: 1px solid #00BCE4; } #ol-changeinfobox table { margin:0 0 5px 5px; } #ol-changeinfobox table .toprow { font: bold 11px Arial, Verdana, Helvetica, Tahoma; color: #666666; text-indent:10px;height:30px;} #ol-changeinfobox table .mainrow { font: 11px Arial, Verdana, Helvetica, Tahoma;color: #666666; text-indent:10px; height:30px; line-height:22px;} #ol-changeinfobox table .mainrow2{ font: 11px Arial, Verdana, Helvetica, Tahoma;color: #666666; text-indent:10px; height:30px; line-height:22px; border-top: solid 1px #CCCCCC; } #ol-changeinfobox table .price { font: bold 12px Arial, Verdana, Helvetica, Tahoma;color: #00BCE4; } .loadingScreenWindow .ui-widget-content { background: #ffffff; float:left; min-width:300px; min-height:150px;} .loadingScreenWindow .ui-widget-header{display:none; } .loadingScreenWindow .ui-widget-content div.text1 {float:left;font: normal 20px Arial, Helvetica, sans-serif;color: #999999; margin:40px 0 0 15px; } .loadingScreenWindow .ui-widget-content div.text2 {clear:both; font: normal 11px Arial, Helvetica, sans-serif;color: #666666; padding:20px 10px 10px 10px; } .loadingScreenWindow .ui-widget-content img {float:left; margin:10px 0 0 50px;} .ol-thumbnail-image { max-width: 75px; max-height: 56px; }