#maincontent { width: 990px; margin: 0px 5px;}

#maincontent .top1 { display: block; clear: both; height: 185px; margin: 5px 0px 0px;}
#maincontent .top1 .tracuu { float: left; width: 395px; height: 185px; margin-right: 5px; background: url('../images/bg_tracuu.jpg') no-repeat;}
#maincontent .top1 .tracuu .title { display: block; font-weight: bold; padding: 15px 10px 10px 20px; color: Red;}
#maincontent .top1 .tracuu .selecttype { display: block; height: 30px; line-height: 30px; margin: 0px; margin-left: 50px;}
#maincontent .top1 .tracuu .selectcontent { display: block; height: 70px; margin: 5px 15px; }
#maincontent .top1 .tracuu .selectcontent .row { display:block; clear:both; height: 30px; line-height:40px; text-align:center;}
#maincontent .top1 .tracuu .selectcontent .row .rowtext { float:left; clear:both; width:130px; line-height:26px; text-align:left;}
#maincontent .top1 .tracuu .selectcontent .row .rowvalue { float:left; width:210px; line-height:26px;}
#maincontent .top1 .tracuu .bttracuu { float: right; margin-right: 25px;}
#maincontent .top1 .slide { float: left; width: 590px; height: 185px;}

#maincontent .top2 { float: left; clear: both; margin: 5px 0px 15px; }

#maincontent .top2 .tour { float: left; width: 770px;}
#maincontent .top2 .tour .tourcatalog { float: left; width: 380px; }
#maincontent .top2 .tour .tourcatalog#left { margin-right: 5px;}
#maincontent .top2 .tour .tourcatalog .name { display: block; clear: both; height: 30px; margin: 0px; background: url('../images/bgtour.jpg');}
#maincontent .top2 .tour .tourcatalog .name a { height: 30px; line-height: 30px; padding: 0px 15px; color: White;  font-weight: bold; text-transform: uppercase; }
#maincontent .top2 .tour .tourcatalog .touritem { display: block; clear: both; height: 110px; }
#maincontent .top2 .tour .tourcatalog .touritem .tourname { display: block; padding: 12px 0px 0px 10px; font-weight: bold; font-size: 13px; text-transform: uppercase; color: #ff6c00;}
#maincontent .top2 .tour .tourcatalog .touritem .tourimg { float: left; width: 100px; margin: 10px 10px 0px 10px;}
#maincontent .top2 .tour .tourcatalog .tourlink { float: left; color: #006295; padding: 5px 10px; background: url(../images/bubblet.jpg) no-repeat 0px 10px;}
#maincontent .top2 .tour .tourcatalog .tourlink:hover { color: #f1612e;}

#maincontent .top2 .adv { float: left; width: 220px; }
#maincontent .top2 .adv .item { display: block; height: 130px; margin-bottom: 2px;}

#maincontent .top3 { display: block; clear: both; height: 100px; margin: 5px 0px;}
#maincontent .top3 .t3item { float: left; width: 489px; height: 100px; border: solid 1px blue;}
#maincontent .top3 .t3item#left { margin-right: 5px;}

#maincontent .top4 { display: block; clear: both; height: 280px; margin: 0px; padding: 0px; background: url('../images/bg_khachsan.jpg') no-repeat;}
#maincontent .top4 .space { float: left; width: 20px; height: 30px; }
#maincontent .top4 .hotelcatalog { float: left; width: 304px; margin: 25px 17px 0px 0px; padding: 0px; }
#maincontent .top4 .hotelcatalog .title { display: block; height: 28px; line-height: 28px; padding: 0px 15px; margin-bottom: 10px; color: White; font-weight: bold; background: url('../images/title_khachsan.jpg'); text-transform: uppercase;}
#maincontent .top4 .hotelcatalog .hotelimg { float: left; width: 120px; margin: 0px 10px 10px 5px;}
#maincontent .top4 .hotelcatalog .hotelimg img.hotel { display: block; width: 120px; height: 85px;}
#maincontent .top4 .hotelcatalog .hotelimg .btbooking { display: block; clear: both; margin: 7px 13px;}
.btbooking1 { margin: 7px auto;}
.btbooking1 img { margin-top: 2px;}
#maincontent .top4 .hotelcatalog .hotellink { display: block; padding-bottom: 3px;  color: #ff6c00;}
#maincontent .top4 .hotelcatalog .adv { display: block; clear: both; width: 304px; height: 75px; margin: 10px 0px;}

#maincontent .top5 { display: block; clear: both; margin: 10px 0px 5px 0px; padding: 0px; }
#maincontent .top5 .hotelpromotion { float: left; width: 690px; height: 274px; margin-right: 10px;}
#maincontent .top5 .hotelpromotion .promotiontitle { display: block; height: 29px; padding: 0px; margin: 0px; border-bottom: solid 2px red;}
#maincontent .top5 .hotelpromotion .promotiontitle a.title { padding: 10px 15px; height: 30px; line-height: 30px; font-weight: bold; color: White; background: url('../images/bar.jpg') no-repeat; text-transform: uppercase;}
#maincontent .top5 .hotelpromotion .promotionitem { float: left; width: 345px; height: 106px; overflow: hidden;}
#maincontent .top5 .hotelpromotion .promotionitem .promoimg { float: left; width: 108px; height: 77px; margin: 10px 5px 5px 3px;}
#maincontent .top5 .hotelpromotion .promotionitem .promotitle { display: block; padding: 10px 10px 3px; color: #ff6f16; }
#maincontent .top5 .hotelpromotion .promotionitem .promodesc { display: block; padding: 0px 10px; }
#maincontent .top5 .hotelpromotion .promotionitem .promodesc p { margin: 0px; text-align: justify;}

#maincontent .top5 .hotelsearch { float: left; width: 285px; height: 250px; border: solid 1px gray;}
#maincontent .top5 .hotelsearch .searchtitle { display: block; padding: 0px 15px; height: 30px; line-height: 30px; background: url('../images/bar.jpg'); color: White; font-weight: bold; text-transform: uppercase;}
#maincontent .top5 .hotelsearch .searchitem { display: block; height: 30px; line-height: 30px; padding: 0px 15px; color: #da5323; font-weight: bold;}
#maincontent .top5 .hotelsearch .searchitem select { width: 250px; height: 25px;}
#maincontent .top5 .hotelsearch .btsearch { float: right; width: 139px; height: 25px; margin: 5px 15px 0px 0px}

#maincontent .top6 { display: block; clear: both; margin: 15px 0px; height: 150px; padding: 0px;}
#maincontent .top6 .bannervmb { float: left; width: 435px; height: 150px; margin-right: 5px;}
#maincontent .top6 .searchvmb { float: left; width: 546px; height: 150px; background: url('../images/searchvemaybay.jpg');}
#maincontent .top6 .searchvmb .title { display: block; height: 30px; line-height: 30px; padding: 0px 25px; color: Red; text-transform: uppercase; font-weight: bold;}
#maincontent .top6 .searchvmb .vmbitem { float: left; width: 250px; margin-left: 16px; height: 28px; line-height: 28px;}
#maincontent .top6 .searchvmb .vmbitem .text { float: left; width: 70px;}
#maincontent .top6 .searchvmb .vmbitem .value { float: left; width: 170px;}
#maincontent .top6 .searchvmb .vmbitem .value select { width: 160px; height: 24px;}
#maincontent .top6 .searchvmb .vmbitem .value input { width: 122px; height: 16px;}
#maincontent .top6 .searchvmb .country { float: left; width: 480px; height: 28px; line-height: 28px; }
#maincontent .top6 .searchvmb .country .text { float: left; width: 100px; margin-left: 15px;}
#maincontent .top6 .searchvmb .country .value { float: left; width: 100px; margin-left: 15px;}
#maincontent .top6 .searchvmb .button { float: right; clear: both; padding-top: 3px; margin-right: 30px;}

#maincontent .top7 { display: block; clear: both; margin: 5px 0px; padding: 0px; height: 250px; }
#maincontent .top7 .ticketpromotion { float: left; width: 690px; height: 257px; margin-right: 10px; }
#maincontent .top7 .ticketpromotion .tickettitle { display: block; height: 29px; padding: 0px; margin: 0px; border-bottom: solid 2px red; text-transform: uppercase;}
#maincontent .top7 .ticketpromotion .tickettitle a.title { padding: 10px 15px; height: 30px; line-height: 30px; font-weight: bold; color: White; background: url('../images/bar.jpg') no-repeat;}
#maincontent .top7 .ticketpromotion .ticketitem { float: left; width: 340px; height: 110px; overflow: hidden; }
#maincontent .top7 .ticketpromotion .ticketitem .ticketimg { float: left; width: 120px; height: 85px; margin: 10px 10px 5px 3px;}
#maincontent .top7 .ticketpromotion .ticketitem .ticketti { display: block; padding: 10px 10px 5px; color: #fc6307; }
#maincontent .top7 .ticketpromotion .ticketitem .ticketdesc { display: block; padding: 0px 10px; text-align: justify;}

#maincontent .top7 .ticketsearch { float: left; width: 285px; height: 240px; border: solid 1px gray;}
#maincontent .top7 .ticketsearch .searchtitle { display: block; padding: 0px 15px; height: 30px; line-height: 30px; background: url('../images/bar.jpg'); color: White; font-weight: bold; text-transform: uppercase;}
#maincontent .top7 .ticketsearch .searchitem { display: block; height: 30px; line-height: 30px; padding: 0px 15px; color: #da5323; font-weight: bold;}
#maincontent .top7 .ticketsearch .searchitem select { width: 250px; height: 25px;}
#maincontent .top7 .ticketsearch .btsearch { float: right; width: 139px; height: 25px; margin: 5px 15px 0px 0px}
#maincontent .top7 .ticketsearch .tuvan { display: block; padding: 10px 0px 0px 15px;}
/*0983078405*/
#maincontent .top8 { display: block; clear: both; height: 250px; margin: 5px 0px; padding: 0px;}
#maincontent .top8 .t8item { float: left; width: 490px; height: 250px; margin-right: 5px; background: url('../images/bg_khampha1.jpg'); }
#maincontent .top8 .t8item#right { margin-right: 0px;}
#maincontent .top8 .t8item .t8title { display: block; height: 40px; line-height: 30px; }
#maincontent .top8 .t8item .indentmenu ul { margin: 0; padding: 0; float: left;  height: 30px; }
#maincontent .top8 .t8item .indentmenu ul li { display: inline; height: 30px;}
#maincontent .top8 .t8item .indentmenu ul li a{ float: left; color: white; padding: 5px 20px; width: 80px; height: 20px; text-align: center; line-height: 20px; text-decoration: none; background: url('../images/bg_tabmenu.jpg'); border-right: solid 1px white; text-transform: uppercase;}
#maincontent .top8 .t8item .indentmenu ul li a.selected { color: white !important; padding-top: 6px; padding-bottom: 4px; background: url('../images/bar.jpg'); }

#maincontent .top8 .t8item .t8title a.title { float: left; padding: 3px 20px 0px; color: White; text-transform: uppercase;}
#maincontent .top8 .t8content { display: block; height: 200px; overflow: hidden;}
#maincontent .top8 .t8content .t8img { float: left; width: 130px; height: 100px; margin: 10px 10px 0px 10px;}
#maincontent .top8 .t8content .t8topictitle { display: block; padding: 10px 0px 5px 10px; color: #fc6307;}
#maincontent .top8 .t8content .t8topicdesc { display: block; height: 62px; overflow: hidden;  padding: 0px 10px 0px 0px;}
#maincontent .top8 .t8content .t8topicdesc p { margin: 0px; padding-left: 0px;}
#maincontent .top8 .t8content ul { display: block; clear: both; margin-top: 10px; padding-top: 7px;}
#maincontent .top8 .t8content ul li { padding: 3px 0px;}

/*sua o day*/
#maincontent .top8 .t8item1 { float: left; width: 490px; height: 250px; margin-right: 5px; background: url('../images/bg_khampha.jpg'); }
#maincontent .top8 .t8item1#right { margin-right: 0px;}
#maincontent .top8 .t8item1 .t8title { display: block; height: 30px; line-height: 30px; }
#maincontent .top8 .t8item1 .indentmenu ul { margin: 0; padding: 0; float: left;  height: 40px; margin-top: 5px; margin-left: 7px; }
#maincontent .top8 .t8item1 .indentmenu ul li { display: inline; height: 30px;}
#maincontent .top8 .t8item1 .indentmenu ul li a{ float: left; color: black;width: 80px;  padding: 8px 20px 4px; height: 26px; text-align: center; line-height: 15px; text-decoration: none; text-transform: uppercase;}
#maincontent .top8 .t8item1 .indentmenu ul li a.selected { color: black !important; width: 80px; padding: 8px 20px 4px; background: url('../images/tab_selected.jpg') no-repeat; }

#maincontent .top8 .t8item1 .t8title a.title { float: left; padding: 0px 20px; color: White; background: url('../images/bar.jpg'); text-transform: uppercase;}
#maincontent .top8 .t8content1 { display: block; height: 205px; overflow: hidden;}
#maincontent .top8 .t8content1 .t8img { float: left; width: 130px; height: 100px; margin: 10px 10px 0px 10px;}
#maincontent .top8 .t8content1 .t8topictitle { display: block; padding: 10px 0px 5px 10px; color: #fc6307;}
#maincontent .top8 .t8content1 .t8topicdesc { display: block; height: 62px; overflow: hidden; padding: 0px 10px 0px 0px;}
#maincontent .top8 .t8content1 .t8topicdesc p { margin: 0px; padding-left: 0px;}
#maincontent .top8 .t8content1 ul { display: block; clear: both; margin-top: 10px;}
#maincontent .top8 .t8content1 ul li { padding: 3px 0px;}

#maincontent .top9 { display: block; clear: both; height: 260px; margin: 0px; padding: 0px; background: url('../images/bg_khachsan.jpg') no-repeat;}
#maincontent .top9 .space { float: left; width: 20px; height: 30px; }
#maincontent .top9 .t9catalog { float: left; width: 304px; margin: 25px 17px 0px 0px; padding: 0px; }
#maincontent .top9 .t9catalog .t9title { display: block; height: 28px; line-height: 28px; padding: 0px 15px; margin-bottom: 10px; color: White; font-weight: bold; background: url('../images/title_khachsan.jpg'); text-transform: uppercase;}
#maincontent .top9 .t9catalog .t9img { float: left; width: 120px; height: 90px; margin: 0px 10px 0px 5px;}
#maincontent .top9 .t9catalog .t9topictitle { display: block; padding: 0px 5px 5px; color: #fc6307;}
#maincontent .top9 .t9catalog .t9desc{ display: block; padding: 0px; text-align: justify; height: 64px; overflow: hidden;}
#maincontent .top9 .t9catalog .t9desc p { margin: 0px;}
#maincontent .top9 .t9catalog ul { display: block; width: 100%; clear: both; margin-top: 10px;}
#maincontent .top9 .t9catalog ul li a { padding: 3px 0px;}
.top { display: block; height: 118px;}

.optcountry { color: Red;}
.optincountry { color: Blue;}


.sub { font-size: 12px; padding-left: 10px; color: Black;}
.sub1 { font-size: 11px; color: #ff6f1c;}