/*html,body,button{font-size:100%;}*/
body {font: 80% Arial, Verdana, Helvetica, sans-serif;}
body.body, body.default {background:#036;padding: 0px;margin: 0 0 0 10px;}
img {border:0;}
p {margin:0 0 10px 0;}
a {color:#000000;font-family:Arial, Verdana, Helvetica, sans-serif;}
input,select {font-size:11px;}
.clear {clear:both;padding-top:10px;}
div.clearSmall {clear:both;padding:5px 0 0 0}
.clearFloat:after {content:".";display:block;height:0;clear:both;visibility:hidden;} 
.clearFloat {display:inline-block;} 
/* Hide from IE Mac \*/ 
.clearFloat {display:block;} 
/* End hide from IE Mac */
.warning {color:#f00;}
.t1 {font-size:0.85em}
.t2 {font-size:1em}
.t3 {font-size:1.3em;}
.t4 {font-size:1.4em;}
.t5 {font-size:1.8em;}

ul.none {margin:0;padding:0;list-style:none;}
ul, ol {padding:0; margin:0 0 0 16px}
.sortBy .radio {padding-left:5px;}
.sortBy {color:#FFF;}
.sortBy a{color:#FFF;}

.actionLinks td {padding-top:3px;}
.action_link_left {margin-top:3px; float:left;}
.action_link_right {margin-top:3px; float:right;}
.action_link_right .text_highlight, .action_link_right .text_highlight a { color:#000000 !important;}
*html .action_link_right .text_highlight {font-size:12px;}

/* Layout styles for zuji.com.hk - ZUJI Hong Kong */
#master_top {width:880px;position:relative;left:0;top:0;padding:0;z-index:4;}
#master_left	{position:absolute;left:0px;top:170px; z-index:5;width:140px;}
#master_center	{position:absolute;left:150px;top:160px;width:606px;z-index:2}
#master_right 	{position:absolute;left:760px;top:165px;z-index:1;}
#master_banners {z-index:6;position:absolute;left:412px;top:13px;width:auto;}
#master_top #breadCrumbs {color:#2F62CD;font-size:0.85em;height:18px;right:130px;padding:4px 0pt 0pt 6px;
position:absolute;top:157px;text-align:right;}
#master_top #breadCrumbs strong{color:#EE872B;font-weight:normal;}
#master_top #breadCrumbs a{color:#8C8C8C;margin:5px;text-align:center;}
*:first-child+html #master_top #breadCrumbs{top:162px;}

#page_content {height: auto !important; height/**/:620px; min-height:620px !important;}
.clearNoPadding {clear:both; height:0px!important; overflow:hidden; _position:absolute;}
.row {margin-bottom:10px;overflow:hidden;clear:both;}
.hidden {position:absolute;left:-100em;top:-100em;}
.text_inverse, .text_inverse a {color:#ffffff }
.contentSeparator {padding:5px;}
.popup_close {float:right;}

/* ********** Columns ********* */
.double_column {width:396px;float:left;margin-right:8px;}
.single_column {width:202px;float:left;}
.half_page_column {width:295px;float:left;margin-right:8px;}
.quarter_page_column {width:142px;float:left;margin-right:10px;}

/* Header styles*/
#header {position:relative;top:5px;z-index:5;text-align:left;font-size:0.85em;width:880px;background:#fff; margin:0 0 10px 0; height:160px;}
#header img{border: 0;}
/*#headerad {z-index:3;position:absolute;width:766px;text-align:right;top:13px;}*/
#logo {position:absolute;float:left;z-index:1;margin:4px 0 0 4px;left:3px;}

#navServices {padding:0px;  width:880px;position:relative;}
#navServices .secondary_links{float:left;}
#navServices ul {position:relative;list-style:none;margin:0;padding:70px 5px 5px 0px;border-bottom:1px solid #EFEFEF;background: url('https://ssl.zuji.com/Image_Library/Website_images/hk/navbg.gif') repeat-x 0% 100% ;color:#fff;text-align:left;top:58px;}
#navServices li {display:inline;font-size:1em}
#navServices a:link,#navServices a:visited,#navServices a:hover,#navServices a:active {margin:0;padding:0 5px;color:#fff;text-decoration:underline;font-size:1em; font-weight:bold;}

#skipNav {display:none;}
#skip {clear:both;}
#mainNav {background:#fff;z-index:4;position:relative;padding:0;margin:0;width:880px;}
#mainNav #mainNavContent {padding-left:0px;float:left;width:880px;margin-top:10px;background:url('https://ssl.zuji.com/Image_Library/Website_images/hk/bkgd_navstripbot.gif') #fff repeat-x bottom;z-index:10}
#mainNav #mainNavContent div {float:left;padding:0;margin:0;}

#mainNav div br{float:none;clear:both}
#mainNav div a {display:block;float:left;font-size:1em;line-height:2em;padding:0 9px 0 10px;color:#000000;text-decoration:none; font-weight:bold;border-right:1px solid #CCCCCC; border-top:1px solid #CCCCCC;}
#mainNav div a:hover {background:#18A3D1 none repeat scroll 0%;border-color:#18A3D1;border-width:1px 1px 1px 0pt;color:#FFFFFF;}
#mainNav ul {visibility:hidden;position:absolute;list-style:none;padding:0;margin:0;background:#ccd6e0;width:14.5em;}
#mainNav ul li {padding:0;margin:0;display:inline;list-style:none;background:#ccd6e0;font-size:1em;top:2em}
#mainNav li a {margin:0;font-size:1em;line-height:1.8em;border-top:1px solid #A0ADBA;border-bottom:1px solid #40668c;border-left:1px solid #40668c;border-right:1px solid #40668c;font-weight:300;color:#003;padding:0 8px;display:block;background:#7f99b2;width:14.5em;}
#mainNav li a:hover {background:#ccd6e0;color:#036;}
#mainNav .navOver {background:#7f99b2;}
#mainNav .navOver a {color:#fff;}
#mainNav .navOver ul {z-index:10;visibility:visible;}
#mainNav #currentNav {padding:0;margin:0;background:#fff;position:static;border:1px solid #18A3D1;}
#mainNav #currentNav a {background:#18A3D1 repeat-x top;line-height:1.9em;color:#fff;border-width:0px;}
#mainNav #currentNav ul {width:600px;position:absolute;left:12px;visibility:visible;z-index:1;white-space:nowrap;background:transparent;}
#mainNav #currentNav ul li {padding:0;margin:0;background:#fff;display:inline;line-height:3em;width:auto;font-size:1em;}
#mainNav #currentNav ul li a {border:0;padding:0;line-height:3em;color:#036;padding:0 10px 0 0;display:inline;background:#fff;width:auto;}
#mainNav #currentNav li a:hover{background:#fff;color:#036;text-decoration:underline;}
#mainNav #currentNav li.mainSubNav {line-height:3em;color:#FD6505;float:left;display:block;padding:0 4px 0 0;}
#mainNav .smark{font-size:.6em;line-height:.6em;vertical-align: super; text-decoration:none;}

#mainNavmessage {font-size:100%;position:absolute;float:none;display:inline;margin:0;padding:0;text-align:right;height:33px;line-height:3em;background:#fff;color:#000;top:2.2em;left:0;width:766px;}
#mainNavmessage span {display:block;padding:0 12px 0 0;}
#mainNavmessage .guaranteeLnk {float:none;color:C00403;font-weight:bold;line-height:3em;font-size:1em;}
#mainNavmessage .guaranteeLnk a{font-size:1em;font-weight:normal;color:C00403;text-decoration:underline;display:inline;float:none;padding-right:2px;}
#header .personalbox {position:absolute;left:307px;margin:0px 0px 0px 0px;padding:5px 0px 0px 0px;background:#fff;color:#fff;font-weight:300;width:400px;float:right;z-index:10;overflow:none;text-align:right;}
#header .head{margin:0;padding:0;font-size:1.1em;font-weight:bold;color:#fff;}
#header h2{margin:0;padding:0;font-size:1.1em;font-weight:bold;color:#fff;}
.personalbox a:link{font-weight:300;text-decoration:underline;color:#FFF;}
.personalbox a:hover{font-weight:300;text-decoration:underline;color:#FFF;}
.personalbox .mem a{font-weight:300;text-decoration:underline;padding-left:10px;padding-top:3px;color:#FFF;}
#mainNav #emptyLeftNav {background:url('https://ssl.zuji.com/Image_Library/Website_images/hk/bkgd_navstripbot.gif') #fff repeat-x top;width:12px;line-height:2.0em}
#mainNav #emptyRightNav {background:url('https://ssl.zuji.com/Image_Library/Website_images/hk/bkgd_navstripbot.gif') #fff repeat-x top;width:407px;line-height:2.0em}
#headerad_txt {z-index:3;position:absolute;margin:0;padding:75px 5px 5px 0px;text-align:center;width:766px}


/* Footer styles*/
.gap {clear:both;height:12px; margin-top:50px}
#master_centerbottom #footer {border-top:1px solid #6685A3;width:744px;clear:both;padding:9px 0 5px 0;background:#fff;color:#A0C0D4;font-size:0.67em;text-align:center;}
* html #master_centerbottom #footer {width:744px;}
#footer ul, #footer_2 ul {margin:0;padding:0 7px 0 0;list-style:none;}
#footer li, #footer_2 li {display:inline;font-size:1em}
#footer a, #footer_2 a {background:#fff;color:#58A1D4;text-decoration: underline;}
#footer li a, #footer_2 li a {padding:0 7px;}
#footer span, #footer_2 span {display:inline;padding:0 .2em;}
#footer p, #footer_2 p {line-height:1.1em;margin:0 10px 0 0;padding:4px 0 0 0;font-size:1em;}
#footer .logos img{vertical-align:middle;}

/*just for Help footer*/
#master_centerbottom_2 #footer_2 {border-top:1px solid #6685A3;width:770px;clear:both;padding:9px 0 5px 0;background:#fff;color:#A0C0D4;font-size:0.67em;text-align:center;}


/*----FAQs style----*/

.help {float:left; clear:both; margin:0 57px;color:#003366;font-size:11px; background-color:#eaeaea; padding:5px 6px;}
.column {float:left; width:156px; margin:0 10px 0 0; }
.help h3 {font-size:12px; }
.help h4 {padding:5px 0 0 0;font-size:11px;}
.column li a, .column li a:link {color:#003366; font-size:10px;}
.help {background-color: none;}


#help_topics{float:left; clear:both; color:#003366;margin: 0pt 10px 0pt 0; font-size:11px; background-color:#E7F9FF; padding:10px 16px 10px 15px; text-align:left; width:730px; border:1px solid #B1E1EF;}
#help_topics a{background-color:#E7F9FF; color:#006699; text-decoration:none;}
#help_topics a:hover{background-color:#E7F9FF; color:#218428; text-decoration:underline;}
#help_topics ul {margin:0 5px; padding:0 3px 0 8px;}
#help_topics ul li{margin-left:5px; padding: 1px 0;list-style-type:disc;}
#help_topics ul ul li{margin:auto;padding: 1px 0;list-style-type: circle;}
#help_topics .column2{float:left; width:134px; margin:0 12px 0 0; }
#help_topics h3 {font-size:14px; color:#666666; margin: 5px 0;}
#help_topics h4 {padding:5px 0 0 0;font-size:11px; font-weight:bold; margin:3px 0;}
#help_topics h4 a{text-decoration:none; color:#0099CC;}



/* Global content styles*/
.hr{border: 1px solid #cccccc;clear:both;margin:8px 0;}
.hr hr{display:none;}
#content .superclear {float:none;clear:both;width:1px;height:1px;overflow:hidden;visibility:hidden;padding:0px;margin:0 0 0 0;}
#mainContent{width:880px;position:relative;float:left;margin-top:0px;margin-left:-150px;}
#content{background:#fff;color:#000;font-size:0.85em;margin:0 0 0px 0;padding:0;border-top:solid 1px #fff;}
#content li{line-height:1.2em;}
#content img{border:0;}
#content form{margin:0;padding:0;}
#content ul {margin:2px;padding:15px;}
#content p, #content div, #content ul, #content ol, #content dl, #content li, #content dd, #content dt, #content span, 
#content a, #content table, #content td{font-size:1.0em;line-height:1.2em;}
#content h1 {margin:0;padding:0;font-size:1.45em;line-height:1.45em;font-weight:bold;}
#content h2, #content h3, #content h4, #content h5, #content h6{margin:0;padding:0;font-size:1em;line-height:1em;font-weight:bold;}
#content h2{font-size:1.2em;}
#content ul {margin:0;padding:0;list-style:none;}
#content li {margin:0;padding:0;line-height:1.2em;}
#content .hr hr{display:none;}
#content .offerhead{color:#CA7147;font-size: 1.2em;margin:0 0 4px 0;}
#content .imgLeft{text-align:left;vertical-align:top;}
#content .defhead{font-size: 1.1em;padding:0 0 4px 0;}
#content ul.linklist {margin:1px 6px 0 -6px;padding:0 5px 0 0;list-style: none;}
#content ul.linklist li {background: url(http://hg.travelocity.com.edgesuite.net/graphics/bullet_blackDot.gif) no-repeat left top;color:#292A3E;padding:1px 0 1px 16px;margin:0;}
#content ul.vlist{float:left;list-style-type:none;margin:2px 0 0;vertical-align:middle;}
#content ul.vlist li{float:left;line-height:1.2em;padding:5px 15px 7px;width:50px;}
#content ul.hlist{float:left;list-style-type:none;margin:2px 0 0;vertical-align:middle;}
#content ul.hlist li{float:left;line-height:1.2em;padding:5px 15px 7px;width:50px;}
#content .collist{float:left;}
#content .collist li{margin:10px 11px;width:52px;}
#content .morelink{clear:both;font-size:0.9em;margin:0;text-align:right;}
#content .icolL{float:left;margin:0 0 12px 0;}
#content .icolR{float:right;margin:0 0 12px 0;}
#content .icolSpan{margin:0 0 12px;}
#content .headrt{font-weight:normal;float:right;display:inline;}
#content .textlist{list-style-type:square;margin-left:8px;}
#content .textlist li{list-style-type:square;margin:12px 8px;}
#searchTools{float:left;border:1px solid #5abce1; padding:4px 14px 5px 8px;} 
#offers{float:right;width:400px;background-color:#fff}
#features {background-color:#fff;margin:12px 0px 0px 0px;padding:0;color:#30420B;}
#merch{margin:0 0 0px;width:auto;}
#smallPromo {height:125px;float:right;width:125px;background:#ffffff;color:#313142;}
#superPromo{margin:0 0 9px 0px;overflow:hidden;padding:0;width:400px;}


/* Calendar Style */
.background_brand {background-color:#0099CC !important;}
.background_default {background-color:#fff;}
.text_highlight, .text_highlight a {color:#003366;}
.t1{font-size:11px;}
.popupCalendar .text_inverse {color:#FFFFFF;}
.popupCalendar {border:1px solid #0099CC;position:absolute;right:0;top:0px;left:0px;}
.popupCalendar .days {background-color:#DFF2F9;}
.popupCalendar .dates {border-top:1px solid #f0f0f0;}
#calendar #page_content {left:0px !important;}

/* Form submit button arrow graphics, text versions */
.buttonArrowUp {background: transparent url(<tal:block replace="python:template.getImageURL('ico_primary_arrow_up.gif')" />) no-repeat right center !important; text-align: right; padding-right: 18px !important}
.buttonArrowRight {background: transparent url(<tal:block replace="python:template.getImageURL('ico_primary_arrow_right.gif')" />) no-repeat right center !important;text-align: right; padding-right: 18px !important;}
.buttonArrowDown {background: transparent url(<tal:block replace="python:template.getImageURL('ico_primary_arrow_down.gif')" />) no-repeat right center !important;text-align: right; padding-right: 18px !important; color:#FFFFFF;}
.buttonSecondaryArrowLeft {background: transparent url(<tal:block replace="python:template.getImageURL('ico_secondary_arrow_left.gif')" />) no-repeat left center !important; text-align: left; padding-left: 18px}
.buttonSecondaryArrowUp {background: transparent url(<tal:block replace="python:template.getImageURL('ico_secondary_arrow_up.gif')" />) no-repeat right center !important; text-align: right; padding-right: 18px}
.buttonSecondaryArrowRight {background: transparent url(<tal:block replace="python:template.getImageURL('ico_secondary_arrow_right.gif')" />) no-repeat right center !important; text-align: right; padding-right: 18px}
.buttonSecondaryArrowDown {background: transparent url(<tal:block replace="python:template.getImageURL('ico_secondary_arrow_down.gif')" />) no-repeat right center !important; text-align: right; padding-right: 18px}
.buttonIconPhone {background: transparent url(<tal:block replace="python:template.getImageURL('ico_phone.gif')" />) no-repeat left center; text-align: left; padding-left: 18px;}
.buttonIconInfo {background: transparent url(<tal:block replace="python:template.getImageURL('ico_secondary_information.gif')" />) no-repeat right center; text-align: right; padding-right: 18px;}
.button:active {border-color: #000033 #ACBED0 #ACBED0 #000033;padding:3px 9px 1px 11px }
* html .sortByContainer .buttonArrowDown {margin-left:5px;}
*:first-child+html .sortByContainer .buttonArrowDown {margin-left:5px;}

/* Content page button graphics, text versions */
#content a.button{margin:0;padding:0;border:2px solid;color:#fff;text-decoration:none;font-weight:bold;text-align:center;line-height:1em;background: url(<tal:block replace="python:template.getImageURL('button_1_bg.gif')" />) #A66C3F repeat-x bottom;display:inline-block;padding:.4em .4em;border-color:#C7AF92 #6A4E2D #6A4E2D #C7AF92;}
#content a.button_blu{margin:0;padding:0;border:2px solid;color:#fff;text-decoration:none;font-weight:bold;text-align:center;line-height:1em;background: url(<tal:block replace="python:template.getImageURL('button_1_blu_bg.gif')" />) #5D6987 repeat-x bottom;display:inline-block;padding:.1em .4em;border-color:#7C839A #566383 #566383 #7C839A;}
#content a.button_brn{margin:0;padding:0;border:2px solid;color:#fff;text-decoration:none;font-weight:bold;text-align:center;line-height:1em;background: url(<tal:block replace="python:template.getImageURL('button_1_brn_bg.gif')" />) #5D6987 repeat-x bottom;display:inline-block;padding:.1em .4em;border-color:#C7AF92 #6A4E2D #6A4E2D #C7AF92;}
#content a.button_grn{margin:0;padding:0;border:2px solid;color:#fff;text-decoration:none;font-weight:bold;text-align:center;line-height:1em;background: url(<tal:block replace="python:template.getImageURL('button_1_grn_bg.gif')" />) #717E58 repeat-x bottom;display:inline-block;padding:.1em .4em;border-color:#88966B #687553 #687553 #88966B;}
#content a.button_ylw{margin:0;padding:0;border:2px solid;color:#fff;text-decoration:none;font-weight:bold;text-align:center;line-height:1em;background: url(<tal:block replace="python:template.getImageURL('button_1_ylw_bg.gif')" />) #A66C3F repeat-x bottom;display:inline-block;padding:.1em .4em;border-color:#AA9B69 #9C803B #9C803B #AA9B69;}
#content a.button span{color:#fff;display:inline-block;height:1em;text-shadow:2px 2px #7E4725;FILTER: dropShadow( Color=623F24,offX=1,offY=1,positive=true);cursor:pointer;cursor:hand;}
#content a.button_blu span{color:#fff;display:inline-block;height:1em;text-shadow:2px 2px #7E4725;FILTER: dropShadow( Color=623F24,offX=1,offY=1,positive=true);cursor:pointer;cursor:hand;}
#content a.button_brn span{color:#fff;display:inline-block;height:1em;text-shadow:2px 2px #7E4725;FILTER: dropShadow( Color=623F24,offX=1,offY=1,positive=true);cursor:pointer;cursor:hand;}
#content a.button_grn span{color:#fff;display:inline-block;height:1em;text-shadow:2px 2px #7E4725;FILTER: dropShadow( Color=623F24,offX=1,offY=1,positive=true);cursor:pointer;cursor:hand;}
#content a.button_ylw span{color:#fff;display:inline-block;height:1em;text-shadow:2px 2px #7E4725;FILTER: dropShadow( Color=623F24,offX=1,offY=1,positive=true);cursor:pointer;cursor:hand;}


/* Homepage search box */
#main_search {width:100%; float:left; background: #DFF2F9; border:1px solid #1BA6D1;}
#main_search_top {padding: 6px 0 0; background: url(<span tal:replace="structure python:template.getImageURL('hp_travel_search_box_body_top.gif',bypass_cdn=0)" />) no-repeat top left}
#main_search_body {height:auto !important;padding: 0 10px 2px 10px; background: url(<span tal:replace="structure python:template.getImageURL('hp_travel_search_box_border-r.gif',bypass_cdn=0)" />) repeat-y top right}
#main_search_bottom {background: url(<span tal:replace="structure python:template.getImageURL('hp_travel_search_box_body_bottom.gif',bypass_cdn=0)" />) no-repeat bottom left}

#main_search_nav {background:#C27C4F;height:2.2em}
#main_search_nav li{display:inline}
#main_search_nav ul{margin:0;padding:0;list-style:none;}
#main_search_nav_list{width:330px;}
#main_search_nav .navTab{display:block;text-align:center;float:left;background:transparent;}
#main_search_nav a{display:block;padding:5px;font-size:11px;font-weight:900;line-height:1.3em;height:1.3em;border-bottom:1px solid #FFC09A;border-right:1px solid #FFC09A;background-color:#C27C4F;cursor:pointer;color:#FFFFFF;text-decoration:none;text-align:center;}
#main_search_nav .navTabLast a{border-right:0px;}
#main_search_nav .selectednavTab {display:block;text-align:center;float:left;background:transparent;}
#main_search_nav .selectednavTab a{background-color:#F6A472;cursor:pointer;color:#000000;border-bottom:1px solid #F6A472;}
#main_search_nav .flightsTab {width:100px}
#main_search_nav .hotelsTab {width:100px}
#main_search_nav .packagesTab {width:130px}

#holidaysPromoText {background: url(<span tal:replace="structure python:template.getImageURL('hp_travel_sale_promo_text.gif',bypass_cdn=0)" />) no-repeat 0 99%}

#homepage_search_category {width: 202px; float: left}
#homepage_search_text {margin: 6px 0 8px 9px; font-size: 0.96em}
#homepage_search_text h2 {width: 148px; height: 19px; padding-bottom: 12px; text-indent: -1000em; background: url(<span tal:replace="structure python:template.getImageURL('hp_travel_search_header.gif',bypass_cdn=0)" />) no-repeat}
#homepage_search_text a {font-weight: bold; color: #f09}

#homepage_search_category ul {list-style-type: none; margin: 0; padding: 0}
#homepage_search_category ul li {position: relative; right: -1px; list-style-type: none; margin: 0; padding: 0 0 0 10px; height: 31px; vertical-align: middle; background:url(<span tal:replace="structure python:template.getImageURL('hp_travel_search_category_list_bg.gif',bypass_cdn=0)" />) no-repeat}
#homepage_search_category ul li div.vAlign {vertical-align: middle; position: absolute; top: 7px;  margin: 0; padding: 0}
#homepage_search_category ul li * {vertical-align: middle}
#homepage_search_category ul li a {color: #000}
#homepage_search_category ul li.first {_top: -2px !important; /*underscore hack fix for IE/Win :( */}
#homepage_search_category ul li.last {height: 32px}
#homepage_search_category ul li#active {top: -1px; height: 35px; background: url(<span tal:replace="structure python:template.getImageURL('hp_travel_search_category_list_bg_on.gif',bypass_cdn=0)" />) no-repeat}


/* Flights search form styles */
#transport-results #contentPad {margin:17px 5px 0 5px;}
*html #transport-results #contentPad {margin:24px 5px 0 5px;}
*:first-child+html #transport-results #contentPad {margin:24px 5px 0 5px;}

/* Safari CSS*/
@media screen and (-webkit-min-device-pixel-ratio:0){
#transport-results #contentPad {margin:24px 5px 0 5px;}
}
/* End of Safari*/


#lfe_availability .formElement {float:left;margin:3px 4px 0 0;}
#lfe_availability .formElement select, .formElement input {vertical-align:top;}
#contentPad #lfe_availability {border:#CCCCCC 1px solid; background-color:#EAEAEA; padding:5px;}
#lfe_availability #submit {text-align:right;clear:both;}
#lfe_availability #departurePointContainer {height:40px}
#lfe_availability #departurePointContainer select {width:119px;}
#lfe_availability #departurePointContainer input {width:115px;}
#lfe_availability #departureTimeContainer select {width:85px}
#lfe_availability #destinationContainer {height:40px}
#lfe_availability #destinationContainer select {width:119px;}
#lfe_availability #destinationContainer input {width:115px;}
#lfe_availability #returnTimeContainer {margin-right:0;height:40px}
#lfe_availability #returnTimeContainer select {width:85px}
#lfe_availability #returnDateContainer {height:40px}
#lfe_availability #carrierContainer {margin-top:-6px;}
#lfe_availability #directOnlyContainer, #lfe_availability #flexibleDatesContainer {margin-top:.6em;}


/* Hotels search form styles */
#searchHeader {border-bottom:1px solid #fff;}
#searchHeader .searchHeadertitle {background:#C27C4F;color:#FFF;padding:5px;text-align:center}
#searchHeader .searchHeaderText {padding-top:0.3em;text-indent:10px}

#searchOptions {position:relative; }
.basic {}
#searchOptions div.optionLinks {text-align:left; font-weight:bold;}
#searchOptions a, #searchOptions strong.text_2 {margin: 0; color:#0199cb;}
#searchOptions ul {list-style-type:none; margin:0}
#searchOptions li {display:inline;}
#searchOptions span {margin:0 1em 0 0;}
#searchOptions li a, #searchOptions li strong.text_2 {margin:0em;}

#searchHighlight {position:relative; top:-5px;}
.citySearch {width:150px; text-align:center; margin-left:53px;}
.airportSearch {width:150px; text-align:center; margin-left:222px;}
.hotelSearch {width:150px; text-align:center; margin-left:380px;}

.main_sub_title {font-size:21px !important; font-weight:bold; color:#fd9704;}
.vAlign {clear:both;}
.vAlign a {text-decoration:none;}
.vAlign input, .vAlign label {float:left;}
.vAlign label {padding: 4px 0 0 3px;}
.vAlign h2 {font-size:11px !important; color:#24add7;font-weight:bold; float:left;}
.vAlign .text_highlight {color:#000000 !important; font-weight:normal;}
.vAlign .text_highlight h2 {color:#fd9704 !important;}
#main_sub_nav_left li {clear:both; float:left; padding-top:2px;}
#main_sub_nav .vAlign {width:250px;}
#main_sub_nav .vAlign label {width:225px;}
#main_sub_nav_left {float:left;width:258px;}
#main_sub_nav_right {float:right;padding-top:2px;width:122px;}
#searchContainer {border-left:1px solid #C9C9C9;border-right:1px solid #C9C9C9;border-bottom:1px solid #C9C9C9}
#searchContainer .rightBorder {padding:0.6em; }

#hotels_search .formElement {float:left;margin:5px 4px 0em 0;}
#hotels_search #moreOptions {float:left;margin-top:1em;}
#hotels_search #destinationRadiosContainer {display:none;padding-bottom:5px;}
#hotels_search #destinationRadiosContainer .destination {float:left;table-cell;width:20%;height:20px;}
#hotels_search #destinationRadiosContainer .destination input {vertical-align:middle;margin:0 .2em 0 0 !important;margin/**/:0 0 0 0;}
#hotels_search #searchTypeContainer, 
#hotels_search #datesContainer, 
#hotels_search #roomsContainer, 
#hotels_search #starRatingContainer, 
#hotels_search #amenitiesContainer, {margin-bottom:3px}
#hotels_search #roomsContainer {margin-left:0px; margin-top:5px;}
#hotels_search #submit {clear:both;text-align:right;}

#hotels_search #hotelNameContainer, #hotels_search #airportNameContainer {margin-bottom:3px}
#hotels_search #city, #hotels_search #hotelName, #hotels_search #aiportName{width:168px;}
#hotels_search #countryContainer {margin-left:0px;}
*html #hotels_search #countryContainer {display:block; position:relative;}
#hotels_search #countryContainer select {width:170px;}
#hotels_search #checkInDateContainer {margin-right:10px;}
#hotels_search #stayContainer {margin-right:10px;}
#hotels_search #checkOutDateContainer {}

#hotels_search #checkOutDate {background:#aec3c8}
#hotels_search #checkOutDate input {font-weight:bold; margin: 0 0.2em 0 0.2em;}

#hotels_search #checkOutDayDisplay {background:none;border:0;width:8em;}
#hotels_search #priceContainer {margin-right:10px;}
#hotels_search #roomAllocationContainer {float:left; width:310px; margin-left:0px; margin-top:5px;}
#hotels_search .roomOccupancy {float:left; background:#94c4ce url(<span tal:replace="structure python:template.getImageURL('searchmacro_hotels_fieldgroup_curve_tl.gif')" />) no-repeat top left;}
#hotels_search .roomContainer {color:#FFFFFF;float:left; background:url(<span tal:replace="structure python:template.getImageURL('searchmacro_hotels_fieldgroup_curve_tr.gif')" />) no-repeat top right;}
#hotels_search .roomBorderBl {float:left; background:url(<span tal:replace="structure python:template.getImageURL('searchmacro_hotels_fieldgroup_curve_bl.gif')" />) no-repeat bottom left}
#hotels_search .roomBorderBr {float:left; background:url(<span tal:replace="structure python:template.getImageURL('searchmacro_hotels_fieldgroup_curve_br.gif')" />) no-repeat bottom right; padding:0.3em 0.2em 0.3em 0.4em}
/*\*/
html*#hotels_search .roomOccupancy, html*#hotels_search .roomContainer, html*#hotels_search .roomBorderBl, html*#hotels_search .roomBorderBr  {
float:none; /*seen only by safari*/
}/**/

#hotels_search #starRatingContainer .viewPolicy, #hotels_search #starRatingContainer .viewPolicy a {color:#039;}
#hotels_search .starRating {float:left; margin-right:0.8em;}
#hotels_search .starRating input {float:left}
#hotels_search .starRating label {float:left; margin:0.2em 0 0 0.2em}

#hotels_search #roomNumber {float:left;margin-right:4px; color:#FFFFFF; text-align:center; width:2.5em}
#hotels_search #roomNumber span {font-size:1.7em}
#hotels_search .numAdults {float:left;margin-right:0.2em;}
#hotels_search .numChildren {float:left;margin-right:0.2em;}
#hotels_search #resultOptionsContainer {clear:both}
#hotels_search .fieldHeading {font-size:1em;color:#000;line-height:3em}
#hotels_search ul.amenitiesList {margin:0}
#hotels_search ul.amenitiesList li {width:24%;float:left; list-style-type:none; margin:0}
#hotels_search ul.amenitiesList li input {float:left; clear:left}
#hotels_search ul.amenitiesList li label {float:left; margin:0.2em 0 0 0.2em}

.checkNRI{background:transparent;clear:both;padding:2px 0px 2px 0px;float:none;} 
.checkNRI li {display:block;text-align:center;}
.checkNRI li a{color:#000;} 
.checkNRI input{vertical-align:middle;margin:0px 5px 0px 0px;} 
.checkNRI img{vertical-align:middle;margin:0px 0px 0px 8px;border:0px} 
#alertNRIbox {float:none;clear:both;background:#F9F0AA;margin:0px 8px 0px 0px;padding:5px;}
#alertNRIbox span{color:#000;font-weight:bold;}
#hotels_search #checkNRIContainer {width:310px;}

/* Temp until Hotels fix */
.contentTable {border-collapse:collapse;border:1px solid #ccc;background-color:#ffffff;}
.contentTable td {border:1px solid #ccc;}
.contentTable thead th {border:1px solid #ccc; text-align:center;}
.contentTable th {font-weight:normal; border:1px solid #ccc;}

/* DP Frontier search form styles */
#dp_search .formElement {float:left;margin:3px 4px 0 0;}
#dp_search #submit {clear:both;text-align:right;}
#dp_search #departurePointContainer {height:40px;}
#dp_search #departurePointContainer select {width:119px;}
#dp_search #departureTimeContainer {height:40px;display:block; position:relative;}
#dp_search #departureTimeContainer select {width:85px;}
#dp_search #destinationContainer {height:40px;float:left;margin:3px 4px 0 0;}
#dp_search #destinationContainer select {width:119px;}
#dp_search #returnTimeContainer {height:40px;display:block; position:relative;}
#dp_search #returnTimeContainer select {width:85px;}
#dp_search #returnDateContainer {height:40px;}
#dp_search #directOnlyContainer {margin-top:15px;}
#dp_search #classContainer select {width:90px;}


/* Error popup styles - seen on some search boxes */
#errorBubbleContainer {text-align:left;z-index:100;position:absolute;top:-45px;right:0;visibility:hidden;background:url(<span tal:replace="python:template.getImageURL('site_error_bubble_top.gif',bypass_cdn=0)" />) top left no-repeat;padding-top:12px;width:180px;}
#errorBubbleInnerContainer {z-index:101;background:url(<span tal:replace="python:template.getImageURL('site_error_bubble_bottom.gif',bypass_cdn=0)" />) bottom left no-repeat;padding-bottom:12px;}
#errorBubbleMessageContainer {z-index:102;background:white;border:1px solid #f09;border-width:0 1px;padding:0 5px;overflow:hidden;}
#errorBubbleMessageContainer img {float:left;margin:0 .2em 2em 0;vertical-align:bottom;}
#errorBubbleOK {z-index:102; background:white; text-align:right;border:1px solid #f09; border-width:0 1px;padding-right:10px}

#lmErrorBubble {background:url(<span tal:replace="python:template.getImageURL('error_bubble_top.gif')" />) top left no-repeat;padding-top:5px;width:300px;}
#lmErrorBubbleContent {position:relative;background:url(<span tal:replace="python:template.getImageURL('error_bubble_bottom.gif')" />) bottom left no-repeat;padding:3px 8px 16px 8px;}
#lmErrorBubbleContent img {float:left;margin-right:5px;}
#lmErrorBubbleMessage {float:left;width:220px;}
#lmErrorBubbleLink {position:absolute;bottom:16px;right:8px;}
#lmErrorBubbleLink img {vertical-align:middle;float:none;}
#lmErrorBubbleLink a, #lmErrorBubbleLink a:link{text-decoration:none;}

#hotels_search #childAgeRanges0, #childAgeRanges1, #childAgeRanges2{display:none;}
.floatLeft {float:left;}
.floatRight {float:right;}
.floatCenter {float:center; text-align:center;}
.textRight {text-align: right}

/* Form text and graphic buttons */
.button, input.button {width: auto !important;overflow: visible !important;display: inline;background-color: #0199cb;border: 2px solid;border-color: #d8ebfa #000033 #000033 #7dc2d1;font: 600 1em Arial, sans-serif;padding: 2px 12px !important;color:#fff !important; text-decoration: none;cursor: pointer; cursor: hand}
.button {display: block}
.button:hover {text-decoration: none}
.buttonText,input.buttonText {width:auto !important;overflow: visible !important;border: 0; margin: 0;background: transparent;	font: 600 1em Arial, sans-serif;text-decoration: underline !important;cursor: pointer; cursor: hand;}

/* Contact Us - Shopping */
#tools {background:#FFFFFF;border:1px solid #CCCCCC;padding-bottom:12px;font-size:0.85em;width:140px;margin-bottom:12px;}
#tools h3{background:#def2fa;color:#0099CC;margin-bottom:.5em;padding:.35em 8px;font-size:12px;margin-top:0px;}
#tools .contact_text{padding:0 8px;line-height:1em}
#tools a{color:#000;}

/* Text Error */
.error {border:1px solid #FF0000;background-color:#FFFFCC;}
.error td {color:#CC0000;padding:5px;}
.error ul {margin:0;padding:0;list-style:none;}
.text_error {color:#f00;}

/* Category Header */
.cat_hdr {display:none;position:relative;height:38px !important;height/**/:40px;background-repeat:no-repeat;}
.cat_hdr .title {position:absolute;left:85px;top:0;}
.cat_hdr .title h1 {margin:4px 0 0 0;padding:0;font:24px verdana,arial,helvetica;font-weight:bold;}
.cat_hdr .title h1.long {font-size:19px;margin-top:7px;}
.cat_hdr .right {position:absolute;right:5px;top:2px;text-align:right;font: 11px verdana,arial,helvetica;height:36px;}
.cat_hdr h1 a {text-decoration:none;}
.cat_hdr h1 a:hover {text-decoration:underline;}

/* Dynamo Styles */
.cap {text-transform:capitalize;}
.upper {text-transform:uppercase;}
.lower {text-transform:lowercase;}
.capfirst:first-letter {text-transform:capitalize;}
.background_mastheadlayer {background-color: #E8F3F5;}
.text_tools a, .text_tools {color:#62625A;}
.text_disabled {color:#ccc;}
.textLeft {text-align:left;}
.textRight {text-align:right;}
.textCenter {text-align:center;}
.textBold {font-weight:bold;}
.border_highlight {border:1px solid #ff0099;}
.background_highlight {background-color:#f09 !important;}
.background_sale {background-color:#FFFA4E !important;}
.icon {vertical-align:top;margin-right:3px;}

/*seatmap*/
div.curvedHeaderTransLine, 
div.curvedFooterTransLine, 
div.curvedFooterTransLineShadow,
div.curvedHeaderTransFill,
div.curvedFooterTransFill,
div.curvedHeaderTNav,
div.curvedHeaderTNavActive,
div.curvedHeaderSaleTNav,
div.curvedFooterTransFillShadow {height: 7px}

div.curvedHeaderTransLine div,
div.curvedFooterTransLine div,
div.curvedFooterTransLineShadow div,
div.curvedHeaderTransFill div,
div.curvedHeaderTNav div,
div.curvedHeaderSaleTNav div,
div.curvedHeaderTNavActive div,
div.curvedFooterTransFill div,

div.curvedFooterTransFillShadow div {width: 50%; height: 100%; font-size: 0}

*:first-child+html div.curvedFooterTransLineShadow div.right, div.curvedHeaderTransLine div.right,
div.curvedHeaderTransLine div.right, div.curvedFooterTransLineShadow div.right
 {width:49.9%;}

/* The curvedHeaderTransLine, curvedFooterTransLine and curvedFooterTransLineShadow uses a transparent line so declaring a bacground_x class along with this should define the line colour */
/* Trans line curved header  and footer styles */

div.curvedHeaderTransLine div.left {
	float: left;  
	background: url(<tal:block replace="python:template.getImageURL('site_ui_curved_header_trans_line.gif')" />) no-repeat top left}

div.curvedHeaderTransLine div.right {
	float: right; text-align: right;
	background: url(<tal:block replace="python:template.getImageURL('site_ui_curved_header_trans_line.gif')" />) no-repeat top right}

div.curvedFooterTransLine div.left {
	float: left; background: url(<tal:block replace="python:template.getImageURL('site_ui_curved_footer_trans_line.gif')" />) no-repeat bottom left}

div.curvedFooterTransLine div.right {
	float: right; text-align: right;
	background: url(<tal:block replace="python:template.getImageURL('site_ui_curved_footer_trans_line.gif')" />) no-repeat bottom right}

#seatLegInfo div.curvedFooterTransLineShadow div.left {
	float: left; 
        background: url(<tal:block replace="python:template.getImageURL('site_ui_curved_footer_trans_line_shadow.gif')" />) no-repeat bottom left}

#seatLegInfo div.curvedFooterTransLineShadow div.right {
	float: right; 
        text-align: right;
	background: url(<tal:block replace="python:template.getImageURL('site_ui_curved_footer_trans_line_shadow.gif')" />) no-repeat bottom right}

/*********************************************************/
/* Informational/Error bubble container styling			 */
/*********************************************************/

div.bubbleText {width:20em;z-index:20;}
div.bubbleText div.curvedContentBody {
	background:#FFFFFF none repeat scroll 0%;
	border-color:#0198cd;
	border-style:solid;
	border-width:0pt 1px;
	clear:both;
	padding:0.1em 0.5em;
}

div.bubbleText div.curvedFooterTransFillShadow div.left {
	float: left; 
	background: url(<tal:block replace="python:template.getImageURL('site_bubble_curved_border_bottom.gif')" />) no-repeat bottom left
}

div.bubbleText div.curvedHeaderTransFill div, div.bubbleText div.curvedFooterTransFill div, div.bubbleText div.curvedFooterTransFillShadow div {
	font-size:100% !important;
	height:100%;
	width:50%;
}

div.bubbleText div.curvedHeaderTransFill div.left {
	float: left; 
	background: url(<tal:block replace="python:template.getImageURL('site_bubble_curved_border_top.gif')" />) no-repeat top left;
	width: 72%;
}

div.bubbleText div.curvedHeaderTransFill div.right {
	float: right; 
	text-align: right;
	background: url(<tal:block replace="python:template.getImageURL('site_bubble_curved_border_top.gif')" />) no-repeat top right;
	width: 28%;
}
	
div.bubbleText div.curvedFooterTransFillShadow div.left {
	float: left; 
	background: url(<tal:block replace="python:template.getImageURL('site_bubble_curved_border_bottom.gif')" />) no-repeat bottom left;
}

div.bubbleText div.curvedFooterTransFillShadow div.right {
	float: right; 
	text-align: right;
	background: url(<tal:block replace="python:template.getImageURL('site_bubble_curved_border_bottom.gif')" />) no-repeat bottom right
}

div.bubbleText div.curvedFooterTransFill, div.bubbleText div.curvedFooterTransFillShadow {
	height: 18px;
}

div.bubbleText div.curvedHeaderTransFill {height: 28px;}
div.bubbleText div.curvedHeaderTransFill div.left h2 {padding:.5em;}
div.bubbleText div.curvedHeaderTransFill div.right a {padding:.5em; display:block;}
div.bubbleText div.curvedFooterTransFill, div.bubbleText div.curvedFooterTransFillShadow {margin:none !important;}

.bubbleText a#close {
	background:transparent url(/site_qa2/bubble_curved_border_top_right.gif?skin=zuji) no-repeat scroll right top;
	float:right;
	text-align:right;
	text-decoration:none;
	width:5em;
	left:385px 
}

/* Destination Themes Podule */
#destinations_themes_container {clear:both;float:left;width:466px;}
#destinations_themes_container2 {clear: both;float: left;width: 466px; height:16px;background:url(<span tal:replace="structure python:template.getImageURL('bkgd_destinations.gif')" />) repeat-x;margin:10px 0 0 0;}
.destinations_themes_list a, .destinations_themes_list a:link{text-decoration:underline; color:#003e69;}
.destinations_themes_item {width: 83px;float: left;padding: 5px 5px 0 5px;text-align: center;}
.destinations_themes_list {width: 93px;float: left;text-align: center;font-size: 11px;font-style: normal;font-weight: normal;color: #003366;text-decoration: underline;}
.destinations_themes_bg {border: #e7e7e7 1px solid;float:left;}

/* Product Landing Pages */
#landing_page_content_container {clear: both;float: left;width: 880px;padding: 0px;}
#left_content_container {width: 404px;float: left;}
#right_content_container {width: 468px;float: right;}

#left_content_podule {float:left;width:404px;clear:both;margin-top:10px;}
#right_content_podule {float:left;width:468px;clear:both;margin-bottom:10px;}
#right_content_col_1_podule {float:left; width:230px}
#right_content_col_2_podule {float:right; width:230px}
#left_content_podule h1, #right_content_podule h1{font-size:12px;font-style:normal;font-weight:bold;color:#006DA2;}
#left_content_podule h3, #right_content_podule h3{font-size:12px;font-style:normal;font-weight:bold;color:#01239F;padding:5px 0px 0px 5px;}
#content_podule_125x125 {display:none;float:left;width:125px;margin-right:10px;height:125px;width:125px;}
#content_podule_newsletter {display:none;width:196px;float:right;height:125px;}
#content_podule_newsletter h1{font-size:12px;font-style:normal;font-weight:bold;color:#000;}
#content_podule_newsletter ul{list-style:square; margin:5px 0 0 13px;}
#content_podule_newsletter li{padding:2px 0;}
#spotlight {clear: both;float: left;width: 468px;margin-bottom:10px;}
#banner_125x125 {margin-bottom:10px;}

.clear_both {clear:both; padding:5px 0 0 5px;}
.visa_banner {}
.deals_bg {width:468px;}
.podule_bg {}
.travel_extras_bg {background-color:#ffcc9a;height:115px;padding:5px;}
.travel_extra_list {font-size: 11px;font-weight: normal;color: #000000;text-decoration: underline;list-style-position: outside;list-style-type: square;text-align: left;white-space: normal;clear: both;float: left;margin-left: 5px;}

