/* GENERAL STYLE FOR STATIC CONTENT */ /* Overriden html tags */ /***********************/ body { width: 100%; height: 100%; margin: 0; padding: 0; } table { border-collapse: collapse; border-color: #e8e8e8; } td, tr { vertical-align: top; border-color: #e8e8e8; } /*LINKS*/ /*******/ A.topic, A.topic:ACTIVE, A.topic:VISITED, A.subTopic, A.subTopic:ACTIVE, A.subTopic:VISITED { text-decoration: none; color: #336699; } A.topicS, A.topicS:ACTIVE, A.topicS:VISITED { text-decoration: underline; color: #336699; } A.topic:HOVER, A.subTopic:HOVER { text-decoration: none; color: #FFCC00; } A.topicS:HOVER { text-decoration: none; color: #336699; } .menuLink:link, .menuLink:visited, .menuLink:active { text-decoration: none; } /* FORM ELEMENTS */ /*****************/ .labelType { padding: 0px 7px 7px 7px; float: left; width: 75px; } .itemType { padding: 0px 7px 0px 0px; } .textArea { width: 160px; } textarea, input, option, select { font: normal 11px Verdana, Arial, sans-serif; } .inputLeng160 { width: 160px; } /*LINES */ /********/ .lineDotHorizontal2 { font-size: 1px; height: 5px; background-repeat: x; border-bottom: 1px dotted #336699; margin-bottom: 5px; } .lineDotBlue { border: 1px dotted #336699; height: 1px; margin-bottom: 5px; margin-top: 5px; border-style: none none dotted; } .lineDotOrange { margin-bottom: 5px; margin-top: 5px; border: 1px dotted #ffcc00; height: 1px; border-style: none none dotted; } .lineFullOrange { font-size: 1px; height: 3px; background-repeat: x; border-bottom: 1px solid #FFCC00; margin-bottom: 3px; } .lineEmpty { font-size: 1px; height: 5px; background-repeat: x; border-bottom: none; margin-bottom: 0px; } .blackPrint { font-size: 1px; height: 30px; background-repeat: x; border-bottom: 1px dotted #000; margin-bottom: 30px; } /*PADDINGS */ /***********/ .padding20 { padding-left: 20px; } /* Common css classes */ /**********************/ .main { width: 975px; margin: 0px; /* CHANGED BY ADK FROM 2->0 */ } .mainPrint { padding: 20px; /* CHANGED BY ADK FROM 2->0 */ color: #000; } .SingleColumnMain { width: 975px; } .DoubleColumnLeft { width: 685px; } .DoubleColumnRight { width: 280px; } .reset, .column-reset { clear: both; } .uppercase { text-transform: uppercase; } .bold { font-weight: bold; } .left { float: left; clear: left; } .right { float: right; clear: right; } .center { text-align: center; } .cornerBottom { position: absolute; width: 6px; height: 7px; background-color: #FFFFFF; } .hidden { display: none; } .content table { width: 98%; } .btnArrows { font-size: 8px; } .datum { padding-top: 8px; } .btMoreInfo { height: 14px; background-image: url(images/bgbuttonsaction.jpg); background-repeat: repeat-x; color: #336699; font-size: 10px; font-weight: bold; cursor: pointer; border: 1px solid #6699cc; width: auto; padding: 0px 3px 0px 3px; float: right; text-decoration: none; } /* DoubleColumnLeft */ /********************/ .DoubleColumnLeft .cornerTopRightBlue { margin: 0px 0px 0px 660px; position: absolute; background-image: url(images/common/hoekjelb.jpg); width: 15px; height: 30px; } .DoubleColumnLeft .cornerTopRightBlueGrad { margin: 0px 0px 0px 660px; position: absolute; background-image: url(images/common/hoekjebgrad.gif); width: 15px; height: 30px; } .DoubleColumnLeft .cornerTopRightOrange { margin: 0px 0px 0px 660px; position: absolute; background-image: url(images/common/hoekjeo.gif); width: 15px; height: 30px; } .DoubleColumnLeft .cornerTopRightOrangeGrad { margin: 0px 0px 0px 660px; position: absolute; background-image: url(images/common/hoekjeograd.gif); width: 15px; height: 30px; } /* DoubleColumnRight */ /********************/ .DoubleColumnRight .cornerTopRightYellow { margin: 0px 0px 0px 265px; position: absolute; background-image: url(images/common/hoekjey.gif); width: 15px; height: 30px; } .DoubleColumnRight .cornerTopRightYellowGrad { margin: 0px 0px 0px 265px; position: absolute; background-image: url(images/common/hoekjeygrad.gif); width: 15px; height: 30px; } .SingleColumnMain .cornerTopRightBlue { margin: 0px 0px 0px 950px; position: absolute; background-image: url(images/common/hoekjelb.jpg); width: 15px; height: 30px; } /* SingleColumnMain */ /********************/ .SingleColumnMain .cornerTopRightBlueGrad { margin: 0px 0px 0px 952px; position: absolute; background-image: url(images/common/hoekjebgrad.gif); width: 13px; height: 30px; } .SingleColumnMain .cornerTopRightOrange { margin: 0px 0px 0px 950px; position: absolute; background-image: url(images/common/hoekjeo.gif); width: 15px; height: 30px; } .SingleColumnMain .cornerTopRightOrangeGrad { margin: 0px 0px 0px 952px; position: absolute; background-image: url(images/common/hoekjeograd.gif); width: 13px; height: 30px; } .SingleColumnMain .cornerTopRightYellow { margin: 0px 0px 0px 952px; position: absolute; background-image: url(images/common/hoekjey.gif); width: 13px; height: 30px; } .SingleColumnMain .cornerTopRightYellowGrad { margin: 0px 0px 0px 952px; position: absolute; background-image: url(images/common/hoekjeygrad.gif); width: 13px; height: 30px; } .SingleColumnMain .blockStickyOrange .cornerTopRightOrangeStickyGrad { margin: 0px 0px 0px 677px; position: absolute; background-image: url(images/common/hoekjeogradnoshad.gif); width: 8px; height: 30px; } .SingleColumnMain .blockStickyBlue .cornerTopRightBlueStickyGrad { margin: 0px 0px 0px 677px; position: absolute; background-image: url(images/common/hoekjebgradnoshad.gif); width: 8px; height: 30px; } .SingleColumnMain .blockStickyBlue .cornerTopRightOrangeStickyGrad { margin: 0px 0px 0px 267px; position: absolute; background-image: url(images/common/hoekjeograd.gif); width: 13px; height: 30px; } .SingleColumnMain .cornerTopRightYellowStickyGrad { margin: 0px 0px 0px 267px; position: absolute; background-image: url(images/common/hoekjeygrad.gif); width: 13px; height: 30px; display: none; } /* SingleColumnMain */ /********************/ .blockContentMinimal .cornerTopRightContentMinimal { margin: 0px 0px 0px 954px; position: absolute; background-image: url(images/common/hoekjeminimal.gif); width: 11px; height: 12px; } .blockContentMinimal { color: #336699; border-right: 4px solid #AED8FF; border-bottom: 4px solid #AED8FF; padding: 0px; margin: 0px 0px 2px 10px; font-size: 11px; position: relative; } .blockContentMinimal .content { border: 1px solid #333366; color: #369; } /* STYLE COL TYPE Blue - full or main Blue Gradient */ /****************************************************/ .blockTypeBlueGrad { color: #336699; padding: 0px; font-size: 11px; position: relative; } .blockTypeBlueGrad .titlebar { background-image: url(images/common/bgblueheader.jpg); background-repeat: repeat-x; border-top: 1px solid #333366; border-left: 1px solid #333366; border-right: 1px solid #333366; height: 30px; } .blockTypeBlueGrad .titlebar .title { color: #FFFFFF; font-size: 12px; font-weight: bold; float: left; padding: 6px 0px 0px 7px; } .blockTypeBlueGrad .titlebar .titleYellow { color: #fc0; font-size: 12px; font-weight: bold; float: left; padding: 6px 0px 0px 7px; } .blockTypeBlueGrad .content { border: 1px solid #333366; color: #369; position: relative; } /* STYLE COL TYPE Orange - full or main, Orange Gradient */ /*********************************************************/ .blockTypeOrangeGrad { color: #336699; border-right: 6px solid #AED8FF; border-bottom: 6px solid #AED8FF; padding: 0px; margin: 0px 0px 2px 10px; font-size: 11px; } .blockTypeOrangeGrad .titlebar { background-image: url(images/common/orangegradbg.jpg); background-repeat: repeat-x; border-right: 1px solid #CC9900; border-left: 1px solid #CC9900; border-top: 1px solid #CC9900; height: 30px; } .blockTypeOrangeGrad .titlebar .title { color: #CC0000; font-size: 12px; font-weight: bold; padding: 6px 0px 0px 7px; float: left; } .blockTypeOrangeGrad .content { border-left: 1px solid #FFCC00; border-right: 1px solid #FFCC00; border-bottom: 1px solid #FFCC00; border-top: 1px solid #CC9900; color: #369; } /* STYLE COL TYPE Yellow - side, Yellow Gradient */ /*************************************************/ .blockTypeYellowGrad { color: #336699; border-right: 6px solid #AED8FF; border-bottom: 6px solid #AED8FF; padding: 0px; margin: 0px 0px 2px 0px; font-size: 11px; } .blockTypeYellowGrad .titlebar { background-image: url(images/common/yellowgradbg.jpg); background-repeat: repeat-x; border-right: 1px solid #CC9900; border-left: 1px solid #CC9900; border-top: 1px solid #CC9900; height: 30px; } .blockTypeYellowGrad .titlebar .title { color: #CC0000; font-size: 12px; font-weight: bold; padding: 6px 0px 0px 7px; float: left; } .blockTypeYellowGrad .content { border-left: 1px solid #FFCC00; border-right: 1px solid #FFCC00; border-bottom: 1px solid #FFCC00; border-top: 1px solid #CC9900; color: #369; } /* STYLE COL TYPE OrangeSticky - main, Orange & Yellow Gradient */ /****************************************************************/ .blockStickyOrange, .blockStickyBlue { margin: 0; } .cornerBottom { position: absolute; width: 8px; height: 7px; background-color: #FFFFFF; margin-top: 1px; margin-left: -1px; } .blockStickyBorder { border-left: 1px solid #FFCC00; border-right: 1px solid #FFCC00; border-bottom: 1px solid #FFCC00; } .blockStickyBlue .blockStickyBorder { border-left: 1px solid #336; border-right: 1px solid #336; border-bottom: 1px solid #336; } .blockStickyOrange .blockTypeOrangeStickyGrad { width: 694px; color: #336699; padding: 0px; margin: 0px; font-size: 11px; float: left; } .blockStickyBlue .blockTypeBlueStickyGrad { width: 694px; color: #336699; padding: 0px; margin: 0px; font-size: 11px; float: left; } .blockStickyOrange .blockTypeOrangeStickyGrad .titlebar { background-image: url(images/common/orangegradbg.jpg); background-repeat: repeat-x; border-top: 1px solid #CC9900; border-right: 1px solid #CC9900; height: 30px; } .blockStickyBlue .blockTypeBlueStickyGrad .titlebar { background-image: url(images/common/bgblueheader.jpg); background-repeat: repeat-x; border-top: 1px solid #336; border-right: 1px solid #CC9900; height: 30px; } .blockTypeOrangeStickyGrad .titlebar .title { color: #CC0000; font-size: 12px; font-weight: bold; padding: 8px 0px 0px 7px; float: left; } .blockTypeBlueStickyGrad .titlebar .title { color: #fff; font-size: 12px; font-weight: bold; padding: 6px 0px 0px 7px; float: left; } .blockTypeOrangeStickyGrad .content { border-top: 1px solid #CC9900; padding-bottom: 30px; color: #369; } .blockTypeBlueStickyGrad .content { border-right: 1px solid #FFCC00; border-top: 1px solid #336; padding-bottom: 30px; color: #369; } .blockStickyOrange .blockTypeYellowStickyGrad { width: 279px; color: #336699; padding: 0px; font-size: 11px; margin-top: 0px; float: right; } .blockStickyBlue .blockTypeOrangeStickyGrad { width: 279px; color: #336699; padding: 0px; font-size: 11px; margin-top: 0px; float: right; } .blockStickyOrange .blockTypeYellowStickyGrad .titlebar { background-image: url(images/common/yellowgradbg.jpg); background-repeat: repeat-x; border-top: 1px solid #CC9900; height: 30px; } .blockStickyBlue .blockTypeOrangeStickyGrad .titlebar { background-image: url(images/common/orangegradbg.jpg); background-repeat: repeat-x; border-top: 1px solid #CC9900; height: 30px; } .blockStickyOrange .blockTypeYellowStickyGrad .titlebar .title { color: #CC0000; font-size: 12px; font-weight: bold; padding: 8px 0px 0px 7px; float: left; } .blockStickyBlue .blockTypeOrangeStickyGrad .titlebar .title { color: #336; font-size: 12px; font-weight: bold; padding: 6px 0px 0px 7px; float: left; } .blockStickyOrange .blockTypeYellowStickyGrad .content { border-top: 1px solid #CC9900; color: #369; padding: 2px 7px; } .blockStickyBlue .blockTypeOrangeStickyGrad .content { border-top: 1px solid #CC9900; color: #369; padding: 10px 7px 7px; } /* STYLE FOR SEARCH IN BLUE HEADER */ /***********************************/ .search { color: #FFFFFF; float: right; margin-right: 10px; margin-top: 5px; } #searchText { font-size: 11px; vertical-align: middle; margin-left: 10px; } #searchButton { font-size: 11px; } /*CUSTOMER SERVICE CONTENT*/ /**************************/ .topicGroup { border: 1px solid #CCCCFF; width: 200px; margin-left: 5px; } .content tr, .content td { padding-left: 3px; padding-right: 3px; } .topicGroup_hoekje { margin: -1px 0px 0px 190px; position: absolute; background-image: url(images/common/hoekjelb.gif); width: 9px; height: 9px; overflow: hidden; display: none; } .cs_overview { height: 300px; float: left; margin-right: 20px; } .topicGroup_content { padding: 10px; } .subTopicPH { margin-left: 15px; } .previewtext { padding-top: 5px; padding-bottom: 5px; } .topicGroupContent { padding-bottom: 20px; } .topicGroup .title { border-bottom: 1px solid #CCCCFF; color: #336699; font-weight: bold; height: 25px; padding-left: 3px; } A.linktitletopicblock, A.linktitletopicblock:ACTIVE, A.linktitletopicblock:VISITED { color: #336699; font-weight: bold; padding: 3px; text-decoration: none; } A.linktitletopicblock:HOVER { color: #FFCC00; font-weight: bold; padding: 3px; } .topicGroup .topic, .topicGroup .subTopic { color: #336699; padding: 3px; margin: 3px; } .topicSelected { background-color: #CCEEFF; margin: 7px 0px 7px 0px; padding: 7px; border-bottom: 1px solid #336699; border-top: 1px solid #336699; } .topicSelected  .title { color: #336699; font-weight: bold; padding-bottom: 5px; } .answer { /*width: auto;*/ } .answer ul { margin: 0px 0px 0px 0px; padding-left: 15px; } .answer li { margin: 0px 0px 0px 0px; } .faqTitle { color: #336699; font-weight: bold; } /* PROMOTIES */ /*************/ .promo .highlight { font-weight: bold; color: #CA030A; } .promo .titlerow td { font-weight: bold; border-bottom: 1px solid #FFCC00; padding: 0px 2px 5px 2px; } .promo .titlerow2 td { font-weight: bold; color: #CA030A; background-color: #FFEFB3; padding: 3px 2px 3px 2px; margin-bottom: 5px; } .promo .normalrow td { padding: 0px 2px 5px 2px; } .promo .normalrow2 td { padding: 0px 2px 0px 2px; } .promo .activerow td, .promo .activerow tr { background-repeat: repeat-x; padding: 3px 2px 5px 2px; } .promo .spanLinkButton { font-size: 10px; } .promo .lineDotHorizontal2 { margin-bottom: 0; } .alignRight { text-align: right; } /* Articles */ /************/ .articleOnePage .lineDotHorizontal2 { width: 674px; } .articleOnePage tr, .articleOnePage td { padding-left: 3px; padding-right: 3px; } .articleOnePage .intro { width: 674px; margin-bottom: 20px; } .articleOnePage .foto { float: right; border: none; text-align: center; } .articleOnePage .foto .content_section { text-align: left; width: 230px; border-left: 1px solid #fd0; margin-bottom: 20px; padding-left: 10px; } .articleOnePage .foto img { width: 200px; height: 133px; overflow: hidden; border: 1px solid #3c71a3; } .articleOnePage .content_section { width: 674px; margin-bottom: 20px; } .articleOnePage .article_banner img { width: 675px; } .articleOnePage .article_banner { margin-bottom: 20px; } .articleOnePage .foto .alttext { text-align: left; margin-bottom: 20px; } .articleOnePage .menu { width: 671px; } .articleOnePage .exp_item { position: relative; margin-top: -1px; width: 675px; } .articleOnePage .exp_item_title { border: 1px solid #cc9900; width: 675px; height: 30px; overflow: hidden; background-image: url(images/common/orangegradbg.jpg); cursor: pointer; } .articleOnePage .exp_item_title .text { font-weight: bold; margin-left: 6px; color: #ca030a; margin-top: 5px; } .articleOnePage .exp_item_title_corner { position: absolute; left: 666px; background-image: url(images/common/hoekjeograd.gif); width: 9px; height: 29px; overflow: hidden; } .exp_item_title_corner_cor { position: absolute; left: 668px; width: 7px; height: 8px; border-right: 1px solid #cc9900; } .articleOnePage .exp_item_content_wrapper { border-left: 1px solid #cc9900; border-right: 1px solid #cc9900; border-bottom: 1px solid #cc9900; width: 675px; margin-top: -1px; background-image: url(images/bgcontent.jpg); background-repeat: repeat-x; } .articleOnePage .exp_item_content { margin-left: 10px; width: 654px; overflow: hidden; display: block; } .articleOnePage .exp_item_content .lineDotHorizontal2 { width: 652px; } .articleOnePage table { width: 673px; border-collapse: collapse; } .articleOnePage .iframeContainer { text-align: center; width: 675px; } .articleOnePage .exp_item_content .iframeContainer { width: 651px; } .articleOnePage .infoTable { margin-bottom: 20px; } .articleOnePage .exp_item_content .tableWrapper table { width: 651px; overflow: hidden; border-collapse: collapse; } .articleOnePage .exp_item_content table .lineDotHorizontal2 { width: 651px; } .articleOnePage .exp_item_content .article_banner img { margin-top: 10px; width: 652px; display: block; } .articleOnePage .exp_item_content .content_section { width: 653px; } .articleOnePage .btMoreInfo { height: 14px; background-image: url(images/bgbuttonsaction.jpg); background-repeat: repeat-x; color: #336699; font-size: 10px; font-weight: bold; cursor: pointer; border: 1px solid #6699cc; width: auto; padding: 0px 3px 0px 3px; float: right; text-decoration: none; } /* Printer Friendly */ /********************/ .print { text-align: right; padding-top: 3px; } .print a:link, .print a:visited { text-decoration: none; } .print img { border: none; vertical-align: middle; } .mainPrint td, .mainPrint .breadcrumb, .mainPrint A:link, .mainPrint A:visited, .mainPrint A:hover, .mainPrint .breadcrumb A { color: #000; } .mainPrint, .mainPrint span, .mainPrint li, .mainPrint ul, .mainPrint div, .mainPrint .content { color: #000; } .photoPrint img { width: 100px; height: 66px; overflow: hidden; border: 1px solid #3c71a3; } /* breadcrumb */ /**************/ .breadcrumb { font-weight: bold; color: #369; } /* Wereldreizen */ /****************/ .wereldreizen { width: 967px; } .wereldreis { width: 223px; height: 144px; border: 1px solid #ccf; margin-bottom: 22px; float: left; overflow: hidden; } .wereldreizen .wide { margin-right: 21px; } .wereldreizen .title { border-bottom: 1px solid #ccf; height: 20px; } .wereldreizen .content { padding: 3px; } /*detail wereldreizen*/ .wereldreizenMenu { width: 153px; border: 1px solid #fc0; margin-left: 7px; margin-top: 20px; } .wereldreizenMenu .title, .teaser .title { border: none; border-bottom: 1px solid #fc0; height: 20px; } .teaser .title { border-bottom: 1px solid #ccf; } .wereldreizenMenu .content, .teaser .content { padding: 3px; border: none; } .wereldreisdetailTabmenu { margin: 0px; width: 155px; margin-left: 7px; } .wereldreisdetailTabmenu .unselected { height: 25px; background-image: url(images/common/bgtab.jpg); border: 1px solid #333366; color: #FFFFFF; margin: 0px 0px 1px 0px; cursor: pointer; } .wereldreisdetailTabmenu .unselected .tab { padding: 3px 0px 0px 7px; } .wereldreisdetailTabmenu .selected { height: 25px; color: #336699; background-color: #FFFFFF; margin: 0px 0px 1px 0px; font-weight: bold; border-top: 1px solid #FFCC00; border-left: 1px solid #FFCC00; border-bottom: 1px solid #FFCC00; } .wereldreisdetailTabmenu .selected .tab { padding: 3px 0px 0px 7px; } .wereldreisRechts { } .wereldreisRechts .item { width: 132px; margin-bottom: 2px; height: 112px; } .wereldreisRechts .item .title { background-image: url(images/static/wereldreizenrechtstitlebg.gif); height: 21px; cursor: pointer; text-decoration: none; } .wereldreisRechts .item .title .content, .wereldreisRechts .item .title .contentOver { font-family: Arial, Helvetica, sans-serif; padding-left: 3px; padding-top: 3px; color: #fff; font-weight: bold; border: none; cursor: pointer; } .wereldreisRechts .item .title .contentOver { color: #fc0; } .wereldreisRechts .item img { border: none; } .teaser { width: 270px; height: 144px; border: 1px solid #ccf; margin-bottom: 22px; float: left; overflow: hidden; } .teaserSeperator { width: 70px; height: 144px; float: left; } /* Wereldreizen kijk & vergelijk */ /*********************************/ .kijkvergelijk { } .kijkvergelijk .title { color: #CA030A; font-weight: bold; padding-bottom: 5px; } .kijkvergelijk .content { border: none; } .kijkvergelijk table { width: 400px; margin-top: 20px; margin-bottom: 40px; } .kijkvergelijk table .header { background-color: #FFF6D1; height: 16px; } .kijkvergelijk table .data { height: 22px; } .kijkvergelijk table .data td { border-bottom: 1px solid #FFCC00; text-align: center; vertical-align: bottom; } .kijkvergelijk table .header td { border-bottom: 1px solid #FFCC00; font-weight: bold; text-align: center; } .kijkvergelijk table .header .first, .kijkvergelijk table .data .first { text-align: left; } .kijkvergelijk table .data .prijs { font-weight: bold; color: #CA030A; } /* Zoekresultaten */ /******************/ .searchresults .highlight { background-color: #FFFF99; } /* Klantenservice */ /******************/ .adresItem { padding: 5px 5px 5px 5px; color: #336699; width: 100%; } .adresItem .vwtitel { font-weight: bold; padding-top: 10px; } .adresItem .vwcontent { color: #336699; } .geel { margin: 0px; padding: 0px; border: 1px dotted #ffcc00; height: 1px; } #vakantiewinkelsForm { margin: 0 3px 0 0; } #vakantiewinkelsForm select { width: 183px; } #vakantiewinkelsForm input#gemeente { width: 177px; } #vakantiewinkelsForm .info { margin: 2px 0px 2px 0px; } .shops.opening-hours { margin: 0 5px; border: 1px solid #336699; padding: 5px 10px; } .shops.extra-info { padding: 5px 0 0; } .shops.extra-info p { padding: 0 2px 0; } .adresItem table { width: 99%; } .blockTypeOrangeStickyGrad table { width: 100%; } /* Boekingsformulier */ /*********************/ .bookform { width: 700px; } .bookform input { width: 140px; } .bookform textarea { width: 350px; } .bookform label { font-size: 11px; } .bookform .auto input { width: auto; } .bookform .date { width: 118px; margin-left: 3px; } .bookform .textline { padding-top: 3px; padding-bottom: 3px; clear: both; } .bookform .section { margin-bottom: 30px; clear: both; } .channelbar h3 { margin: 0; } /* QuickFix voor verwijderen van de hoekjes */ .cornerRight, .cornerTopRightOrangeStickyGrad, .cornerTopRightBlueStickyGrad, .cornerTopRightBlueGrad, .topicGroup_hoekje, .exp_item_title_corner, .listerCorner, .listerCornerWinter, .comparerCornerTwoColumns, .cornerRightCompose, .slideCornerRight, .headerCorner, .packagetitlebarCorner { display: none; } /* --- IWP ---------- */ .iwp { float: left; margin: 0 0 15px; width: 973px; border: 1px solid #fc0; } .iwp .promotions { border-right: 1px solid #fc0; float: left; width: 690px; } /* Promotions */ .iwp .promotions h1.title { font-size: 15px; font-weight: bold; color: #c00; background: #fc0; padding: 5px 10px; margin: 0; } .iwp .promotions h2.subtitle { font-size: 11px; font-weight: bold; color: #ca030a; padding: 0 10px } .iwp .promotions .price-ranges { list-style-type: none; margin: 10px 0 0; padding: 10px 7px 0; } .iwp .promotions .price-ranges .range { margin: 0 0 15px; } .iwp .promotions .price-ranges .range strong { background: #ffefb3; color: #ca030a; display: block; font-weight: bold; margin: 0 0 0; padding: 5px; } .iwp .promotions .price-ranges .range .price { float: right; width: 86px; text-align: center; } .iwp .promotions .price-ranges .range .accommodations { margin: 0; color: #369; list-style-type: none; padding: 0 0 5px; } .iwp .promotions .price-ranges .range .accommodation { border-bottom: 1px dotted #336699; clear: both; padding: 5px 2px 5px 20px; vertical-align: middle; background: url(images/navigation/arrow-blue.gif) no-repeat 2px center; } .iwp .promotions .price-ranges .range .accommodation span { display: inline-block; margin-top: 2px; } .iwp .promotions .price-ranges .range .accommodation .book { background: #c00; border: 1px solid #fc0; padding: 1px 10px; font-size: 10px; text-decoration: none; width: 70px; cursor: pointer; color: #fff; float: right; text-align: center; } .iwp .no-availability { padding: 10px 10px 20px; } /* Summary */ .iwp .summary { float: left; width: 282px; } .iwp .summary h3.title { border-bottom: 1px solid #FFCC00; font-size: 15px; font-weight: bold; color: #c00; background: #ffefb3; padding: 5px 10px 4px; margin: 0; } .iwp .promotions .description, .iwp .summary .description { padding: 10px; }