* {
    margin: 0;
    padding: 0;
}
body {
    font-family: arial;
    font-size: 12px;
    color: #5F5852;
}
a {
    text-decoration: none;
    cursor: pointer;
    outline: none;
}
.clear {
    clear: both;
}
.field {
    float: left;
    width: 100%;
}
.field_1 {
    float: left;
    width: 280px;
    padding: 8px;
    background: url(../images/bg_list_tour.jpg) repeat-x;
}
.book_img {
    float: right;
    width: 99px;
    height: 27px;
    background: url(../images/book_img.jpg) no-repeat;
    margin: 20px 50px 20px 0;
}
.field_2 {
    float: left;
    width: 100%;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px dotted #979797;
}
.field_2_2 {
    float: left;
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 10px;
    margin-top: 5px;
    border-bottom: 1px dotted #979797;
}
.field_3 {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.text_book {
    float: left;
    width: 120px;
    padding-left: 10px;
} 
.text_book_1 {
    float: left;
    padding-left: 10px;
    font-size: 14px;
    color: #063073;
    margin-bottom: 15px;
}
.text_book_2 {
    float: left;
    width: 180px;
    padding-left: 10px;
} 
.text_book_3 {
    float: left;
    padding-left: 190px;
} 
.text_book_4 {
    float: left;
    width: 120px;
    padding-right: 10px;
    text-align: right;
} 
.text_book_5 {
    float: left;
    width: 210px;
    padding-left: 10px;
}
.text_book_6 {
    float: left;
    width: 320px;
    padding-left: 10px;
}
.radio_1 {
    float: left;
    margin: 0 10px;
    border: none;
}
.input_4 {
    float: left;
    width: 230px;
    height: 18px;
    border: 1px solid #466596;
}
.input_5 {
    float: left;
    width: 120px;
    height: 18px;
    border: 1px solid #466596;
}
.input_6 {
    float: left;
    width: 180px;
    height: 18px;
    border: 1px solid #466596;
}
.input_7 {
    float: left;
    width: 400px;
    height: 100px;
    border: 1px solid #466596;
}
.submit {
    float: right;
    padding: 3px 10px;
    border: 1px solid #B6C0D0;
    color: #0A3373;
    cursor: pointer;
    margin-left: 10px;
    margin-bottom: 10px;
}
.submit:hover {
    color: #E1AE68;
}
.halong {
    width: 980px;
    margin: 0 auto;
}
.bg_halong {
    float: left;
    width: 960px;
    padding: 0 10px;
    background: url(../images/bg_halong.jpg) repeat-y;
    border-top:1px solid #DFDEDE ;
}
.header {
    float: left;
    width: 960px;
    height: 88px;
    background: url(../images/banner_hl_new.jpg) no-repeat;
}
.icon_head {
    float: right;
    padding-right: 20px;
    margin: 5px 0;
}
.icon_head a {
    float: left;
    padding: 0 10px;
}
.icon_head img {
    border: none;
}
.menu_head {
    float: left;
    width: 960px;
}
.menu_head a {
    float: left;
    height: 28px;
    background: url(../images/bg_menu.jpg) repeat-x;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    padding: 10px 16px 0 16px;
}
.menu_head a:hover {
    background: url(../images/bg_menu_hover.jpg) repeat-x;
    color: #FBC376;
}
.banner_top {
    float: left;
    width: 950px;
    padding:5px;
    background: #fff;
    height: 175px;
}
.pics { 
    height: 175px; 
    width: 950px; 
    padding:0; 
    margin:0; 
    overflow: hidden 
    }
    
.pics img { 
    height: 175px; 
    width: 950px; 
    }
.main {
    float: left;
    width: 950px;
    padding: 0 5px;
    margin-bottom: 10px;
}
.main_col_1 {
    float: left;
    width: 296px ;
    padding-right: 14px;
}
.main_col_2 {
    float: left;
    width: 640px;
}
.tour_cate {
    float: left;
    width: 290px;
    height: 115px;
    border: 3px solid #000;
    margin-bottom: 10px;
}
.box_search {
    float: left;
    width: 266px ;
    padding: 6px 15px;
    background: url(../images/bg_search.jpg) repeat-y;
    margin-bottom: 10px;
}
.left {float: left;}

.title_search {
    float: left;
    color: #8D0316;
    font-size: 14px;
    font-weight: bold;
    padding-left: 10px;
    margin-bottom: 10px;
}
.box_1 {
    float: left;
    width: 244px;
    border: 1px solid #000;
    padding: 6px 10px;
    color: #000;
}
.box_1___1 {
    float: left;
    width: 244px;
    border: 1px solid #000;
    padding: 6px 10px;
    color: #000;
    font-size: 11px;
}
.input_1 {
    float: left;
    width: 242px;
    border: 1px solid #000;
    height: 16px;
    margin-bottom: 10px;
    background: transparent;
    font-size: 11px;
}
.input_2 {
    float: left;
    width: 110px;
    border: 1px solid #000;
    height: 16px;
    margin-bottom: 10px;
    background: transparent;
    font-size: 11px;
}
.box_2 {
    float: left;
    width: 112px;
    padding-right: 18px;
}
.box_3 {
    float: left;
    width: 112px;
}
.box_4 {
    float: left;
    width: 195px;
}
.box_date {
    float: right;
    padding: 2px 5px;
    border: 1px solid #fff;
    color: #fff;
    margin-right: 30px !important;
    margin-right: 15px;
    margin-top: 5px;
    font-size: 11px;
}
.button_search {
    float: right;
    width: 111px;
    height: 20px;
    border: none;
    cursor: pointer;
    background: url(../images/button_search.jpg) no-repeat;
    margin-bottom: 5px;
}
.title_1 {
    float: left;
    width: 280px;
    padding: 3px 0 3px 16px;
    background: #CC0000;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}
.title_1:hover {
    color: yellow;
}
.title_2 {
    float: left;
    width: 624px;
    padding: 3px 0 3px 16px;
    background: #CC0000;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}
.title_2:hover {
    color: yellow;
}
.view_all {
    float: right;
    margin: 10px 0;
    padding-right: 20px;
    color: #0093B9;
    font-weight: bold;
}
.view_all:hover {
    color: #E2C55C;
}
.img_1 {
    float: left;
    width: 70px;
    height: 53px;
    padding-right: 15px;
}
.box_img_halal_res {
    float: left;
    width: 145px;
    margin: 5px;
}
.bg_img_halal_res {
    float: left;
    width: 145px;
    height: 108px;
    background: url(../images/bg_img_halal_1.jpg);
    margin-bottom: 7px;
}
.bg_img_halal_res img {
    float: left;
    width: 132px;
    height: 93px;
    margin: 6px 0 0 6px;
    border: none;
}
.link_1 {
    float: left;
    color: #1292D1;
    font-weight: bold;
    margin-bottom: 6px;
}
.link_1:hover {
    color: #E9AA72;
}
.link_2 {
    float: left;
    font-size: 14px;
    font-weight: bold;
    color: #CC0000;
    margin-bottom: 6px;
}
.link_2:hover {
    color: #000;
}
.link_2_2 {
    float: left;
    font-size: 12px;
    font-weight: bold;
    color: #CC0000;
    margin-bottom: 6px;
}
.link_2_2:hover {
    color: #000;
}
.view_detail {
    float: right;
    color: #535252;
    font-weight: bold;
    margin: 6px 0;
    font-size: 11px;
    padding-right: 15px;
}
.view_detail:hover {
    color: #E2C55C;
}
.more {
    float: right;
    color: #064A68;
}
.more:hover {
    color: #E9AA72;
}
.box_5 {
    float: left;
    width: 294px;
    border: 1px solid #B1B1B1;
    border-top: none;
    margin-bottom: 15px;
}
.box_6 {
    float: left;
    width: 294px;
    border: 1px solid #B1B1B1;
    margin-bottom: 15px;
}
.box_7 {
    float: left;
    width: 278px;
    border: 1px solid #B1B1B1;
    margin-bottom: 15px;
    background: #EFEFF1;
    padding: 8px;
}
.box_8 {
    float: left;
    width: 620px;
    border: 1px solid #B1B1B1;
    margin-bottom: 15px;
    border-top: none;
    padding: 9px;
}
.box_8_2 {
    float: left;
    width: 620px;
    border-bottom: 1px solid;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #000;
}
.box_8_8 {
    float: left;
    width: 600px;
    border: 1px solid #B1B1B1;
    margin-bottom: 15px;
    border-top: none;
    padding: 19px;
}

/*Example for a Menu Style*/
.menu {font:12px Arial;float: left;width: 640px;}
.menu ul {margin:0px; padding:0px; list-style:none;}
.menu li {display:inline;}
.menu li a {color:#fff; text-decoration:none;float: left;width: 305px;padding: 2px 0 2px 15px;background: #0093B9; font-weight:normal;font-size: 14px;}
.menu li a.tabactive {background-color:#CC0000; font-weight:bold;  position:relative;color: #fff;}
#tabcontent1 , #tabcontent2 , #anothercontent1 , #anothercontent2 {float: left;width: 640px;}
/*Example for a Menu Style*/

.link_halal {
    float: left;
    width: 290px;
    padding: 3px 10px;
}
.link_halal a {
    float: left;
    color: #1475B3;
}
.link_halal a:hover {
    color: #DDB862;
}
.box_9 {
    float: left;
    width: 524px;
}
.box_10 {
    float: left;
    width: 200px;
    margin: 3px;
}
.box_daily {
    float: left;
    width: 620px;
    height: 136px;
    background: url(../images/bg_daily_tour.jpg) no-repeat;
    margin-bottom: 10px;
}
.img_daily_tour {
    float: left;
    margin: 10px 15px 0 15px;
    width: 83px;
    height: 83px;
    border: 4px solid #F2F0F1;
}
.box_daily_1 {
    float: left;
    width: 479px;
    margin-top: 10px;
    padding-right: 20px;
}
.title_daily {
    float: left;
    color: #0B62B2;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
    width: 350px;
    padding-right: 15px;
}
.view_more {
    float: right;
    margin-top: 10px;
}
.view_more img {
    border: none;
    width: 62px;
    height: 23px;
}
.title_daily:hover {
    color: #DDB862;
}
.img_gallery_1 {
    float: left;
    width: 75px;
    height: 75px;
    border: none;
}
.link_support {
    float: left;
    text-decoration: underline;
    font-size: 16px;
    font-weight: bold;
    color: #CE3535;
    margin-top: 15px;
}
.link_support img {
    border: none;
    vertical-align: middle;
}
.link_support_1 {
    float: left;
    text-decoration: underline;
    font-size: 16px;
    font-weight: bold;
    color: #0334C2;
    margin-bottom: 15px;
}
.link_support_1 img {
    border: none;
    vertical-align: middle;
}
.icon_trip_1 {
    float: left;
    border: none;
    width: 101px;
    height: 75px;
}
.icon_trip_2 {
    float: left;
    border: none;
    width: 193px;
}
.input_3 {
    float: right;
    width: 180px;
    height: 20px;
    border: 1px solid #726E62;
    color: #646464;
}
.footer {
    float: left;
    width: 960px;
}
.link_pay {
    float: left;
    padding-left: 120px;
    margin-bottom: 15px;
}
.link_pay a {
    float: left;
}
.link_pay img {
    border: none;
}
.bottom_foo {
    float: left;
    width: 895px;
    height: 157px;
    background: url(../images/bg_footer.jpg) no-repeat;
    color: #fff;
    padding-left: 65px;
    line-height: 16px;
}
.bottom_foo a {
    float: left;
    color: #fff;
    padding: 0 5px;
    border: 1px solid #fff;
    border-top: none;
    border-bottom: none;
    margin: 20px 0;
}
.bottom_foo a:hover {
    color: yellow;
}
.banner_1 {
    float: left;
    margin-bottom: 10px;
}
.banner_1 img{
    border: none;
    width: 311px;
    height: 195px !important;
    height: 201px;
    border: 2px solid #294E96;
}
.bg_most_img {
    float: left;
    width: 76px;
    height: 65px;
    padding-top: 2px;
    padding-right: 2px;
    border: 3px solid #BABABA;
    border-bottom: none;
    border-left: none;
    margin-right: 15px;
}
.bg_most_img img {
    border: none;
    width: 76px;
    height: 65px;
}
.img_testi {
    float: left;
    width: 81px;
    height: 65px;
    margin-right: 15px;
}
.bg_img_1 {
    float: left;
    width: 200px;
    height: 108px;
    background: url(../images/bg_great_img.jpg) no-repeat;
    margin-bottom: 6px;
}
.bg_img_1 img {
    border: none;
    width: 190px;
    height: 91px;
    padding: 7px 0 0 4px;
}
.img_gallery {
    float: left;
    width: 137px;
    height: 96px;
    border: 2px solid #000;
    margin: 7px;
}
/* bookking validate */
div.CheckForm {
    background:transparent ;
    border:0;
    padding-left: 120px;
    width:220px;
}
div.CheckForm { display: none }
.CheckForm label.error {
    display: inline;
}
div.CheckForm ol li {
	list-style-type: disc;
}
label.error {
    display: block;
    margin-left: 10px;
    width: auto;
    color:red;
    font-size:12px;
}
.page_link {
    float: right;
    margin: 15px;
    color: #737574;
    cursor: pointer;
}
.page_link a{
	background-color:#737574;
    padding: 2px 5px;
    margin-right: 3px;
    color: #000;
    border:1px solid #ccc;
    background:#DEDEDE;
}
.page_link a:hover{
    color: yellow;
}
.link_exchange {
    float: left;
    width: 300px;
    padding: 0 10px;
    margin: 10px 0;
}
.link_exchange1 {
    float: left;
    width: 300px;
    padding: 0 10px;
    margin: 10px 0;
}
.link_exchange a {
    float: left;
    color: #5F5852;
    font-weight: bold;
}
.link_exchange1 a {
    float: left;
    color: black;
    font-weight: bold;
}
.link_exchange a:hover {
    color: #B4A871;
}
.link_exchange1 p:hover {
    color: #5F5852;
}
.cate_link {
	float:left;
	color: red;
	font-size:15px;
	font-weight:bold;
	padding: 15px 0 15px 10px;
}
div.error { display: none; }
input.checkbox { border: none }
input:focus { border: 1px dotted black; }
input.error { border: 1px dotted red; }
/* bookking validate */
.text_contact {
    float: left;
    width: 120px;
    padding-left: 60px;
    margin-top: 2px;
}
.input_contact {
    float: left;
    width: 200px; 
    height: 18px;
    border: 1px solid #777;
}
.input_contact_1 {
    float: left;
    width: 300px; 
    height: 120px;
    border: 1px solid #777;
}
.sub_mit_ct {
    float: left;
    padding: 2px 10px;
    background: silver;
    border: 1px solid #777;
    color: red;
    font-weight: bold;
    cursor: pointer;
    margin-right: 10px;
    color: #000;
    font-size: 11px;
}
.sub_mit_ct:hover {
    color: red;
}