@charset "utf-8";
/* CSS Document */

/* Classes */
.left {float: left;}
.right {float:right;}
.clear {clear:both;}

.fltl { float: left } .fltr { float: right } /*Text bám ảnh*/
.clrl { clear: left } .clr { clear: both }  .clrr { clear: right }
/* === loại bỏ link cho ảnh === */
img { border: 0; }

/*Main*/
* {	font-family: Arial, Helvetica, sans-serif;	font-size: 12px; margin: 0;	padding: 0; }
#body_content{ margin: 0 auto; text-align: center; width: 870px; position:relative }

/* CRUMB */
#crumb {width:870px; text-align:left; font-size:11px; float:left; color:#666; margin-top:7px; margin-bottom:7px}
.crumb_link {font-size:11px; color:#0034b9; text-decoration:none}
.crumb_link:hover {font-size:11px; color:#0034b9; text-decoration:underline}
.crumbsub {font-size:11px; color:#333; padding-left:2px; padding-right:2px}

#header { height:17px; background:#cc0000;}
.header { width:870px; height:15px; background:#cc0000; margin: 0 auto; text-align: center; font-size:10px}
.hea_div1 {width:600px; text-align:left; font-size:11px; color:#fff; padding-top:2px}
.hea_div2 {width:190px; text-align:right; font-size:11px; color:#fff; padding-top:2px}
.heder_link { color:#fff; font-size:11px; text-decoration:none; padding-left:2px; padding-right:2px}
.heder_link:hover { color:#fff; font-size:11px; text-decoration:underline; padding-left:2px; padding-right:2px}

#top { width:auto; height:80px; margin: 0 auto; text-align: center; border-bottom:#e8e8e8 1px solid }
#topdiv { width:840px; height:80px; margin: 0 auto; text-align: center; padding-left:30px}
#logo { width:170px; height:50px; float:left; background:url(../images/logo.png) no-repeat; margin-top:22px}

/* top search */
#top_search {  float: right; width:168px; height: 22px; background:url(../images/search.gif) left no-repeat; text-align:right; margin-top:15px; padding-right:8px }
#top_search #term { float: left; margin-top: 3px; border: none; height: 12px; width: 142px; font-size: 11px; color: #888888; padding-top:1px; margin-left:3px; border: 0pt none ;}
#top_search #search_button { float: left; margin-top: 1px; border: none; cursor:pointer; height:19px; width:20px; background-color: transparent; }

/* Search Question */
#searchques { width:496px; height:33px; float:left; background:url(../images/search_question.gif) no-repeat; background-position:50px; margin-top:15px; padding-left:47px; margin-bottom:5px}
.quesinput {border: 0pt none ;width: 357px; font-size:11px; padding-left:5px; height: 20px; line-height: 18px; margin-bottom:2px; margin-top:8px; margin-left:8px; color:#777}
.quesinput2{cursor:pointer; border: medium none ; width:79px; height: 27px; padding-top: 3px; padding-left:3px; background-color: transparent; color: rgb(255, 255, 255); font-weight: bold;}

/* QUESTIONS*/
.quesdiv{ width:528px; float:left; margin-top:15px; border:#d8d8d8 1px solid; padding:10px 10px 0px 10px}
.quesdiv2{ width:528px; float:left; margin-top:15px; border:#d8d8d8 1px solid; padding:10px 10px 10px 10px; background-color:#fffeed}
.questit { width:528px; float:left; color:#0049c2; text-align:left; padding-bottom:10px}
.questit a { text-align:left; color:#0049c2; font-size:12px; text-decoration:none}
.questit a:hover{ ctext-align:left; color:#0049c2; font-size:12px; text-decoration:underline}
.quescont { width:528px; float:left; text-align:left;}
.quesby { width:528px; float:left; color:#777; font-size:11px; text-align:left; padding-top:12px}
.quesby a { color:#0036d2; font-size:11px; text-decoration:none}
.quesby a:hover { color:#0036d2; font-size:11px; text-decoration:underline}
.answer { width:528px; float:left; text-align:right; padding-top:5px; padding-bottom:2px;}
.answer a { font-size:11px; color:#0034b9; text-decoration:underline}
.answer a:hover {color:#0034b9; text-decoration:none}

#ask_ques {width:280px; float:left; margin-top:20px; text-align:center}
#answer_this { width:550px; float:left; text-align:left; margin-top:10px}
#answer_list { width:550px; float:left; text-align:left; margin-top:10px; color:#f96010; font-size:16px; font-weight:bold}
.answer_num { font-size:14px; color:#666; font-weight:normal}
.answer_num2 { font-size:12px; color:#666; font-weight:normal}
.helpful { width:528px; float:left; color:#f96010; font-size:11px; font-weight:bold; text-align:left; padding-top:12px}
.hel_input { width:35px; height:20px; margin-left:10px; margin-right:4px}

#join { width:550px; float:left;}
.input6 {width:545px; height:100px}
.sublist_a { width:160px; float:left; text-align:left; padding-right:15px; padding-top:7px}
.input5 {width:160px; height:17px}

/*===Navigation === */
#navigation {  width:670px; float:left; padding-top:15px}
#navigation ul { display: block; }
#navigation ul li { display: block; list-style: none; float: left; }
#navigation ul li.active, #navigation ul li.active a:hover {color: #cc0000;  }
#navigation ul li.active a { color: #f96611; }
#navigation ul li a { display: block; padding-left:8px; padding-right:8px; float: left; text-align: center; font-weight: bold; font-size:13px; color: #222; text-decoration: none;}
#navigation ul li a:hover { color: #f96611 }

#des_top { width:870px; float:left; margin:20px 0px 10px 0px}
#des_top #des_top_main { background:#ececec; text-align:left; padding:10px 15px 10px 15px; text-align:justify; font-family:tahoma; font-size:12px; line-height:16px;}

#index_left {width:490px; padding-right:60px; float:left; margin-top:15px}
#index_left #index_find_tit {color: #f96611; font-size: 20px; font-weight: bold; border-bottom:#7f7f7f 1px dotted; height: 20px; text-align:left; padding-bottom:7px}
#index_left #index_find_tit2 {color: #f96611; font-size: 14px; font-weight: bold; background:url(../images/title_bg.jpg) bottom repeat-x; height: 17px; text-align:left; padding-bottom:4px}
#index_left #index_find_titsub {color: #4d4d4d; font-size: 13px; font-weight: bold; height: 15px; text-align:left; background:url(../images/bullet_find.gif) no-repeat; padding-left:10px; margin-top:14px}
#index_left #index_find_cont {padding: 10px 0px 0px 0px; text-align:left; }
#index_find_cont ul { list-style-type: none;}
#index_find_cont li { width:120px; list-style-type: none; padding-top:3px; padding-bottom:3px; float:left }
#index_find_cont li div.index_find_cont_item { padding-left:10px; line-height:12px;}
div.index_find_cont_item a, index_find_cont_item a:visited { color: #0034b9; text-decoration: none; font-size:11px; }
div.index_find_cont_item a:hover { color: #0034b9; text-decoration: underline; }

#leftdiv {width:550px; padding-right:40px; float:left;}         
#flights_from {width:550px; float:left; text-align:left}
#flights_from #flights_from_tit {height:16px; background:url(../images/title_bg.jpg) bottom repeat-x; text-align:left; font-size:14px; font-weight:bold; padding-bottom:5px; color:#f96010}

/*===Hotel Page === */
#search_flights { width:490px; float:left; margin-top:20px; text-align:left}
.input1 {width: 410px; height:18px; border:1px #ccc solid; color:#999; padding-top:4px; padding-left:5px; font-size:11px}
.seabox2 { width:106px; margin-top:4px; height:45px; padding-right:10px; float:left}
.seaboxtit {padding-top:4px; text-align:left; float:left; color:#555}
.seabox2_1 { text-align:left ;width:106px; padding-top:4px; float:left}
.input2 {width:80px; height:18px; border:1px #b2b2b2 solid}
.seabox3 { width:55px; margin-top:4px; height:45px; padding-right:10px; float:left}
.seabox4_1 {padding-top:4px; float:left}
.select1 {width: 55px; height:20px; border:1px #b2b2b2 solid; color:#666; float:left}
.select2 {width: 85px; height:20px; border:1px #b2b2b2 solid; color:#666; float:left}
.seabox5 { width:310px; height:50px; margin-top:4px}
.seabox4_2 {width:310px; height:20px; text-align:left; background-color:#eeeeee; margin-top:3px; padding-top:7px; float:left}
.star { width:90px; text-align:left; padding-left:10px; float:left;}
.search_but {width:96px; height:27px; cursor:pointer; margin-left:10px; margin-top:25px; background:url(../images/search_hotel.gif) center no-repeat; float:left} 

.box_list { width:490px; float:left; margin-top:30px}
.box_list_tit {color: #555; font-size: 14px; font-weight: bold; background:url(../images/title_bg.jpg) bottom repeat-x; height: 17px; text-align:left; padding-bottom:4px}
.box_list ul {list-style-type:none; float:left; width:480px; margin-top:20px; list-style-position:outside; padding-left:10px;}
.box_list li {float:left; width:120px; text-align:left; display:inline; height:18px;    }
.box_list a {color:#0035cd; font-size:12px; text-decoration:none; cursor:pointer}
.box_list a:hover {color:#0035cd; font-size:12px; text-decoration:underline; cursor:pointer}


#right_box {width:320px; float:left; margin-top:20px}
#right_tit {width:320px; color: #4d4d4d; font-size: 13px; font-weight: bold; height: 15px; text-align:left; background:url(../images/title_bg.jpg) bottom repeat-x; padding-bottom:5px; float:left}
#destinations {width:260px; height:auto; float:left}
.destinations_image {width:50px; padding-right:10px}
.destinations_comtdiv {width:260px; float:left; text-align:left}
.destinations_tit { width:170px; float:left;  }
.destinations_tit a { color:#0034b9; font-size:14px; font-weight:bold; text-decoration:none}
.destinations_tit a:hover { text-decoration:underline}
.destinations_viewall { width:90px; text-align:right; float:left;}
.destinations_viewall a { color:#666666; font-size:11px; text-decoration:none}
.destinations_viewall a:hover { text-decoration:underline}

.des_star {width:260px; float:left; margin-top:8px; border-bottom:#eeeeee 1px solid; padding-bottom:2px}
.des_star_item { width:45px; float:left; padding-right:5px; padding-top:3px;}
.des_star_tit { width:160px; float:left; text-align:left; font-size:11px}
.des_star_tit a { color:#0034b9; font-size:11px; text-decoration:none}
.des_star_tit a:hover { text-decoration:underline}
.des_star_price { width:50px; color:#555; font-size:11px; font-weight:bold; float:left; text-align:right}

/*===Hotel Page === */

/*===Hotel Country=== */
#index_find_tit_conun {color: #555; font-size: 14px; font-weight: bold; background:url(../images/title_bg.jpg) bottom repeat-x; height: 17px; text-align:left; padding-bottom:4px}
#index_find_tit_cont { float:left; text-align:left; line-height:18px; margin-top:15px; color:#444}
.box_list_tit2 {color: #555; font-size: 14px; font-weight: bold; height: 17px; text-align:left; padding-bottom:4px}

.box_list2 { width:490px; float:left; margin-top:30px}
.box_list2 ul {list-style-type:none; float:left; width:490px; margin-top:20px; list-style-position:outside;}
.box_list2 li {float:left; width:145px; text-align:left; display:inline; height:18px; background-image:url(../images/bulet.jpg); background-repeat:no-repeat; background-position:2px; padding-left:12px; display:inline;   }
.box_list2 a {color:#0035cd; font-size:12px; text-decoration:none; cursor:pointer}
.box_list2 a:hover {color:#0035cd; font-size:12px; text-decoration:underline; cursor:pointer}

#search_flights2 { width:320px; float:left; text-align:left; margin-bottom:20px}
.input1_2 {width: 310px; height:18px; border:1px #ccc solid; color:#999; padding-top:4px; padding-left:5px; font-size:11px}
.search_but2 {width:96px; height:27px; cursor:pointer; margin-top:10px; background:url(../images/search_hotel.gif) center no-repeat; float:left} 

.hotels_by_star { width:145px; float:left; text-align:left; padding-left:15px }
.hotels_by_star .hotels_by_star_tit { font-weight:bold; padding-top:10px; padding-bottom:8px}
.hotels_by_star 
.hotels_by_star .hotels_by_star_comt ul {list-style-type:none; float:left; width:480px; margin-top:20px; list-style-position:outside; padding-left:10px;}
.hotels_by_star .hotels_by_star_comt li {float:left; width:135px; text-align:left; display:inline; height:18px;    }
.hotels_by_star .hotels_by_star_comt a {color:#0035cd; font-size:12px; text-decoration:none; cursor:pointer}
.hotels_by_star .hotels_by_star_comt a:hover {color:#0035cd; font-size:12px; text-decoration:underline; cursor:pointer}

.hotels_by_star2 { width:300px; float:left; text-align:left; padding-left:15px }
.hotels_by_star2 .hotels_by_star_comt2 ul {list-style-type:none; float:left; width:280px; margin-top:20px; list-style-position:outside; padding-left:10px;}
.hotels_by_star2 .hotels_by_star_comt2 li {float:left; width:200px; text-align:left; display:inline; height:18px;    }
.hotels_by_star2 .hotels_by_star_comt2 a {color:#0035cd; font-size:12px; text-decoration:none; cursor:pointer}
.hotels_by_star2 .hotels_by_star_comt2 a:hover {color:#0035cd; font-size:12px; text-decoration:underline; cursor:pointer}
/*===Hotel Country=== */

#table_list {width:488px; border-left:#c6c6c6 1px solid; border-right:#c6c6c6 1px solid; border-bottom:0px}
.table_tab {width:488px; height:20px; border-bottom:#c6c6c6 1px solid; text-align:left; font-weight:bold; padding-top:8px; color:#4c4c4c; margin-bottom:10px}
.table_list {width:488px; padding-top:8px; padding-bottom:10px; text-align:left; font-size:11px}
.table_list2 {width:488px; background:#f3f3f3; border-bottom:#c6c6c6 1px solid; padding-top:8px; padding-bottom:10px; text-align:left; font-size:11px}
.table_hotel {width:155px; font-weight:bold; padding-left:10px; font-size:11px}
.table_hotel a { font-size:11px; font-weight:bold; color:#003fbe; text-decoration:none; font-size:11px}
.table_hotel a:hover { font-size:11px; font-weight:bold; color:#003fbe; text-decoration:underline; font-size:11px}
.table_location {width:190px; font-size:11px}
.table_class {width:70px; font-size:11px}
.table_star {width:50px; font-size:11px}

#next_number {width:490px; text-align:right; margin-top:5px}
#next_number a.active {color:#ff0000; font-weight:bold}
#next_number a {color:#000; font-size:11px; padding-left:5px; padding-right:3px; text-decoration:none}
#next_number a:hover {color:#ff0000; font-size:11px; padding-left:5px; padding-right:3px; text-decoration:none}

/*=== specific Page === */
#specific_left {width:680px; padding-right:10px; float:left; margin-top:15px}

#hotel_titleinfo {width:460px; padding-top:10px; padding-right:10px; text-align:left; color:#4c4c4c; float:left}
#hotel_titleinfo #hotel_titleinfo2 
#hotel_titleinfo #hotel_titleinfo3 {padding-top:3px;}

#specific_trip  {width:210px; padding-top:10px; text-align:left; color:#4c4c4c; float:left; font-size:11px}
#specific_trip #specific_trip_tit {color:#4c4c4c; font-size:11px}
#specific_trip #specific_trip_class {color:#4c4c4c; font-size:11px; padding-top:3px}
#specific_trip #specific_trip_clickhere {padding-top:3px}
#specific_trip #specific_trip_clickhere a{color:#0034b9; font-size:11px; text-decoration:none}

#specific_infodiv { width:680px; float:left; margin-top:20px;}
#specific_info_navdiv { width:680px; float:left; font-size:13px; font-weight:bold; border-bottom: 1px #d2d2d2 solid}

#setting2 { background: no-repeat; background-position: 100% -34px; }
#setting2 ul { list-style-type: none; margin: 0px 0 0 5px; padding-top: 5px; margin-left:15px }
#setting2 li { float: left; height: 23px; line-height: 22px; margin-right: 5px; padding-left:20px; padding-right:20px }
#setting2 li.active, #setting2 li.inactive { display: block; }
#setting2 li.active, #setting2 li.inactive:hover { background: #fff; border-left:#CCCCCC 1px solid; border-top:#CCCCCC 1px solid; border-right:#CCCCCC 1px solid;}
#setting2 li.active div, #setting2 li.inactive:hover div { background: no-repeat; background-position: 100% -29px; }
#setting2 li div { padding: 0px 5px 0px 5px; }
.setting2_name {color:#4c4c4c; font-size:11px; font-weight:bold; padding-bottom:5px; text-decoration:none}
.setting2_name:hover {	color:#f96611; font-size:11px; font-weight:bold; padding-bottom:5px; text-decoration:underline}

#specific_info_detaildiv {width:658px; float:left; border-left:#CCCCCC 1px solid; border-bottom:#CCCCCC 1px solid; border-right:#CCCCCC 1px solid; padding:15px 10px 15px 10px;}
#specific_info_checktit { width:600px; font-size:13px; color:#555; float:left; text-align:left; font-weight:bold}
#specific_search { width:658px; float:left}
#specific_search_checkrates { width:117px; float:left; padding-top:24px}
#specific_text { width:658px; float: left; text-align:left; color:#333; padding: 15px 0px 15px 0px}
#photocont {width:648px; border:#d8d8d8 1px solid; padding-top:10px; padding-left:8px; padding-bottom:5px; padding-top:10px; float:left; margin-top:10px;}
.picdiv { width:85px; float:left; text-align:center; margin-right:6px}
.boderpic {border:#dddddd 1px solid; padding:3px}
.phototit { color:#0034b9; padding-top:5px; text-decoration:none; font-size:11px}
.phototit:hover { color:#0034b9; padding-top:5px; text-decoration:underline}

.specific_facilities { width:658px; float:left; margin-top:15px}
.specific_facilities ul {list-style-type:none; float:left; width:640px; margin-top:10px; list-style-position:outside;}
.specific_facilities li {float:left; width:200px; text-align:left; display:inline; height:18px; background-image:url(../images/bulet_footer.jpg); background-repeat:no-repeat; background-position:2px; padding-left:12px; display:inline;   }
.specific_facilities a {color:#4c4c4c; font-size:12px; text-decoration:none; cursor:pointer}
.specific_facilities a:hover {color:#4c4c4c; font-size:12px; text-decoration:underline; cursor:pointer}

#specific_right {width:180px; float:left; margin-top:8px}


/*===airlines Page === */
#airlines_div {width:550px; float:left; text-align:left; }
.airlines_div_tit {font-weight:bold;}
.airlines_div_cont {line-height:16px; padding-top:8px; padding-bottom:20px}
.quick_fact_l { width:160px; font-weight:bold; float:left; padding-bottom:2px}
.quick_fact_2 { width:370px; float:left; padding-left:10px; padding-bottom:2px}
.quick_fact_2 a { text-decoration:underline; color:#0000FF}
.quick_fact_2 a:hover { text-decoration:none; color:#0000FF}

#price table td { border: #cccccc 1px solid; padding:3px 3px 3px 3px; color:#333;}
.th { color:#777; padding-bottom:3px}

#rightdiv {width:280px; float:left; text-align:left}
#rightdiv, #rightbox {width:280px; float:left}
#rightbox 
#rightbox #right_cont {padding: 10px 0px 0px 0px; text-align:left; }
#right_cont ul { list-style-type: none;}
#right_cont li { width:260px; list-style-type: none; padding-top:3px; padding-bottom:3px; float:left; padding-left:10px }
#right_cont li div.right_cont_item { line-height:14px; background:url(../images/bullet_news.gif) no-repeat; padding-left:15px}
div.right_cont_item a, right_cont_item a:visited { color: #0034b9; text-decoration: none; font-size:11px; }
div.right_cont_item a:hover { color: #0034b9; text-decoration: underline; }

#related_flights {width:550px; float:left; margin-top:20px}
#related_flights #related_flights_tit {color: #4d4d4d; font-size: 13px; font-weight: bold; height: 15px; text-align:left; border-bottom:#7f7f7f 1px dotted; padding-bottom:4px}
#related_flights #related_flights_cont {padding: 10px 0px 0px 0px; text-align:left; }
#related_flights_cont ul { list-style-type: none;}
#related_flights_cont li { width:530px; list-style-type: none; padding-top:3px; padding-bottom:3px; float:left; padding-left:10px }
#related_flights_cont li div.related_flights_cont_item { line-height:14px; background:url(../images/bullet_news.gif) no-repeat; padding-left:15px}
div.related_flights_cont_item a, related_flights_cont_item a:visited { color: #0034b9; text-decoration: none; font-size:11px; }
div.related_flights_cont_item a:hover { color: #0034b9; text-decoration: underline; }


#index_right, #index_find_cheap {width:320px; float:left; margin-top:8px}
#index_find_cheap #index_titnews {color: #4d4d4d; font-size: 13px; font-weight: bold; height: 15px; text-align:left; margin-top:8px; border-bottom:#7f7f7f 1px dotted; padding-bottom:5px}
#index_find_cheap #index_contnews {padding: 10px 0px 0px 0px; text-align:left; }
#index_contnews ul { list-style-type: none;}
#index_contnews li { width:300px; list-style-type: none; padding-top:3px; padding-bottom:3px; float:left; padding-left:10px }
#index_contnews li div.index_contnews_item { line-height:14px; background:url(../images/bullet_news.gif) no-repeat; padding-left:15px}
div.index_contnews_item a:hover { color: #0034b9; text-decoration: underline; }
div.index_contnews_item a, div.index_contnews_item a:visited { color: #0034b9; text-decoration: none; font-size:11px; }
#index_find_cheap #more {color: #555; text-align:right; padding-top:5px}
#index_find_cheap #more a {color: #555; text-decoration: underline;}
#index_find_cheap #more a:hover {color: #555; text-decoration: none;}

#google_ads1 { width:870px; float:left; margin-bottom:25px}
#google_ads2 { width:250px; float:left; margin-top:20px; padding-left:15px}

#footer { width:auto; margin: 0 auto; text-align: center; border-top:#e8e8e8 1px solid; margin-top:30px; padding-top:12px }
#footerdiv, #footer_menu{ width:870px; margin: 0 auto; text-align: center}
#footerdiv #footer_menu a {font-size:11px; color:#000; text-decoration:none; color:#0034b9}
#footerdiv #footer_menu a:hover {font-size:11px; color:#0034b9; text-decoration:underline}
#footerdiv p { text-align:left; font-size:11px; color:#444}
.foot_line {color:#767676; padding-left:4px; padding-right:4px}

#footer_menu2{ width:870px; margin: 0 auto; text-align: center; padding-top:10px}
#footerdiv #footer_menu2 a {font-size:11px; text-decoration:none; color:#000}
#footerdiv #footer_menu2 a:hover {font-size:11px; color:#000; text-decoration:underline}
#copyright { color:#666; text-align:center; font-size:11px; padding-top:3px}

#footer_list { width:870px; float:left; margin-top:20px; margin-bottom:20px}
#footer_list_main { width:838px; float:left; border-left:#d8d8d8 1px solid; border-right:#d8d8d8 1px solid; padding:5px 15px 5px 15px; text-align:left; line-height:18px;}
#footer_list_main ul {list-style-type:none; float:left; width:838px; list-style-position:outside;}
#footer_list_main li {float:left; width:145px; text-align:left; display:inline; height:20px; background-image:url(../images/bulet_footer.jpg); background-repeat:no-repeat; background-position:2px; padding-left:12px; display:inline;   }
#footer_list_main a {color:#555555; font-size:11px; text-decoration:none; cursor:pointer}
#footer_list_main a:hover {color:#555555; font-size:11px; text-decoration:underline; cursor:pointer}

pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
a, a:visited { color: #0034b9; text-decoration: none; font-size:11px; }
a:hover { color: #0034b9; text-decoration: underline; }

