/**
* Main CSS
* PC World
*/
/************** */ /* HTML Entities */ /* ************* */
/* temp Business Center addition */
.bc {
float:left;
background-image:url(http://www.bkkflights.com/images/div_dash_hd3.gif);
background-repeat:no-repeat;
background-position:left bottom;
margin-left:8px;
}
.bc a.IndexLinks {
margin-left:12px;
}
/* Default body style */
body {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 11px;
line-height: 14px;
color: #000000;
/* background-color:#fcfcfd;*/
text-align: center;
margin: 0px;
background-color:#585959;
background-image: url(http://www.bkkflights.com/images/wrapperBG.gif);
background-repeat: repeat-y;
background-position: center top;
}
/* Default body style for popup windows */
body.popup {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 11px;
line-height: 14px;
color: #000000;
text-align: left;
background: #fcfcfd;
margin: 0px;
}
/* default link styles */
a {
text-decoration: none;
/*color: #990000;*/
color:#004784;
background-color: transparent;
}
/* hover changes color, no underline */
a:hover {
color: #990000;
background-color: #edd6d7;
}
/* default table styles */
table {
padding: 0px; /* cellpadding=0 */
border: 0px; /* border=0 */
border-spacing: 0px; /* cellspacing=0 */
}
.artCont table {
font-size:11px;
}
/* default form styles */
form {
margin: 0px;
font-family: arial, verdana, helvetica, sans-serif;
}
input,select,textarea {
font-size: 11px;
line-height: 14px;
}
/* lists */
ul {
list-style: square outside;
padding: 0px;
margin: 0px 0px 0px 4px;
}
/* nested list */
ul ul {
list-style: square outside;
padding: 0px;
margin: 0px 0px 0px 14px;
}
/* list item */
ul li {
padding: 0px;
margin: 8px 0px 6px 14px;
}
/* *************** */ /* Page Containers */ /* *************** */ /* main page container */ /* page is centered */
.container {
text-align: left;
width: 996px;
position: relative;
padding: 0px 4px 0px 4px;
margin-right: auto;
margin-left: auto;
background-color:#707273;
}
/* page container for wide pages */ /* wide pages are centered left */
.containerWide {
width: 100%;
padding: 0px;
}
/* ***** */
/* Tiles */
/* ***** */
/* Layouts */
/* main layout */
.layoutMain {
width: 996px;
}
/* Areas */
/* header area */
.areaHeader {
width: 988px;
height: 93px;
padding: 0px 4px 4px 4px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.bkkflights.com/images/hd_shadow.png');
}
/* above proprietary Microsoft "filter" rules allow IE to display PNGs with transparency;
rules below are invisible to IE and display the PNGs normally */
html>body .areaHeader {
background: url(http://www.bkkflights.com/images/hd_shadow.png) top left no-repeat;
}
/* header area - wide */
.areaHeaderWide {
width: 100%;
}
/* banner area */
.areaBanner {
margin: 0px 0px 4px 0px;
}
/* footer area */
.areaFooter {
margin: 0px 4px 0px 0px;
padding-left: 4px;
}
/* main area */
.areaMain {
background-color: #e0e4e6;
z-index: 2;
padding: 4px 0px 0px 0px;
border: 1px solid #f0f2f3;
border-bottom: 0px;
margin: 0px 4px 8px 4px;
}
/* main area - wide */
.areaMainWide {
z-index: 2;
padding: 0px;
border: 0px;
margin: 0px 8px 8px 8px;
}
/* main area - top */
.areaMainTop {
position: relative;
z-index: 1;
padding: 0px 3px 0px 3px;
}
/* main area - left */
.areaMainLeft {
width: 195px;
/*padding: 0px 0px 0px 3px;*/
float: left;
}
/* main area - right */
.areaMainRight {
width: 784px; /* 788 - 3pad - 1border */
z-index: 0;
/*padding: 0px 3px 0px 0px;*/
float: left;
}
/* main area - bottom */
.areaMainRightBtm {
width: 784px; /* 788 - 3margin - 1border */
background-color: #fcfcfd;
padding-top: 12px;
margin: 4px 0px 4px 3px;
float: left;
}
/* Sections */
/* section column, no width (flexible) */
.sectionCol {
float: left;
}
/* section column, 1 col */
.sectionCol1 {
width: 196px;
float: left;
}
/* section column, 2 col */
.sectionCol2 {
width: 392px;
float: left;
}
/* section column, 2 col narrow (for use in mainRightBtm) */
.sectionColB {
width: 378px;
float: left;
}
#template_SRCH_results .sectionColB {
padding-left: 10px;
overflow:hidden;
}
/* vertical rule */
.areaMainRightBtm .section2Col.column2 {
background: url(http://www.bkkflights.com/images/divider_dash_fat.gif) top left repeat-y;
margin-bottom: 6px;
}
#template_SRCH_results_solo .areaMainRightBtm .section2Col.column2 {
background: url(http://www.bkkflights.com/images/divider_dash_fat.gif) top left repeat-y;
margin-bottom: 6px;
padding-left: 5px;
}
/* override vertical rule for specific templates */
#template_med_lib .areaMainRightBtm .section2Col.column2,
#template_SRCH_results .areaMainRightBtm .section2Col.column2,
#template_PFproduct_pricing .areaMainRightBtm .section2Col.column2,
#template_PFproduct_specs .areaMainRightBtm .section2Col.column2,
#template_PFproduct_userreviews .areaMainRightBtm .section2Col.column2,
#template_PFsearch .areaMainRightBtm .section2Col.column2,
#template_REVIEW .areaMainRightBtm .section2Col.column2,
#template_REVIEW_series .areaMainRightBtm .section2Col.column2,
#template_REVIEW_userreviews .areaMainRightBtm .section2Col.column2,
#template_REVIEW_addreview .areaMainRightBtm .section2Col.column2,
#template_REVIEW_testreport .areaMainRightBtm .section2Col.column2,
#template_REVIEW_specs .areaMainRightBtm .section2Col.column2,
#template_REVIEW_pricing .areaMainRightBtm .section2Col.column2,
#template_SMBstore_filter .areaMainRightBtm .section2Col.column2,
#template_SMBstore_browse .areaMainRightBtm .section2Col.column2,
#template_PFbrowse .areaMainRightBtm .section2Col.column2,
#template_PFbrowse_alt3 .areaMainRightBtm .section2Col.column2,
#template_CHART_custom .areaMainRightBtm .section2Col.column2,
#template_CHART_filter .areaMainRightBtm .section2Col.column2,
#template_CHART_smart .areaMainRightBtm .section2Col.column2 {
background: transparent;
margin-bottom: 0;
}
/* section column, 3 col */
.sectionCol3 {
width: 588px;
float: left;
}
/* section column, 3 col narrow (for use in mainRightBtm) */
.sectionColC {
width: 584px;
float: left;
}
/* section column, 4 col */
.sectionCol4 {
width: 784px;
float: left;
}
.section2Col {
}
.section3Col {
}
.section4Col {
}
.section5Col {
}
.column1 {
}
.column2 {
}
.column3 {
}
.column4 {
}
.column5 {
}
/* ******* */
/* Modules */
/* ******* */
/*
Modules should use the following structure.
*/
/* module header */
.modHd {
font-size: 15px;
font-weight: bold;
color:#000;
padding: 0 0 0 2px;
margin-bottom:6px;
border-top: 2px solid #707273;
line-height:24px;
background: url(http://www.bkkflights.com/images/modHdgradient.jpg) top left repeat-x;
}
.modDek {
font-weight: bold;
padding: 6px 3px 10px 3px;
}
.modDekLg {
font-size:13px;
font-weight: bold;
padding: 6px 3px 10px 3px;
}
.modBase {
/*background-color:aqua;*/
/* placeholder for now */
/*margin: 0 7px 20px 6px;*/
/*padding: 0 7px 0 0;*/
margin: 0 6px 20px 10px;
}
/* 1-column module */
.mod1Col {
/*width: 184px;*/
/*border-left: 2px solid #191919;*/
/*border-right: 2px solid #191919;*/
/*background-color: #fcfcfd;*/
}
/* 2-column module */
.mod2Col {
/*width: 380px;*/
/*border-left: 2px solid #191919;*/
/*border-right: 2px solid #191919;*/
/*background-color: #fcfcfd;*/
}
.sectionColB .mod2Col {
/*width: 376px;*/
}
/* 3-column module */
.mod3Col {
/*width: 576px;*/
/*border-left: 2px solid #191919;*/
/*border-right: 2px solid #191919;*/
/*background-color: #fcfcfd;*/
}
.sectionColC .mod2Col {
/*width: 572px;*/
}
/* Module Heights - # in .modHeight[#] represents row units */
.modHeight1 {
height: 76px;
}
.modHeight2 {
height: 190px;
}
.modHeight3 {
height: 304px;
}
.modHeight4 {
height: 418px;
}
.modHeight5 {
height: 532px;
}
/* for side by side cols within module */
.modCol {
float: left;
}
.modContent,.mod1ColContent,.mod2ColContent,.mod3ColContent {
position: relative;
margin: 0;
/*padding: 4px;*/
}
/* remove forced widths */
/*
.mod1ColContent {
width: 184px;
}
*/
/* 2-col module content */
/*
.mod2ColContent {
width: 380px;
}
*/
/* 3-col module content */
/*
.mod3ColContent {
width: 570px;
}
*/
/* 1-col module - leader text */
.mod1ColLead {
font-weight: bold;
padding: 8px 8px 2px 6px;
}
/* 1-col module - item */
.mod1ColItem {
padding: 0px 0px 8px 0px;
}
/* Module Divider */
/* horizontal module divider */
.modHorizDivider {
width: 100%;
height: 9px;
margin-top:8px;
/*background: url(http://www.bkkflights.com/images/mod_horiz_divider.gif) bottom left repeat-x;*/
/*height: 1px;*/
background: url(http://www.bkkflights.com/images/divider_dash.gif) top left repeat-x;
}
/* Custom Content Layout */
/* module list - spacing */
.div1ColSet,.div1ColSetList {
/* pushes 1-col content down from header bar */
position: relative;
top: 10px;
}
/* module list - linked spacing */
.div1ColSetList {
top: 5px;
}
/* 1 column image */
.div1ColImg {
position: absolute;
bottom: 5px;
right: 5px;
float: right;
}
/* 2 column listing */
.div2ColSet {
width:50%;
position: relative;
float: left;
}
/* 2 column image */
.div2ColImg {
width: 51px;
position: relative;
margin-left: 5px;
float: left;
}
/* ************ */ /* General Text */ /* ************ */ /* page header (e.g. article title) */
.pghd {
font-size: 24px;
line-height: 28px;
font-weight: bold;
padding: 0px;
margin: 0px 0px 2px 0px;
}
/* text - large */
.textLarge {
font-size: 13px;
line-height: 18px;
overflow: hidden;
}
/* text - large - default line height */
.textLargeStdHt {
font-size: 13px;
}
/* text - gray */
.textGray {
color: #959595;
}
/* Sets a bold font */
.bold {
font-weight: bold;
}
/* Disables a bold default */
.unbold {
font-weight: normal;
}
.right {
text-align:right;
}
.divTitleGrande {
cursor: pointer;
position: relative;
display: block;
padding: 3px;
}
.divTitleGrande a {
font-size: 24px;
line-height: 26px;
font-weight: bold;
display: block;
}
.titleGrande {
cursor: pointer;
padding: 3px;
}
.titleGrande a {
font-size: 24px;
line-height: 26px;
font-weight: bold;
}
.divTitleLg {
cursor: pointer;
position: relative;
display: block;
padding: 3px;
}
.divTitleLg a {
font-size: 18px;
line-height: 18px;
font-weight: bold;
display: block;
}
.titleLg {
cursor: pointer;
padding: 3px;
}
.titleLg a {
font-size: 18px;
line-height: 18px;
font-weight: bold;
}
.divDekLg {
font-size:13px;
line-height: 18px;
padding:3px 3px 8px 3px
}
.dekLg {
font-size:13px;
line-height: 18px;
padding:3px 3px 8px 3px
}
.divTitleMed {
cursor: pointer;
position: relative;
display: block;
padding: 3px;
}
.divTitleMed a {
font-size: 13px;
font-weight: bold;
/*text-indent: 15px;*/
display: block;
}
.titleMed {
cursor: pointer;
padding: 3px;
}
.titleMed a {
font-size: 13px;
font-weight: bold;
}
.divTitle {
cursor: pointer;
position: relative;
display: block;
padding: 1px 3px 1px 3px;
}
.divTitle a {
font-weight: bold;
margin-left:3px;
/*text-indent: 3px;*/
display: block;
}
.title {
cursor: pointer;
padding: 1px 3px 1px 3px;
}
.title a {
font-weight: bold;
margin-left:3px;
/*text-indent: 3px;*/
}
.divDek {
padding:0 4px 8px 4px
}
.dek {
padding:3px 3px 8px 3px
}
/* divs that contain hrefs; for instance, links with My Pages clickable icons next to them */ /* # in name - e.g. divTitle[#]Col - represents number of columns */ /* 1-col module title text */
.divTitle1Col {
cursor: pointer;
position: relative;
display: block;
padding: 1px 3px 1px 3px;
}
/* 1-col module title text - link */
.divTitle1Col a {
font-weight: bold;
margin-left:3px;
/*text-indent: 3px;*/
display: block;
}
/* 2-col module title text */
.divTitle2Col {
cursor: pointer;
position: relative;
display: block;
padding: 0;
}
/* 2-col module title text - link */
.divTitle2Col a {
font-size: 13px;
line-height: 16px;
/* BEGIN bug ID 399 */ /* Removed extra line-height spec */ /* END bug ID 399 */
font-weight: bold;
/*text-indent: 15px;*/
display: block;
}
/* 2-col small text module title text */
.divTitle2ColMed {
cursor: pointer;
position: relative;
display: block;
padding: 2px;
}
/* 2-col small text module title text - link */
.divTitle2ColMed a {
font-size: 13px;
font-weight: bold;
/*text-indent: 15px;*/
display: block;
}
/* 2-col small text module title text */
.divTitle2ColSm {
cursor: pointer;
position: relative;
display: block;
padding: 0;
}
/* 2-col small text module title text - link */
.divTitle2ColSm a {
font-weight: bold;
/*text-indent: 15px;*/
display: block;
}
/* module text */
.div1ColText,.div1ColTextWide {
}
/* q column text - for rss and news modules */
.div1ColTextWide {
}
/* module leads */
.div1ColTextLead,.div2ColTextLead {
font-weight: bold;
padding: 0px 0px 10px 0px;
}
/* 2 column text lead paragraph */
.div2ColTextLead {
padding-top: 8px;
}
/* 2 column text */
.div2ColText {
padding: 2px;
}
/* 2 column text - for sign in and registration modules */
.div2ColTextWide {
}
/* primary category listing */
.divTitle2ColListMain {
width: 265px;
}
/* primary category listing - link */
.divTitle2ColListMain a {
width: 260px;
}
/* secondary category listing */
.divTitle2ColListItem {
width: 355px;
}
/* secondary category listing - link */
.divTitle2ColListItem a {
font-size: 13px;
line-height: 18px;
width: 347px;
}
/* regular common links */
a.linkTitle,a.linkTitleProdList,a.linkInline,a.linkInlineBold {
padding: 1px 3px 1px 3px;
margin-left: -3px;
}
/* linked titles */
a.linkTitle {
display: inline;
}
/* override display:inline above for non-IE */ /* block required for hover of multiple lines on non-IE, breaks on IE */
html>body a.linkTitle {
display: block;
}
/* top rated product listing links */
a.linkTitleProdList {
width: 140px;
position: relative;
left: -4px; /* nudge text closer to arrow */
bottom: 2px; /* nudge up to align with arrow; IE only */
display: block;
}
/* override IE nudge above */
html>body a.linkTitleProdList {
position: relative;
bottom: 0px;
}
/* inline links */
a.linkInline,a.linkInlineBold {
display: inline;
margin-right: -3px;
}
a.linkInlineBold {
font-weight: bold;
}
/* module links aligned to bottom right of module */
a.linkBtmRt1,a.linkBtmRt1above {
line-height: 11px;
font-weight: bold;
position: absolute;
bottom: 6px;
right: 2px;
padding: 3px;
}
/* secondary link - just slightly above the first */
a.linkBtmRt1above {
bottom: 20px;
}
/* bottom right linke for featured content module */
a.linkBtmRtFeatcust {
line-height: 11px;
font-weight: bold;
padding: 3px;
margin: 3px 0px 0px 0px;
float: right;
}
/* module links aligned to bottom left of module */ /* generally used for solid touts */
a.linkBtmLt {
line-height: 12px;
font-weight: bold;
color: #ffffff;
position: absolute;
left: 15px;
bottom: 6px;
padding: 3px;
}
a.linkBtmLt:hover {
color: #990000;
}
/* arrow for module links aligned to bottom left */
.linkBtmLtArrow {
position: absolute;
left: 6px;
bottom: 8px;
}
html>body .linkBtmLtArrow {
bottom: 10px;
}
/* linked category listing */
.listTopic {
margin: 0px 0px 5px 0px;
}
/* linked category listing item */
a.linkListTopic {
font-size: 13px;
line-height: 13px;
font-weight: bold;
padding: 1px 3px 1px 3px;
margin: 0px -3px 0px -3px;
}
/* ******** */ /* Dividers */ /* ******** */ /* standard solid divider */
.dividerSolid {
height: 2px;
background-color: #707273;
}
/* standard dotted divider */
.dividerDotted {
height: 1px;
background: url(http://www.bkkflights.com/images/divider_dash.gif) top left repeat-x;
}
/* ***************** */ /* Section Subheader */ /* ***************** */ /* section subheader - spacing */
/* section subheader - large */
.sectionSubhd {
font-size: 15px;
line-height: 24px;
font-weight: bold;
height: 25px;
padding: 0px;
margin: 0px 0px 0px 1px;
}
/* section subheader - small */
.sectionSubhd2 {
font-size: 13px;
line-height: 25px;
font-weight: bold;
height: 25px;
padding: 0px;
margin: 0px 0px 0px 1px;
}
.sectionSubhdCont {
width: 760px;
padding: 4px 0px 16px 16px;
}
/* section subheader - short spacing */ /* for use when not aligning with modules */
.sectionSubhdShortCont {
width: 752px;
margin: 4px 0px 16px 16px;
}
/* section subheader - short spacing */ /* for use within forms */
.formSectionSubhdShortCont {
width: 752px;
margin: 4px 0px 16px 0px;
}
/* container for modules with subhead */
.subhdCont {
height: 220px;
margin: 4px;
}
/* blog listing column */
.subhdContBlogList {
margin: 4px 8px 4px 12px;
}
/* ****************** */
/* Miscellaneous */
/* ****************** */
/* Clear style for clearing floats */
.clear {
font-size: 0px; /* for IE -- avoid any space from phantom text */
height: 1px;
background: transparent; /* for IE -- avoid space from inherited filters */
margin-bottom: -1px;
clear: both;
}
/* *************************** */
/* Custom List Modules */
/* *************************** */
.custList {
margin: 0px;
}
.custListLead {
font-weight: bold;
margin: 0 4px 8px 4px;
/*padding: 0px 0px 0px 8px;*/
}
/* IMAGE SPACING */
/* spacing for Custom List image */
.custListItem2Col img,
.custListItem1Col img {
margin: 2px 8px 0px 0px;
float: left;
}
/* *************************** */
/* 2 Column Custom List Styles */
/* *************************** */
/* 2 column text lead paragraph */
.custListLead {
padding-top: 8px;
}
/* 2 Column Custom List item */
.custListItem2Col { /* 2 column width */
position: relative;
display: block;
margin: 6px;
}
/* 2 Column Custom List Headlines */
.custListTitle2Col {
cursor: pointer;
position: relative;
display: block;
padding: 3px;
clear: both;
}
/* 2 Column Custom List Headlines - link */
.custListTitle2Col a {
font-size: 13px;
font-weight: bold;
/* text-indent: 15px;*/
display: block;
}
/* 2 Column List Dek */
.custListDek2Col {
cursor: default;
position: relative;
left: -3px;
display: block;
/* padding: 3px; */
padding: 2px 3px 0 3px;
clear: both;
}
/* topic page article listing - link */
.custListDek2Col a {
/*text-indent: 15px;*/
display: block;
cursor: pointer;
}
/* *************************** */
/* 1 Column Custom List Styles */
/* *************************** */
/* 1 Column Custom List item */
.custListItem1Col { /* 2 column width */
position: relative;
display: block;
margin: 6px 0 6px 6px; /* changed right margin */
}
/* 1 Column Custom List Headlines */
.custListTitle1Col {
cursor: pointer;
position: relative;
left: -3px;
display: block;
padding: 1px 3px 1px 3px;
clear: both;
}
/* 1 Column Custom List Headlines - link */
.custListTitle1Col a {
font-size: 11px;
font-weight: bold;
/*text-indent: 15px;*/
display: block;
}
/* 1 Column List Dek */
.custListDek1Col {
cursor: pointer;
position: relative;
left: -3px;
display: block;
padding: 2px 3px 0 3px;
clear: both;
}
/* 2-col module title text */
.divTitleXCol {
cursor: pointer;
width: 259px;
position: relative;
display: block;
padding: 3px;
float: left;
font-size: 14px;
line-height: 24px;
font-weight: bold;
}
strong.linkInlineBold {
color: #900;
padding: 1px 3px 1px 3px;
margin-left: -3px;
}
.leadin {
font-size: 15px;
font-weight: bold;
padding-right: 6px;
}
/* *************** */ /*TEMP*/ /* *************** */
/* *************** */ /* Toolbar Sponser code */ /* *************** */ /* capsule toolbar */
#template_REVIEW .toolbarCont, #template_REVIEW_userreviews .toolbarCont, #template_REVIEW_specs .toolbarCont {
/*border: 1px solid #CCCCCC;*/
/*border: 0px solid #CCCCCC;
overflow: hidden;
height: 16px;
width:350px;
padding-bottom:-15px;
float:left;*/
}
#template_REVIEW .toolAd, #template_REVIEW_userreviews .toolAd, #template_REVIEW_specs .toolAd {
/* display:none;
float:right;
margin:-9px 0 -6px 0;*/
}
/* New subfrom 10/05/2007 */
/* #subform_bg {background: url('../images/subform_bg.jpg') no-repeat;width:780px;height:184px;border: 1px solid #333333;}*/
/*#2covers {position:absolute;left:235px;top:59px;height:125px;width:145px;}*/
#subscribeForm {
background-color:#0050a1;
background-image:url(http://www.bkkflights.com/images/offer.gif);
background-repeat:no-repeat;
background-position:0 0;
/*width:780px;*/
/*height:184px;*/
border: 1px solid #333333;
}
#subscribeForm #covers {
float:right;
margin-right:5px;
margin-top:59px;
height:125px;
width:145px;
}
#subscribeForm #Form {
float:right;
/*margin-left:404px;*/
/*margin-top:10px;
margin-right:10px;*/
margin-top:5px;
margin-right:5px;
height:171px;
width:361px;
background-image:url(http://www.bkkflights.com/images/formBG.jpg);
background-repeat:no-repeat;
background-position:0 0;
padding:10px;
text-align: left;
}
#subscribeForm table {
font-size:12px;
width:360px;
margin:0 auto 5px auto;/*height:151px;*/
}
#subscribeForm td.10 {
width:10px;
}
#subFooter {
float:left;
width:100%;
background-color:#6699CC;
padding-top:3px;
padding-bottom:3px;
margin-top:-14px;
text-align:center;
border-top:1px solid #333333;
color:#333333;
}
#subFooter a {
font-size:11px;
color:#333333;
text-decoration:none;
}
.spacer {
clear:both;
}
.divTitleRoundup {
width:365px;
}
/* fix for video page titles pcworld.com/video.html */
#template_med_lib .divTitleRoundup {
display: inline;
}
#myproductadvisor img {
border:solid 1px #000000;
margin:3px 0 2px 4px;
}
/********************** FROM smb.css for Business Center Tout ***************************/
#Homefeature {
/*float: left;*/
width: 375px;
overflow: hidden;
margin-top: 0px;
margin-bottom: 20px;
}
#Homefeature ul {
padding: 0px;
width: 375px;
margin: 0 0 0 -13px;
}
#Homefeature li {
list-style-type: none;
float: left;
width: 106px;
padding:0px;
color:#999999;
}
#Homefeature li a {
width: 106px;
/*color: #82000a;*/
text-decoration: none;
font-size: 11px;
font-weight:bold;
line-height: 13px;
display: block;
margin-bottom:3px;
}
#Homefeature li a:hover {
color:#ab0226;
}
#Homefeature li.last {
margin-right: 0px;
}
#Homefeature .image {
width:106px;
height:98px;
overflow:hidden;
margin-bottom:8px;
}
#Homefeature .image img {
border:none;
margin-left:-50px;
}
/******************************************************************************************/
/********************** SMB style review finder & filter for PCW *************************/
/****************************************************************************************/
#sidebar {
float: none;
width:764px;
overflow:hidden;
border: 1px solid #EFEFEF;
margin:0 8px 14px 10px;
padding-top: 5px;
padding-bottom: 5px;
background-color:#FFFFFF;
}
html>body #sidebar {
width:auto;
padding-bottom: 0px;
}
/*IE7*/
*:first-child+html #sidebar {
padding-bottom:5px;
}
#sidebar .item {
width:114px;
float:left;
overflow: hidden;
margin-right: 5px;
margin-bottom:10px;
margin-top:-3px;
position: relative;
}
html>body #sidebar .item {
margin-bottom:5px;
margin-top:0px;
}
/*IE7*/
*:first-child+html #sidebar .item {
margin-bottom:10px;
margin-top:-5px;
}
#sidebar .itemMain {
width:114px;
float:left;
margin-right: 10px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
background-color: #EFEFEF;
margin-top: -5px;
margin-bottom:10px;
}
html>body #sidebar .itemMain {
margin-bottom:0px;
}
#sidebar .item ul {
margin: 0px;
padding: 0px;
display: none;
}
#sidebar .item ul li {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#sidebar .item h3, #sidebar .itemMain h3 {
margin: 0px;
padding: 0px;
}
#sidebar .item h3 a {
text-decoration: none;
background-image: url(http://www.bkkflights.com/images/arrowBlue.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 7px;
font-weight:normal;
font-size:11px;
margin:0px;
}
#sidebar .item h3 a:hover {
background-image: url(http://www.bkkflights.com/images/arrowRed.gif);
background-color:none;
}
#sidebar .itemMain h3 {
color: #000000;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #707273;
margin-bottom:5px;
font-weight: normal;
}
#sidebar .itemMain a {
text-decoration: none;
font-size: 9px;
}
#sidebar .itemSelected {
float: right;
width: 634px;
margin-left: -10px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #EFEFEF;
margin-top: -5px;
padding-left: 5px;
background-image: url(http://www.bkkflights.com/images/itemSelected-BG.gif);
background-repeat: repeat-y;
}
#sidebar .itemSelected li {
float: left;
list-style-type: none;
width: 114px;
margin-right: 5px;
}
#sidebar .itemSelected ul {
margin: 0px;
padding: 0px;
}
#sidebar .itemSelected h3 a {
color: #000000;
text-decoration: none;
font-weight: normal;
}
#sidebar .itemSelected h3 {
padding: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #EFEFEF;
margin: 0 0 5px 0;
background-color: #FFFFFF;
}
#sidebar .itemSelected a {
text-decoration: none;
line-height: 13px;
}
#sidebar .itemSelected h3 .viewAll {
font-size: 9px;
color: #004784;
}
#reviewFinder {
margin:4px;
}
#reviewFinder h6 {
text-transform: uppercase;
font-size: 11px;
color: #000000;
font-weight: bold;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #707273;
margin: 0px;
padding: 0px;
}
#reviewFinder .form {
background-color: #231f20;
background-image: url(http://www.bkkflights.com/images/reviewFinderBG.gif);
background-repeat: repeat-x;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
overflow: hidden;
}
/*IE7*/
*:first-child+html #reviewFinder .form {
padding-bottom: 10px;
}
#reviewFinder .form select,
#reviewFinder .form input {
margin-top: 5px;
margin-bottom: 1px;
width: 130px;
overflow:hidden;
}
html>body #reviewFinder .form select,
html>body #reviewFinder .form input {margin-bottom: 5px;}
#reviewFinder .form input#textfiled {
font-size:10px;
color:#CCCCCC;
}
#reviewFinder .form a.button {
line-height: 25px;
color: #000000;
text-decoration: none;
background-image: url(http://www.bkkflights.com/images/buttonBlack.gif);
background-repeat:no-repeat;
background-position:center;
text-align: center;
display:block;
margin: 5px 0 5px 0;
}
#reviewFinder .form a {
color: #999999;
text-decoration: none;
}
#reviewFinder .form a:hover {
background-color:#000000;
}
/*********************************************************************************************/
/**************************************** Review Charts *************************************/
/*********************************************************************************************/
#chart table {
margin-left:10px;
border-collapse:collapse;
border-spacing:0;
padding:0;
background-color:#ffffff;
}
#chart table td {
border:1px solid #efefef;
padding:8px;
}
#chart table tr {
border-bottom: 1px solid gray;
}
#chart table td.check {
border-right:0;
padding: 2px;
}
#chart table td.image {
width:92px;
border-right:0;
border-left:0;
padding-left:5px;
padding-right:0;
}
#chart table td.specs {
border-left:0;
padding:5px 0 5px 10px;
color:#4d4d4d;
}
#chart table td.specs strong {
font-weight:normal;
}
#chart table td.specs p {
color:#000000;
margin: 5px 0 5px 0;
}
#chart table td.specs p strong {
color:#000000;
font-weight:bold;
}
#chart table td.specs a {
text-decoration:underline;
}
#template_CHART_filter #chart table td.specs h2 {
margin:0px;
padding:0px;
}
#template_CHART_filter #chart table td.specs h2 a {
text-decoration: none;
}
#testCenter {
width: 160px;
margin:0 0 10px 10px;
}
#testCenter img {
float:right;
}
#testCenter a[href="/testcenter/"] {
color:#000000;
font-weight:bold;
}
#chart h1 {
margin:0px;
padding:0px;
font-size: 24px;
font-weight: bold;
color: #000000;
}
#chart table td {
font-size:11px;
vertical-align: top;
}
#chart table td .ysmSponsored {
margin:-7px;
}
#chart table td.image img {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin-bottom: 5px;
}
#chart table td.image p {
font-size:10px;
color:#999999;
margin-top: -1px;
}
#chart table h2 a, #chart table h1 a {
text-decoration: none;
font-size: 18px;
line-height:normal;
font-weight:normal;
}
#chart table td.prices a.button {
line-height: 25px;
color: #FFFFFF;
text-decoration: none;
background-image: url(http://www.bkkflights.com/images/button.gif);
background-repeat:no-repeat;
background-position:center;
text-align: center;
display:block;
margin: 5px 0 5px 0;
}
/*IE7*/
*:first-child+html #chart table td.prices {
width: 115px;
}
#chart table td.prices {
width: 108px;
color: #ab0226;
}
#chart table td.prices strong {
color: #707273;
font-weight:normal;
}
#chart table td.check {
background-color:#999999;
vertical-align: middle;
}
#chart table td.tools {
background-color: #efefef;
}
#chart table td.tools a {
text-decoration:underline;
}
#chart .compare {
float: right;
background-color: #999999;
color: #FFFFFF;
margin: -8px;
background-image: url(http://www.bkkflights.com/images/arrowCompare.gif);
background-repeat: no-repeat;
background-position: left center;
padding-top: 8px;
padding-right: 8px;
padding-bottom: 8px;
padding-left: 16px;
display: inline;
width: 135px;
}
#chart .compare a img {
border:0px;
float:right;
margin-top: -4px;
margin-bottom: -8px;
margin-right: -4px;
}
#pagination {
margin-bottom: 0px;
}
#pagination ul {
margin: 0px;
padding: 0px;
}
#pagination li {
list-style-type: none;
display:inline;
text-transform:uppercase;
}
#chart #pagination li a {
text-decoration:none;
margin-right:3px;
background-color:#004784;
color:#ffffff;
padding-top: 3px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
border:solid 1px #004784;
}
#pagination li.selected a {
background-color:#ffffff;
color:#004784;
}
#chart #pagination li a:hover {
background-color:#ab0226;
border:solid 1px #ab0226;
}
#pagination li.selected a:hover {
background-color:#ffffff;
color:#004784;
border:solid 1px #004784;
}
#chart p {
margin-left:10px;
}
/*******************************************
code for typing html/code into stories
*********************************/
.typeCode {
width:300px;
background-color:#C6D9EA;
color:#000000;
white-space: nowrap;
overflow: scroll;
}
/*******************************************
creation of new id for newlwtter copy style update -Gk
*********************************/
#nlnew{
color:#AB0226;
font-style:italic;
}
/*******************************************
downloads spawn page ad changes
*********************************/
#template_DL_spawn .reviewFinderBlock {
display:none;
}
#template_DL_spawn .areaMainRightBtm .section2Col.column2 {
background:none;
}
/*******************************************
creation of new id for focusOn style update -Gk
*********************************/
#focusOn {
background-image: url(http://www.bkkflights.com/images/btmCapBkg.gif);
background-repeat:no-repeat;
background-position:bottom;
padding:0 0 10px 0;
margin:0 0 20px 0;
float:left;
width:370px;
}
#focusOn h2 {
float:left;
font-size:1.42em;
color:#000;
padding:0 0 0 103px;
margin:-33px 0 0 0;
width:260px;
}
html>body #focusOn h2 {
float:left;
font-size:1.42em;
color:#000;
padding:0 0 0 105px;
margin:-34px 0 0 0;
}
#focusOn ul {
background-image: url(http://www.bkkflights.com/images/topCapBkg.gif);
background-repeat:no-repeat;
background-position:top;
padding:40px 0 0 10px;
margin:0;
font-size:1em;
color:#000;
width:370px;
}
#focusOn ul li.left {
list-style:none;
float:left;
width:42%;
padding:0 10px 0 10px;
margin:0;
border-right:dotted 1px #DDDDDD;
}
#focusOn ul li.left a {
font-size:13px;
font-weight:bold;
display:block;
}
#focusOn ul li.right a {
font-size:13px;
font-weight:bold;
display:inline;
}
#focusOn ul li.right {
list-style:none;
float:left;
margin:0;
padding:0 10px 0 20px;
width:42%;
text-align:left;
}
#focusOn ul li.right a {
padding:0;
display:block;
}
#focusOn div{
padding:0 0 10px 0;
width:
}
#focusOn #featuredSponsor {
background-image:url(http://www.bkkflights.com/images/featuredSponsorBkg.gif);
background-position:left center;
background-repeat:no-repeat;
padding:0 0 10px 90px;
}
#focusOn #lastFocus strong {
margin:-40px 0 0 55px;
font-weight:normal;
display:block;
/*display:none;*/
}
#focusOn a img {
margin:0;
padding:10px 0 0 0;
border:0;
}
#focusOn .noBkg {
background-color:#ffffff;
display:inline;
}
#focusOn .learn{
float:right;
margin:10px 13px 0 0;
display:inline;
}
html>body #focusOn .learn{
float:right;
margin:10px 27px 0 0;
display:inline;
}
.floatClear {clear:both;}
/*********************************************************************************************/
/***************************** IE6 OVERRIDES BY GENE ic/emial and ic/pda *********************/
/*********************************************************************************************/
*html .areaMainRightBtm {
background-color:#FCFCFD;
float:left;
margin:4px 0px 4px 0;
padding-top:12px;
width:784px;
}
*html .areaMainRightBtm .section2Col.column2 {
background:none;
border-left:solid 1px #bdbdbe;
margin-bottom:6px;
}
*html .sectionCol2 {
float:left;
width:387px;
}
*html .sectionCol1 {
float:left;
width:193px;
}
/*********************************************************************************************/
/**************************** PCW SLIDESHOW styles **************************************/
/*********************************************************************************************/
#articleHead h2 {font-size:14px;line-height:16px;color:#000;}
#slide #sidebar {
float:none;
width:565px;
height:95px;
overflow:auto;
background-color:#DFE9EF;
margin:0 0 10px 0;
padding:5px;
}
#slide #sidebar .item {width:1000px;height:75px;background:none;white-space:nowrap;}
#slide #sidebar .image {
background-color:#666666;
/*width:100px;*/
/*height:75px;*/
margin-right:10px;
float:left;
}
#slide .image {
/*width:611px;
height:350px;*/
/*background-color:#666;*/
margin:0 0 10px 0;
text-align:center;
}
#slide h1 {
/*color:#787530;*/
font-size:16px;
font-weight:normal;
margin:0;
padding:0;
}
#slide h1,
#template_slideshow h1 {
/*color:#787530;*/
font-size:16px;
font-weight:normal;
margin:0;
padding:0;
}
#template_slideshow .image {margin:0 0 10px 0;}
#template_slideshow h1.artTitle {
font-size: 24px;
line-height: 28px;
font-weight: bold;
padding: 0px;
margin: 10px 0px 2px 0px;
}
#template_slideshow .comment #commentForm {background-color:#b8b9b9; padding:5px;}
/*#slide p {color:#58595A;font-size:12px;line-height:14px;}*/
/*********************************************************************************************/
/**************************** VentureDirect Ad -- left Nav **************************************/
/*********************************************************************************************/
.navAd {
text-align:center;
margin-bottom:10px;
background-color: transparent;
background-image: url(http://www.bkkflights.com/images/leftModGradient.gif);
background-repeat: repeat-x;
margin:10px 8px 0 4px;
padding:6px;
}