/* CSS Document */
/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#FBAA39;}
a {color:#222;text-decoration:none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.center { text-align:center; }
/* clearfix.css */
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
/* Element Config */
body { background:url(../images/web-wall-sirisathorn.jpg) no-repeat top center;}
.wrapper {width:1024px;margin:0 auto;}
#wrapper { position:relative; margin-top:70px; }
/*** Header *****************************************************************************************************************/
#header { height:137px; position:relative; background:url(../db/images/000002_1.gif) no-repeat; }
#header h1#logo { width:190px; height:80px; line-height:100%; position:absolute; top:24px; }
#header h1#logo a { display:block; width:190px; height:80px; text-indent:-9999px;}
#header #flash-bannner { width:767px; height:109px; margin-left:224px; position:absolute; top:10px; }
/*** Main Navigation ********************************************************************************************************/
#main-navigation { margin-top:15px; }
ul.topnav {
list-style: none;
padding: 5px 20px;
margin: 0;
float: left;
width: 966px;
/*background: #222;*/
font-size: 1.1em;
background: url(../images/bangkok-travel/menu-repeat.png) repeat-x;
line-height:100%;
}
ul.topnav li {
float: left;
margin: 0;
padding: 0 15px 0 0;
position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
padding: 5px 5px;
color: #fff;
display: block;
text-decoration: none;
float: left;
}
ul.topnav li a:hover{
background:url(images/topnav_hover.png) no-repeat center top;
font-weight:bold;
}
ul.topnav li span { /*--Drop down trigger styles--*/
width: 17px;
height: 35px;
float: left;
background:url(images/subnav_btn.gif) no-repeat center top;
z-index:9999;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
list-style: none;
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
left: 0; top: 35px;
background: #30c0f5;
margin: 0; padding: 0;
display: none;
float: left;
width: 255px;
border: 1px solid #111;
font-size:12px;
z-index:99999;
}
ul.topnav li ul.subnav li{
margin: 0; padding: 0;
border-top: 1px solid #5688bc; /*--Create bevel effect--*/
border-bottom: 1px solid #444; /*--Create bevel effect--*/
clear: both;
width: 255px;
z-index:99999;
}
html ul.topnav li ul.subnav li a {
float: left;
width: 230px;
background: #30c0f5 url(dropdown_linkbg.gif) no-repeat 10px center;
padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
background: #125788 url(dropdown_linkbg.gif) no-repeat 10px center;
}
/*** Content Wrapper ********************************************************************************************************/
#content-wrapper { clear:both; margin-top:65px; }
/*#wrapper { position:relative; }*/
/*** Left Section ********************************************************************************************************/
#left-section { width:182px; overflow:hidden; float:left; }
#left-section #menu-left table { margin-bottom:0px; border-spacing:1px; }
#left-section #menu-left table,th,td,caption { padding:0px; }
#left-section #irecommend-wrapper { background:#efefef; padding:1px; }
#left-section #irecommend-wrapper #irecommend { width:170px; margin:10px 5px 10px 5px; background:#fff; }
#left-section #irecommend-wrapper #irecommend #irecommend-head {width:170px; background: #fff url(../images/recommend/recommend-bg-top.png) repeat-x; padding:5px 0px;}
#left-section #irecommend-wrapper #irecommend #irecommend-head h2 { background:url(../images/recommend/i-recommend.png) no-repeat center center; height:67px;}
#left-section #irecommend-wrapper #irecommend #post-entry {width:170px; background:#ffffff;}
#left-section #irecommend-wrapper #irecommend #post-entry div.center a img {width:150px; height:150px; text-align:center; margin-top:5px;}
#left-section #irecommend-wrapper #irecommend #post-entry p {text-align:justify; padding:5px 10px; line-height:100%; letter-spacing:0.1px; font-size:12px;}
#left-section #irecommend-wrapper #irecommend #irecommend-footer {background:url(../images/recommend/recommend-bg-bottom.png) repeat-x bottom; width:170px; height:86px;}
#left-section #irecommend-wrapper #irecommend #irecommend-footer ul {padding:5px 10px; display:none;}
#left-section #irecommend-wrapper #irecommend #irecommend-footer a {width:165px; padding-right:5px; display:block; text-align:right;}
#about-menu {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin-top:20px;}
#about-menu ul { margin:0px!important;}
#about-menu ul li a { text-decoration:none!important;}
/*** Content ********************************************************************************************************/
#content { width:652px; margin-left:192px; float:none; }
#content #content-header { width:652px; height:267px; margin-bottom:10px; overflow:hidden; }
#content #content-header #img-banner { width:364px; height:265px; border:1px solid #999; background:#E6E6E6; float:left; }
#content #content-header #img-banner img { margin:4px; }
/*** Story ********************************************************************************************************/
#content #story { width:264px; float:right; border:1px solid #999; height:255px; padding:5px; line-height:120%; font-size:14px;}
#content #story h2 { font-size:1.3em; margin-left:18px; margin-bottom:1.4em; font-weight:bold; }
#content #story ul li a { text-decoration:none; }
/*** Amust Section ********************************************************************************************************/
#content #amust-section { width:652px; height:550px; margin-bottom:10px; overflow:hidden; }
#amust-all-wrapper #amust-wrapper #amust-recommend { left:373px!important;}
/*** Feature Maps ********************************************************************************************************/
#feature-wrapper { width:650px; height:650px; border:1px solid #77D2F7; background:url(images/blues-tab.jpg) repeat-x;}
/*** Feature left ********************************************************************************************************/
#feature-wrapper #left-feature { width:340px; float:left; height:650px; border-right:1px solid #77D2F7; padding:0 15px 0 10px;}
#feature-wrapper #left-feature #monthly-feature { border-bottom:1px dashed #77D2F7; height:350px; overflow:hidden; padding-bottom:10px; padding-right:5px; }
#feature-wrapper #left-feature #monthly-feature h3 { font-size:14px; font-weight:bold; margin:5px 0 15px 0; }
#feature-wrapper #left-feature #monthly-feature p { text-align:justify; }
#feature-wrapper #left-feature #monthly-feature a { float:right; }
#feature-wrapper #left-feature #tab { margin-top:10px; height:200px; }
#feature-wrapper #left-feature #tab #pro-news div.tabs #first img { float:left; height:90px; margin:10px 10px 0px 0px; width:100px;}
#feature-wrapper #left-feature #tab #pro-news div.tabs #first p { margin:0px; }
#feature-wrapper #left-feature #tab #pro-news div.tabs #second img { float:left; height:90px; margin:10px 10px 0px 0px; width:100px;}
#feature-wrapper #left-feature #tab #pro-news div.tabs #second p { margin:0px; }
/*** Feature right ********************************************************************************************************/
#feature-wrapper #right-featue { width:260px; padding:0 10px 0 5px; float:right;}
#feature-wrapper #right-featue #map { border-bottom:1px dashed #77D2F7; height:350px; overflow:hidden; padding-bottom:10px; }
#feature-wrapper #right-featue #map div.center img { width:250px; height:145px; border:1px solid #666666; padding:1px;}
#feature-wrapper #right-featue #map h3 { font-size:14px; font-weight:bold; margin:5px 0 15px 0; }
#feature-wrapper #right-featue #where { margin-top:10px; height:200px; }
#feature-wrapper #right-featue #where h3 { margin:0px; font-size:14px; font-weight:bold; }
#feature-wrapper #right-featue #where p { margin:0px; }
#feature-wrapper #right-featue #where a#more { float:right; }
/*** Voucher ********************************************************************************************************/
#content #voucher { width:652px; height:120px; overflow:hidden; margin-top:15px; }
/*** Thailand Overview ***************************************************************************************************/
#content #thailand-overview { margin-top:15px; width:650px; height:340px; border:1px solid #77D2F7; background:url(images/blues-tab.jpg) repeat-x; overflow:hidden;}
#content #thailand-overview h3 { font-size:14px; font-weight:bold; margin:5px 0 15px 5px; }
#content #thailand-overview #slider.nivoSlider { height:210px!important;}
#content #thailand-overview #slider.nivoSlider div.nivo-controlNav a.nivo-control { margin-right:35px; }
#content #thailand-overview #slide-thailand { height:340px; }
#content #thailand-overview #slide-thailand #slider.nivoSlider a.nivo-imageLink img { width:360px;}
/*** E - Magazine ***************************************************************************************************/
#content #magazine { margin-top:15px; width:650px; border:1px solid #77D2F7; background:url(images/blues-tab.jpg) repeat-x; }
#content #magazine h3 { font-size:14px; font-weight:bold; margin:5px 0 15px 5px; }
#content #magazine #emagazine-slide { width:285px; margin:5px 10px 5px 5px; float:left; }
#content #magazine #emagazine-content { width:346px; float:right; padding:0px 4px 10px 0px; line-height:140%; }
#content #magazine #emagazine-content ul { margin:0px; padding:0px; }
#content #magazine #emagazine-content ul li { width:110px; display:inline; margin-right:5px; }
#content #magazine #emagazine-content ul li img { width:110px; height:130px; }
#content #magazine #emagazine-content ul li#last-cover { margin-right:0px; }
#content #magazine #emagazine-content dl { margin:0 0 15px 0; padding:0px; }
#content #magazine #emagazine-content dl dt a { text-decoration:none; }
#content #magazine #emagazine-content dl dd { margin:0px; }
#content #magazine #emagazine-content a#mag-readmore { margin:0 0 0 210px; }
/*** E - Map ***************************************************************************************************/
#content #emap { width:652px!important; margin-top:15px; }
#content #emap div#mininews_update.dialog div.bd div.c div.s div.miniboxinnerright div.mini-title-blue-right p#map-title {font-size:14px; font-weight:bold; margin:0px 0 15px 5px;}
#content #emap div#mininews_update.dialog div.bd div.c div.s div.miniboxinnerright div.luxury div#luxury_people.padding10px { padding:0 10px 0 15px;}
#content #emap div#mininews_update.dialog div.bd div.c div.s div.miniboxinnerright div.luxury div#luxury_people.padding10px #bts-map {float:left; margin:10px 0; width:290px;}
#content #emap div#mininews_update.dialog div.bd div.c div.s div.miniboxinnerright div.luxury div#luxury_people.padding10px #bts-map div.center h4 { margin-bottom:10px; }
#content #emap div#mininews_update.dialog div.bd div.c div.s div.miniboxinnerright div.luxury div#luxury_people.padding10px #bts-map div.center p#txt-bts { font-size:12px; margin:10px 0; padding:0 30px; text-align:justify; }
#content #emap div#mininews_update.dialog div.bd div.c div.s div.miniboxinnerright div.luxury div#luxury_people.padding10px #bkk-map {width:290px; float:right; margin:10px 0 10px 10px;}
#content #emap div#mininews_update.dialog div.bd div.c div.s div.miniboxinnerright div.luxury div#luxury_people.padding10px #bkk-map div.center h4 { margin-bottom:10px; }
#content #emap div#mininews_update.dialog div.bd div.c div.s div.miniboxinnerright div.luxury div#luxury_people.padding10px #bkk-map div.center p#txt-bkk { font-size:12px; margin:10px 0; padding:0 30px; text-align:justify; }
/*** Social Network ***************************************************************************************************/
#content #social { width:652px!important; margin-top:15px; }
#content #social div#mininews_update.dialog div.bd div.c div.s div.miniboxinnerright div.luxury div#luxury_people.padding10px div#facebook { float:left; margin-right:5px; padding:10px}
#content #social div#mininews_update.dialog div.bd div.c div.s div.miniboxinnerright div.luxury div#luxury_people.padding10px div#twitter { width:255px; float:right; margin-right:0px; padding:10px; }
iframe.FB_SERVER_IFRAME html#facebook body.auto_resize_iframe fan_widget connect_widget ff3 win Locale_th_TH div.app_content_133341133359076 div.fan_box div.full_widget div.connections div.connections_grid div.grid_item{ border-top:1px solid #D8DFEA; min-height:150px; padding:5px 0 0 5px!important; }
/*** Right Banner ********************************************************************************************************/
#right-section { width:170px; float:right; }
/*** Search ********************************************************************************************************/
.gsc-control-cse {
font-family: Verdana, sans-serif;
border-color: #DAE0E5;
background-color: #DAE0E5;
}
input.gsc-input {
border-color: #8A99A6;
}
input.gsc-search-button {
border-color: #8A99A6;
background-color: #D0D1D4;
}
.gsc-tabHeader.gsc-tabhInactive {
border-color: #B2BDC6;
background-color: #B2BDC6;
}
.gsc-tabHeader.gsc-tabhActive {
border-color: #8A99A6;
background-color: #8A99A6;
}
.gsc-tabsArea {
border-color: #8A99A6;
}
.gsc-webResult.gsc-result {
border-color: #FFFFFF;
background-color: #FFFFFF;
}
.gsc-webResult.gsc-result:hover {
border-color: #D2D6DC;
background-color: #EDEDED;
}
.gs-webResult.gs-result a.gs-title:link,
.gs-webResult.gs-result a.gs-title:link b {
color: #0568CD;
}
.gs-webResult.gs-result a.gs-title:visited,
.gs-webResult.gs-result a.gs-title:visited b {
color: #0568CD;
}
.gs-webResult.gs-result a.gs-title:hover,
.gs-webResult.gs-result a.gs-title:hover b {
color: #0568CD;
}
.gs-webResult.gs-result a.gs-title:active,
.gs-webResult.gs-result a.gs-title:active b {
color: #0568CD;
}
.gsc-cursor-page {
color: #0568CD;
}
a.gsc-trailing-more-results:link {
color: #0568CD;
}
.gs-webResult.gs-result .gs-snippet {
color: #5F6A73;
}
.gs-webResult.gs-result .gs-visibleUrl {
color: #5F6A73;
}
.gs-webResult.gs-result .gs-visibleUrl-short {
color: #5F6A73;
}
.gsc-cursor-box {
border-color: #FFFFFF;
}
.gsc-results .gsc-cursor-page {
border-color: #B2BDC6;
background-color: #FFFFFF;
}
.gsc-results .gsc-cursor-page.gsc-cursor-current-page {
border-color: #8A99A6;
background-color: #8A99A6;
}
.gs-promotion.gs-result {
border-color: #D2D6DC;
background-color: #D0D1D4;
}
.gs-promotion.gs-result a.gs-title:link {
color: #0066CC;
}
.gs-promotion.gs-result a.gs-title:visited {
color: #0066CC;
}
.gs-promotion.gs-result a.gs-title:hover {
color: #0066CC;
}
.gs-promotion.gs-result a.gs-title:active {
color: #0066CC;
}
.gs-promotion.gs-result .gs-snippet {
color: #333333;
}
.gs-promotion.gs-result .gs-visibleUrl,
.gs-promotion.gs-result .gs-visibleUrl-short {
color: #5F6A73;
}
.cse .gsc-control-cse, .gsc-control-cse {background-color:#FFF!important; border:1px
solid #FFF!important; }
.cse form.gsc-search-box, form.gsc-search-box { margin:0 0 -20px 0px!important; }
.gsc-adBlock { margin-top:25px!important; display:none!important;}
#adBlock { margin-top:25px!important;}
div#cse div.gsc-control-cse div.gsc-adBlockVertical iframe { display:none!important;}
.cse .gsc-results, .gsc-results { margin-top:25px!important;}
/*** Tab ********************************************************************************************************/
UL.tabNavigation {
list-style: none;
margin: 0;
padding: 0;
}
UL.tabNavigation LI {
display: inline;
}
UL.tabNavigation LI A {
padding: 3px 5px;
background-color: #ccc;
color: #000;
text-decoration: none;
}
UL.tabNavigation LI A.selected,
UL.tabNavigation LI A:hover {
background-color: #333;
color: #fff;
}
UL.tabNavigation LI A:focus {
outline: 0;
}
div.tabs > div {
padding: 5px;
margin-top: 3px;
}
div.tabs > div h2 {
margin-top: 0;
}
.waste {
min-height: 30px;
}
/*** Footer ********************************************************************************************************/
#footer-wrapper { clear:both; width:100%; margin-top:15px; margin-bottom:40px;}
#footer-wrapper #footer { margin:auto auto; width:1004px; padding:10px;}
#footer-wrapper #footer a img {float:left; margin:0 10px 15px 5px;}
#footer-wrapper #footer p {font-family:Arial, Helvetica, sans-serif; margin:0px;}
#footer-wrapper #footer strong { font-size:14px;}
#footer-wrapper #footer address { font-style:normal; margin:0px; }
#footer-wrapper #footer a { text-decoration:none; font-weight:bold;}
#footer-wrapper #footer a:hover { font-weight:bold; }
#footer-wrapper #footer p#link-bottom{ color:#999; font-weight:bold; }
#footer-wrapper #footer p#link-bottom a { color:#999; font-weight:bold; }
#footer-wrapper #footer p#link-bottom a:hover {font-weight:normal; font-weight:bold;}
#footer-wrapper #footer p#advise {font-size:10px; text-align:justify; padding:0 30px 0 30px;}
#footer-wrapper #footer p#link-bottom {font-size:10px; text-align:center;}
/*** Agoda ********************************************************************************************************/
#agoda_searchbox_wrapper { width:175px!important; border:none!important; }
#ddlCheckInDay, #ddlCheckOutDay { width:40px!important; }
#agoda_room_selection, #agoda_adult_selection { width:25%!important;}
#agoda_hotel_label { margin-top:10px!important; }
#agoda_country_selection, #agoda_city_selection, #agoda_hotel_selection, #agoda_checkin_selection, #agoda_checkout_selection { height:4.5em!important; }