@charset "UTF-8"; /* CSS Document */ /* ############################################################################## ADS ############################################################################### */ .leaderboardAd,.towerAd,.halfpageAd,.showcaseAd,.buttonad1x1Ad,.buttonad1x2Ad { /*margin: 4px;*/ } /* leaderboard ad */ .leaderboardAd { /*width: 783px;*/ height: 93px; background-color: #484848; padding: 0px 0px 0px 0px; float: left; margin: 4px; } /* tower ad */ .towerAd { /*width: 160px;*/ height: 600px; /*padding: 38px 14px 38px 14px;*/ padding: 0 0 20px 0; text-align:center; } /* half page ad */ .halfpageAd { /*width: 336px;*/ height: 850px; /*padding: 27px 24px 27px 24px;*/ /*padding: 27px 0 27px 0;*/ text-align:center; margin-bottom:20px; } /* showcase ad */ .showcaseAd { /*width: 336px;*/ height: 280px; /*padding: 27px 24px 27px 24px;*/ /*padding: 10px 0 10px 0;*/ margin-bottom:20px; text-align:center; margin-bottom:20px; } /* sponsor ad */ /* .sponsorAd { width: 160px; height: 120px; padding: 14px 14px 14px 14px; } */ .sponsorAd { /*width: 186px;*/ height: 122px; padding: 0; margin:4px 4px 8px 4px; border: 1px solid #7b7a7a; } /* button ad - 2 column x 1 row */ .buttonad2x1Ad { background-color:#EDEDED; margin:0pt 6px 20px; padding:8px 4px; width:350px; } /* button ad - 2 column x 1 row - indented in article */ .buttonad2x1nAd { height: 72px; padding: 25px 56px 9px 56px; margin: 4px 16px 4px 16px; } /* button ad - 1 column x 1 row */ .buttonad1x1Ad { height: 72px; padding: 17px 32px 17px 32px; } /* button ad - 1 column x 2 row */ .buttonad1x2Ad { height: 180px; padding: 20px 32px 20px 32px; } /* button ad - link spacing */ .buttonad2x1Ad iframe,.buttonad2x1nAd iframe,.buttonad1x1Ad iframe,.buttonad1x2Ad iframe { margin: 3px 1px 3px 1px; float: left; } /* prevent border on all ads */ .leaderboardAd img,.towerAd img,.halfpageAd img,.showcaseAd img,.buttonad2x1Ad img,.buttonad2x1nAd img,.buttonad1x1Ad img,.buttonad1x2Ad img,.sponsorAd img { border: 0px; } /* selectors for ad background */ .adWhiteTall, .adGrayTall { /*background-color: #fcfcfd;*/ /*background-color: #ededed;*/ } .adWhiteMed, .adGrayMed { /*background-color: #fcfcfd;*/ /*background-color: #ededed;*/ } .adWhiteShort, .adGrayShort { /*background-color: #fcfcfd;*/ /*background-color: #ededed;*/ } .adWhiteOnWhite { /*background-color: #fcfcfd;*/ } /* sponsored ad */ .adSponsored { width: 176px; height: 103px; background-color: #ededed; padding: 2px 2px 2px 2px; margin: 0px 0px 16px 0px; } /* related ads */ .adRel1,.adRel2 { background-color: #ffffff; padding: 22px 0px 12px 0px; border: 2px solid #eaeaeb; margin: 4px; } /* related ads - double row height */ .adRel1 { height: 183px; } /* related ads - single row height */ .adRel2 { height: 69px; } /* related ads - instructional text */ .adRelInstruct { font-weight: bold; padding: 0px; margin: 0px 0px 0px 6px; } /* related ads - column grouping */ .adRelSet { width: 178px; padding: 8px 0px 0px 6px; float: left; } /* marketplace ad - spacing */ .adMkt1Colw,.adMkt2Colw,.adMkt1Colg,.adMkt2Colg { width: 384px; height: 417px; padding: 11px 0px 20px 0px; margin: 4px; } .adYsm2Colw { width: 776px; padding: 11px 0px 20px 0px; margin: 4px; height: 300px; background-color: #ededed; } /* marketplace ad - white version */ .adMkt1Colw { background-color: #ededed; } .adMkt2Colw { background-color: #FFFFFF; } /* marketplace ad - grey version */ .adMkt1Colg,.adMkt2Colg { /*background-color: #d0d4d6;*/ background-color: #ededed; } /* marketplace ad - 2 column width */ .adMkt2Colw,.adMkt2Colg { width: 776px; } /* marketplace ad - header */ .adMktHd { font-size: 15px; line-height: 15px; font-weight: bold; width: 364px; margin: 0px 0px 12px 7px; } .adYsmHd { font-size: 15px; line-height: 15px; font-weight: bold; width: 150px; float:left; margin: 0px 0px 12px 7px; } .adYsmLegend { font-size: 10px; text-align:right; float:right; margin-right:30px; } /* marketplace ad - header - 2 column */ .adMkt2Colw .adMktHd,.adMkt2Colg .adMktHd { width: 752px; } /* marketplace ad - column grouping */ .adMktSet { width: 364px; display: inline; /* IE double-margin float bug fix */ margin: 0px 17px 0px 7px; float: left; } .adMktSet li { list-style: none; } .adMktSet li a.linkInline { text-decoration: underline; color: #0f2885; font-size: 12px; } .adMktSet li a:hover.linkInline { background-color: #cdd7f5; } .adMktSet h2 { font-size: 15px; line-height: 15px; font-weight: bold; margin: 0px 0px 12px 7px; background: #0f2885; color:#FFFFFF; line-height: 20px; } /* marketplace ad - spacing is different for single column */ .adMkt1Colw .adMktSet,.adMkt1Colg .adMktSet { margin: 0px 7px 0px 7px; } /* marketplace ad - links are bold */ .adMktSet a.linkInline { font-weight: bold; } /* marketplace ad - text below link */ .adMktSet div { margin: 0px 0px 10px 0px; } /* Styles for advertisement portion of ranked chart */ .rankedChartAd { width: 554px; background-color: #eaeaeb; background-repeat: no-repeat; background-position: center 12px; padding: 30px 8px 12px 8px; border-width: 0px 1px 0px 1px; border-style: solid; border-color: #7d7d7d; } /* Links are bold */ .rankedChartAd a { font-weight: bold; } .downloadSponsoredGrid { margin:4px 4px 16px 8px; } .downloadSponsored { padding: 24px 8px 4px 8px; margin: 0; background: #ededed url(http://www.bkkflights.com/images/label_sponsoredDownloads.gif) 8px 8px no-repeat; } td.dlAllAd { width: 554px; background-color: #eaeaeb; background-repeat: no-repeat; background-position: center 12px; padding: 30px 8px 12px 8px; border-width: 0px 10px 0px 1px; border-style: solid; border-color: #7d7d7d; } .sectionColB .ysmSponsored { /*width: 340px;*/ } .sectionCol2 .ysmSponsored { /*width: 364px;*/ } .ysmSponsored { padding: 20px 10px 4px 10px; margin: 0; background: #ededed url(http://www.bkkflights.com/images/srch_label_sponsored.gif) top left no-repeat; } .ysmSponsoredLegend { margin-top:-15px; font-size: 10px; text-align:right; float:right; } .ysmSponsoredItem { margin: 0 0 12px 0; } .ysmSponsoredHed { font-size:13px; display:block; font-weight:bold; } .ysmSponsoredDek { } .ysmSponsoredUrl { font-size:11px; display:block; } td.ysmPricingAd { background-color: #eaeaeb; } a.buyDirect { color: #156fba; } /* ############################################################################## ARTICLE ############################################################################### */ .artSeriesNavCont { width: 784px; margin: 3px 0px 12px 0px; } /* left side of article series navigation */ .artSeriesNavLt { width: 6px; height: 118px; float: left; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/art_series_nav_lt.png'); } html>body .artSeriesNavLt { background: url(http://www.bkkflights.com/images/art_series_nav_lt.png) top left no-repeat; } /* middle section of article series navigation */ .artSeriesNavMid { width: 772px; height: 118px; position: relative; float: left; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/art_series_nav_mid.png'); } html>body .artSeriesNavMid { background: url(http://www.bkkflights.com/images/art_series_nav_mid.png) top left repeat-x; } /* right side of article series navigation */ .artSeriesNavRt { width: 6px; height: 118px; float: left; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/art_series_nav_rt.png'); } html>body .artSeriesNavRt { background: url(http://www.bkkflights.com/images/art_series_nav_rt.png) top left no-repeat; } /* top section of article series navigation */ .artSeriesNavTopSect { /* contains title and subtitle */ width: 735px; height: 75px; margin: 8px 0px 0px 5px; } /* container divs for article series and blog navigation */ .artSeriesNavImgCont,.artSeriesNavImgContBlog { position: relative; padding: 0px 15px 0px 0px; margin: 1px 0px 0px 1px; float: left; } /* article series navigation image */ .artSeriesNavImg { width: 92px; height: 61px; overflow: hidden; } /* png overlay to produce inset effect for article series nav image */ .artSeriesNavImgOverlay { width: 94px; height: 64px; position: absolute; top: -1px; left: -1px; z-index: 1; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/art_series_img_overlay.png'); } html>body .artSeriesNavImgOverlay { background: url(http://www.bkkflights.com/images/art_series_img_overlay.png) top left no-repeat; } /* article series navigation title */ .artSeriesNavTitle { font-size: 20px; line-height: 20px; font-weight: bold; width: 510px; padding: 4px 0px 6px 0px; float: left; } /* article series navigation subtitle */ .artSeriesNavSubtitle { line-height: 15px; font-weight: bold; width: 510px; float: left; } /* page navigation */ .artPgNav { margin: 4px 0px 8px 0px; } /* media navigation */ .artMediaPgNav { margin: 4px 0px 0px 0px; } /* bottom section of article series navigation */ .artSeriesNavBtmSect { margin: 0px 0px 0px 5px; } /* spacing for article series navigation */ .artSeriesNavFormMenu { height: 24px; margin: 0px 4px 0px 0px; float: left; } /* article series navigation label */ .artSeriesNavFormMenuLabel { line-height: 11px; font-weight: bold; margin: 6px 4px 0px 0px; float: left; } /* page, media and article series navigation select boxes */ .artPgNav select,.artMediaPgNav select,.artSeriesNavFormMenu select { width: 315px; margin: 0; float: left; } .artPgNav select,.artMediaPgNav select { width: 310px; margin-right: 4px; } /* next/previous article buttons */ /* for article pagination and series navigation */ a.btnArtNavLt,a.btnArtNavRt { cursor: pointer; width: 22px; height: 24px; position: relative; top: -2px; display: block; float: left; } /* use png background because buttons show on grey and white backgrounds */ a.btnArtNavLt { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/btn_art_lt.png'); } a.btnArtNavRt { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/common/btn_art_rt.png'); } html>body a.btnArtNavLt { background-image: url(http://www.bkkflights.com/images/btn_art_lt.png); } html>body a.btnArtNavRt { background-image: url(http://www.bkkflights.com/images/btn_art_rt.png); } /* rollovers for next/previous article buttons */ a.btnArtNavLt:hover { background-color: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/btn_art_lt_over.png'); } a.btnArtNavRt:hover { background-color: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/btn_art_rt_over.png'); } html>body a.btnArtNavLt:hover { background-image: url(http://www.bkkflights.com/images/btn_art_lt_over.png); } html>body a.btnArtNavRt:hover { background-image: url(http://www.bkkflights.com/images/btn_art_rt_over.png); } /* *************** */ /* Toolbar Sponser code */ /* *************** */ /* capsule toolbar */ #template_REVIEW .toolbarCont { /*border: 1px solid #CCCCCC;*/ /*overflow: hidden; height: 16px;*/ /*width:350px;*/ /*padding-bottom:-15px; float:left;*/ } #template_REVIEW .toolAd { float:right; margin:-9px 0 -6px 0; display:none; } /* *************** */ /* Article Toolbar */ /* *************** */ /* article toolbar */ .toolbarCont { margin: 0px 0px 15px 0px; } /* toolbar is aligned to right of article title on product review and download pages */ .prodSpecs .toolbarCont,.dlDetPghdCont .toolbarCont { height: 13px; padding: 9px 0px 6px 12px; margin: 0px; float: left; } /* article toolbar buttons */ a.toolbarMyPagesUnsaved,a.toolbarMyPagesSaved,a.toolbarPrint,a.toolbarEmail,a.toolbarComment,a.toolbarRss { height: 13px; display: block; margin: 0px 6px 0px 0px; float: left; } /* my pages toolbar */ a.toolbarMyPagesUnsaved,a.toolbarMyPagesSaved { width: 109px; background-image: url(http://www.bkkflights.com/images/icon_toolbar_mypages.gif); } /* print toolbar */ a.toolbarPrint { width: 52px; background-image: url(http://www.bkkflights.com/images/icon_toolbar_print.gif); } /* e-mail toolbar */ a.toolbarEmail { width: 55px; background-image: url(http://www.bkkflights.com/images/icon_toolbar_email.gif); } /* comment toolbar */ a.toolbarComment { width: 69px; background-image: url(http://www.bkkflights.com/images/icon_toolbar_comment.gif); } /* rss toolbar */ a.toolbarRss { width: 37px; background-image: url(http://www.bkkflights.com/images/icon_toolbar_rss.gif); } /* normal state */ a.toolbarMyPagesUnsaved,a.toolbarPrint,a.toolbarEmail,a.toolbarComment,a.toolbarRss { background-position: 0px 0px; } /* rollover state */ a.toolbarMyPagesUnsaved:hover,a.toolbarPrint:hover,a.toolbarEmail:hover,a.toolbarComment:hover,a.toolbarRss:hover { background-position: 0px -13px; } /* my pages saved displays as disabled - no rollover */ a.toolbarMyPagesSaved,a.toolbarMyPagesSaved:hover { background-color: transparent; background-position: 0px -26px; } /* ******* */ /* Article */ /* ******* */ /* article spacing */ .artCont { font-size: 13px; line-height: 18px; width: 360px; padding: 0px 0px 10px 0px; margin: 0 8px 4px 16px; } .artCont p a, .inlineBox a { text-decoration:underline; } /* override bottom spacing from above */ .blogCont { padding-bottom: 12px; margin-bottom: 0px; } /* override padding for article on media page */ .mediaCont { padding: 0px; } /* Digital Duo media box */ .embeddedDuoMedia { background: #ededed; border: 1px solid #484848; text-align: center; width: 382px; height: 318px; } /* spacing for top rated review article - 3 column */ .tstCont { width: 552px; padding: 0px; margin-top: 1px; } /* spacing for article subhead */ .artSubhdCont { width: 100%; margin: 0px; } /* article subhead - metatag links above article */ .artSubhd { font-size: 11px; line-height: 16px; font-weight: bold; padding: 3px 0px 4px 0px; } /* links in article subhead */ .artSubhd a { padding: 2px 3px 2px 3px; margin: 0px; } /* article subhead - metatag links above article */ .browseAlphaSubhd { font-size: 11px; line-height: 16px; font-weight: bold; padding: 3px 0px 4px 0px; } /* links in article subhead */ .browseAlphaSubhd a { padding: 2px 2px 2px 2px; margin: 0px; } /* additional spacing below dotted divider in article subhead */ .artSubhd .dividerDotted { margin: 0px 0px 15px 0px; } /* article title */ .artTitle { font-size: 24px; line-height: 28px; font-weight: bold; padding: 0px; margin: 10px 0px 2px 0px; } /* title spacing is different on product review and downloads pages */ /* article toolbar is aligned to the right instead of below */ .prodSpecs .artTitle,.dlDetPghdCont .artTitle { margin: 0px; float: left; } /* article title spacing for blog entries */ .blogTitle { padding: 0px 0px 12px 0px; } /* article subtitle */ .artSubtitle { font-size: 15px; line-height: 19px; font-weight: bold; padding: 0px; margin: 0px 0px 6px 0px; } /* article part of article series */ .artPart { font-size: 13px; line-height: 15px; font-weight: normal; font-style: italic; padding: 0px; margin: 0px 0px 17px 0px; } /* article byline */ .artByline { font-weight: bold; padding: 0px; margin: 0px; font-size: 15px; } /* article date */ .artDate { color: #999999; padding: 0px; margin: 0px 0px 20px 0px; } /* article paragraph header */ .artGrafHd { font-size: 13px; line-height: 18px; font-weight: bold; position: relative; padding: 0px; margin: 0px 0px 12px 0px; } .sizedArtImg { float: left; position: relative; } .artImgCont_r { width: auto; position: relative; margin: 10px 0px 10px 25px; float: right; } .artImgCont_l { width: auto; position: relative; margin: 10px 15px 10px 0px; float: left; } /* container for 1 column article image and photo credit */ .artImgCont1Col { width: 170px; position: relative; margin: 10px 0px 10px 10px; float: right; } /* container for 2 column article image and photo credit */ .artImgCont2Col { width: 360px; position: relative; margin: 10px 0px 10px 0px; float: right; } /* in article image */ .artImg { position: relative; float: right; clear: left; } /* article image caption */ .artCaption { /* Override 13px article default */ font-size: 11px; line-height: 16px; font-weight: bold; color: #404040; position: relative; margin: 6px 0px 0px 0px; float: left; } /* credit portion of article image caption */ .artCaption .credit { font-weight: normal; color: #959595; } .credit { text-transform: capitalize; font-weight: normal; color: #959595; } /* large article header */ .artFullHd { font-size: 18px; line-height: 24px; font-weight: bold; padding: 0px; margin: -4px 0px 6px 0px; } .zoomArt { margin: 10px 0 10px 0; } /*toolbar styles added for #1993*/ #bookmarkToolbar { margin: 0px 0px 15px 0px; } #bookmarkToolbar a { height: 13px; display: block; margin: 0px 6px 0px 0px; float: left; background-position: 0px 0px;/* normal state */ } /* rollover state */ #bookmarkToolbar a:hover { background-position: 0px -13px; } a.toolbarSlashdot { width: 92px; background-image: url(http://www.bkkflights.com/images/icon_toolbar_slashdot.gif); } a.toolbarDigg { width: 73px; background-image: url(http://www.bkkflights.com/images/icon_toolbar_digg.gif); } a.toolbarNewsvine { width: 71px; background-image: url(http://www.bkkflights.com/images/icon_toolbar_newsvine.gif); } a.toolbarDelicious { width: 81px; background-image: url(http://www.bkkflights.com/images/icon_toolbar_delicious.gif); } /* *********************************** */ /* Recommend This - article module */ /* *********************************** */ #recommendWidget { float:left; padding: 6px 0 6px 0; } .recPrompt { float:left; position:relative; top:4px; padding: 0 8px 0 0; font-weight:bold; color:#707273; } .recUp, .recDown { float:left; width:49px; height:30px; padding-left:31px; margin-right:8px; } a.thumbsUp, a.thumbsDown { float:left; height: 27px; width: 27px; background-repeat: no-repeat; background-position: 0 0; margin-right:4px; margin-left:-31px; } a.thumbsUp:hover, a.thumbsDown:hover { background-color: transparent; background-position: 0 -30px; } .thumbsUp, .recUp { background-image: url(http://www.bkkflights.com/images/yes_btn.gif); background-repeat:no-repeat; } .thumbsDown, .recDown { background-image: url(http://www.bkkflights.com/images/no_btn.gif); background-repeat:no-repeat; } .recCount { font-size: 9px; line-height:6px; display:block; } /* ############################################################################## CIRC ############################################################################### */ a.subformAnchor { color:#fff; } a:hover.subformAnchor { background-color:#03A; } a:hover.dhtmlpopupAnchor { background-color:#06A; } a:hover.dhtmlpopupBottomAnchor { background-color:#667066; } a:hover.subinprint { background-color: transparent; } .subscription { width: 204px; height: 98px; float: left; background: url(http://www.bkkflights.com/images/subscription_box.jpg) top left no-repeat; } .subscriptionFilter { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/subscription_box.png'); } /* subscription image */ .subscriptionImg { width: 90px; height: 86px; display: inline; overflow: hidden; margin: 6px 0px 6px 6px; float: left; } /* subscription image */ .subscriptionImgClick { width: 90px; height: 86px; margin: 6px 0px 6px 6px; float: left; } /* subscription text */ .subscriptionText { width: 98px; height: 86px; display: inline; margin: 12px 8px 0px 0px; float: right; } /* subscription title */ .subscriptionTitle { font-size: 13px; line-height: 14px; font-weight: bold; padding: 0px; margin: 0px 0px 5px 0px; } /* new subform */ .subsArea { position: relative; background: url(http://www.bkkflights.com/images/subsback.jpg) no-repeat; font-family: arial, verdana, helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #000000; text-align: left; top: 0px; left: -1px; height: 206px; overflow: hidden; } html>body .subsArea { width: 784px; position: relative; left: -1px; } .subsMagcover { background: url(http://www.bkkflights.com/images/magcover2.gif) no-repeat; position: relative; right: 4px; margin: 8px; height: 86px; width: 200px; right: 0px; } .subsLinksLeft { float: left; width: 250px; position: relative; top: 50px; margin: 8px; font: 10px verdana; line-height:14px; color: #fff; margin-top: 8px; margin-left: 14px; overflow: hidden; } a.subPolicyAnchor { color:#fff; } a:hover.subPolicyAnchor { background-color:#7390fb; } .subsLeft { position: relative; width: 250px; height: 206px; margin: 0px; font-family: verdana; line-height: 14px; } .subsCenter { width: 252px; position: absolute; top: 8px; left: 257px; margin: 8px; font-family: verdana; line-height: 15px; margin: 6px; overflow: hidden; } a.subButton:hover { text-align:center; border: 0px; background-color: #ededed; } .subsRight { position: absolute; width: 244px; height: 206px; font:9px verdana, sans-serif; text-align: left; top: 6px; left: 520px; margin: 8px; line-height:12px; overflow: hidden; } .subsFormText { line-height:15px; font-size: 11px; } /* ############################################################################## CUSTOMBLOCK ############################################################################### */ .featcustTopLt { float: left; } /* featured content - right module header (customize button) */ .featcustTopRt { float: right; } /* featured content - left column */ .featcustSetLt { width: 170px; position: relative; /*left: 6px;*/ padding: 10px 8px 8px 8px; /*border:1px solid green;*/ } /* featured content - right column */ .featcustSetRt { width: 170px; padding: 10px 8px 8px 8px; /*border:1px solid blue;*/ } /* featured content - header */ .featcustHead { font-size: 13px; font-weight: bold; margin: 0px 0px 6px 0px; } /* featured content - lead text */ .featcustLead { margin: 0px 0px 8px 0px; } /* featured content - listing item */ .featcustItem { margin: 0px 0px 9px 0px; } /* featured content - article title */ .divTitleFeatcust,.divTitleFeatcustIndent { cursor: pointer; position: relative; display: block; padding: 1px 3px 1px 3px; margin: 0px 0px 0px -6px; } html>body .divTitleFeatcust,html>body .divTitleFeatcustIndent { margin: 0px 0px 0px -3px; } /* featured content - article links */ .divTitleFeatcust a,.divTitleFeatcustIndent a { display: block; } /* featured content - article link - standard indent */ .divTitleFeatcust a { padding: 0px 0px 0px 18px; } html>body .divTitleFeatcust a { padding: 0px 0px 0px 15px; } /* featured content - article link - text indent - for listings with following text */ .divTitleFeatcustIndent a { /*text-indent: 14px;*/ padding: 0px 0px 0px 4px; } html>body .divTitleFeatcustIndent a { /*text-indent: 15px;*/ padding: 0px; } /* featured content - customize button */ a.featcustBtn { line-height: 24px; font-weight: normal; color: #000; width: 185px; height: 24px; background-image: url(http://www.bkkflights.com/images/btn_featcust.png); background-position: 0px 0px; position: relative; top: 6px; display: block; padding: 0px; } /* featured content - customize button - rollover */ a.featcustBtn:hover { background-position: 0px -24px; } /* ############################################################################## DOWNLOADS ############################################################################### */ .dlPghdCont,.dlDetPghdCont { padding: 0px; margin: 0px 0px 11px 16px; } .sectionColC .dlPghdCont { width: 556px; } .sectionColB .dlPghdCont { width: 360px; } /* download page spacing */ .dlCont { margin: 4px 4px 11px 16px; } /* shopping index tree*/ .dlContShopping { margin: 4px 0px 11px 4px; } .sectionColB .dlCont { width: 360px; margin: 4px 4px 11px 16px; } /* download page header */ .dlDetPghdCont { height: 73px; position: relative; } /* spacing for download buttons */ .divBtnsCta { /* CTA = call to action, e.g. download now, buy now */ margin: 14px 0px 0px 0px; } /* download and buy now buttons */ a.btnDnloadNow,a.btnBuyNow,a.btnUserReviews,a.btnRateThisProduct { font-size: 15px; line-height: 30px; font-weight: bold; text-indent: 38px; height: 32px; background-repeat: no-repeat; background-position: 0px 0px; margin: 0px 16px 0px 0px; float: left; } /* download button */ a.btnDnloadNow { background-image: url(http://www.bkkflights.com/images/btn_dnload_now.gif); } /* buy now button */ a.btnBuyNow { background-image: url(http://www.bkkflights.com/images/btn_buy_now.gif); } /* user reviews button */ a.btnUserReviews { background-image: url(http://www.bkkflights.com/images/write.gif); } /* rate this product button */ a.btnRateThisProduct { background-image: url(http://www.bkkflights.com/images/rate.gif); } /* rollovers for download and buy now buttons */ a.btnDnloadNow:hover,a.btnBuyNow:hover,a.btnUserReviews:hover,a.btnRateThisProduct:hover { background-color: transparent; background-position: 0px -32px; } .dlDetGlanceSpecs { width: 190px; margin: 0 0 22px 0; float:left; } /* download screenshot */ .dlDetGlanceImg { width: 163px; height: 123px; overflow: hidden; border: 1px solid #404040; float: left; margin-right: 10px; } .dlDetGlanceImg a img { border: none; } /* column of download specs */ .dlDetGlanceSet { width: 172px; margin: 0px 0px 0px 23px; float: left; } /* single download spec item */ .dlDetGlanceItem { width: 172px; padding: 6px 0px 4px 0px; } /* download description */ .dlDetGlanceAbstract { width: 556px; margin: 18px 4px 0px 16px; } /* download description subtitle */ .dlDetGlanceAbstract .artSubtitle { margin: 0px 0px 11px 0px; } /* download desc for unreviewed PCW files */ .dlBlurbLeadIn { } #template_DL_detail .showcaseAd { float:right; } /* **************** */ /* Browse Downloads */ /* **************** */ /* spacing for downloads page header */ .dlPghdCont { margin-top: 1px; } /* instructional text for alpha list */ .dlAlphaInstr { text-indent: 3px; } /* one column of download listings */ .dlListSet { width: 276px; display: inline; margin: 16px 0px 0px 0px; float: left; } /* columns of download listings */ .dlListSetL { width: 294px; display: inline; margin: 0; float: left; } .dlListSetR { width: 74px; display: inline; margin: 0; float: right; } /* one column of product category listings */ .dlListSetShopping { /*width: 276px;*/ width:50%; display: inline; margin: 16px 0px 0px 2px; padding: 0px 0px 0px 4px; float: left; } .dlListSet1col { margin: 16px 0px 0px 2px; } /* one group/category of download listings */ .dlListItem1col { margin: 0px 0px 14px 0px; } /* one group/category of download listings */ .dlListItem { margin: 0px 0px 14px 0px; } /* ******************* */ /* All Downloads Table */ /* ******************* */ /* spacing for all downloads header */ .dlCont .artGrafHd { margin: 0px 0px 8px 0px; } /* table with all downloads */ .dlAllCont { width: 572px; margin: 4px 4px 4px 8px; } /* spacing and alignment for all downloads cells */ .dlAllCont td { vertical-align: top; padding: 7px; } /* make filename column wide */ .dlAllCont td.fileName { width: 338px; } /* rows with sponsored content */ .dlAllCont .sponsored { background-color: #f5f5f6; } /* shaded rows with sponsored content */ .dlAllCont .sponsoredShade { background-color: #eaeaeb; } /* shaded rows */ .dlAllCont .shade { background-color: #f0f5fc; } /* add sponsored tag as a background */ .dlAllCont td.sponsored { background: #f5f5f6 url(http://www.bkkflights.com/images/label_sponsored.gif) 8px 8px no-repeat; padding: 20px 7px 7px 7px; } /* shaded version of sponsored tag */ .dlAllCont td.sponsoredShade { background: #eaeaeb url(http://www.bkkflights.com/images/label_sponsored_shade.gif) 8px 8px no-repeat; padding: 20px 7px 7px 7px; } /* links are bold */ .dlAllCont a { font-weight: bold; } /* description of download */ .dlAllCont .productInfo { font-size: 13px; line-height: 18px; } .dlAllCont .dlReviewed { width: 254px; float: left; } /* rating badge is displayed to the right */ .dlAllCont .badge { width: 61px; margin: 0px 0px 0px 6px; float: right; } /* download link - without my pages icon */ .dlAllCont a.linkListTopic { /* set these links to be block-level */ display: block; padding: 3px; } /* defines width of filename column */ .dlAllCont td.spnfileName { width: 351px; } /* Links are bold */ .spnDwnlLinks a { font-weight: bold; } /* sponsored downloads descriptions*/ .dlAllCont .spnproductInfo { font-size: 13px; line-height: 18px; width: 430px; float: left; } /* ****************** */ /* Downloads Reviews */ /* ****************** */ /* middle border for badge indication pcw reviewed downloads */ .reviewLrgVertMid { width: 52px; height: 17px; padding: 0px 5px 0px 4px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/bg_rating_lrg_vert_mid.png'); } html>body .reviewLrgVertMid { background: url(http://www.bkkflights.com/images/bg_rating_lrg_vert_mid.png) bottom left repeat-y; } /* large vertical graphic for pcw reviewed downloads files */ .reviewLrgVert { width: 52px; height: 17px; } .dlRating { width: 367px; } .dlprodBadge { padding: 0px 0px 6px 0px; float: left; } /* ****************** */ /* User Review (dl) */ /* ****************** */ /* FILE DOWNLOAD PAGE */ .dlInterstitial { padding: 11px 0 0 84px; } .dnload_action { font-size: 15px; line-height: 30px; font-weight: bold; height: 32px; margin: 0px 16px 0px 0px; float: left; } .inlineBox { padding: 6px; margin-bottom: 18px; } .transitional {background-color: #e7eef8;} .inlineBox_Hed { font-size: 15px; line-height: 18px; font-weight: bold; padding-bottom: 10px; } .inlineBox_Subhed { font-weight: bold; padding: 10px 0 10px 0; } .inlineBox_text {} .inlineBox_Tagline { font-style: italic; text-align: right; } .inlineBox ol {clear: both;} .inlineBox ul {clear: both;} .dlprodCreditItem { padding: 5px 0px 5px 0px; } /*same specs as comparionStats on ranked charts*/ .dlprodSpecList { line-height: 16px; padding: 6px 0px 0px 0px; float: left; } /* ############################################################################## FEATUREVIEWER ############################################################################### */ #FeatureViewer { width:576px; background-color: #000; } #FeatureViewerContent { display:none; } .feature { display: none; } /* date display on rhs of feature viewer module */ .featureDate { font-size: 13px; color: #ffffff; position: relative; padding: 0px 11px 0px 0px; float: right; top:11px; } #FVContainer { width:576px; background-color:#000; overflow:hidden; } #FVNav { position:absolute; width:188px; /* this width should be 33px when the draw is closed */ top:0; right:0; height: 100%; background-color:#a90807; padding-top: 5px; /* filter: alpha(opacity = 90); opacity: .90; */ overflow:hidden; } #FVNav ul { margin:0; padding:0; overflow:hidden; } #FVNav li { margin:0; padding:0; list-style: none; overflow:hidden; } #FVNav a { display:block; margin: 0px 0px 0px 0px; padding: 2px 3px 0px 0; font-size: 11px; line-height: 20px; height:22px; color:#fff; font-weight:bold; overflow:hidden; } html>body .FVNav a { margin: 0px 0px 0px 0px; padding: 1px 3px 0px 0; } .FVNumber { display:block; float:left; width:18px; height: 18px; line-height: 15px; text-align:center; overflow:hidden; margin: 0 6px 0 4px; font-size: 11px; border: 1px solid #400202; } html>body .FVNumber { margin: 0 8px 0 7px; line-height: 19px; } #FVNav a:link { color:#fff; } #FVNav li a:hover { color:#fff; background-color:#670303; } .FVNavOn { background-color:#670303; } #FVContent { position:absolute; top:0; left:0; width:385px; height: 145px; color:#fff; z-index: 100; cursor:pointer; cursor:hand; } #FVContentShadow { position:absolute; top:2px; left:1px; width:385px; height: 145px; color:#000; z-index: 1; filter: alpha(opacity = 60); opacity: .60; } a.FVHdLink { color:#fff; text-decoration:none; } a.FVHdLink:link { color:#fff; text-decoration:none; } a.FVHdLink:hover { color:#fff; text-decoration:none; } #FVContent h1, #FVContentShadow h1 { width: 330px; display:block; margin: 8px; font-size: 28px; line-height: 32px; font-weight:bold; } #FVContent p, #FVContentShadow p { width: 330px; display:block; margin:8px; font-size: 16px; line-height: 18px; font-weight:bold; } /* ############################################################################## FOOTER ############################################################################### */ /* ****** */ /* Footer */ /* ****** */ /* footer - main */ .ftFooter { line-height: 15px; color: #efc7c7; width: 980px; height: 87px; background: url(http://www.bkkflights.com/images/bg_ft.png) repeat; background-color: #920405; padding: 2px; } /* footer floats */ .ftLt,.ftText,.ftIconXml { float: left; } /* footer part - left */ .ftLt { width: 875px; margin: 4px 0px 0px 2px; } /* footer part - right */ .ftRt { margin: 0px 6px 0px 0px; float: right; } /* footer link */ #ftFooter a,.ftLabel { color: #efc7c7; display: block; padding: 2px 6px 2px 6px; float: left; } /* footer link - rollover */ #ftFooter a:hover { background-color: #840e0e; } /* footer link positioning - text */ #ftFooter a.ftText { margin: 12px 0px 0px 0px; } /* footer link positioning - xml icon */ #ftFooter a.ftIconXml { padding: 0px; margin: 14px 0px 0px 0px; } /* footer link - xml icon - rollover*/ #ftFooter a.ftIconXml:hover { background: transparent; } /* footer link positioning - idg icon */ #ftFooter a.ftIconIdg { padding: 8px 0px 0px 0px; float: none; } /* footer link - idg icon - rollover*/ #ftFooter a.ftIconIdg:hover { background: transparent; } /*replace old ftFooter styles in main.css with these ftFooter styles*/ .ftFooter { line-height: 15px; color: #efc7c7; width: 980px; height: 154px; background: url(http://www.bkkflights.com/images/newfooterImg.png) repeat-x; background-position: 0px 0px; padding: 0px 2px 0px 2px; margin-right: auto; margin-left: auto; } /* footer link */ #ftFooter a { color: #f8e7e7; display: block; padding: 2px 6px 2px 6px; float: left; } /* footer link - rollover */ #ftFooter a:hover { background-color: #840e0e; } /* footer link positioning - text */ #ftFooter a.ftText { margin: 12px 0px 0px 0px; } /* footer link positioning - xml icon */ #ftFooter a.ftIconXml { padding: 0px; margin: 14px 0px 0px 0px; } /* footer link - xml icon - rollover*/ #ftFooter a.ftIconXml:hover { background: transparent; } /*end of new ftFooter styles*/ /* ftToolbar fields */ #ftSearch input.field2 { width: 110px; height: 15px; background: #edd6d7; padding: 3px 0px 0px 3px; border: 1px solid #9d8888; } .field2 { margin: 2px 0px 0px 4px; width: 188px; } .ftToolbarFld { padding: 4px 8px 0px 0px; } html>body .ftToolbarFld { padding: 5px 8px 0px 0px; } /* ftToolbar buttons */ .ftToolbarBtn, .ftToolbarFld, .ftToolbarSrch { float: left; } a.btnFtSearch { font-size: 12px; line-height: 20px; font-weight:bold; text-align: center; width: 44px; height: 20px; background-position: 0px 0px; display: block; } /* ftToolbar buttons - background images */ a.btnFtSearch { background-image: url(http://www.bkkflights.com/images/btn_foot_search.gif); /* must use GIF due to IE lack of support for transparent PNG */ } a.btnFtSearch:hover { background-position: 0px -24px; } .ftToolbarBtn { padding: 5px 0px 0px 0px; } /* ftToolbar search */ .ftToolbarSrch { padding: 0px 0px 0px 0px; } .advSearch a { color:#fff; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-weight: bold; font-size: 11px; } .ftLt2 { padding: 2px 3px 0px 3px; float: left; width: 193px; margin: 2px 0px 0px 0px; } .ftRt2 { color:#fff; padding: 8px 0px 0px 6px; margin: 0px 6px 0px 2px; float: left; width:763px; font-size: 11px; } .ftRt2 a{ font-weight: bold; font-size: 11px; } .ftQuickLinks { float: left; padding: 2px 4px 0px 6px; } /* ftToolbar divider (dash) */ .ftDash { width: 1px; height: 51px; background: url(http://www.bkkflights.com/images/div_dash_hd.gif) no-repeat; margin-top: 7px; float: left; } /* ############################################################################## FORMS ############################################################################### */ a.btnRedOnBlack,a.btnRedOnWhite,a.btnRedOnGray { font-size: 11px; line-height: 28px; color: #ffffff; text-align: center; width: 89px; height: 28px; background-position: 0px 0px; display: block; } a.btnGrayOnWhite { font-size: 11px; line-height: 23px; color: #000; background-color:#efefef; text-align: center; width: 83px; height: 23px; background-position: 0px 0px; display: block; } a.btnGrayOnWhite:hover { background-position: -1px -22px; background-color:#efefef; } /* standard button - background image - gray on white */ a.btnGrayOnWhite { background-image: url(http://www.bkkflights.com/images/btn_std_gray_on_white.gif); } .bottomLineInput { border:1px solid #575757; width:100px; float:left; margin-top:2px; } /* standard button - background image - red on black */ a.btnRedOnBlack { background-image: url(http://www.bkkflights.com/images/btn_std_red_on_black.gif); } /* standard button - background image - red on white */ a.btnRedOnWhite { background-image: url(http://www.bkkflights.com/images/btn_std_red_on_white.gif); } /* standard button - background image - red on gray */ a.btnRedOnGray { background-image: url(http://www.bkkflights.com/images/btn_std_red_on_gray.gif); } /* standard button - rollover */ /* both regular and rollover states of button are included in one image file rollover is achieved by shifting position downwards so that display changes from regular to rollover */ a.btnRedOnBlack:hover,a.btnRedOnWhite:hover,a.btnRedOnGray:hover { background-position: 0px -28px; } /* Close Button */ /* close button */ a.closeBtnBlk { color: #ffffff; width: 36px; height: 20px; background-image: url(http://www.bkkflights.com/images/btn_close.gif); background-repeat: no-repeat; background-position: 0px 0px; /* This should be display: block */ /* But using inline fixes IE double margin (with floats) bug */ display: inline; padding: 3px 0px 0px 20px; margin: 6px 8px 2px 0px; float: right; } /* close button rollover */ a.closeBtnBlk:hover { background-color: #3c3c3c; background-position: 0px -20px; } /* red close button */ a.closeBtnRed { color: #ffffff; width: 36px; height: 20px; background-image: url(http://www.bkkflights.com/images/btn_close.gif); background-repeat: no-repeat; background-position: 0px 0px; /* This should be display: block */ /* But using inline fixes IE double margin (with floats) bug */ display: inline; padding: 3px 0px 0px 20px; margin: 6px 8px 2px 0px; float: right; } /* red close button rollover */ a.closeBtnRed:hover { background-color: #8c0605; background-position: 0px -20px; } /* ************ */ /* Generic Form */ /* ************ */ /* generic form - title area - title, steps, selected step */ .formTitle,.formStep,.formStepSel { font-weight: bold; margin: 12px 14px 14px 0px; float: left; } /* generic form - title */ .formTitle { font-size: 24px; line-height: 30px; margin: 0px 16px 14px 0px; } /* generic form - steps */ .formStep { color: #898989; } /* generic form - step header */ .formStepHd { font-size: 13px; font-weight: bold; margin: 0px 0px 4px 0px; } /* generic form - description */ .formDesc { font-size: 13px; margin: 0px 0px 20px 0px; } /* generic form - entry item */ .formItem { font-weight: bold; padding: 0px 0px 12px 0px; } /* generic form - field spacing */ .formField { margin: 0px 0px 10px 0px; } /* generic form - spacing */ .formCont { width: 756px; padding: 0px; margin: 2px 12px 11px 16px; } /* generic form - tooltip/question */ .formQuestion { background-color: #dbdbdb; height: 25px; padding-top: 5px; } /* generic form - margins */ .field,.fieldCity,.fieldZip,.fieldTel,.fieldDob,.fieldLogin,.selectState,.selectIncome { margin: 2px 0px 0px 0px; } .submit { margin: 2px 0px 0px 0px; } /* generic form - text entry field */ .field { width: 195px; } /* generic form - city field */ .fieldCity { width: 163px; margin-right: 2px; } /* generic form - zipcode field */ .fieldZip { width: 67px; } /* generic form - telephone field */ .fieldTel { width: 145px; } /* generic form - date of birth field */ .fieldDob { width: 26px; margin: 2px 3px 0px 0px; float: left; } /* generic form - state select field */ .selectState { width: 50px; margin-right: 2px; } /* generic form - income select field */ .selectIncome { width: 140px; } /* spacing for checkboxes and labels - horiztonally aligned */ .chkbox,.chkboxLabel { position: relative; left: -3px; } /* generic form - label for checkboxes */ .chkboxLabel { padding: 0px 12px 0px 0px; } /* generic form - field header */ .formFieldHd { font-weight: bold; } /* right aligned button */ /* registration form - submit button */ a.btnRt,a.btnRtRegForm { float: right; } /* ********** */ /* Login Form */ /* ********** */ /* login form - field labels */ .formLabel { padding: 20px 10px 0px 4px; } /* login form - text entry fields */ .formField { padding: 10px 6px 0px 0px; } /* login form - login field */ .fieldLogin { width: 145px; } /* login form - submit button */ .formBtn { padding: 8px 0px 0px 0px; } /* login form - remember me checkbox */ .formCheckbox { padding: 18px 0px 0px 0px; } /* login form - remember me text */ .formText { padding: 26px 0px 0px 0px; } /* login form - field warning */ .formWarning { font-style: italic; color: #f00; } /* ************* */ /* Form Controls */ /* ************* */ /* left side of form controls */ .formControlsLt { width: 2px; height: 36px; background: url(http://www.bkkflights.com/images/bg_form_controls_lt.gif) bottom right no-repeat; float: left; } /* middle display for form controls */ .formControlsMid { width: 568px; height: 32px; background: url(http://www.bkkflights.com/images/bg_form_controls_mid.gif) bottom left repeat-x; padding: 2px 0px 2px 0px; float: left; } /* instructional text */ .formControlsMid .instructions { font-weight: bold; color: #ffffff; height: 13px; margin: 10px 7px 9px 7px; float: left; } /* Right side of form controls */ .formControlsRt { width: 2px; height: 36px; background: url(http://www.bkkflights.com/images/bg_form_controls_rt.gif) bottom left no-repeat; float: left; } .formItem2 { font-weight: bold; float: right; position: relative; } /* ************************************************************ */ /* ******************* New Join PCW Form ********************** */ /* ************************************************************ */ #joinForm { width: 738px; margin-right: auto; margin-left: auto; } #joinForm h1 { line-height: 33px; color: #FFFFFF; background-image: url(http://www.bkkflights.com/images/black-grad.gif); background-repeat: repeat-x; height: 33px; text-align: center; font-size: 20px; font-weight: normal; } #joinForm h2 { font-size: 13px; line-height: 15px; font-weight: normal; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC; padding-bottom: 20px; font-style: italic; } #joinForm table h1 { font-size: 18px; font-style: italic; line-height: 30px; height: 30px; font-weight: bold; color: #B9BDBE; padding-left: 32px; background:none; text-align: left; } #joinForm #joinTable2 h1 { background-image: url(http://www.bkkflights.com/images/join-two.gif); background-repeat: no-repeat; } #joinForm #joinTable1 h1 { background-image: url(http://www.bkkflights.com/images/join-one.gif); background-repeat: no-repeat; } #joinForm #joinTable3 h1 { background-image: url(http://www.bkkflights.com/images/join-three.gif); background-repeat: no-repeat; } #joinForm #joinTable2, #joinForm #joinTable1, #joinForm #joinTable3 { padding-left:5px; padding-right:5px; } #joinForm #joinTable2 { background-image: url(http://www.bkkflights.com/images/join-top.gif); background-repeat: no-repeat; background-color: #EFEFEF; color: #999999; padding-top: 0px; padding-bottom: 5px; margin-top: 5px; } #joinForm .field, #joinForm .selectState, #joinForm .fieldZip { margin-left: 4px; margin-bottom: 4px; } /* ############################################################################## HEADER ############################################################################### */ #hdToolbar a { color: #efc7c7; } /* toolbar field - search */ #hdSearch input.field { width: 128px; height: 15px; background: #edd6d7; padding: 3px 0px 0px 3px; border: 1px solid #9d8888; } /* toolbar field - enter find.pcworld.com code */ #hdCodeOn input.field { width: 35px; height: 15px; background: #edd6d7; padding: 3px 0px 0px 3px; border: 1px solid #9d8888; } /* toolbar field - sign in */ #hdSignin input.field { width: 98px; height: 15px; background: #edd6d7; padding: 3px 0px 0px 3px; border: 1px solid #9d8888; } /* container to address IE bugs */ .hdContainer { float: left; } /* toolbar divider (dash) */ .hdDash { width: 1px; height: 26px; background: url(http://www.bkkflights.com/images/div_dash_hd.gif) no-repeat; margin-top: 7px; float: left; } /* toolbar spacing */ .hdToolbar { color: #efc7c7; width: 988px; height: 33px; background: url(http://www.bkkflights.com/images/bg_hd_toolbar_mid.jpg) repeat; position: relative; /* fix for IE filter mask bug */ } /* toolbar end cap - left */ .hdToolbarLt { width: 2px; height: 33px; background: url(http://www.bkkflights.com/images/bg_hd_toolbar_lt.jpg) no-repeat; float: left; } /* toolbar end cap - right */ .hdToolbarRt { width: 2px; height: 33px; background: url(http://www.bkkflights.com/images/bg_hd_toolbar_rt.jpg) no-repeat; float: left; } /* toolbar for popup */ .hdToolbarPopup { width: 100%; height: 40px; padding: 0px 0px 4px 0px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/bg_hd_toolbar_popup.png'); } html>body .hdToolbarPopup { background: url(http://www.bkkflights.com/images/bg_hd_toolbar_popup.png) top left repeat-x; } /* Toolbar Cells */ /* toolbar floats */ .hdToolbarFld,.hdToolbarLbl,.hdToolbarBtn,.hdToolbarSrch,.hdToolbarBrowse,.hdToolbarCodeoff,.hdToolbarCodeon,.hdToolbarCodeoffFill,.hdToolbarCodeonFill,.hdToolbarSignin,.hdToolbarReg { float: left; } .hdToolbarSigninText { float: right; } /* toolbar field */ .hdToolbarFld { padding: 4px 8px 0px 0px; } html>body .hdToolbarFld { padding: 5px 8px 0px 0px; } /* toolbar field label */ .hdToolbarLbl { padding: 10px 8px 0px 0px; } /* toolbar button */ .hdToolbarBtn { padding: 5px 0px 0px 0px; } /* toolbar search */ .hdToolbarSrch { width: 187px; height: 32px; padding: 0px 0px 0px 14px; } /* toolbar browse */ .hdToolbarBrowse { text-align: center; width: 108px; height: 21px; padding: 10px 0px 0px 0px; } /* toolbar enter code */ .hdToolbarCodeoff { width: 181px; height: 21px; padding: 10px 0px 0px 8px; } /* toolbar enter code - open */ .hdToolbarCodeon { width: 256px; height: 32px; background: url(http://www.bkkflights.com/images/bg_hd_toolbar_mid_h.jpg) repeat; padding: 0px 0px 0px 7px; margin: 0px 0px 0px 1px; } /* toolbar background fill */ .hdToolbarCodeoffFill,.hdToolbarCodeonFill { text-align: right; height: 21px; padding: 10px 6px 0px 0px; margin: 0px 1px 0px 0px; } .hdToolbarCodeoffFill { width: 418px; } .hdToolbarCodeonFill { width: 343px; } /* toolbar sign-in */ .hdToolbarSignin { width: 409px; height: 32px; background: url(http://www.bkkflights.com/images/bg_hd_toolbar_mid_h.jpg) repeat; padding: 0px 6px 0px 9px; margin: 0px 1px 0px 0px; } /* toolbar sign-in - link */ .hdToolbarSigninText { white-space: nowrap; padding: 10px 0px 0px 0px; } /* toolbar register */ .hdToolbarReg { text-align: center; width: 58px; height: 21px; padding: 10px 0px 0px 0px; } /* toolbar buttons */ a.btnHdSearch,a.btnHdCode { text-align: center; width: 26px; height: 24px; background-position: 0px 0px; display: block; } /* toolbar buttons - background images */ a.btnHdSearch { background-image: url(http://www.bkkflights.com/images/btn_hd_search.gif); /* must use GIF due to IE lack of support for transparent PNG */ } a.btnHdCode { background-image: url(http://www.bkkflights.com/images/btn_hd_code.gif); /* must use GIF due to IE lack of support for transparent PNG */ } /* toolbar buttons - rollovers */ a.btnHdSearch:hover,a.btnHdCode:hover { background-position: 0px -24px; } /* toolbar button - sign in */ a.btnHdSignin { line-height: 22px; font-weight: normal; color: #ffffff; text-align: center; width: 30px; height: 24px; background-image: url(http://www.bkkflights.com/images/btn_hd_signin.gif); /* must use GIF due to IE lack of support for transparent PNG */ background-position: 0px 0px; display: block; } /* toolbar button - sign in - rollover */ a.btnHdSignin:hover { background-color: transparent; background-position: 0px -24px; } /* toolbar link - rollover */ a.hdToolbarLink:hover { background-color: #670303; } /* Logo */ /* logo in header */ .hdLogo { width: 203px; height: 60px; position: relative; /* fix for IE filter mask bug */ float: left; } /* logo in header - print version */ .hdLogoPrint { position: relative; /* fix for IE filter mask bug */ display: none; margin: 40px 0px 14px 0px; float: left; } /* logo in header - popup version */ .hdLogoPopup { width: 90px; height: 21px; margin: 9px 0px 11px 16px; float: left; } /* Skybox */ /* skybox links */ #hdSkybox a { line-height: 15px; color: #f8e7e7; cursor: pointer; height: 15px; background-image: url(http://www.bkkflights.com/images/icon_arrow_w_pg.gif); background-repeat: no-repeat; background-position: 8px center; display: block; padding: 0px 9px 0px 18px; font-weight: bold; } /* skybox links - rollover */ #hdSkybox a:hover { background-color: #990000; } /* skybox cell */ .hdSkybox { color: #ffffff; width: 194px; height: 60px; background: url(http://www.bkkflights.com/images/bg_hd_skybox_mid.jpg) repeat; position: relative; /* fix for IE filter mask bug */ float: left; } /* skybox cell - rightmost cell */ /* to accommodate right side cap */ .hdSkyboxNarrow { color: #ffffff; width: 193px; height: 60px; background: url(http://www.bkkflights.com/images/bg_hd_skybox_mid.jpg) repeat; position: relative; /* fix for IE filter mask bug */ float: left; } /* skybox end cap left */ .hdSkyboxLt { width: 2px; height: 60px; background: url(http://www.bkkflights.com/images/bg_hd_skybox_lt.jpg) no-repeat; float: left; } /* skybox end cap right */ .hdSkyboxRt { width: 2px; height: 60px; background: url(http://www.bkkflights.com/images/bg_hd_skybox_rt.jpg) no-repeat; float: left; } /* skybox category */ .hdSkyboxCat { font-size: 12px; color: #f8e7e7; padding: 7px 9px 3px 7px; /* used to be 7 9 4 7*/ } /* skybox arrow list */ #hdSkybox ul { list-style-position: outside; padding: 0px 0px 0px 20px; } /* skybox arrow list item */ #hdSkybox li { list-style-image: url(http://www.bkkflights.com/images/icon_arrow_red.gif); padding: 0px 0px 4px 0px; margin: 0px; } /* skybox end cap left */ .hdSkyboxAltLt { width:2px; height:60px; background:url(http://www.bkkflights.com/images/bg_hd_skybox_lt.jpg) no-repeat; float:left; } /* skybox end cap right */ .hdSkyboxAltRt { width:2px; height:60px; background:url(http://www.bkkflights.com/images/bg_hd_skybox_rt.jpg) no-repeat; float:left; } /* ********************************************** */ /* INDEX PAGE LINKS */ /* Inexbar end cap - left */ .hdIndexbarLt { width: 2px; height: 33px; background: url(http://www.bkkflights.com/images/bg_hd_toolbar_lt.jpg) no-repeat; float: left; } /* Inexbar end cap - right */ .hdIndexbarRt { width: 2px; height: 33px; background: url(http://www.bkkflights.com/images/bg_hd_toolbar_rt.jpg) no-repeat; float: right; } #hdIndexbar a { color: #f8e7e7; font-size:13px; font-weight:bold; } /* Indexbar spacing */ .hdIndexbar { width: 988px; height: 33px; background: url(http://www.bkkflights.com/images/bg_hd_toolbar_mid.jpg) repeat; position: relative; /* fix for IE filter mask bug */ } .hdIndexLinks a { float:left; margin:8px 0 0 7px; padding: 2px 6px 2px 15px; background: url(http://www.bkkflights.com/images/indexArrow.gif) no-repeat; background-position: 3px 4px; position: relative; } .hdIndexLinksClean a { float:left; margin:8px 0 0 7px; padding: 2px 6px 2px 6px; position: relative; } a.IndexLinks:hover { background-color: #670303; } a.IndexLinksSel { background-color:#670303;cursor: pointer;} a.IndexLinksSel:hover { background-color:#670303;cursor: pointer;} /* ********************************************** */ /* SKYBOX AREAS, SEARCH, BROWSE, SIGN IN, JOIN, USERNAMES */ #hdSkyboxAlt a { color: #f8e7e7; display: block; } #hdSkyboxAlt a:hover { background-color: #990000; } /* skybox cell */ .hdSkyboxAlt { font-size:11px; width:193px; height:60px; background:url(http://www.bkkflights.com/images/bg_hd_skybox_mid.jpg) repeat; position:relative; /* fix for IE filter mask bug */ float:left; } .wide { width:427px; } .narrow { width:158px; } .skyboxBrowse a { position:relative; top: 31px; left:21px; float:left; text-align:center; font-size:13px; font-weight: bold; padding: 2px 6px 2px 6px; } .skyboxMembership a{ position:relative; top: 31px; right: 9px; float:right; text-align:right; font-size:13px; font-weight: bold; margin:0px 0px 0px 8px; padding: 2px 6px 2px 6px; } .hdUserName { width: 160px; text-align:right; position:absolute; top: 13px; right: 13px; float:right; overflow:hidden; color:#fff; } .skyboxSearch { position:absolute; top:29px; left:29px; } .searchInput { float:left; padding-top:2px; } .searchBtn { float:left; margin-left:5px; } a.hdSearchAlt { font-size:13px; line-height: 20px; font-weight: bold; text-align: center; width: 60px; height: 22px; background-image: url(http://www.bkkflights.com/images/btn_hdSearch.gif); background-position: 0px 0px; background-color: transparent; display: block; padding-top: 2px; } a.hdSearchAlt:hover { background-position: 0px -28px; background-color: transparent; } #hdSkyboxAlt input.fieldSkybox { width: 300px; height: 15px; background: #f8e7e7; padding: 3px 0 0 3px; border: 1px solid #9d8888; } .hdDashAlt { width: 1px; height: 60px; background-color:transparent; background: url(http://www.bkkflights.com/images/hddash.jpg) no-repeat; float: left; margin-top:0px; } /* ############################################################################## LISTS ############################################################################### */ /* arrow icon list - subscription */ a.listArrowItemSubscr { font-size: 11px; line-height: 11px; width: 83px; top: -1px; display: inline; padding: 2px 0px 0px 4px; } /* arrow icon list */ a.listArrowItem { position: relative; top: -2px; /* nudge up to align with arrow; IE only */ left: -4px; /* nudge text closer to arrow */ display: inline; padding: 1px 3px 1px 3px; margin-left: -3px; } /* override IE specifics above */ html>body a.listArrowItem { position: relative; top: 0px; display: block; } /* arrow icon list - side-by-side comparison */ a.listArrowItemComp { width: 120px; } /* arrow list */ /* for use in non-bordered modules */ ul.listArrowSet { padding: 4px 0px 8px 12px; } /* override IE padding above */ html>body ul.listArrowSet { padding: 0px 0px 8px 11px; } /* for use in bordered modules (touts) */ ul.listArrowSetTout { padding: 4px 0px 8px 18px; } /* override IE padding above */ html>body ul.listArrowSetTout { padding: 4px 0px 8px 16px; } /* for use in prod_overview */ ul.listArrowSetProd { padding: 0px 0px 8px 27px; } /* override IE padding above */ html>body ul.listArrowSetProd { padding: 0px 0px 8px 25px; } /* for use in sub_subscr */ ul.listArrowSetSubscr { padding: 0px 0px 0px 12px; } /* override IE padding above */ html>body ul.listArrowSetSubscr { padding: 0px 0px 0px 11px; } /* arrow list item */ ul.listArrowSet li,ul.listArrowSetTout li,ul.listArrowSetProd li,ul.listArrowSetSubscr li { list-style-image: url(http://www.bkkflights.com/images/icon_arrow_b.gif); padding: 0px; margin: 0px; } /* adjustment for items with inline links (or no links) */ .listArrowItemInline { position: relative; left: -4px; bottom: 2px; } /* override IE adjustment above */ html>body .listArrowItemInline { bottom: 0px; } /* ############################################################################## MYACCOUNT ############################################################################### */ /* My Account CSS */ .formCont2 { width: 760px; padding: 0px; margin: 2px 10px 16px 14px; } .signin { background: url(signin.gif) top right no-repeat; height:66px; width:109px; float:right; position:relative; left:-55px; } .featContList { width: 544px; float: left; } .featContListItem { width: 544px; padding: 0px 4px 8px 0px; float: left; } .featContListItemTitle { width:196px; float:left; } .featContListItemDesc { float:left; width:340px; padding:4px 4px 0 0px; } /* ############################################################################## MYPAGES ############################################################################### */ .myPages { color: #ffffff; width: 196px; } /* bottom edge of my pages panel */ .myPagesBtm { height: 1px; margin: 0px 4px 7px 4px; } /* links are white */ .myPages a { color: #ffffff; } /* my pages button */ a.myPagesBtnOff,a.myPagesBtnOn { color: #000000; cursor: pointer; width: 166px; height: 16px; display: block; padding-top: 7px; padding-left: 30px; background: url(http://www.bkkflights.com/images/btn_mypages.gif) top left no-repeat; } /* closed rollover */ a.myPagesBtnOff:hover { background-position: 0px -23px; } /* opened */ a.myPagesBtnOn { background-position: 0px -46px; } /* opened rollover */ a.myPagesBtnOn:hover { background-position: 0px -69px; } /* help section of panel */ .myPagesHelpText { width: 156px; background-color: #3c3c3c; padding: 10px 8px 10px 8px; margin: 0px 12px 6px 12px; } /* help section header */ .myPagesHelpText h1 { font-size: 13px; font-weight: bold; line-height: 16px; display: block; padding-bottom: 10px; margin: 0px; } /* spacing for each my page item */ .myPageItem { width: 196px; margin: 0px; } /* background for each my page item */ .myPageOff { background: transparent; } /* rollover for each my page item */ .myPageOn { width: 196px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/bg_mypages_over.png'); } html>body .myPageOn { background: url(http://www.bkkflights.com/images/bg_mypages_over.png) bottom left repeat-y; } /* top part of my pages panel */ .myPagesDrawerTop { height: 1px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/bg_mypages_top.png'); } html>body .myPagesDrawerTop { background: url(http://www.bkkflights.com/images/bg_mypages_top.png) bottom left no-repeat; } /* middle of my pages panel */ .myPagesDrawerMid { width: 196px; padding-top: 7px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/bg_mypages_mid.png'); } html>body .myPagesDrawerMid { background: url(http://www.bkkflights.com/images/bg_mypages_mid.png) bottom left repeat-y; } /* bottom of my pages panel */ .myPagesDrawerBottom { height: 8px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/bg_mypages_bottom.png'); } html>body .myPagesDrawerBottom { background: url(http://www.bkkflights.com/images/bg_mypages_bottom.png) bottom left no-repeat; } /* article links with my pages icon */ .artLinkOff { background-color: transparent; } /* rollover for article links with my pages icon */ .artLinkOn { background-color: #edd6d7; } /* individual remove button */ a.removeBtn { font-size: 0px; /* for IE */ width: 12px; height: 12px; background-image: url(http://www.bkkflights.com/images/btn_remove.gif); background-repeat: no-repeat; background-position: 12px 0px; display: block; padding-left: 12px; margin-top: 6px; margin-right: 4px; margin-bottom: 6px; float: left; } /* remove button rollover */ a.removeBtn:hover { background-color: transparent; background-position: 12px -12px; } /* spacing for my page article link */ a.myPageLink { width: 156px; display: block; padding: 5px 12px 5px 0px; float: left; } /* override background color for rollover */ a.myPageLink:hover { background-color: transparent; } /* remove all button */ a.removeAllBtn { width: 70px; height: 20px; background-image: url(http://www.bkkflights.com/images/btn_removeall.gif); background-repeat: no-repeat; background-position: 0px 0px; /* This should be display: block */ /* But using inline fixes IE double margin (with floats) bug */ display: inline; padding-top: 3px; padding-left: 20px; margin-top: 6px; margin-bottom: 2px; margin-left: 8px; float: left; } /* remove all button rollover */ a.removeAllBtn:hover { background-color: #3c3c3c; background-position: 0px -20px; } /* divider between each my page item */ .myPagesDivider { font-size: 0px; /* for IE */ width: 186px; height: 2px; background: url(http://www.bkkflights.com/images/mypages_divider.gif) bottom left repeat-x; margin-right: 5px; margin-left: 5px; } /* My Pages icons */ a.myPagesUnsaved,a.myPagesSaved { text-indent: 0px; width: 15px; height: 9px; position: absolute; left: 2px; display: block; } /* My Pages icon */ a.myPagesUnsaved { background-image: url(http://www.bkkflights.com/images/icon_mypages_unsaved.gif); background-repeat: no-repeat; background-position: 0px 0px; } /* Hover state for My Pages icon */ a.myPagesUnsaved:hover { background-position: 0px -9px; } /* Disabled My Pages icon */ a.myPagesSaved,a.myPagesSaved:hover { background: url(http://www.bkkflights.com/images/icon_mypages_saved.gif) bottom left no-repeat; } /* My Pages icon for non-functional display in help area */ .imgMyPagesUnsaved { width: 12px; height: 9px; } /* ############################################################################## NAV ############################################################################### */ .leftnavMainContTop { width: 188px; height: 1px; background-color: #c1c4c6; margin: 3px 4px 0px 4px; } /* left nav - middle portion */ .leftnavMainContMid { width: 186px; border: 1px solid #8c8d8e; margin: 0px 4px 0px 4px; } /* left nav - bottom portion */ .leftnavMainContBtm { width: 188px; height: 1px; background-color: #f7f8f9; margin: 0px 4px 3px 4px; } /* left nav - button */ a.leftnavMainBtn { line-height: 17px; font-weight: bold; cursor: pointer; width: 170px; height: 18px; background: url(http://www.bkkflights.com/images/leftnav_main_bg.png) top left repeat-x; display: block; padding: 0px 7px 0px 7px; border: 1px solid #ffffff; border-bottom: 1px solid #c7c7c7; } /* left nav - button - rollover */ a.leftnavMainBtn:hover { background: url(http://www.bkkflights.com/images/leftnav_main_bg_over.png) top left repeat-x; border: 1px solid #f5e4e4; border-bottom: 1px solid #c2b3b3; } /* left nav - selected item */ a.leftnavMainBtnSel { line-height: 17px; font-weight: bold; color: #ffffff; cursor: pointer; width: 172px; height: 18px; background: url(http://www.bkkflights.com/images/leftnav_main_bg_sel.png) top left repeat-x; display: block; padding: 0px 6px 0px 8px; border-top: 1px solid #000000; border-bottom: 1px solid #c7c7c7; } .leftnavNewBug { border:0; height:9px; width:27px; position:relative; top:1px; margin-right:6px; } /* left subnav */ .leftNavSub { width: 188px; margin: 15px 0px 0px 4px; } /* left subnav - header */ .leftnavSubHd { line-height: 17px; font-weight: bold; width: 174px; height: 17px; padding: 0px 6px 0px 8px; margin: 2px 0px 1px 0px; } /* left subnav sponsored - link */ a.leftnavSubBtn { line-height: 17px; font-weight: bold; cursor: pointer; width: 174px; height: 17px; display: block; padding: 0px 6px 0px 8px; margin: 1px 0px 1px 0px; /* begin fixes ie bottom margin on hover bug */ float: left; clear: left; /* end fixes ie bottom margin on hover bug */ } /* left subnav sponsored - link - rollover */ a.leftnavSubBtn:hover { background: #d2b6b8; } /* left subnav sponsored - selected item */ a.leftnavSubBtnSel,a.leftnavSubBtnSel:hover { line-height: 17px; font-weight: bold; color: #ffffff; cursor: pointer; width: 174px; height: 17px; background-color: #000000; display: block; padding: 0px 6px 0px 8px; margin: 1px 0px 1px 0px; /* begin fixes ie bottom margin on hover bug */ float: left; clear: left; /* end fixes ie bottom margin on hover bug */ } /* undo ie fixes for other browsers */ html>body a.leftnavSubBtn,html>body a.leftnavSubBtnSel,html>body a.leftnavSubBtnSel:hover { float: none; } /* left nav article links - with my pages icon */ .divLeftnavLink { cursor: pointer; width: 182px; position: relative; display: block; padding: 2px 3px 2px 3px; margin: 1px 0px 1px 0px; } /* left nav article links - title link */ .divLeftnavLink a { width: 161px; position: relative; left: 21px; display: block; } /* ******************* */ /* Section Subcategory */ /* ******************* */ /* section subcategory - top portion */ .sectionSubcatTop { width: 196px; height: 6px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/section_subcat_top.png'); } html>body .sectionSubcatTop { background: url(http://www.bkkflights.com/images/section_subcat_top.png) top left no-repeat; } /* section subcategory - middle portion */ .sectionSubcatMid { width: 196px; position: relative; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/section_subcat_mid.png'); } html>body .sectionSubcatMid { background: url(http://www.bkkflights.com/images/section_subcat_mid.png) top left repeat-y; } /* section subcategory - bottom portion */ .sectionSubcatBtm { width: 196px; height: 6px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/section_subcat_bottom.png'); } html>body .sectionSubcatBtm { background: url(http://www.bkkflights.com/images/section_subcat_bottom.png) top left no-repeat; } /* section subcategory - background gradient */ .sectionSubcatGradient { width: 184px; position: relative; left: 6px; overflow: hidden; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/section_subcat_gradient.png'); } html>body .sectionSubcatGradient { background: url(http://www.bkkflights.com/images/section_subcat_gradient.png) top left repeat-x; } /* section subcategory - button */ a.sectionSubcatBtn { line-height: 18px; font-weight: bold; color: #ffffff; width: 170px; height: 18px; display: block; padding: 0px 7px 0px 7px; border-top: 1px solid #434343; border-bottom: 1px solid #000000; } /* section subcategory - button - rollover */ a.sectionSubcatBtn:hover { background: #242424; border-top: 1px solid #383838; } /* section subcategory - selected item */ a.sectionSubcatBtnSel,a.sectionSubcatBtnSel:hover { line-height: 18px; font-weight: bold; color: #000000; width: 170px; height: 18px; background: #9b9b9b; display: block; padding: 0px 7px 0px 7px; border-top: 1px solid #404040; border-bottom: 1px solid #393939; } /* remove top (or bottom) border for first (or last) in a stacked series of buttons */ /* normally, we shouldn't have to define for hover state, but a bug in ie causes shifting */ a.btnFirst,a.btnFirst:hover { border-top-style: none; } a.btnLast,a.btnLast:hover { border-bottom-style: none; } /* ############################################################################## NEWSLETTERS ############################################################################### */ .newsletterForm { font-size: 13px; line-height: 18px; width: 750px; padding: 1px 17px 20px 17px; } /* newsletter form description */ .newsletterDesc { width: 564px; padding: 14px 0px 14px 0px; } /* newsletter sample */ .newsletterSample { width: 558px; height: 153px; background: #cccccc; padding: 2px; border: 1px solid #aeaeae; margin: 0px 0px 24px 0px; } /* sample newsletter image */ .newsletterImg { width: 558px; height: 153px; border: 0px; } /* step by step header */ .newsletterStep { font-size: 15px; line-height: 20px; font-weight: bold; padding: 5px 0px 5px 0px; } /* field label for newsletter e-mail */ .newsletterEmailLabel { /* Default font was overriden in newsletterForm */ /* Return to default */ font-size: 11px; line-height: 14px; display: block; margin: 14px 0px 4px 0px; } /* e-mail address input field */ .newsletterEmailField { font-size: 13px; } /* instructional text for newsletter form */ .newsletterInstructions { margin: 14px 0px 14px 0px; } /* spacing for 2-column newsletter listing */ .newsletterList { width: 375px; float: left; } /* header text for newsletter listing */ .newsletterListHead { font-size: 18px; line-height: 21px; font-weight: bold; margin: 14px 0px 14px 0px; } /* newsletter selection checkbox */ .newsletterCheckField { float: left; } /* item listing for newsletter form */ .newsletterListItem { width: 340px; padding: 0px 4px 14px 4px; float: left; } /* newsletter format select box */ .newsletterFormatField { font-size: 13px; margin: 14px 0px 14px 0px; } .newsletterListItem .redTag { color:#a30d0c; font-style:italic; } /* privacy checkbox */ .newsletterPrivacyField { margin: 14px 0px 14px 0px; float: left; } /* privacy text */ .newsletterPrivacyLabel { /* Default font was overriden in newsletterForm */ /* Return to default */ font-size: 11px; line-height: 14px; width: 625px; display: block; margin: 14px 4px 14px 4px; float: left; } /* submit button for newsletter form */ .newsletterSubmitBtn { width: 85px; height: 25px; margin: 11px 0px 11px 0px; float: right; } /* ############################################################################## Newsletter mod on downlads spawn page ############################################################################### */ #dlNewsLtr {padding: 8px; background: url(http://www.bkkflights.com/images/mod_solid_gry_gradient.png) bottom left repeat-x;} #dlNewsLtr a img {border:none; position:relative;} #dlNewsLtr .modIcon {float:right;margin:0 0px 4px 8px;} #dlNewsLtr #toutNews {margin-top:12px;margin-bottom:2px; postion:absolute; } #dlNewsLtr #toutNews .Cta {font-size:13px; font-weight:bold; padding: 4px 4px 8px 4px;} #dlNewsLtr .sectionBar4Col {width:auto;} #dlNewsLtr .sectionBar4ColMid {width:344px;} #dlNewsLtr .toutFld .field {width:200px;} #dlNewsLtr .toutFld {padding-top:10px;padding-left:4px;} #dlNewsLtr .toutBtn {padding-top:12px;} /* ############################################################################## PRODUCT ############################################################################### */ /* OLD TESTS & SPECS */ /* tests & specs table */ table.artTestSpecs { font-size: 13px; width: 360px; border: 1px solid #bdbdbe; margin: 4px 8px 4px 16px; } /* tests & specs header */ table.artTestSpecs th { font-weight: bold; text-align: left; vertical-align: center; white-space: nowrap; height: 27px; background: url(http://www.bkkflights.com/images/bg_table_head.gif) 0px 0px repeat-x; padding: 0px 7px 0px 7px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #bdbdbe; } /* tests & specs cell */ table.artTestSpecs td { line-height: 18px; background: url(http://www.bkkflights.com/images/divider_dash.gif) bottom left repeat-x; padding: 7px 7px 8px 7px; } /* the last cell does not get a divider */ table.artTestSpecs td.noDivider { background: transparent; padding: 7px; } /* tests & specs header */ h3.artTestsHdHd { font-size: 13px; font-weight: bold; margin: 0px; } /* NEW TESTS & SPECS */ /* spacing for test report chart */ .testReportChart { padding: 3px 0px 8px 16px; } /* styles for test report red row headers */ /* Left edge */ .testReportRowHeadLt { width: 2px; height: 20px; background: url(http://www.bkkflights.com/images/bg_side_by_side_rowhead_lt.gif) top right no-repeat; margin: 16px 0px 0px 0px; float: left; } /* Right edge */ .testReportRowHeadRt { width: 2px; height: 20px; background: url(http://www.bkkflights.com/images/bg_side_by_side_rowhead_rt.gif) top left no-repeat; margin: 16px 0px 0px 0px; float: left; } /* Divider */ .testReportRowHeadDivider { width: 2px; height: 20px; background: url(http://www.bkkflights.com/images/bg_side_by_side_rowhead_div.gif) top left no-repeat; margin: 16px 0px 0px 0px; float: left; } /* Middle content area */ .testReportRowHeadMid { font-weight: bold; color: #ffffff; width: 163px; height: 17px; background: url(http://www.bkkflights.com/images/bg_side_by_side_rowhead_mid.gif) top left repeat-x; background-color: #cc0000; padding: 3px 8px 0px 7px; margin: 16px 0px 0px 0px; float: left; } /* Test report table */ table.testReportTableTop { margin: 0px 0px 0px 0px } table.testReportTable { margin: 8px 0px 0px 0px } /* Table headers */ table.testReportTableTop th { width: 362px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #e5e5e5; } table.testReportTable th { font-weight: bold; color: #000000; background: #e0eaf9; padding: 3px 8px 4px 8px; text-align: left; width: 362px; } /* Table cells */ table.testReportTableTop td { width: 163px; padding: 3px 8px 4px 8px; border-width: 0px 0px 1px 1px; border-style: solid; border-color: #e5e5e5; } table.testReportTable td { width: 163px; padding: 3px 8px 4px 8px; border-width: 0px 0px 1px 1px; border-style: solid; border-color: #e5e5e5; } /* Test Report Summary data */ .testReportSummary { margin: 0px; padding: 0px 0px 4px 0px; width: 362px; } /* Link to the Test Report breakdown article */ .testReportSummaryHow { width: 351px; font-weight: bold; margin: 0px; padding: 0px 0px 0px 11px; } .testReportHow { width: 181px; margin: 18px 0px 8px 0px; padding: 0px; } .testReportHowHd { margin: 0px; padding: 0px 0px 1px 0px; } .testReportItems { margin: 0px; padding: 0px 0px 0px 11px; } .listArrowSetTestReport { display: block; } ul.listArrowSetTestReport { padding: 0px 0px 0px 0px; } /* arrow list item */ ul.listArrowSetTestReport li { list-style-image: url(http://www.bkkflights.com/images/icon_arrow_b.gif); padding: 0px; margin: 0px; font-weight: bold; } /* arrow icon list */ a.listArrowItemTestReport { position: relative; top: -2px; /* nudge up to align with arrow; IE only */ left: -4px; /* nudge text closer to arrow */ display: inline; padding: 1px 3px 1px 3px; margin-left: -3px; } /* override IE specifics above */ html>body a.listArrowItemTestReport { position: relative; top: 0px; display: block; } .testReportTableCat { font-weight: bold; padding: 0px 0px 0px 0px; line-height: 24px; } /* Firefox border-collapse: collapse is broken. use first-child instead */ html>body table.testReportTableTop { border-collapse: separate; } /* Remove left border on first child */ /* Not supported by IE. Still works in IE with border-collapse: collapse */ table.testReportTableTop td:first-child { border-width: 0px 0px 1px 0px; } /* Firefox border-collapse: collapse is broken. use first-child instead */ html>body table.testReportTable { border-collapse: separate; } /* Remove left border on first child */ /* Not supported by IE. Still works in IE with border-collapse: collapse */ table.testReportTable td:first-child { border-width: 0px 0px 1px 0px; } /* spacing for product pricing table */ table.testReportPricingTable { width: 364px; margin: 4px 0px 0px 0px; } table.testReportPricingTable td { padding: 2px 0px 2px 0px; } table.testReportPricingTable a { padding: 2px 3px 2px 3px; } /* END NEW TESTS & SPECS */ /* ************** */ /* Product review */ /* ************** */ /* Product Specs */ /* spacing for product specs */ .prodSpecs { width: 767px; padding: 0px 0px 20px 17px; } /* spacing for list of product specs */ .prodSpecList { margin: 12px 0px 0px 0px; } /* product specs headers are bold */ .prodSpecHead { font-weight: bold; } /* Product Overview */ /* spacing for product overview area */ .prodOverview { width: 560px; margin: 0 0 0 17px; padding: 0px 0px 12px; } /* product overview headers are bold */ .prodOverviewHead { font-weight: bold; } /* rating badge */ .prodBadge { padding: 0px 0px 12px 0px; float: left; } /* review credits */ .prodCredit { width: 180px; height: 75px; padding: 0px 0px 12px 8px; float: left; } /* single credit item */ .prodCreditItem { padding: 5px 0px 5px 0px; } /* test center icon is aligned right */ .prodCreditItem .testCenterIcon { float: right; border: 0px; } /* spacing for pros and cons */ .prodProCon { width: 254px; float: left; } /* pros and cons list */ .prodProCon ul { margin: 8px 0px 8px 0px; } /* left side of pro header */ .prodOverviewHeadLtPro { width: 20px; height: 23px; float: left; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/prod_spec_head_lt_pro.png'); } html>body .prodOverviewHeadLtPro { background: url(http://www.bkkflights.com/images/prod_spec_head_lt_pro.png) bottom right no-repeat; } /* left side of con header */ .prodOverviewHeadLtCon { width: 20px; height: 23px; float: left; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/prod_spec_head_lt_con.png'); } html>body .prodOverviewHeadLtCon { background: url(http://www.bkkflights.com/images/prod_spec_head_lt_con.png) bottom right no-repeat; } /* middle of pro and con headers */ .prodOverviewHeadMid { font-size: 13px; color: #ffffff; width: 224px; height: 20px; padding: 3px 0px 0px 6px; float: left; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/prod_spec_head_mid.png'); } html>body .prodOverviewHeadMid { background: url(http://www.bkkflights.com/images/prod_spec_head_mid.png) bottom left repeat-x; } /* right side of pro and con headers */ .prodOverviewHeadRt { width: 4px; height: 23px; float: left; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/prod_spec_head_rt.png'); } html>body .prodOverviewHeadRt { background: url(http://www.bkkflights.com/images/prod_spec_head_rt.png) bottom left no-repeat; } /* Product Gallery */ /* product image gallery */ .prodGallery { width: 285px; padding: 0px 13px 0px 0px; float: left; } /* top shadow for image gallery */ .prodGalleryTop { width: 285px; height: 4px; background: url(http://www.bkkflights.com/images/bg_prod_gallery_top.gif) bottom left no-repeat; } /* middle shadow for image gallery */ .prodGalleryMid { width: 275px; height: 207px; background: url(http://www.bkkflights.com/images/bg_prod_gallery_mid.gif) bottom left repeat-y; padding: 0px 5px 0px 5px; } /* shadow for leftmost thumbnail */ .prodGalleryThumbLt { width: 45px; height: 38px; background: url(http://www.bkkflights.com/images/bg_prod_gallery_thumb_lt.gif) bottom right no-repeat; padding: 1px 0px 6px 5px; float: left; } /* shadow for middle thumbnail */ .prodGalleryThumbMid { width: 45px; height: 38px; background: url(http://www.bkkflights.com/images/bg_prod_gallery_thumb_mid.gif) bottom left no-repeat; padding: 1px 0px 6px 1px; float: left; } /* shadow for rightmost thumbnail */ .prodGalleryThumbRt { width: 45px; height: 38px; background: url(http://www.bkkflights.com/images/bg_prod_gallery_thumb_rt.gif) bottom left no-repeat; padding: 1px 5px 6px 1px; float: left; } /* image size for product gallery image */ .prodGalleryImg { width: 275px; height: 207px; } /* image size for product gallery thumbnail */ .prodGalleryThumb { width: 45px; height: 38px; border: 0px; } /* image size for test center icon */ .testCenterIcon { width: 39px; height: 24px; border: 0px; } /* BEGIN bug ID 339 */ /* Product Tabs */ /* product tabs - left edge */ .prodTabLt { width: 3px; height: 32px; display: inline; /* fixes ie 6 double margin float bug */ margin: 0px 0px 8px 14px; float: left; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/prod_tab_lt.png'); } html>body .prodTabLt { background: url(http://www.bkkflights.com/images/prod_tab_lt.png) bottom right no-repeat; } /* product tabs - right edge */ .prodTabRt { width: 4px; height: 32px; margin: 0px 0px 8px 0px; float: left; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/prod_tab_rt.png'); } html>body .prodTabRt { background: url(http://www.bkkflights.com/images/prod_tab_rt.png) bottom left no-repeat; } /* product tabs - middle section */ .prodTabMid { width: 749px; height: 32px; margin: 0px 0px 8px 0px; float: left; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/prod_tab_mid.png'); } html>body .prodTabMid { background: url(http://www.bkkflights.com/images/prod_tab_mid.png) bottom left repeat-x; } /* product tabs - tab item - middle */ .prodTabItemMid { height: 24px; padding-top: 1px; float: left; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/prod_tab_item_mid.png'); } html>body .prodTabItemMid { background: url(http://www.bkkflights.com/images/prod_tab_item_mid.png) bottom left repeat-x; } /* product tabs - tab item - right edge */ .prodTabItemRt { width: 3px; height: 23px; margin-bottom: 2px; float: left; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/prod_tab_item_rt.png'); } html>body .prodTabItemRt { background: url(http://www.bkkflights.com/images/prod_tab_item_rt.png) bottom left no-repeat; } /* product tabs - tab item - link */ .prodTabItemMid a { font-size: 13px; line-height: 13px; color: #000000; height: 13px; background: url(http://www.bkkflights.com/images/prod_tab_link.gif) top left repeat-x; display: block; padding: 3px 15px 5px 14px; border-left: 1px solid #ffffff; margin: 1px 0px 2px 0px; float: left; } /* product tabs - tab item - link - rollover */ .prodTabItemMid a:hover { background-position: 0px -21px; border-left: 1px solid #ebd5d5; } /* product tabs - tab item - divider */ .prodTabItemMid div { width: 1px; height: 24px; float: left; } /* product tabs - tab item - selected tab */ .prodTabItemMid div.on { font-size: 13px; line-height: 13px; color: #ffffff; width: auto; height: 13px; background: url(http://www.bkkflights.com/images/prod_tab_link_on.png) top left repeat-x; display: block; padding: 4px 14px 7px 14px; float: left; } /* product tabs - tab item - selected tab - left edge */ .prodTabItemMid div.onLt { width: 3px; height: 23px; position: relative; left: -1px; margin-right: -1px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/prod_tab_link_on_lt.png'); } html>body .prodTabItemMid div.onLt { background: url(http://www.bkkflights.com/images/prod_tab_link_on_lt.png) top right no-repeat; } /* product tabs - tab item - selected tab - right edge */ .prodTabItemMid div.onRt { width: 3px; height: 23px; position: relative; left: 1px; margin-left: -1px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/prod_tab_link_on_rt.png'); } html>body .prodTabItemMid div.onRt { background: url(http://www.bkkflights.com/images/prod_tab_link_on_rt.png) top left no-repeat; } /* product tabs - tab item - selected tab - first edge - for left side of first tab */ .prodTabItemMid div.onFirst { width: 2px; height: 23px; background: url(http://www.bkkflights.com/images/prod_tab_link_on_first.png) top right no-repeat; position: relative; left: -1px; margin-right: -1px; } /* product tabs - tab item - selected tab - last edge - for right side of last tab */ .prodTabItemMid div.onLast { width: 2px; height: 23px; background: url(http://www.bkkflights.com/images/prod_tab_link_on_last.png) top left no-repeat; position: relative; left: 1px; margin-left: -1px; } /* product tabs - left side bottom highlight */ .prodTabLtHighlight { width: 1px; height: 7px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/prod_tab_lt_highlight.png'); } html>body .prodTabLtHighlight { background: url(http://www.bkkflights.com/images/prod_tab_lt_highlight.png) bottom left no-repeat; } /* END bug ID 339 */ /* *************** */ /* Product Pricing */ /* *************** */ /* product pricing spacing */ .prodPricing { width: 168px; height: 90px; background-color: #ffffff; padding: 8px 4px 5px 4px; } /* product pricing header */ .prodPricingHead { font-weight: bold; padding: 2px 3px 2px 3px; } /* spacing for product pricing table */ table.prodPricingTable { width: 168px; margin: 4px 0px 0px 0px; } /* pricing links */ table.prodPricingTable a { padding: 2px 3px 2px 3px; } /* prices are aligned right */ table.prodPricingTable .prodPrice { text-align: right; } /* BEGIN bug ID 409 */ /* ************** */ /* Product Images */ /* ************** */ /* medium product image */ .prodImgMed { width: 51px; height: 51px; } /* large product image */ .prodImgLrg { width: 92px; height: 92px; } .imgBorderGry { border: 1px solid #7b7a7a; } /* gray border for product images */ .prodImgBorderGry { border: 1px solid #7b7a7a; float: left; } /* spacing for product images with no border */ .prodImgNoBorder { border: 0px; margin: 1px; } /* ***** */ /* Badge */ /* ***** */ /* large rating badge - vertical display */ /* top border */ .ratingLrgVertTop { width: 61px; height: 2px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/badge/bg_rating_lrg_vert_top.png'); } html>body .ratingLrgVertTop { background: url(http://www.bkkflights.com/images/badge/bg_rating_lrg_vert_top.png) bottom left no-repeat; } /* top border - with PCW logo */ .ratingLrgVertTopBrand { width: 61px; height: 24px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/badge/bg_rating_lrg_vert_top_brand.png'); } html>body .ratingLrgVertTopBrand { background: url(http://www.bkkflights.com/images/badge/bg_rating_lrg_vert_top_brand.png) bottom left no-repeat; } /* middle border */ .ratingLrgVertMid { width: 52px; height: 45px; padding: 0px 5px 0px 4px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/badge/bg_rating_lrg_vert_mid.png'); } html>body .ratingLrgVertMid { background: url(http://www.bkkflights.com/images/badge/bg_rating_lrg_vert_mid.png) bottom left repeat-y; } /* bottom border */ .ratingLrgVertBottom { width: 61px; height: 6px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/badge/bg_rating_lrg_vert_bottom.png'); } html>body .ratingLrgVertBottom { background: url(http://www.bkkflights.com/images/badge/bg_rating_lrg_vert_bottom.png) bottom left no-repeat; } /* large rating badge - horizontal display */ /* top border */ .ratingLrgHorizTop { width: 124px; height: 2px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/badge/bg_rating_lrg_horiz_top.png'); } html>body .ratingLrgHorizTop { background: url(http://www.bkkflights.com/images/badge/bg_rating_lrg_horiz_top.png) bottom left no-repeat; } /* top border - with PCW logo */ .ratingLrgHorizTopBrand { width: 124px; height: 28px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/badge/bg_rating_lrg_horiz_top_brand.png'); } html>body .ratingLrgHorizTopBrand { background: url(http://www.bkkflights.com/images/badge/bg_rating_lrg_horiz_top_brand.png) bottom left no-repeat; } /* middle border */ .ratingLrgHorizMid { width: 115px; height: 28px; padding: 0px 5px 0px 4px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/badge/bg_rating_lrg_horiz_mid.png'); } html>body .ratingLrgHorizMid { background: url(http://www.bkkflights.com/images/badge/bg_rating_lrg_horiz_mid.png) bottom left repeat-y; } /* bottom border */ .ratingLrgHorizBottom { width: 124px; height: 6px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/badge/bg_rating_lrg_horiz_bottom.png'); } html>body .ratingLrgHorizBottom { background: url(http://www.bkkflights.com/images/badge/bg_rating_lrg_horiz_bottom.png) bottom left no-repeat; } /* small rating badge - vertical display */ /* middle shadow */ .ratingSmVertMid { width: 46px; height: 22px; padding: 0px 3px 0px 2px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/badge/bg_rating_sm_vert_mid.png'); } html>body .ratingSmVertMid { background: url(http://www.bkkflights.com/images/badge/bg_rating_sm_vert_mid.png) bottom left repeat-y; } /* bottom shadow */ .ratingSmVertBottom { width: 51px; height: 4px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/badge/bg_rating_sm_vert_bottom.png'); } html>body .ratingSmVertBottom { background: url(http://www.bkkflights.com/images/badge/bg_rating_sm_vert_bottom.png) bottom left no-repeat; } /* small rating badge - horizontal display */ /* left shadow */ .ratingSmHorizLt { width: 2px; height: 17px; float: left; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/badge/bg_rating_sm_horiz_lt.png'); } html>body .ratingSmHorizLt { background: url(http://www.bkkflights.com/images/badge/bg_rating_sm_horiz_lt.png) bottom left no-repeat; } /* middle shadow */ .ratingSmHorizMid { width: 92px; height: 13px; padding: 0px 0px 4px 0px; float: left; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/badge/bg_rating_sm_horiz_mid.png'); } html>body .ratingSmHorizMid { background: url(http://www.bkkflights.com/images/badge/bg_rating_sm_horiz_mid.png) bottom left repeat-x; } /* right shadow */ .ratingSmHorizRt { width: 3px; height: 17px; float: left; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/badge/bg_rating_sm_horiz_rt.png'); } html>body .ratingSmHorizRt { background: url(http://www.bkkflights.com/images/badge/bg_rating_sm_horiz_rt.png) bottom left no-repeat; } /* image sizes for rating scores */ /* large score */ .ratingScoreLrg { width: 52px; height: 28px; } /* small score */ .ratingScoreSm { width: 22px; height: 13px; } /* image sizes for ratings */ /* large vertical rating */ .ratingLrgVert { width: 52px; height: 17px; } /* large horizontal rating */ .ratingLrgHoriz { width: 63px; height: 28px; } /* small vertical rating */ .ratingSmVert { width: 46px; height: 9px; } /* small horizontal rating */ .ratingSmHoriz { width: 46px; height: 13px; } /* small PCW logo */ .ratingPCWSm { width: 24px; height: 13px; } /* one column of download listings */ .prcListSet { width: 100%; display: block; margin: 16px 0px 0px 2px; } /* one group/category of download listings */ .prcListItem { width: 100%; margin: 0px 0px 14px 0px; display: inline; float: left; } /*repeat the above definitions for product retailer grid, which lives in narrower column*/ /* rows with sponsored content */ /* table with all downloads */ .prodAllCont { width: 360px; margin: 4px 8px 4px 16px; } .prodAllCont .sponsored { background-color: #f5f5f6; } /* shaded rows with sponsored content */ .prodAllCont .sponsoredShade { background-color: #eaeaeb; } /* shaded rows */ .prodAllCont .shade { background-color: #f0f5fc; } /* make filename column wide */ .prodAllCont td { text-align: center; } /* add sponsored tag as a background */ .prodAllCont td.sponsored { background: #f5f5f6 url(http://www.bkkflights.com/images/label_sponsored.gif) 8px 8px no-repeat; padding: 20px 7px 7px 7px; } /* Sortable table headers normally have red text */ table.prodAllCont th.sortable { color: #000000; cursor: default; } /* shaded version of sponsored tag */ .prodAllCont td.sponsoredShade { background: #eaeaeb url(http://www.bkkflights.com/images/label_sponsored_shade.gif) 8px 8px no-repeat; padding: 20px 7px 7px 7px; } /* ************ */ /* Ranked Chart */ /* ************ */ /* best buy treatment */ .bestbuy { font-size: 11px; line-height: 12px; font-weight: bold; color: #000000; white-space: nowrap; } /* spacing for ranked chart */ .rankedChart, .pricingChart { padding: 0px 4px 8px 8px; } .rankedChart { width: 572px; } /* Compare button */ /* Supplements generic btnRedOnBlack style */ .btnCompare { margin: 2px 0px 2px 2px; float: left; } /* Spacing for test center icon */ .testCenterLinks .testCenterIcon { padding: 0px 8px 0px 0px; float: left; } /* Spacing for links */ .testCenterLinks { padding: 0px 8px 18px 8px; } /* Links are bold */ .testCenterLinks a { font-weight: bold; } /* Ranked table */ /* We override some borders from sortable table */ /* Specify html to ensure precedence */ html table.rankedTable, html table.pricingTable { background-color: #ffffff; /*border-width: 0px 1px 0px 1px; - causes bottom border to dissapear*/ } html table.rankedTable { width: 572px; } /* Odd rows get this shaded background */ .rankedTable .shade, .pricingTable .shade { background-color: #f0f5fc; } /* Center the checkbox column */ .rankedTable td.check, .pricingTable td.check { text-align: center; vertical-align: top; padding: 11px 0px 0px 0px; } /* Rank column has huge numbers in a bluish color */ .rankedTable td.rank, .pricingTable td.rank { font-size: 60px; line-height: 60px; color: #4c79a0; text-align: center; vertical-align: top; padding: 11px 20px 0px 20px; } /* Padding for the name column */ .rankedTable td.name, .pricingTable td.name { padding: 11px 8px 11px 8px; } /* Padding for the rating column */ .rankedTable td.rating, .pricingTable td.rating { vertical-align: top; padding: 11px 6px 0px 6px; } /* Related Categories box */ .pricingSearchCats { padding: 0px 4px 8px 8px; } .pricingSearchCats table { width:100%; border: 1px solid #7d7d7d; } .pricingSearchCats td { padding: 11px 8px 11px 8px; width:50%; } .pricingSearchCats th { font-weight: bold; text-align: left; vertical-align: center; white-space: nowrap; height: 27px; background: url(http://www.bkkflights.com/images/bg_table_head.gif) 0px 0px repeat-x; padding: 0px 7px 0px 7px; border-width: 0px 0px 1px 1px; border-style: solid; border-color: #959595; } /* Surrounding div for product name */ .comparisonName { cursor: pointer; position: relative; left: -3px; display: block; padding: 3px; float: left; clear: both; } /* Product name is linked */ .comparisonName a { font-weight: bold; /*text-indent: 15px;*/ display: block; } /* Adjust display of My Pages icon */ .comparisonName a.myPagesUnsaved,.comparisonName a.myPagesSaved { top: 5px; } /* BEGIN bug ID 409 */ td.name .prodImgLrg { float: left; } /* END bug ID 409 */ /* Product statistics */ /* width attribute added to prevent the list of stats from displaying under the product shots in charts whenever a single stat needs to break to 2 lines. bug ticket #320 */ .comparisonStats { line-height: 16px; padding: 0px 12px 8px 12px; float: left; width: 205px; } /* Bottom line display */ .comparisonSummary { line-height: 16px; padding: 10px 0px 0px 0px; } /* Links are bold */ .comparisonStats a,.comparisonSummary a { font-weight: bold; } /* ****************** */ /* Side-by-side Chart */ /* ****************** */ /* spacing for side by side chart */ .sideBySideChart { padding: 8px; } /* Product header table */ table.sideBySideHead { border-collapse: collapse; border-width: 0px 1px 0px 1px; border-style: solid; border-color: #ffffff; } /* Default header */ table.sideBySideHead td { font-weight: normal; text-align: left; vertical-align: top; width: 136px; padding: 15px 8px 0px 8px; border-width: 1px 0px 0px 1px; border-style: solid; border-color: #e5e5e5; } /* Firefox border-collapse: collapse is broken. use first-child instead */ html>body table.sideBySideHead { border-collapse: separate; } /* Remove left border on first child */ /* Not supported by IE. Still works in IE with border-collapse: collapse */ table.sideBySideHead td:first-child { border-width: 1px 0px 0px 0px; } /* Add margin to test center icon */ table.sideBySideHead .testCenterIcon { margin: 0px 0px 8px 0px; } /* Center product info */ table.sideBySideHead td.productInfo { text-align: center; } /* Centers divs as well */ table.sideBySideHead td.productInfo div { margin-right: auto; margin-left: auto; } /* Links are aligned left within their div */ table.sideBySideHead .productLinks { text-align: left; } /* Links are bold */ table.sideBySideHead a { font-weight: bold; } /* Div styles for red row headers */ /* Left edge */ .sideBySideRowHeadLt { width: 2px; height: 20px; background: url(http://www.bkkflights.com/images/bg_side_by_side_rowhead_lt.gif) top right no-repeat; margin: 16px 0px 0px 0px; float: left; } /* Right edge */ .sideBySideRowHeadRt { width: 2px; height: 20px; background: url(http://www.bkkflights.com/images/bg_side_by_side_rowhead_rt.gif) top left no-repeat; margin: 16px 0px 0px 0px; float: left; } /* Divider */ .sideBySideRowHeadDivider { width: 2px; height: 20px; background: url(http://www.bkkflights.com/images/bg_side_by_side_rowhead_div.gif) top left no-repeat; margin: 16px 0px 0px 0px; float: left; } /* Middle content area */ .sideBySideRowHeadMid { font-weight: bold; color: #ffffff; width: 136px; height: 17px; background: url(http://www.bkkflights.com/images/bg_side_by_side_rowhead_mid.gif) top left repeat-x; padding: 3px 8px 0px 7px; margin: 16px 0px 0px 0px; float: left; } /* TODO: change for product pages */ .sideBySideRowHeadMidProd { font-weight: bold; color: #ffffff; height: 17px; background: url(http://www.bkkflights.com/images/bg_side_by_side_rowhead_mid.gif) top left repeat-x; padding: 3px 8px 0px 7px; margin: 16px 0px 0px 0px; float: left; } /* Side by side table */ /* Table for product stats */ table.sideBySideTable { border-collapse: collapse; border-width: 0px 1px 0px 1px; border-style: solid; border-color: #ffffff; margin: 8px 0px 0px 0px } /* Table headers */ table.sideBySideTable th { width: 136px; font-weight: bold; background: #e0eaf9; padding: 3px 8px 4px 8px; } /* Table cells */ table.sideBySideTable td { width: 136px; padding: 3px 8px 4px 8px; border-width: 0px 0px 1px 1px; border-style: solid; border-color: #e5e5e5; } /* Firefox border-collapse: collapse is broken. use first-child instead */ html>body table.sideBySideTable { border-collapse: separate; } /* Remove left border on first child */ /* Not supported by IE. Still works in IE with border-collapse: collapse */ table.sideBySideTable td:first-child { border-width: 0px 0px 1px 0px; } /* Container div for product image */ /* Could not apply margin directly to image due to a bug in ie that creates an odd shaped hover */ div.sideBySideProdImg { margin: 8px; } /* repeat the above definitions for product retailer grid, which has a narrower column */ /* defines width of filename column */ .prodAllCont td.spnfileName { } /* sponsored downloads descriptions*/ .prodAllCont .spnproductInfo { font-size: 13px; line-height: 18px; float: left; } /* sponsored downloads descriptions*/ .prodAllCont .spnproductInfo { font-size: 13px; line-height: 18px; float: left; } /* bug #261 */ .chartSubCat { color: #fff; padding: 0px 7px 0px 7px; font-weight: bold; height: 27px; background: #4c79a0; } /*bug #288*/ table.sideBySideHead ul.listArrowSet li { width:120px; } /* changes for Latest Prices updates */ .pgLogo { width: 200px; height: 23px; float: right; padding-right: 8px; } /* pricegrabber search button spacing ++++ removed right margin and changed bottom spec+++ */ .srchBtnPG { position: relative; bottom: 3px; margin: 0px 0px 0px 0px; float: left; } /* override IE specifics above ++++ changed bottom spec+++ */ html>body .srchBtnPG { bottom: 4px; } /* new background for pricegrabber mag glass button */ a.btnHdSearchPG { text-align: center; width: 26px; height: 24px; background-position: 0px 0px; display: block; } a.btnHdSearchPG { background-image: url(http://www.bkkflights.com/images/btn_hd_search2.gif); /* must use GIF due to IE lack of support for transparent PNG */ } a.btnHdSearchPG:hover { background-position: 0px -24px; } .srchFldPG { padding-right: 8px; float: left; } /* PRODUCT CATEGORY PAGES */ .prodImgLrgPG { width: 75px; height: 75px; float: left; } .ratingFloat { position: relative; margin: 0px 0px 0px 0px; float: right; display: block; top: -20px; right: 1px; } /* Padding for the rating column */ .rankedTable td.rating2 { vertical-align: top; padding: 11px 6px 0px 9px; } .usrRating { width: 65px; } /* COMPARE PAGE */ .prodImgLrgPGcompare { width: 75px; height: 75px; float: center; } /* PRICING PAGE */ /* dupe of dllAllCont */ .pricingTab { width: 562px; margin: 4px 10px 4px 16px; } .pricingTab td { vertical-align: top; padding: 7px; } /* parameter changed from 338px */ .pricingTab td.fileName { width: 138px; } .pricingTabBadge { padding: 8px 0px 0px 2px; text-align: center; } /* override IE specifics above ++++ changed padding spec+++ */ html>body .pricingTabBadge { padding: 8px 0px 0px 8px; } .pricingTab .sponsored { background-color: #f5f5f6; } .pricingTab .sponsoredShade { background-color: #eaeaeb; } .pricingTab .shade { background-color: #f0f5fc; } .pricingTab td.sponsored { background: #f5f5f6 url(http://www.bkkflights.com/images/label_sponsored.gif) 8px 8px no-repeat; padding: 20px 7px 7px 7px; } .pricingTab td.sponsoredShade { background: #eaeaeb url(http://www.bkkflights.com/images/label_sponsored_shade.gif) 8px 8px no-repeat; padding: 20px 7px 7px 7px; } .pricingTab a { font-weight: bold; } .pricingTab .productInfo { font-size: 13px; line-height: 18px; width: 271px; float: left; } .pricingTab a.linkListTopic { display: block; padding: 3px; } .linkListTopic img { border: none; } .pgrabTerms { margin: 8px; } /* LATEST PRICES PAGE */ .pgLogo { width: 200px; height: 23px; float: right; padding-right: 8px; } /* pricegrabber search button spacing ++++ removed right margin and changed bottom spec+++ */ .srchBtnPG { position: relative; bottom: 3px; margin: 0px 0px 0px 0px; float: left; } /* override IE specifics above ++++ changed bottom spec+++ */ html>body .srchBtnPG { bottom: 4px; } #blockDD2 { display: block; } #blockDD3 { display: block; } /* FULL SPECS PAGE */ .testReportRowHeadMidBlank { width: 2px; height: 20px; background: url(http://www.bkkflights.com/images/bg_side_by_side_rowhead_mid.gif) top left repeat-x; margin: 16px 0px 0px 0px; float: left; } .testReportMfrInfo { margin: 8px 4px 0px 0px; } /* Pricing Information tile */ .pricingInfo2Col { display: inline; /* fixes IE bug */ padding: 6px 0px 8px 0px; margin: 0px 0px 0px 4px; float: left; width: 376px; } .pricingInfoDek { padding-top: 4px; } /* spacing for a set of pricing info items */ .pricingInfoSet { width: 186px; padding: 0px 0px 0px 2px; float: left; } /* PRICING FILTERS */ .priceFilterMain { width:194px; border:1px solid #7d7d7d; } html>body .priceFilterMain { width:194px; border:1px solid #7d7d7d; margin:0; } .priceFilterMain ul { list-style-type:none; margin:0; padding:0; display:block; } .priceFilterMain li { display:block; margin:0; padding:0; } .priceFilterHead { /* margin: 0; padding: 0; background-color: #ccc; border-bottom: 1px solid #7d7d7d; height:26px; */ font-weight: bold; text-align: left; vertical-align: center; height: 26px; background: url(http://www.bkkflights.com/images/bg_table_head.gif) 0px 0px repeat-x; padding: 0 7px 0px 7px; border-width: 0 0 1px 0; border-style: solid; border-color: #959595; } .priceFilterHd { font-size: 15px; font-weight: bold; padding: 5px; margin: 0; } .priceFilterGroup { margin: 8px 0 8px 0; } .priceFilterGroupHd { background-color: #ccc; border-bottom:1px solid #7d7d7d; padding: 0 2px 0 2px; margin: 0 0 3px 0; font-weight: bold; } .priceFilterSelected { background-color: #ccc; /*padding: 5px 5px 5px 5px;*/ } .priceFilterSelectedHd { font-weight:bold; } .priceFilterCheck { padding:0; border:0; margin:3px 0 0 0; } .priceFilterGroup .priceFilterCheck { float:left; } .priceFilterCheck img { border:0; } .priceFilterLegend { padding:5px 0 10px 0; } .priceFilterUncheck img { border:0; } .priceFilterLink { width: 168px; margin-left:12px; } .priceCompareHd { background: url(http://www.bkkflights.com/images/bg_form_controls_mid.gif) top left repeat-x; } html>body .priceCompareHd { background: url(http://www.bkkflights.com/images/bg_form_controls_mid.gif) top left repeat-x; } /* PRICING BROWSE */ .browseL1 { font-size:13px; display:block; font-weight: bold; } .browseL2 { display:inline; color: #707273; } .browseL2v { display:block; color: #707273; margin-left: 10px; } .browseCont { margin-bottom:0; } .browseItem { display:inline; float:left; width:260px; margin:10px 10px 0 0; } .browseItem2col { display:inline; float:left; width:160px; margin:10px 8px 0 8px; } table.nav1 { width:100%; font-size:15px; font-weight:bold; border-collapse:collapse; } table.nav1 td { text-align:center; padding:6px; border: 1px solid #707273; } .nav1btn { background-color:#ccc; } .nav1btnSel { background-color:#707273; } .nav2 { padding: 8px 0 8px 0; font-size:13px; border-top: 2px solid #707273; } .navWrapper { margin: 0 0 20px 8px; } /* ********************* */ /* PG Product */ /* ********************* */ /* product image gallery */ .pgProdGallery { width: 135px; padding: 0px 13px 0px 0px; float: left; } /* top shadow for image gallery */ .pgProdGalleryTop { width: 135px; height: 4px; background: url(http://www.bkkflights.com/images/pg_prod_pix_top.gif) bottom left no-repeat; } /* middle shadow for image gallery */ .pgProdGalleryMid { width: 135px; height: 125px; background: url(http://www.bkkflights.com/images/pg_prod_pix_mid.gif) bottom left repeat-y; padding: 0px 5px 0px 5px; } /* image size for product gallery image */ .pgProdGalleryImg { width: 125px; height: 125px; } /* bottom shadow for image gallery */ .pgProdGalleryBtm { width: 135px; height: 6px; background: url(http://www.bkkflights.com/images/pg_prod_pix_btm.gif) bottom left no-repeat; } /* spacing for product overview area */ .pgProdOverview { width: 571px; padding: 0px 0px 12px 17px; } /* Avg User Rating label and Total Number of Reviews info */ .pgUserRatingprodCredit { width: 336px; padding: 0px 0px 12px 8px; float: left; } /* Avg User Rating label and Total Number of Reviews info */ .pgProdMrkt { width: 400px; padding: 0px 0px 12px 4px; float: left; } table.productPrice { border-collapse:collapse; margin: 0; } table.productPrice td { margin:0; padding:0 8px 0 0; border:0; } /* ############################################################################## REVIEWFINDER ############################################################################### */ a.reviewFinderBtnOff,a.reviewFinderBtnOn,a.reviewFinderBtnGrayOff,a.reviewFinderBtnGrayOn { line-height: 24px; font-weight: normal; color: #ffffff; width: 173px; height: 24px; background-image: url(http://www.bkkflights.com/images/btn_find_review.png); position: absolute; top: 10px; right: 4px; display: block; padding: 0px 0px 0px 11px; } /* review finder button - grey background */ a.reviewFinderBtnGrayOff,a.reviewFinderBtnGrayOn { background-image: url(http://www.bkkflights.com/images/btn_find_review_gray.png); } /* review finder button - off */ a.reviewFinderBtnOff,a.reviewFinderBtnGrayOff { background-position: 0px 0px; } /* review finder button - off rollover */ a.reviewFinderBtnOff:hover,a.reviewFinderBtnGrayOff:hover { background-position: 0px -24px; } /* review finder button - on */ a.reviewFinderBtnOn,a.reviewFinderBtnGrayOn { background-position: 0px -48px; } /* review finder button - on rollover */ a.reviewFinderBtnOn:hover,a.reviewFinderBtnGrayOn:hover { background-position: 0px -72px; } /* review finder - spacing */ .reviewFinder { width: 784px; } /* review finder - positioning */ /* viewport containing review finder pane */ #reviewFinderDrawer { position: relative; top: -6px; } /* review finder - top */ .reviewFinderTop { width: 784px; height: 8px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/review_finder_TOP.png'); } html>body .reviewFinderTop { background: url(http://www.bkkflights.com/images/review_finder_TOP.png) top left no-repeat; } /* review finder - main area */ .reviewFinderMain { width: 784px; position: relative; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/review_finder_mid.png'); } html>body .reviewFinderMain { background: url(http://www.bkkflights.com/images/review_finder_mid.png) top left repeat-y; } /* review finder - bottom */ .reviewFinderBtm { width: 784px; height: 7px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/review_finder_btm.png'); } html>body .reviewFinderBtm { background: url(http://www.bkkflights.com/images/review_finder_btm.png) top left no-repeat; } /* review finder form section */ .reviewFinderBlock { width: 772px; background: #262626 url(http://www.bkkflights.com/images/review_finder_horiz_divider.png) bottom left repeat-x; position: relative; left: 6px; padding: 0px 0px 10px 0px; } /* review finder form section - bottom */ .reviewFinderBlockBtm { width: 772px; height: 28px; background-color: #262626; position: relative; left: 6px; padding: 3px 0px 1px 0px; } /* review finder form section - row of elements */ .reviewFinderSet { width: 772px; padding: 11px 0px 4px 0px; } /* review finder form section - element */ .reviewFinderElement { margin: 0px 10px 0px 6px; float: left; } /* review finder form section - element - header */ .reviewFinderElement h2 { font-size: 13px; line-height: 13px; font-weight: normal; color: #ffffff; padding: 0px; margin: 0px 0px 9px 3px; } /* review finder - select */ .reviewFinderElement select { width: 164px; display: block; padding: 0px; margin: 0px; } /* review finder - input */ .reviewFinderElement input { width: 145px; display: inline; padding: 0px; margin: 0px; } /* review finder - instructional text */ .reviewFinderInstruct { line-height: 11px; font-weight: normal; color: #ffffff; width: 750px; padding: 9px 0px 3px 6px; margin: 0px; } /* review finder form section - element - header */ .reviewFinderText { font-size: 13px; line-height: 13px; font-weight: normal; color: #ffffff; padding: 0px; margin: 0px 0px 9px 3px; } /* review finder - get review button */ a.btnGetReviews { position: relative; left: 341px; float: left; } /* review finder - close button spacing */ a #reviewFinderClose { margin: 4px 6px 6px 0px; } /* set initial displays for review finder elements (step 1 of 2-step process) */ .reviewFinderElement,#blockStep2,#btnGetReviews { display: none; } /* only this block displays to begin */ #blockDD1 { display: block; } /* ############################################################################## SEARCH ############################################################################### */ .srch { width: 372px; margin: 4px 4px 4px 8px; } /* search results result count */ .srchCount { font-size: 11px; line-height: 16px; font-weight: bold; position: relative; top: 16px; right: 6px; margin: 0px; float: right; } /* search subheader spacing */ .srchSubhdCont { width: 360px; margin: 0px 0px 16px 9px; } /* search subheader text */ .srchSubhd { line-height: 24px; font-weight: bold; height: 25px; padding: 0px; margin: 0px 0px 0px 1px; } /* search subheader link */ .srchSubhd a { line-height: 24px; padding: 2px 3px 2px 3px; margin: 0px; } /* spacing for search subheader dotted divider */ .srchSubhdCont .dividerDotted { margin: 0px 0px 7px 0px; } /* sponsored search results */ .divSrchSponsored { width: 354px; background: #ededed url(http://www.bkkflights.com/images/srch_label_sponsored.gif) top left no-repeat; padding: 26px 9px 4px 9px; margin: 9px 0px 16px 0px; } /* search results item - sponsored */ .divSrchSponsoredItem { width: 342px; margin: 0px 0px 12px 0px; } /* search results item - sponsored link */ .divSrchSponsored a.linkTitle { font-size: 13px; line-height: 13px; } /* search results item */ .divSrchResultsItem { width: 354px; padding: 0px 9px 0px 9px; margin: 0px 0px 15px 0px; } /* search results article listing */ .divSrchResultsTitle { cursor: pointer; position: relative; left: -3px; display: block; padding: 3px; float: left; clear: both; } /* search results article link */ .divSrchResultsTitle a { font-size: 13px; line-height: 13px; font-weight: bold; /*text-indent: 15px;*/ display: block; } /* more links */ a.linkMore { color: #990000; padding: 2px 3px 2px 3px; margin: 0px 0px 0px -3px; } /* search results pagination */ .srchResultsNav { margin: 0 0 15px 5px; } /* search results pagination - font styles */ .srchResultsNav,.srchResultsNav a { font-size: 13px; line-height: 13px; font-weight: bold; } /* search results pagination - page links */ .srchResultsNav .sel,.srchResultsNav a { padding: 1px 3px 1px 3px; } /* search results pagination - previous button */ .srchResultsNav a.prev { background-image: url(http://www.bkkflights.com/images/icon_arrow_r_solid_lt.gif); background-repeat: no-repeat; background-position: 4% 3px; padding: 1px 3px 1px 16px; margin-right: 8px; } /* search results pagination - next button */ .srchResultsNav a.next { background-image: url(http://www.bkkflights.com/images/icon_arrow_r_solid_rt.gif); background-repeat: no-repeat; background-position: 95% 3px; padding: 1px 16px 1px 3px; margin-left: 8px; } /* idg, pricegrabber, and downloads subheader */ .idgSubhdCont,.pricegrabSubhdCont,.dnloadSubhdCont { width: 188px; height: 220px; margin: 4px; } /* pricegrabber and downloads items */ .divPricegrabItem,.divDnloadItem { width: 188px; margin: 6px 0px 10px 0px; } /* spacing for text */ .divPricegrabItem .divText,.divDnloadItem .divText { margin: 0px 0px 2px 0px; } /* search form */ .srchForm { padding: 0px 4px 0px 16px; } /* search form fields spacing */ .srchFld { padding: 0px 8px 12px 0px; float: left; } /* spacing for search checkbox */ .divSrchCheckbox { position: relative; left: -4px; padding: 3px 0px 0px 0px; } /* search within these results checkbox */ .srchCheckbox { position: relative; top: 2px; } /* search button spacing */ .srchBtn { position: relative; bottom: 1px; margin: 0px 16px 0px 0px; float: left; } /* override IE specifics above */ html>body .srchBtn { bottom: 2px; } /* search form button */ a.btnSrch { text-align: center; width: 26px; height: 24px; background-image: url(http://www.bkkflights.com/images/btn_srch.gif); /* must use GIF due to IE lack of support for transparent PNG */ background-position: 0px 0px; display: block; } /* search form button - rollover */ a.btnSrch:hover { background-position: 0px -24px; } /* instructional text for search form alternates (advanced search or browse by topic) */ .srchAlt { white-space: nowrap; padding: 5px 0px 0px 0px; float: left; } /* sort by date and hide summaries options - spacing */ .srchSort { margin: 0px 0px 10px 0px; } /* sort by date and hide summaries options - link style */ .srchSort a { font-size: 13px; } /* ************** */ /* New Search Results */ /* ************** */ /* spacer */ .sectionColB .search { width: 370px; margin: 4px 0 14px 0; } #template_SRCH_results_solo .sectionColB .search { margin:4px 0pt 14px; padding-left:5px; width:370px; } .sectionCol2 .search { width: 384px; margin: 4px 0 14px 4px; } .search { } .searchForm { margin: 0 0 22px 16px; } .searchFormLabel { float:left; margin-top:17px; margin-right: 5px; font-weight:bold; } .searchFormUIWrapper { float:left; } .searchFormUINav { font-size:9px; font-weight:bold; width:460px; text-align:left; margin-bottom:-5px; } .searchFormUINavItem { text-transform:uppercase; margin: 0 4px 0 4px; } .searchFormUIInputs { } .searchFormTextInput { width:460px; float:left; margin-top:5px; } .searchFormSubmit { float:left; } #searchResponseMsg { font-weight: bold; margin:20px; visibility:none; } /* subheaders */ .searchSubHd { width:48%; float:left; } .searchSubHdNav { width: 48%; text-align: right; float: right; font-weight: normal; font-size: 11px; } /* list items */ .searchItem { margin-top: 10px; } .searchHed { width: 360px; margin-top: 3px; font-weight: bold; } .searchHed a { font-size: 13px; line-height: 13px; font-weight: bold; cursor: pointer; } .searchDek { } /* pagination links */ .searchMore { cursor: pointer; width: 360px; margin: 18px 0 0 0; font-weight: bold; } .searchDownloadMore { font-weight: normal; } /* bullets */ .searchBulletHi { width:10px; float:left; margin-top: 2px; font-weight: bold; color: #300; } .searchBulletMed { width:10px; float:left; margin-top: 2px; font-weight: bold; color: #933; } .searchBulletLo { width:10px; float:left; margin-top: 2px; font-weight: bold; color: #fcc; } /* ############################################################################## SECTIONBAR ############################################################################### */ .sectionBar4ColCont,.sectionBar4Col { width: 784px; height: 44px; position: relative; } /* section bar - 5 column */ .sectionBar5ColCont,.sectionBar5Col { width: 980px; height: 44px; position: relative; } /* must be in front of retractable review finder pane */ .sectionBar4Col,.sectionBar5Col { z-index: 10; } /* section bar - left portion */ .sectionBar4ColLt,.sectionBar5ColLt { width: 6px; height: 44px; float: left; } /* section bar - left portion - 4 column */ .sectionBar4ColLt { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/section_bar_4col_lt.png'); } html>body .sectionBar4ColLt { background: url(http://www.bkkflights.com/images/section_bar_4col_lt.png) top left no-repeat; } /* section bar - left portion - 5 column */ .sectionBar5ColLt { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/section_bar_5col_lt.png'); } html>body .sectionBar5ColLt { background: url(http://www.bkkflights.com/images/section_bar_5col_lt.png) top left no-repeat; } /* section bar - middle portion */ .sectionBar4ColMid,.sectionBar5ColMid { height: 44px; position: relative; float: left; } /* section bar - middle portion - 4 column */ .sectionBar4ColMid { width: 772px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/section_bar_4col_mid.png'); } html>body .sectionBar4ColMid { background: url(http://www.bkkflights.com/images/section_bar_4col_mid.png) top left repeat-x; } /* section bar - middle portion - 5 column */ .sectionBar5ColMid { width: 968px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/section_bar_5col_mid.png'); } html>body .sectionBar5ColMid { background: url(http://www.bkkflights.com/images/section_bar_5col_mid.png) top left repeat-x; } .sectionBar5ColMid img { position: relative; top: 6px; left: 2px; display: block; padding: 1px 0px 0px 0px; margin: 0px; float: left; } /* section bar - right portion */ .sectionBar4ColRt,.sectionBar5ColRt { width: 6px; height: 44px; float: left; } /* section bar - right portion - 4 column */ .sectionBar4ColRt { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/section_bar_4col_rt.png'); } html>body .sectionBar4ColRt { background: url(http://www.bkkflights.com/images/section_bar_4col_rt.png) top left no-repeat; } /* section bar - right portion - 5 column */ .sectionBar5ColRt { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/section_bar_5col_rt.png'); } html>body .sectionBar5ColRt { background: url(http://www.bkkflights.com/images/section_bar_5col_rt.png) top left no-repeat; } /* section bar - header - 4 column */ .sectionBar4ColHd { font-size: 20px; line-height: 20px; font-weight: bold; position: relative; top: 11px; left: 6px; display: block; padding: 1px 0px 0px 0px; margin: 0px; float: left; } #template_HOME .sectionBar4ColHd { /*color: #393939;*/ color:#707273; font-size: 18px; } /* section bar - subheader - 4 column */ .sectionBar4ColSubhd { font-size: 13px; line-height: 24px; font-weight: normal; color: #393939; position: relative; top: 12px; left: 4px; display: block; padding: 0px 0px 0px 9px; margin: 0px; float: left; } /* section bar - header - 5 column */ .sectionBar5ColHd,a.linkSectionBarHd { /* on topic pg, sectionBarHd contains a.linkSectionBarHd */ font-size: 20px; line-height: 20px; font-weight: bold; color: #ffffff; position: relative; margin: 0px; } /* section bar - header - 5 column */ .sectionBar5ColHd { top: 10px; left: 6px; display: block; padding: 1px 0px 0px 0px; float: left; } /* section bar - subheader - 4 column */ .sectionBar5ColSubhd { font-size: 13px; line-height: 24px; font-weight: normal; color: #fff; position: relative; top: 11px; left: 4px; display: block; padding: 0px 0px 0px 9px; margin: 0px; float: left; } /* section bar - header link - 5 column */ a.linkSectionBarHd { color: #ffffff; left: -4px; padding: 3px 4px 3px 4px; border: 0px; } /* section bar - header link - 5 column - rollover */ a.linkSectionBarHd:hover { background: transparent; padding: 2px 3px 2px 3px; border: 1px solid #3c3c3c; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/link_section_bar_hd_bg.png'); } html>body a.linkSectionBarHd:hover { background: url(http://www.bkkflights.com/images/link_section_bar_hd_bg.png) top left repeat; } /* ############################################################################## SLIDESHOW ############################################################################### */ /*#template_slideshow .leaderboardAd { width: 728px; height: 90px; background-color: #ededed; padding: 0px 133px 0px 133px; margin:8px 0 16px 0; float: left; }*/ #template_slideshow .modBase { margin-top: 10px; } #template_slideshow .container{ padding:0px 8px 0 8px; } #template_slideshow .layoutMain{ padding: 0px 0 16px 0; } #template_slideshow .showcaseAd { margin-top:30px; } .slideShowContent { padding: 0px; } .slideShowContent .sectionCol3 { padding:0px 8px 0 0px; } .slideShowContent .sectionCol2 { padding:8px 0 0 8px; } .slideContainer { float:left; width: 984px; z-index: 0; padding: 0px 3px 0px 16px; } /*.slideShow { width: 562px; margin: 8px 0px 4px 0px; padding: 8px; border: 1px solid #7b7a7a; background-color:#fff; position: relative; }*/ .slideShow { background-color:#FFFFFF; border:1px solid #7B7A7A; margin:8px 0px 4px; padding:0pt; position:relative; width:575px; } html>body .slideShow { margin: 4px 0px 0px 0px; } .slideShow img { padding: 0px; } .slideShowText{ padding: 8px 10px 0px 10px; } .leadin{ font-size: 15px; font-weight: bold; padding-right: 6px; } .slideShowText a{ border-bottom: 1px dotted #900; } .slideShowCredit { text-transform:capitalize; color: #959595; padding: 8px 0 0px 0; } .slideShowNavBtns { margin: 12px 0px 0 -2px; width: 100px; float:left; } html>body .slideShowNavBtns { margin: 16px 0px 8px -2px; } .counter { font-size: 13px; font-weight:bold; line-height: 18px; position:relative; left:8px; top:3px; color:#999; } .slideShowToolbar { padding: 8px 0 0 3px; } .thumbnails { /*width: 572px;*/ width: 472px; height: 80px; border:1px solid #c7c7c7; margin:6px 0 6px 0; padding: 6px 0 0 6px; overflow:auto; white-space: nowrap; background: url(http://www.bkkflights.com/images/gallery_bg.jpg); repeat: x; } .thumbnails img { height: 51px; padding: 3px 3px 3px 3px; border:none; } .thumbnails a:hover img { background-color:#920405; } #thumbnailSelected { background-color:#920405 } /* ############################################################################## TABLES ############################################################################### */ table.sortable { border: 1px solid #7d7d7d; border-collapse: collapse; } /* Firefox border-collapse: collapse is broken. use first-child instead */ html>body table.sortable { border-collapse: separate; } /* Inner vertical borders are lighter grey */ table.sortable td { border-width: 0px 0px 0px 1px; border-style: solid; border-color: #bdbdbe; } /* Remove left border on first child */ /* Not supported by IE. Still works in IE with border-collapse: collapse */ table.sortable tr td:first-child { border-width: 0px 0px 0px 0px; } /* Table header */ table.sortable th { font-weight: bold; text-align: left; vertical-align: center; white-space: nowrap; height: 27px; background: url(http://www.bkkflights.com/images/bg_table_head.gif) 0px 0px repeat-x; padding: 0px 7px 0px 7px; border-width: 0px 0px 1px 1px; border-style: solid; border-color: #959595; } /* Remove left border on first child */ /* Not supported by IE. Still works in IE with border-collapse: collapse */ table.sortable tr th:first-child { border-width: 0px 0px 1px 0px; } /* Sortable table headers have red text */ table.sortable th.sortable { color: #990000; cursor: pointer; } table.sortable th.unsortable { color: #990000; } /* Red hover table header */ table.sortable th.hover { background: url(http://www.bkkflights.com/images/bg_table_head.gif) 0px -27px repeat-x; } /* Selected table header */ table.sortable th.selected { background: url(http://www.bkkflights.com/images/bg_table_head.gif) 0px -54px repeat-x; } /* ****** */ /* Sponsored Files Ad Module */ /* ****** */ /* NONSortable table. */ table.nonsortable { border: 1px solid #7d7d7d; border-collapse: collapse; margin: 0px 0px 12px 8px; } /* Firefox border-collapse: collapse is broken. use first-child instead */ html>body table.nonsortable { border-collapse: separate; } /* Inner vertical borders are lighter grey */ table.nonsortable td { border-width: 0px 0px 0px 1px; border-style: solid; border-color: #bdbdbe; } /* Remove left border on first child */ /* Not supported by IE. Still works in IE with border-collapse: collapse */ table.nonsortable tr td:first-child { border-width: 0px 0px 0px 0px; } /* Table header */ table.nonsortable th { font-weight: bold; text-align: left; vertical-align: center; white-space: nowrap; height: 1px; background: url(http://www.bkkflights.com/images/bg_table_head.gif) 0px 0px repeat-x; padding: 0px; } /* Remove left border on first child */ /* Not supported by IE. Still works in IE with border-collapse: collapse */ table.nonsortable tr th:first-child { border-width: 0px 0px 1px 0px; } /*ticket #413*/ .oldtable { f