* { font-family: arial,tahoma !important;}
body { background:#EFEFEF; font-family: arial,tahoma; color: #333; font-size: 12px; margin: 0;}
a { text-decoration: none; color: #2286b7;}
a:hover { color: #ff7b0f;}
img { border: none; vertical-align:middle;}
input {}
ul,li,p,h6,h5,h4,h3,h2,h1 { margin: 0; padding: 0;}
/* Common */
.container { margin: 0 auto; width: 962px; }
.part { float: left; padding: 0 10px; width: 942px; background: url('../Images/main-bg.gif') repeat-y;}
.block { float: left; margin: 10px 0 5px 0;}
.content-page { margin-top:0; padding-left:3%; width:97%;}
.block h3 , .block h1  { font-size: 20px; color: #2286b7; margin: 0 0 7px 0; }
.block .content { float: left; width:100%;}
.block .content ul { padding-left: 30px;}
.block .content .desc { font-size:12px; padding:0 0 10px 0; color:#666; }
/*input[type='text'], .i-txt { border: 1px solid #ccc !important; height: 26px !important; background-color: #fff !important; padding-left: 5px; }*/
/*input[type='submit'],.input-submit input,.i-submit,span.submit { background: url('/Images/SendButton.png') repeat-x; float: right; height: 34px;width: 66px;cursor: pointer;  font-weight: bold; color: #fff; border: none !important; padding: 0 18px; }*/
.content-page input[type='submit'] { float:left;}
.content-page-form { border:1px solid #dcdcdc; background:#f1f1f1; padding:0 5px; }
.content-page-form td { padding:2px 5px;}
.l-title { font-weight:bold; font-size:12px; color:#666;}
.message-error  
{
    background: yellow; color: red; border:1px solid #c88281; 
    float:left; width:95%; padding:5px 2%; clear:both;margin:5px 0 8px 0; font-weight:bold;font-size: larger}
/* Header */
#header { background: url('../Images/header-bg.gif') no-repeat;}
#header .logo { float: left; }
h4.slogan { padding: 0 0 9px 15px; color: #E85205; font-size: 13px;}
#header .customer-support { float: right; }
.customer-support ul {list-style: none; float: left; margin-top: 20px;}
.customer-support ul li { float: left; clear: both; padding: 5px 10px;}
.customer-support ul li b { font-size: 18px; letter-spacing:2px; color: #E85205;}
.customer-support ul li input { width: 100px; float: left; padding: 0 5px; height: 24px; border: 1px solid #dcdcdc;}
.customer-support ul li .i-submit { height: 25px; line-height: 25px; margin-left: 2px; float: left;}
.live-chat ,.call-us { border-right: 1px dashed #dcdcdc;}
/* Navigation */
#nava {  }
#nava ul { list-style: none; background: url('../Images/nava-bg.gif') repeat-x; height: 34px; float: left; width: 100%}
#nava ul li { float: left; display: inline;}
#nava ul li a { 
    float: left; height: 34px; line-height: 34px; color: #fff; 
    font-weight: bold; padding: 0 10px; border-right: 1px solid #84B6CF; }
#nava ul li.home a { padding: 0 3px;}
#nava ul li.actived a { background:url('../Images/nv-bg-actived.gif') repeat-x; }
#nava ul li a:hover { background:url('../Images/nv-bg-actived.gif') repeat-x; }
#nava ul li.special { float:right; margin-right:10px; padding:4px 0;}
#nava ul li.special a  
{ background:url('../Images/cri.gif') repeat-x; color:#fff; height:26px; line-height:26px; text-transform:uppercase;
    -webkit-border-radius: 5px; letter-spacing:1px; border:none; font-size:12px;
-moz-border-radius: 5px;
border-radius: 5px;}
#nava ul li ul { display:none; position:absolute; width:600px; float:left; height:auto; background:#66B4D8; }  
#nava ul li ul li { float:left; width:30%;} 
#nava ul li ul li a { width:90%; padding:0 5%; border:none; } 

/* */

/* Main */
#content {}
#main{width: 575px; float: left; padding-left: 10px;}
#side-bar {width: 340px; float: right; padding-right: 7px;}
#side-bar .title td { font-weight: bold; font-size: 20px; color: #143a83; padding-bottom: 5px;}
#side-bar td { padding: 3px 0;}
#side-bar table { padding-bottom: 10px;}
#side-bar .sub-title td { font-weight: bold;}
#side-bar .sub-title td a { color: #2286b7; font-weight: normal; float: right;}
/* Form search */
/* main form search */
.form-search { border: 5px solid #D5D9DA; vertical-align: top; width: 545px; padding: 5px 10px; background: #F2F2F2;}
.form-search .waytype .title { color: #2286b7; font-weight: bold; text-transform: uppercase; font-size: 16px;}
.form-search .waytype td { border-bottom: 1px dashed #c7c7c7; padding-bottom: 5px;}
.form-search .waytype td label { font-weight: bold; color:#888;}
.form-search .waytype td label.selected { color:#ff7b0f}
.sub-form-search .waytype td label { color:#888;}
.sub-form-search .waytype td label.selected { color:#ff7b0f; font-weight: bold;}
.form-search input.text-input { height: 26px; border: 1px solid #c7c7c7; width: 180px; padding-left:3px;}
.form-search input.date-input { height: 26px; border: 1px solid #c7c7c7; width: 100px; padding-left:3px; background: #fff url('../Images/date-input.gif') no-repeat right center;  }
.form-search input.disabled , .sub-form-search input.disabled  { background-color:#dcdcdc !important; color:#dcdcdc !important;}
.form-search .input-submit input { float: left;}
.form-search select {height: 26px; border: 1px solid #c7c7c7; width: 100px;}
.form-search label {  line-height: 20px; color: #333;}
.form-search .waytype  label, .sub-form-search .passenger label{ font-weight: normal;}
.form-search .city td { padding: 10px 0 5px 0;}
.form-search .date td { padding: 5px 0 10px 0;}
.form-search .passenger td { padding: 0 0 10px 0;}
.form-search .submit td { padding: 0 0 0 0;}
.form-search .airline-ad td { padding:  0; text-align: center; border-top: 1px dashed #c7c7c7;}
.thong-tin-lien-he td { vertical-align:top;}
.thong-tin-lien-he input[type="text"] { width:100%;}
.thong-tin-lien-he label { line-height:22px; font-weight:bold; color:#999; }
.thong-tin-lien-he label span { font-size:11px; font-weight:normal; color:#999;}
.thong-tin-lien-he select { width:100%; height:28px;}
.passenger-page .next-top td.flight-input-info { padding:0 0 10px 0; }
.passenger-page .next-top td.flight-input-info td { padding:0;}
.to-f { padding:0 50px 0 0 !important;}
.flight-input-info h2 { font-size:20px; color: #ff7b0f; font-weight:bold; margin:7px 0;}
.city-input { color: #2286b7 !important;}
.logo-flight { padding-right:10px !important; }
.airline-detail td { padding-top:5px  !important; padding-bottom:10px  !important;}
table.flight-input-info {  padding-bottom:10px;}
span.submit {  float:left; line-height:29px; cursor:pointer; }
.ui-dialog .ui-widget-header  {display:none !important; }
.ui-widget-content { }
.view-week label {padding-left:5px; }
/* Payment method */
#payment-method {  }
#payment-method ul { list-style-image: url('../Images/breadcrumb-connect.gif'); padding-left: 30px;}
#payment-method ul li { float: left; font-size: 15px; padding:6px 0; clear:both;}
#payment-method ul li.view-more { list-style:none; font-size:12px;}

/* booking-utility */
#booking-utility {}
#booking-utility ul {  list-style-image: url('../Images/breadcrumb-connect.gif') }
#booking-utility ul li {  float: left; width: 100%; font-size: 14px; padding:5px 0;}
 /* video */
#video { margin: 0 0 4px 0;}
 /* why-us */
#why-us { padding-right:0px;}
#why-us ul {list-style: none; padding-left:10px;}
#why-us ul li {  float: left; font-size: 16px; padding:10px 0 5px 0; clear:both;}
/* customer review */
#review {}
#review .review { float: left; background: url('../Images/quote-top.gif') no-repeat left top;width: 100%;clear: both;}
#review .review .quote { 
    float: left; background: url('../Images/quote-bottom.gif') no-repeat right bottom; padding: 10px 30px;
    font-style: italic; font-family: sans-serif; font-size: 13px; text-align: justify;
}
.user { float: left; clear: both; background: url('../Images/reviews-icon.gif') no-repeat left top; padding-left: 30px;}
.user .name { font-weight: bold; margin: 0; }
.user .address { font-size: 11px; color: #666; margin-top: 3px;}
/* Footer */
#footer {}
#footer-top { float: left; width: 100%; padding-top: 15px;}
#footer-main { float: left; width: 918px; background: url('../Images/footer-border-top.gif') no-repeat top;  padding: 20px 12px 0 12px;}
#footer #booking-manage ul { list-style-image: url('../Images/breadcrumb-connect.gif'); padding-left: 30px;}
#footer .block { padding-right: 15px;}
#footer .block ul { list-style: none; padding-left: 5px; }
#footer .block h3 { font-size: 16px; color: #666;}
#footer .block ul li {  float: left; font-size: 13px; padding:5px 0; clear: both;}
#footer-bottom { background: url('../Images/footer-bottom.gif') no-repeat bottom; float: left; line-height: 45px; width: 100%; height: 55px; padding-top:60px; }
#footer-bottom img { float: left; padding-left: 10px;}
#footer-bottom span { float: left; padding-left: 10px;}
.f-left { float: left;}
.f-left-bottom { float: left; clear: both;}
#connect-us { float: right;}

.email-register input { float: left; margin-left: 2px;}
.email-register input.i-txt { border: 1px solid #dcdcdc !important; }
#footer-bottom .f-links { float: right; vertical-align: bottom; padding-right: 15px; color: #999;}
#footer-bottom .f-links a { padding: 0 10px;}
#footer-bottom  .services { float:left; text-align:center; width:100%; padding-top:10px; margin-top:5px; border-top:1px dashed #B7E7FC;}
#footer-bottom  .services img{ float:none;}
/* List city */

.listCity td { vertical-align:top;}
.listCity ul { list-style:none; float:left; clear:both;}
.listCity ul li { float:left; clear:both; padding:0 5px 0 0; width:115px;}
.listCity ul li.title { font-weight:bold; font-size:13px; padding:5px 0 7px 0; color:#ff7b0f;  text-transform:uppercase;}
.listCity ul li a { float:left; width:106px; padding:3px 5px;  }
.listCity ul li a:hover { background:#ff7b0f; }
.listCity ul li a:hover * { color:#fff;}
.listCity ul li a:hover b { font-weight:bold;}
.listCity ul li a b { float:left; font-weight:normal;}
.domestic-col { float:left;padding-right:15px; font-size:12px;}
.internation-city { float:left; width:260px;}
.internation-city h3 { font-size:13px; padding:5px 0; margin:0; color:#ff7b0f; text-transform:uppercase;}
.internation-city p { font-size:11px; color:#888;}
.internation-city input { height:24px; width:250px; border:1px solid #ccc; padding:2px 5px; margin:7px 0; }

/* International result */
.view-detail-flight p { padding:3px;}
.is-s { float:right !important;}
#main .tbl-submit .i-price td { padding-top:5px;}
#main #InBound .title td { padding-top: /*37px;*/25px;}
.txt-airline span {color:#999;font-size:11px;padding-top:8px;}
#main .f-result td.price-link a { float:right;}
.seat-remain { font-size:11px; color:Red;}
.in-OutBound { padding-bottom:7px;  }
.in-InBound { padding-top:7px; border-top:2px dashed #dcdcdc;}
table.tbl-submit { }
#main .inter-result td { border:none !important; }
.inter-result { float:left; border:1px solid #CCCCCC; padding:5px; margin:10px 0; }
.change-planes, 
#main .inter-result td.change-planes, 
#main .inter-result tr:hover td.change-planes 
{
    background:#FEF4EB; text-align:center; border:1px solid #FCDABF !important; 
    border-left:none !important; padding:5px 10px !important; border-right:none !important;}

/* Paging */
.form-paging {margin-bottom: 10px;display:block}
.form-paging:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.form-paging-top {font-size: 0;}
.form-paging-top-left { float: left;}
.form-paging-top-right { float: left;}
.form-paging-top-bg {float: left;}
.form-paging-bg { height: auto; width: 100%; float: left; overflow: hidden; padding: 5px 0; }
.form-paging-bg p { margin-top: 0; margin-bottom: 10px; }
.form-paging-bottom-left { float: left; }
.form-paging-bottom-right { float: left;}
.form-paging-bottom-bg {width: 100%; float: left;}
.form-paging-bg-top { overflow: hidden; height: auto; float: left; width: 100%; }
.total-result { float: left;  }
.total-result p { margin-bottom: 0; }
.total-result p b { color: #ef9123; font-size: 16px; }
.total-result p span { color: #9f9f9f; }
.result-paging { float: right; }
.result-paging a { color: #666; float:left; margin-left:5px; border:1px solid #dcdcdc; padding:4px 8px; }
.result-paging a:hover { color: #fff; background:#999; border-color:#999; }
.result-paging a.current-page, .result-paging a.current-page:hover { background:#fff; border-color:#fff; color:#2286b7; font-weight:bold;}
.form-paging-bg-bottom { overflow: hidden; float: left; width:100% }
.tbl-submit { width:100%;}
/* Process bar */
    .loading-process 
{
     border:none; /* border-top:1px solid #ddd; */
     float:left; width:643px; height:215px; padding:5px; 
     margin-top:5px; background:#fff;  
     }
    .display-content { float:left; background:#F4F9FD; margin-top:10px; border:1px solid #C5DFF8; padding:5px 15px;}
	.display-content h3 { color:#2286b7; font-size:20px; font-weight:bold; margin:3px 0 5px 0;}
    .display-content p { padding-bottom:10px; margin:0; text-align:justify; line-height:20px;}
     .loading-process legend { padding:0 5px; font-size:18px; color:#333;}
  /* no-result */
  /*.no-result { float:left; width:633px; padding:5px 10px; border:1px solid #FCDABF; background:#FEF4EB;}
  .notice { font-size:18px; font-weight:bold; color:#990000; padding-bottom:5px; margin-bottom:5px; border-bottom:1px dashed #dcdcdc; }
  */
  .no-result { float:left; padding:5px 10px; border:1px solid #C5DFF8; background:#F4F9FD;}
.no-result b { color:#2286b7; }
  .notice { font-size:18px; font-weight:bold; color:#2286b7; padding-bottom:5px; margin-bottom:5px; border-bottom:1px dashed #dcdcdc; }
  .no-result ul { padding-left:30px; padding-top:2px; list-style-image: url('../Images/breadcrumb-connect.gif');} 
  .no-result ul li { padding:0 0 3px 0 ; }
  .no-result p { padding:5px 0;} 
    
/*  */
.bag-waytype td { font-size:13px; font-weight:bold; padding:5px 0;}
.other-price td { border-bottom:1px dashed #dcdcdc; padding: 10px 0 7px 7px !important;}
#side-bar .booking-summary .other-price td.summary-title { padding-left:0 !important;}
.thong-tin-chuyen-bay p { padding:3px;}
a.view-more { float:right; clear:both; margin-right:30px; margin-top:5px; }
#deals { border-top: 1px solid #dcdcdc; padding-top:10px; margin-top:15px; }
#form-search .focus-input  ,.sub-form-search .focus-input
{
    background-color:#FCFBBB !important; border:1px solid #E78F08 !important;
    -moz-box-shadow: 0 0 3px #E78F08;
-webkit-box-shadow: 0 0 3px #E78F08;
box-shadow: 0 0 3px #E78F08;
    }
.contact-us { table-layout:auto !important;width:100% !important}
.contact-us td { vertical-align:top;}
.contact-info {width:55%;line-height:2}
.contact-info p {margin-top:0 !important;font-size:13px}
.contact-info a { }
.contact-info b { line-height:30px; font-size:13px; color:#999;}
.contact-form {width:45%}
.contact-form .contact-title {padding: 5px 0 10px 0; font-weight: bold; color: #999;font-size:13px}
.contact-form label { line-height:26px;  }
.banks-list { float:left; clear:both; padding-top:15px;}

/* Message */
.message-success { background: #edf9ed; 
                   color:#437941; font-weight:bold; border:1px solid #9bc97f; float:left; width:95%; padding:5px 2%; clear:both;margin:5px auto;
                   }
/* */
#error-page h1 { color:#A12710;}
#error-page .content p { padding:5px ;} 
#error-page .content ul { padding-top:5px;}
input.error-form {background-color:#FFD5D5 !important; border: 1px solid #ac3030 !important;color :#ac3030 !important;}
select.error-form  {background-color:#FFD5D5 !important; border: 1px solid #ac3030 !important;color :#ac3030 !important;color: #000 !important;}

#site-map ul { }
#site-map ul li { padding:3px 0; }
#site-map ul li ul { padding-top:3px; padding-left:15px; }


.complain { float:right; text-align:right; font-size:12px; color:#666; margin-right:10px;}
.complain p {line-height:25px;}
.complain .compTxt {background:url(../images/complantIcon.png) no-repeat center left; padding-left:25px; color:#e4312b; font-size:14px; font-weight:bold}



.Hotro {width:200px; border:solid 1px #fff; border-radius:5px; -moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888;position: fixed;bottom: 5px;display: none;background: #fff;z-index: 99999;}
.Hotro h4 {background:url(../images/bgheaderhelp.png) repeat-x; line-height:45px; color:#000; font-size:18px; padding:0px 5px; border-bottom:solid 1px #e1e4e6; position:relative;}
.Hotro p {font-size:14px; color:#555; padding:10px; line-height:18px;text-align: left}
.Hotro h6 {background:#f0f4f7 url(../images/phonered.png) no-repeat 10px center; padding-left:40px; line-height:38px; border-top: solid 1px #e1e4e6; color:#d51317; font-size:18px; font-weight:bold}
.Hotro .closeBtn {position:absolute; top:10px; right:10px;}

.table-content{ border: 1px solid gray;border-collapse: collapse;border-spacing: 0;margin: 10px auto;float: none !important;}
.table-content td{border: 1px solid gray;padding: 2px 5px;vertical-align: top}

#content #main p strong, #content #main p b{ font-weight: bold;}
#content #main p em, #content #main p i{ font-style: italic;}

.sub-form-search .from td{position:relative;}
.sub-form-search .from .reverse-command{width:20px;height:20px;line-height:20px;z-index:1000;position:absolute;bottom:-21px;right:45%;background-color:#e84e0f;color:#fff;cursor:pointer;font-weight:700;font-size:16px;text-align:center;border-radius:50%;}
.sub-form-search .from .reverse-command::before{content:'\0296E';}

.online-payment-link{text-decoration:underline;}