/* ERIC MEYERS RELOADED RESET STYLES ================================================================ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }
 /* FJORD TOURS FRAMEWORK ================================================================ */ body { font-size: 62.5%; line-height: 1; font-family: Arial, Tahoma, "Lucida Grande", FreeSans, sans-serif; background: #90C6E2 url(http://c2.fjordtours.com/sitefiles/1/gfx/body-bg-2.png) 0 0 repeat-x; color: #373737; } #wrap { width: 974px; margin: 0 auto; position: relative; } .clear { clear: both; } .main-block { width: 960px; padding: 0 7px; float: left; } .sub-block { width: 960px; float: left; } .sub-main-block { width: 550px; padding: 0 10px 0 0; float: left; } /* GENERIC TYPOGRAPHY ================================================================ */ #section-main a { text-decoration: underline; } #section-main a:hover { text-decoration: none; } #section-main strong { font-weight: bold; } #section-main em { font-style: italic; } .generic-content { width: 550px; padding: 0 10px 0 0; color: #333; float: left; } .product-body .tabs .tab-content .main-col .generic-content { width: 480px; padding: 0; } .generic-content h2, .generic-content h3, .generic-content h4 { font-size: 2.1em; padding: 0 0 .5em; font-weight: normal; } .generic-content h3 { font-size: 1.8em; } .generic-content h4 { font-size: 1.5em; } .generic-content p.excerpt { font-size: 1.4em; line-height: 1.714; padding: 0 0 1.25em; margin: 0; } .generic-content p.excerpt a.book { color: #F90; font-weight: bold; text-transform: uppercase; text-decoration: none; } .generic-content p, .generic-content ul, .generic-content ol, .generic-content table { font-size: 1.2em; line-height: 1.5; margin: 0 0 1.5em; } .generic-content ul li { padding: 0 0 0 1em; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/bullet.gif) 0 .6em no-repeat; } .generic-content ul ul, .generic-content ul ol, .generic-content ul p, .generic-content ol ol, .generic-content ol ul, .generic-content ol p { font-size: 1em; } .generic-content .image { width: 550px; } .generic-content .image img { display: block; } .generic-content .image .caption { font-size: 1.1em; color: #666; padding: .25em 0 .5em; } .generic-content blockquote { padding: .3em 0 .3em 50px; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/quotation-mark.gif) 0 0 no-repeat; } .generic-content blockquote p { font-size: 1.5em; font-style: italic; } /* GOOGLE MAP + GOOGLE MAP POPUP CONTENT ================================================================ */ #map0, #map1, #map2, #map3, #map4 { float: left; clear: both; } .gmap-popup-content-wrap { width: 217px; float: left; clear: both; padding: 0 0 30px; } #free-gmap { width: 320px; float: left; margin: 0 0 20px; position: relative; overflow: hidden; } #fjord-tours .gmnoprint p, #mapLightBox .gmnoprint p { font-size: 1.2em; line-height: 1.5; padding: 0; } #fjord-tours .gmnoprint a, #mapLightBox .gmnoprint a { color: #690; text-decoration: none; font-weight: bold; } #fjord-tours .gmnoprint a:hover, #mapLightBox .gmnoprint a:hover { text-decoration: underline; } #fjord-tours .gmnoprint p.buttons { width: 217px; float: left; padding: 1em 0 0; margin: 0 0 15px; } #fjord-tours .gmnoprint p.buttons a.book, #mapLightBox .gmnoprint p.buttons a.book, #fjord-tours .gmnoprint p.buttons a.read-more, #mapLightBox .gmnoprint p.buttons a.read-more { display: block; float: right; clear: right; width: 78px; height: 20px; line-height: 20px; padding: 1px 6px; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/banner-buttons.png) 0 -44px no-repeat; text-decoration: none; text-align: center; font-weight: normal; text-transform: uppercase; font-size: 1em; color: #FFF; } #fjord-tours .gmnoprint p.buttons a.book:hover, #mapLightBox .gmnoprint p.buttons a.book:hover { background-position: 0 -66px; } #fjord-tours .gmnoprint p.buttons a.read-more, #mapLightBox .gmnoprint p.buttons a.read-more { float: left; clear: left; background-position: 0 0; } #fjord-tours .gmnoprint p.buttons a.read-more:hover, #mapLightBox .gmnoprint p.buttons a.read-more:hover { background-position: 0 -22px; } #hotels-at-location-map, #hotels-in-region-map { float: right; clear: right; margin: 0 0 10px; } #map1, #map2, #map3, #map4, #map5 { width: 10px; height: 10px; } .googleMapBubbleContent { float: left; width: 210px; padding: 0 0 10px 0; } .googleMapBubbleContent img { float: left; } .googleMapBubbleContent h4 { float: left; clear: both; font-family: Arial; font-size: 1.2em; line-height: 2em; text-transform: uppercase; color: #333333; } .googleMapBubbleContent p { float: left; clear: both; width: 105px; font-family: Arial; font-size: 1.1em; color: #333333; } #section-main .googleMapBubbleContent .readMore, #cboxContent .readMore { float: right; display: block; width: 97px; height: 27px; color: #fff; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/gmap-read-more.png) 0 0 no-repeat; font-size: 1.1em; line-height: 25px; vertical-align: middle; text-align: center; text-transform: uppercase; text-decoration: none; cursor: pointer; } #mapLightBox { display: none; border: 15px solid #FFF; border-bottom-width: 35px; position: relative; } #cboxContent #mapLightBox { display: block; } a#mapLightBoxClose { width: 100px; height: 35px; line-height: 35px; position: absolute; bottom: -35px; left: 0; clear: both; color: #666; text-decoration: none; font-size: 1.2em; text-transform: uppercase; } a#mapLightBoxClose:hover { color: #000; } /* SECTION: TOP ================================================================ */ #section-top { padding: 47px 7px 0; height: 53px; position: relative; overflow: hidden; } #section-top #logo { display: block; width: 244px; height: 38px; float: left; clear: left; text-indent: -9999px; position: relative; overflow: hidden; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/logo.png) 0 0 no-repeat; margin: 0 0 0 -1px; } /* MENU: TOP / INFORMATION ================================================================ */ #top-menu { padding: 5px 0 0; } #top-menu, #top-menu li, #top-menu li a { display: block; float: right; height: 31px; } #top-menu li, #top-menu li a { float: left; position: relative; overflow: hidden; } #top-menu li a { color: #666; text-transform: uppercase; text-decoration: none; font-size: 1.1em; padding: 0 8px 3px; line-height: 42px; } #top-menu li a:hover { color: #333; } #top-menu li.active a { color: #690; font-weight: bold; letter-spacing: -.01em; } #top-menu li.text-size { padding: 0 8px; } #top-menu li.lang { padding: 0 8px 0 5px; } #top-menu li.text-size a, #top-menu li.lang a { padding: 0; } /*#top-menu li.text-size a { width: 19px; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/aA.png) 0 13px no-repeat; text-indent: -9999px; }*/ #top-menu li.lang a { width: 32px; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/langs.png) 0 0 no-repeat; text-indent: -9999px; } #top-menu li.lang-en { padding: 0 0 0 3px; } #top-menu li.lang-en a { background-position: 0 -31px; } #top-menu li.the-lot { overflow: visible; height: 33px; padding: 0 0 0 17px; } #top-menu li.the-lot .text-size-lang { position: absolute; width: 85px; top: -35px; right: 0; overflow: hidden; } #top-menu li.the-lot form { height: 20px; padding: 11px 0 0; width: 120px; float: left; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/site-search.png) 0 100% no-repeat; } #top-menu li.the-lot form label { display: none; } #top-menu li.the-lot form input { width: 88px; height: 16px; padding: 4px 24px 0 8px; font-size: 1em; color: #999; *color: #333; margin: 0; border: 0; background: none; } #top-menu li.the-lot form input:focus, #top-menu li.the-lot form input:active { color: #333; } /* MENU: MAIN ================================================================ */ #main-menu { height: 51px; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/main-menu-bg.png) 0 0 no-repeat; display: block; } #main-menu li, #main-menu li a { display: block; float: left; height: 51px; } #main-menu li a { line-height: 51px; text-align: center; color: #FFF; font-size: 1.3em; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/main-menu-item.png) 100% 0 no-repeat; position: relative; overflow: hidden; text-decoration: none; } #main-menu li.active a, #main-menu li a:hover { background-position: 100% -51px; padding: 0 0 0 1px; margin-left: -1px; } #main-menu li.active a { color: #9C0; font-weight: bold; letter-spacing: -.025em; } #main-menu li.first-active a, #main-menu li.first a:hover { padding: 0; margin: 0; } #main-menu li.first a { padding: 0; text-indent: 30px; text-align: left; } #main-menu li.first a .left-corner { display: block; width: 2px; height: 51px; position: absolute; top: 0; left: 0; clear: both; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/main-menu-item.png) 100% -102px no-repeat; } #main-menu li.first-active a .left-corner, #main-menu li.first a:hover .left-corner { background-position: 100% -153px; } #dropdownMenu { height: 0px; overflow: hidden; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/dropdownShadow.png) 0 0 repeat-y; } #dropdownMenu .content { position: relative; float: left; width: 100%; height: 100%; color: #999999; font-size: 1.2em; text-transform: uppercase; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/dropdownBg.png) 0 100% no-repeat; } #dropdownMenu .content a { color: #FFF; font-size: 1.2em; text-transform: none; text-decoration: none; } #dropdownMenu .content a:hover { color: #9C0; } #dropdownMenu .content #close { float: right; width: 125px; height: 75px; cursor: pointer; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/dropdownClose.png) 37px 24px no-repeat; } #dropdownMenu .content .dropdownItem { float: left; width: 730px; margin: 40px 0 40px 30px; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/dropdownLines.gif) 0 0; } #dropdownMenu .content .left { float: left; width: 200px; text-transform: uppercase; } #dropdownMenu .content .center { float: left; width: 250px; font-size: 1em; } #dropdownMenu .content .right { float: left; width: 250px; font-size: 1em; } #dropdownMenu .content li { height: 30px; line-height: 30px; position: relative; overflow: hidden; } #dropdownMenu .content li a { display: block; height: 30px; line-height: 30px; } /* SECTION: MAIN ================================================================ */ #section-main { background: url(http://c2.fjordtours.com/sitefiles/1/gfx/section-main-bg.png) 0 0 repeat-y; position: relative; } #section-main-top { _overflow: hidden; } #section-main-main { width: 900px; padding: 0 30px 17px; position: relative; } #section-main-main.col { width: 560px; padding: 0 0 17px 30px; float: left; clear: left; } #section-main-side { width: 320px; float: right; clear: right; padding: 0 30px 17px 0; } #section-main-bottom { width: 900px; padding: 0 30px 17px; } #main-col { width: 550px; float: left; clear: left; } #side-col { width: 340px; float: right; clear: right; } #col-wrap.cols-reversed #side-col { width: 270px; padding: 0 0 0 30px; float: left; clear: left; } #col-wrap.cols-reversed #main-col { width: 630px; padding: 0 30px 0 0; float: right; clear: right; } /* PRODUCT LISTING: PICTURE CAROUSEL (TRIPS) ================================================================ */ .carousel-booking { _height: 490px; min-height: 490px; } .carousel-booking-small { _height: 470px; min-height: 470px; } .carousel .items .item img { display: block; } .carousel .items .item .flip { width: 180px; height: 128px; padding: 10px 406px 0 47px; position: absolute; bottom: 27px; left: 0; overflow: hidden; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/flip.png) 0 0 no-repeat; z-index: 100; } .carousel .items .item .flip h2 { font-size: 1.8em; color: #333; font-weight: normal; text-align: center; padding: 0 0 .15em; } #fjord-tours .carousel .items .item .flip h2 a { display: block; color: #333; text-decoration: none; } .carousel .items .item .flip h2 a:hover { color: #000; } #fjord-tours .carousel .items .item .flip p.slogan { font-size: 1.2em; text-align: center; color: #000; padding: 0 0 .75em; } #fjord-tours .carousel .items .item .flip p.read-more a { display: block; width: 144px; height: 21px; line-height: 21px; padding: 1px 6px 11px; text-align: center; font-size: 1.1em; color: #FFF; text-decoration: none; text-transform: uppercase; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/read-more-green.png) 0 0 no-repeat; margin: 0 auto; text-shadow: #8CAF26 1px 1px 1px; } #fjord-tours .carousel .items .item .flip p.read-more a:hover { background-position: 0 -33px; } /* CATEGORY INTRODUCTION TO BE USED WITH THE CAROUSEL ================================================================ */ .carousel-text { width: 670px; position: relative; top: -105px; padding: 0 0 0 30px; margin: 0 260px -105px 0; float: left; } .carousel-text-spacious { margin-bottom: -86px; } .carousel-text-stay-down { top: 0; margin-top: 0; margin-bottom: 0; padding-bottom: 20px; } .carousel-text h1 { font-size: 3.6em; font-weight: normal; color: #333; padding: 0 0 .33em; } .carousel-text h2 { font-size: 1.8em; font-weight: bold; color: #690; padding: .5em 0 .75em; } .carousel-text p.excerpt { font-size: 1.4em; line-height: 1.714; padding: 0 0 .5em; } .carousel-text p.excerpt strong, .carousel-text p.read-more a { color: #690; } .carousel-text p.read-more { font-size: 1.2em; text-transform: uppercase; padding: 0 0 2.5em; } /* CONTENT TEMPLATE: TIDBITS IN LIST ================================================================ */ .tidbits, .tidbits .tidbit { width: 320px; float: left; } .tidbits .tidbit { padding: 0 0 40px; } .tidbits .tidbit img, .tidbits .tidbit .img { display: block; float: left; clear: left; } .tidbits .tidbit img { padding: 2px 0 0; } .tidbits .tidbit .text { width: 255px; float: right; clear: right; } .tidbits .tidbit .text h2 { font-size: 1.4em; color: #666; text-transform: uppercase; font-weight: normal; padding: 0 0 .25em; } .tidbits .tidbit .text p { font-size: 1.2em; line-height: 1.5; padding: 0 0 .25em; } .tidbits .tidbit .text p.read-more { line-height: 1; } .tidbits .tidbit .text p.read-more a { color: #690; } /* FRONT CONTENT BANNERS ================================================================ */ .banner { width: 560px; height: 212px; position: relative; overflow: hidden; margin: 0 0 20px; } .banner-narrow { width: 320px; } .banner-left { float: left; margin-right: 20px; } .banner-left-wide { margin-right: 0; clear: left; } .banner-right { float: right; } .banner-right-wide { clear: right; } #fjord-tours .banner a { display: block; float: left; width: 548px; height: 200px; padding: 6px; text-decoration: none; clear: both; } #fjord-tours .banner-narrow a { width: 308px; } .banner a img { display: block; position: relative; float: left; } .banner a .banner-mask { display: block; width: 560px; height: 212px; position: absolute; top: 0; left: 0; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/banner-masks.png) 100% 0 no-repeat; cursor: pointer; } .banner-narrow a .banner-mask { width: 320px; background-position: 0 0; } .banner a .button { display: block; position: absolute; bottom: 24px; right: 24px; overflow: hidden; width: 90px; height: 22px; line-height: 22px; font-size: 1em; font-weight: bold; text-transform: uppercase; text-align: center; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/banner-buttons.png) 0 0 no-repeat; color: #FFF; } .banner-more a .button { text-shadow: #8CAF26 1px 1px 1px; } .banner-buy a .button { background-position: 0 -44px; text-shadow: #BC8711 1px 1px 1px; } .banner-buy a:hover { direction: rtl; } .banner-buy a:hover .button { background-position: 0 -66px; } .banner-more a:hover .button { background-position: 0 -22px; } /* GENERIC: BANNER RELATED ================================================================ */ .banner-wrap { position: relative; overflow: hidden; height: 340px; border-bottom: 10px solid #FFF; } .banner-wrap .items, .banner-wrap .items .item { height: 340px; } .shadow { width: 960px; height: 13px; position: absolute; top: 0; left: 0; overflow: hidden; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/main-menu-shadow.png) 0 0 repeat-x; } .veil { width: 960px; height: 63px; position: absolute; bottom: 0; left: 0; overflow: hidden; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/veil.png) 0 0 no-repeat; } /* GENERIC: BREADCRUMBS ================================================================ */ .breadcrumbs { width: 890px; padding: 0 5px; } .breadcrumbs-free { width: 900px; padding: 1.5em 30px; float: left; } .breadcrumbs li { float: left; display: block; padding: 0 3px 0 0; } #fjord-tours .breadcrumbs li a { float: left; display: block; font-size: 1.1em; line-height: 1.363; padding: 0 7px 0 0; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/breadcrumb-separator.gif) 100% 50% no-repeat; text-decoration: none; color: #CCC; } #fjord-tours .breadcrumbs li.active a, #fjord-tours .breadcrumbs li a:hover { color: #666; } #fjord-tours .breadcrumbs li.last, #fjord-tours .breadcrumbs li.last a { padding: 0; background: none; } /* CONTENT TEMPLATE: BREADCRUMBS AND MAIN TITLE ================================================================ */ .breadcrumbs-and-main-title { width: 900px; padding: 0 30px; float: left; } #section-main-main .breadcrumbs-and-main-title { padding: 0; } #section-main-main .breadcrumbs-and-main-title-standalone { padding: 20px 0 50px; } .breadcrumbs-and-main-title .breadcrumbs { padding: 0 0 30px; } .breadcrumbs-and-main-title h1 { padding: 0 0 15px; font-size: 3.6em; color: #333; font-weight: normal; } #section-main-main .breadcrumbs-and-main-title-standalone h1 { padding: 0; } /* BOOKING WRAP ================================================================ */ .booking-wrap { position: relative; _height: 440px; min-height: 440px; margin: 0 0 51px; } /* PRODUCT DETAILS: GENERIC ================================================================ */ .product { position: relative; padding: 0 0 29px; } .product-body { width: 900px; padding: 0 30px; } .product-body h1 { padding: 25px 3px 35px; font-size: 3.6em; color: #333; font-weight: normal; } .product-body .tabs { width: 904px; position: relative; left: -2px; } .product-body .tabs .sub-block { width: 900px; } #fjord-tours .product .see-all { color: #666; display: block; width: 300px; height: 2em; text-transform: uppercase; padding: 0 0 0 20px; margin: 8px 0 0; line-height: 2em; font-size: 1.3em; text-decoration: none; position: relative; overflow: hidden; float: left; clear: left; } #fjord-tours .product .see-all .icon { display: block; width: 14px; height: 12px; position: absolute; overflow: hidden; top: 50%; margin-top: -5px; left: 0; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/icon-sprite.png) -180px -90px no-repeat; } #fjord-tours .product .see-all:hover { color: #333; } /* GENERIC: TAB MENU ================================================================ */ .tab-menu { display: block; border-left: 2px solid #FFF; border-right: 2px solid #FFF; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/tab-menu-bottom-line.gif) 0 31px repeat-x; } .tab-menu-flat { padding: 0; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/tab-menu-bottom-line.gif) 0 31px repeat-x; width: 900px; position: absolute; bottom: 45px; left: 30px; } .tab-menu li { display: block; float: left; height: 32px; padding: 0 10px 0 0; position: relative; } #fjord-tours .tab-menu li.last { padding: 0; } #fjord-tours .tab-menu li a { display: block; float: left; width: 172px; height: 32px; line-height: 36px; font-size: 1.2em; color: #FFF; letter-spacing: .025em; text-transform: uppercase; text-decoration: none; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/tab-item.png) 100% 0 no-repeat; position: relative; overflow: hidden; text-align: center; } #fjord-tours .tab-menu-count-4 li a { width: 217px; } #fjord-tours .tab-menu-count-4 li.first a { width: 219px; } #fjord-tours .tab-menu-count-3 li a { width: 293px; } #fjord-tours .tab-menu-count-3 li.first a { width: 294px; } #fjord-tours .tab-menu-flat li.last a { background: url(http://c1.fjordtours.com/sitefiles/1/gfx/tab-item.png) 100% 0 no-repeat; } #fjord-tours .tab-menu li a:hover { color: #E3FCC5; } .tab-menu li a span.left-corner { display: block; width: 3px; height: 31px; position: absolute; top: 0; left: 0; overflow: hidden; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/tab-item.png) 100% -33px no-repeat; } .tab-menu li a span.right-corner { display: block; width: 3px; height: 31px; position: absolute; top: 0; right: 0; overflow: hidden; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/tab-item.png) 0 -33px no-repeat; } #fjord-tours .tab-menu-flat li.first-active a { padding: 0 20px; } #fjord-tours .tab-menu li.active a, #fjord-tours .tab-menu-flat li.active a, #fjord-tours .tab-menu-flat li.active a:hover { background: url(http://c1.fjordtours.com/sitefiles/1/gfx/tab-item.png) 100% -66px no-repeat; color: #333; } .tab-menu li.active a span.left-corner { width: 4px; height: 32px; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/tab-item.png) 100% -99px no-repeat; } .tab-menu li.first.active a span.left-corner { height: 33px; } .tab-menu li.active a span.right-corner { width: 4px; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/tab-item.png) 0 -99px no-repeat; } #tab-loader { width: 32px; height: 32px; position: absolute; overflow: hidden; top: 70px; left: 50%; margin-left: -20px; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/colorBox/loading.gif) 0 0 no-repeat; clear: both; } .product-body .tabs .tab-content { width: 859px; padding: 60px 3px 50px 42px; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/tab-container-bottom-corners.png) 0 100% no-repeat; color: #333; } .product-body .tabs .tab-content .main-col { width: 480px; float: left; clear: left; position: relative; overflow: hidden; top: -1em; } .product-body .tabs .tab-content .main-col-narrow { width: 305px; } .product-body .tabs .tab-content .col-section { float: left; position: relative; } .product-body .tabs .tab-content .main-col .col-section { width: 480px; } .product-body .tabs .tab-content .side-col .col-section { width: 334px; } .product-body .tabs .tab-content .col-section-top { min-height: 424px; _height: 424px; } .product-body .tabs .tab-content .col-section-bottom { padding: 30px 0 0; } .product-body .tabs .tab-content .side-col { width: 334px; float: right; clear: right; position: relative; overflow: hidden; } .product-body .tabs .tab-content .side-col-wide { width: 509px; } .product-body .tabs .tab-content .main-col h2 { font-size: 2.7em; position: relative; color: #666; padding: 0 0 .5em; } .product-body .tabs .tab-content .main-col p.excerpt { font-size: 1.4em; line-height: 1.714; padding: 0 0 2.5em; } #fjord-tours .product-body .tabs .tab-content .main-col p.excerpt .book { color: #F90; font-weight: bold; text-transform: uppercase; text-decoration: none; } #fjord-tours .product-body .tabs .tab-content .main-col p.excerpt .book:hover { text-decoration: none; } .product-body .tabs .tab-content .main-col-make-space { height: 587px; } .product-body .tabs .tab-content .main-col p.save-space { padding: 0 0 .25em; } .product-body .tabs .tab-content .main-col p.read-more { font-size: 1.4em; } #fjord-tours .product-body .tabs .tab-content .main-col p.read-more a { color: #690; font-weight: bold; } .product-body .tabs .tab-content .main-col .inner-cols { width: 480px; float: left; } .product-body .tabs .tab-content .main-col .inner-cols .left { width: 230px; float: left; clear: left; } .product-body .tabs .tab-content .main-col .inner-cols .right { width: 230px; float: right; clear: right; } .product-body .tabs .tab-content h3 { text-transform: uppercase; font-size: 1.4em; margin: 0 0 .5em; font-weight: normal; } .product-body .tabs .tab-content h3.icon { padding: 10px 0 0 36px; position: relative; } .product-body .tabs .tab-content h3.icon-linked { padding: 0; } .product-body .tabs .tab-content h3.icon .icon { display: block; width: 26px; height: 24px; position: absolute; top: 0; left: 0; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/icon-sprite.png) no-repeat; } .product-body .tabs .tab-content h3.icon-duration .icon { background-position: -300px 0; } .product-body .tabs .tab-content h3.icon-start-destinations .icon { background-position: -150px -30px; } .product-body .tabs .tab-content h3.icon-attractions .icon { background-position: -150px 0; } .product-body .tabs .tab-content h3.icon-price .icon, .product-body .tabs .tab-content .main-col .big-accordion li .head h3.icon-price .icon { background-position: -270px 0; } #fjord-tours .product-body .tabs .tab-content h3.icon-linked a { display: block; padding: 10px 0 0 36px; color: #333; text-decoration: none; } #fjord-tours .product-body .tabs .tab-content h3.icon-linked a:hover { text-decoration: underline; } .product-body .tabs .tab-content p.emphasized { font-size: 1.4em; line-height: 1.714; padding: 0 0 1.5em; font-weight: bold; } .product-body .tabs .tab-content p { font-size: 1.2em; line-height: 1.5; padding: 0 0 2em; margin: 0; } .product-body .tabs .tab-content p.more-vert-space, .product-body .tabs .tab-content ul.more-vert-space { padding: 0 0 3.5em; } .product-body .tabs .tab-content p a { color: #690; } .product-body .tabs .tab-content ul li a, .product-body .tabs .tab-content p a.under-the-radar { color: #333; } .product-body .tabs .tab-content ul { padding: 0 0 2em; } .product-body .tabs .tab-content .generic-content ul { margin: 0; font-size: 1em; } .product-body .tabs .tab-content ul li { font-size: 1.2em; line-height: 1.5; padding: .25em 0 .25em 8px; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/bullet.gif) 0 .85em no-repeat; } .product-body .tabs .tab-content ul.indented li { padding: .25em 0 .25em 42px; background-position: 34px .85em; } .product-body .tabs .tab-content ul.key-value-pairs li, .product-body .tabs .tab-content ul.no-bullets li { background: none; padding: .25em 0; } .product-body .tabs .tab-content ul.key-value-pairs-indented li, .product-body .tabs .tab-content ul.no-bullets-indented li { padding: .25em 0 .25em 34px; } #fjord-tours .product-body .tabs .tab-content .side-col .play-video { display: block; width: 255px; padding: 0 0 0 50px; overflow: hidden; _height: 30px; min-height: 30px; font-size: 1.2em; line-height: 1.4; text-transform: uppercase; color: #666; text-decoration: none; position: absolute; top: 0; left: 0; } #fjord-tours .product-body .tabs .tab-content .side-col .play-video:hover { color: #333; } .product-body .tabs .tab-content .side-col .play-video .gfx { width: 44px; height: 28px; position: absolute; top: 2px; left: 0; overflow: hidden; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/video-thumb.jpg) 0 0 no-repeat; } #fjord-tours .product-body .tabs .tab-content .side-col .play-video em { font-style: normal; } .product-body .tabs .tab-content .side-col .play-video * { display: block; } #fjord-tours .gmap-fs { color: #666; display: block; text-transform: uppercase; padding: 1em 0 0 20px; line-height: 1; font-size: 1.1em; text-decoration: none; position: relative; } #fjord-tours .gmap-fs .icon { display: block; width: 11px; height: 10px; position: absolute; overflow: hidden; bottom: 1px; left: 0; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/icon-sprite.png) -150px -90px no-repeat; } #fjord-tours .gmap-fs:hover { color: #333; } /* LIST: PLACES IN MAP GENERIC ================================================================ */ #fjord-tours .product-body .tabs .tab-content ul.places-in-map, #fjord-tours .product-body .tabs .tab-content ul.places-in-map li { width: 480px; float: left; background: none; padding: 0; } #fjord-tours .product-body .tabs .tab-content .main-col-narrow ul.places-in-map, #fjord-tours .product-body .tabs .tab-content .main-col-narrow ul.places-in-map li { width: 285px; } .product-body .tabs .tab-content ul.places-in-map li a { color: #333; text-decoration: none; } /* LIST: PLACES IN MAP - HOTELS ================================================================ */ #fjord-tours .product-body .tabs .tab-content ul.places-in-map.hotels li, #fjord-tours .product-body .tabs .tab-content .main-col .accordion li ul.places-in-map.hotels li { height: 20px; line-height: 20px; overflow: visible; font-size: 1.2em; padding: 0; background: none; float: left; position: static; } #fjord-tours .product-body .tabs .tab-content ul.places-in-map.hotels li a { display: block; float: left; width: 380px; height: 18px; line-height: 18px; padding: 2px 80px 0 20px; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/place-in-map.png) 0 0 no-repeat; cursor: pointer; text-decoration: none; } #fjord-tours .product-body .tabs .tab-content .main-col-narrow ul.places-in-map.hotels li a { width: 245px; padding: 2px 20px 0; background-position: 0 -93px; } #fjord-tours .product-body .tabs .tab-content ul.places-in-map.hotels li a:hover, #fjord-tours .product-body .tabs .tab-content ul.places-in-map.hotels li a.active, #fjord-tours .product-body .tabs .tab-content .main-col .accordion li ul.places-in-map.hotels li a:hover, #fjord-tours .product-body .tabs .tab-content .main-col .accordion li ul.places-in-map.hotels li a.active, #fjord-tours .product-body .tabs .tab-content .main-col-narrow ul.places-in-map.hotels li a:hover, #fjord-tours .product-body .tabs .tab-content .main-col-narrow ul.places-in-map.hotels li a.active { height: 19px; background-position: 0 -113px; margin: 0 0 -1px; position: relative; overflow: hidden; } #fjord-tours .product-body .tabs .tab-content ul.places-in-map.hotels li a strong { font-weight: normal; } #fjord-tours .product-body .tabs .tab-content .main-col .accordion li ul.places-in-map.hotels li a { text-decoration: none; } /* LIST: ICONS + TOOLTIP ================================================================ */ .product-body .tabs .tab-content ul.icons { float: left; width: 480px; } .product-body .tabs .tab-content .inner-cols ul.icons { width: 230px; } .product-body .tabs .tab-content ul.icons li.icon { display: block; width: 26px; height: 24px; float: left; margin: 0 4px 0 0; padding: 0; position: relative; overflow: hidden; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/icon-sprite.png) no-repeat; text-indent: -9999px; cursor: help; } .product-body .tabs .tab-content ul.icons li.icon-winter { background-position: 0 -60px; } .product-body .tabs .tab-content ul.icons li.icon-spring { background-position: -30px -60px; } .product-body .tabs .tab-content ul.icons li.icon-summer { background-position: -60px -60px; } .product-body .tabs .tab-content ul.icons li.icon-fall { background-position: -90px -60px; } .product-body .tabs .tab-content ul.icons li.icon-boat { background-position: 0 -30px; } .product-body .tabs .tab-content ul.icons li.icon-bus { background-position: -30px -30px; } .product-body .tabs .tab-content ul.icons li.icon-train { background-position: -60px -30px; } .product-body .tabs .tab-content ul.icons li.additional-info { line-height: 24px; padding: 0 0 0 6px; float: left; } .product-body .tabs .tab-content ul.icons li.see-timetables a { text-transform: uppercase; color: #690; } .product-body .tabs .tab-content ul.icons li.additional-info.clear { padding: .25em 0 0; } /* LIST: ICONS + LABEL ================================================================ */ .product-body .tabs .tab-content ul.icons-with-labels { float: left; width: 480px; } .product-body .tabs .tab-content ul.icons-with-labels li.icon { display: block; width: 113px; height: 24px; line-height: 24px; float: left; margin: 0 15px 10px 0; padding: 0 0 0 32px; position: relative; overflow: hidden; background: none; } .product-body .tabs .tab-content ul.icons-with-labels li.icon .icon { display: block; position: absolute; overflow: hidden; top: 0; left: 0; width: 24px; height: 24px; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/icon-sprite.png) no-repeat; } .product-body .tabs .tab-content ul.icons-with-labels li.icon-rooms .icon { background-position: 0 -120px; } .product-body .tabs .tab-content ul.icons-with-labels li.icon-apartments .icon { background-position: -30px -120px; } .product-body .tabs .tab-content ul.icons-with-labels li.icon-cabins .icon { background-position: -30px -120px; } /* MISSING ICON */ .product-body .tabs .tab-content ul.icons-with-labels li.icon-beds .icon { background-position: -60px -120px; } .product-body .tabs .tab-content ul.icons-with-labels li.icon-cafe .icon { background-position: -90px -120px; } .product-body .tabs .tab-content ul.icons-with-labels li.icon-restaurant .icon { background-position: -120px -120px; } .product-body .tabs .tab-content ul.icons-with-labels li.icon-licence-to-serve-alcohol .icon { background-position: -150px -120px; } .product-body .tabs .tab-content ul.icons-with-labels li.icon-steam-bath .icon { background-position: 0 -150px; } .product-body .tabs .tab-content ul.icons-with-labels li.icon-solarium .icon { background-position: -60px -150px; } .product-body .tabs .tab-content ul.icons-with-labels li.icon-indoor-swimming-pool .icon { background-position: -90px -150px; } .product-body .tabs .tab-content ul.icons-with-labels li.icon-exercise-room .icon { background-position: -120px -150px; } .product-body .tabs .tab-content ul.icons-with-labels li.icon-golfing .icon { background-position: -150px -150px; } .product-body .tabs .tab-content ul.icons-with-labels li.icon-tennis .icon { background-position: -180px -150px; } .product-body .tabs .tab-content ul.icons-with-labels li.icon-riding .icon { background-position: -210px -150px; } .product-body .tabs .tab-content ul.icons-with-labels li.icon-fishing .icon { background-position: -240px -150px; } .product-body .tabs .tab-content ul.icons-with-labels li.icon-skiing .icon { background-position: -270px -150px; } .product-body .tabs .tab-content ul.icons-with-labels li.icon-parking .icon { background-position: -300px -150px; } .product-body .tabs .tab-content ul.icons-with-labels li.icon-handicap .icon { background-position: -330px -150px; } .product-body .tabs .tab-content ul.icons-with-labels li.icon-no-pets-allowed .icon { background-position: -360px -150px; } .product-body .tabs .tab-content ul.icons-with-labels li.icon-jacuzzi .icon { background-position: -390px -150px; } .product-body .tabs .tab-content ul.icons-with-labels li.icon-wifi .icon { background-position: -420px -150px; } .product-body .tabs .tab-content ul.icons-with-labels li.icon-spa .icon { background-position: -450px -150px; } /* PRODUCT DETAILS: BOOKING ================================================================ */ #fjord-tours .product-body .tabs .tab-content ul.places-in-map-highlights li { padding: 0 0 10px; border-bottom: 1px solid #CCC; margin: 0 0 10px; font-size: 1em; line-height: 1; } #fjord-tours .product-body .tabs .tab-content ul.places-in-map-highlights li.last { padding: 0; border: 0; margin: 0; } #fjord-tours .product-body .tabs .tab-content ul.places-in-map-highlights li a { display: block; width: 380px; float: left; text-decoration: none; } .product-body .tabs .tab-content ul.places-in-map-highlights li a img { display: block; float: left; clear: left; vertical-align: bottom; } .product-body .tabs .tab-content ul.places-in-map-highlights li a .right { display: block; width: 290px; float: right; clear: right; color: #666; vertical-align: bottom; } .product-body .tabs .tab-content ul.places-in-map-highlights li a:hover, .product-body .tabs .tab-content ul.places-in-map-highlights li a:hover .right { color: #333; } .product-body .tabs .tab-content ul.places-in-map-highlights li a .right strong { font-size: 1.4em; } #fjord-tours .product-body .tabs .tab-content ul.places-in-map-highlights li a .right em { font-style: normal; font-size: 1.2em; } .product-body .tabs .tab-content ul.places-in-map-highlights li a .right .read-more { display: block; padding: .75em 0 0; clear: both; color: #690; text-decoration: underline; font-size: 1.2em; } .product-body .tabs .tab-content ul.places-in-map-highlights li a:hover .right .read-more { text-decoration: none; } /* PRODUCT DETAILS: BOOKING BUTTON ================================================================ */ .product-body .booking-bottom { width: 243px; float: right; clear: right; padding: 6px 0 1px; } #fjord-tours .product-body .booking-bottom a { display: block; width: 194px; height: 26px; line-height: 26px; padding: 1px 32px 7px 17px; float: right; font-size: 1.4em; color: #FFF; text-transform: uppercase; text-align: right; text-decoration: none; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/booking-button.png) 0 0 no-repeat; position: relative; right: -1px; } /* BOOKING ================================================================ */ #booking { width: 240px; position: absolute; top: -30px; right: -14px; } #booking.small { width: 196px; height: 391px; padding: 100px 22px 0; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/booking-destination.png) 0 0 no-repeat; overflow: hidden; } #booking.small .down { width: 196px; height: 95px; position: absolute; left: 22px; bottom: 75px; overflow: hidden; } #booking fieldset.booking-top { width: 196px; _height: 221px; min-height: 221px; padding: 100px 22px 0; position: relative; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/booking-dyn-top.png) 0 0 no-repeat; } #booking fieldset.booking-bottom { width: 196px; height: 170px; padding: 0 22px; position: relative; overflow: hidden; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/booking-dyn-bottom.png) 0 0 no-repeat; *top: -3px; } .product #booking, .intro-booking #booking { right: -21px; _right: -17px; } .booking-wrap #booking { right: -21px; _right: -25px; } #booking h2 { font-size: 1.8em; color: #FFF; text-transform: uppercase; padding: 0 7px 1em; font-weight: normal; float: left; width: 182px; clear: both; } #booking .freetext { padding: 0 7px; color: #FFF; float: left; width: 182px; clear: both; } #booking .freetext p { font-size: 1.4em; line-height: 1.143; margin: 0 0 1.25em; } #booking .freetext p strong { font-size: 1.714em; letter-spacing: -.015em; } #booking .booking-alternatives, #booking .formcontrols-and-payment-logos, #booking .booking-alternatives li, #booking .formcontrols-and-payment-logos li, #booking .formcontrols-and-payment-logos li ul { width: 196px; float: left; clear: both; position: relative; } #booking .booking-alternatives li { padding: 0 0 1.25em; } #booking .booking-alternatives li.radio { width: 156px; padding: 0 7px 1.25em 33px; line-height: 1.25; } #booking .booking-alternatives li label { display: block; cursor: pointer; font-size: 1.2em; padding: 0 0 .5em; color: #FFF; text-transform: uppercase; } .product #booking .booking-alternatives li label { cursor: default; } #booking .booking-alternatives li.radio label { padding: 0; } #booking .booking-alternatives li.radio input { position: absolute; top: 0; *top: -3px; left: 7px; margin: 0; } #booking .booking-alternatives li select { margin: 0 0 .25em; } #booking .booking-alternatives li select.left { float: left; clear: left; } #booking .booking-alternatives li select.right { float: right; clear: right; } #booking .booking-alternatives li.select-destination label { display: none; } #booking .booking-alternatives li.select-hotel { display: none; } #booking .booking-alternatives li.select-hotel-show { display: block; } #booking .booking-alternatives li.select option { padding: 0 .5em 0 1.25em; } #booking .booking-alternatives li.select option.unindented { padding: 0 .5em; } #booking .booking-alternatives li select.full { width: 196px; } #booking .booking-alternatives li select.wide { width: 110px; } #booking .booking-alternatives li select.narrow { width: 76px; } #booking .formcontrols-and-payment-logos li.formcontrols { padding: 1.25em 0 0; } #booking .formcontrols-and-payment-logos li.formcontrols input, #booking a.button-black { display: block; width: 200px; height: 35px; position: relative; left: -2px; overflow: hidden; cursor: pointer; text-indent: -9999px; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/booking-button-black.png) 0 0 no-repeat; border: 0; padding: 0; line-height: 100px; } #booking a.button-black { background-position: 0 -140px; _background-position: 0 -175px; line-height: 22px; color: #FFF; text-transform: uppercase; font-size: 1.4em; text-decoration: none; height: 29px; padding: 6px 31px 0 18px; width: 151px; text-align: right; } #booking a.button-black:hover { background-position: 0 -175px; } #booking .formcontrols-and-payment-logos li.formcontrols input:hover { background-position: 0 -35px; } #booking .formcontrols-and-payment-logos li.formcontrols.no input { background-position: 0 -70px; } #booking .formcontrols-and-payment-logos li.formcontrols.no input:hover { background-position: 0 -105px; } #booking .formcontrols-and-payment-logos li.supported-cards { padding: 1.25em 0 0; } #booking .formcontrols-and-payment-logos li.supported-cards ul { padding: .5em 0 0; } #booking .formcontrols-and-payment-logos li.supported-cards ul li { padding: 0; float: left; clear: none; display: block; position: relative; height: 26px; } #booking .formcontrols-and-payment-logos li.supported-cards ul li a { display: block; float: left; text-indent: -9999px; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/booking-card-logos.png) 0 5px no-repeat; height: 26px; position: relative; overflow: hidden; } #fjord-tours #booking .formcontrols-and-payment-logos li.supported-cards ul li a { margin: 0; } #booking .formcontrols-and-payment-logos li.supported-cards ul li.visa, #booking .formcontrols-and-payment-logos li.supported-cards ul li.visa a { width: 49px; margin: 0 24px 0 0; background-position: 2px 5px; } #booking .formcontrols-and-payment-logos li.supported-cards ul li.mc, #booking .formcontrols-and-payment-logos li.supported-cards ul li.mc a { width: 41px; background-position: -47px 0; margin: 0 19px 0 0; } #booking .formcontrols-and-payment-logos li.supported-cards ul li.amex, #booking .formcontrols-and-payment-logos li.supported-cards ul li.amex a { width: 56px; background-position: -88px 3px; } #booking .formcontrols-and-payment-logos li.supported-cards ul li.visa a:hover { background-position: 2px -23px; } #booking .formcontrols-and-payment-logos li.supported-cards ul li.mc a:hover { background-position: -47px -26px; } #booking .formcontrols-and-payment-logos li.supported-cards ul li.amex a:hover { background-position: -88px -23px; } /* TEXT + BOOKING ================================================================ */ #fjord-tours .intro-booking { width: 670px; padding: 20px 260px 0 30px; _height: 450px; min-height: 450px; position: relative; } #fjord-tours .intro-booking-tabs .intro { padding: 0 0 75px; } .intro-booking .intro h1 { font-size: 3.6em; font-weight: normal; color: #333; padding: 0 0 .75em; } .intro-booking .intro .excerpt { font-size: 1.4em; line-height: 1.714; padding: 0 0 .5em; } #fjord-tours .intro-booking .intro .excerpt a { color: #690; font-weight: bold; } .intro-booking .breadcrumbs { width: 900px; padding: 5px 0; } .intro-booking #booking h2 { margin: 60px 0 0; } .intro-booking #booking .freetext p { font-size: 1.2em; line-height: 1.5; margin: 0 0 1.5em; } .intro-booking #booking .freetext p strong { font-size: 1em; letter-spacing: 0; } .intro-booking #booking .nbc-rental { position: absolute; bottom: 60px; right: 30px; } .intro-booking #booking a.overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; text-indent: -9999px; } /* ROUTES IN NORWAY MAP ================================================================ */ .routes-in-map-norway { width: 320px; height: 543px; float: left; position: relative; overflow: hidden; } .routes-in-map-norway .map, .routes-in-map-norway .map .route { width: 320px; height: 543px; position: absolute; overflow: hidden; top: 0; left: 0; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/norway.jpg) 0 0 no-repeat; } .tab-content .routes-in-map-norway .map { width: 305px; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/norway-clean.png) 13px 8px no-repeat; } .routes-in-map-norway .map .route { display: none; background: none 0 0 no-repeat; } .tab-content .routes-in-map-norway .map .route { display: block; width: 305px; left: 3px; } .routes-in-map-norway ul { width: 162px; position: absolute; bottom: 58px; right: 10px; } .routes-in-map-norway ul li { width: 162px; height: 36px; float: left; padding: 0 0 7px; } #fjord-tours .routes-in-map-norway ul li a { display: block; width: 137px; height: 31px; padding: 5px 20px 0 5px; font-size: 1.1em; line-height: 1.273; text-transform: uppercase; color: #333; text-decoration: none; text-align: right; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/route-in-map.png) 0 -36px no-repeat; position: relative; overflow: hidden; letter-spacing: -.025em; } #fjord-tours .routes-in-map-norway ul li.active a, #fjord-tours .routes-in-map-norway ul li a:hover { background-position: 0 0; } /* GENERIC ACCORDION STYLES ================================================================ */ #fjord-tours .product-body .tabs .tab-content .main-col .accordion, #fjord-tours .product-body .tabs .tab-content .main-col .accordion li { float: left; position: relative; overflow: hidden; font-size: 1em; list-style: none; line-height: 1; background: none; padding: 0; margin: 0; display: block; } #fjord-tours .product-body .tabs .tab-content .main-col .accordion li { margin: -1px 0 0; } #fjord-tours .product-body .tabs .tab-content .main-col .accordion li.first { margin: 0; } #fjord-tours .product-body .tabs .tab-content .main-col .accordion li ul li { font-size: 1.2em; line-height: 1.5; width: auto; margin: 0; float: none; padding: .25em 0 .25em 8px; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/bullet.gif) 0 .85em no-repeat; } /* PRODUCT DETAILS: SMALL ACCORDION ================================================================ */ .product-body .tabs .tab-content .main-col .small-accordion, .product-body .tabs .tab-content .main-col .small-accordion li { display: block; width: 230px; } .product-body .tabs .tab-content .main-col .small-accordion li.collapsed { height: 32px; } .product-body .tabs .tab-content .main-col .small-accordion li h3 { width: 181px; height: 32px; line-height: 32px; font-size: 1.4em; text-transform: uppercase; color: #FFF; padding: 0 11px 0 38px; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/accordion-item-arrows.png) 0 0 no-repeat; margin: 0; position: relative; overflow: hidden; } .product-body .tabs .tab-content .main-col .small-accordion li h3 .icon { display: block; width: 26px; height: 24px; position: absolute; top: 4px; left: 4px; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/icon-sprite.png) no-repeat; } .product-body .tabs .tab-content .main-col .small-accordion li.porter-service h3 .icon { background-position: -180px 0; } .product-body .tabs .tab-content .main-col .small-accordion li.atm h3 .icon { background-position: -90px 0; } .product-body .tabs .tab-content .main-col .small-accordion li.tourist-info h3 .icon { background-position: 0 0; } .product-body .tabs .tab-content .main-col .small-accordion li.toilet h3 .icon { background-position: 0 0; } .product-body .tabs .tab-content .main-col .small-accordion li.food h3 .icon { background-position: -210px 0; } .product-body .tabs .tab-content .main-col .small-accordion li.transfer-stations h3 .icon { background-position: -120px -30px; } .product-body .tabs .tab-content .main-col .small-accordion li.tourist-info h3 .icon { background-position: -330px 0; } .product-body .tabs .tab-content .main-col .small-accordion li.collapsed h3 { color: #666; background-position: 0 -32px; } .product-body .tabs .tab-content .main-col .small-accordion li p { font-size: 1.2em; line-height: 1.5; padding: 1em 35px 1.5em 11px; height: 150px; position: relative; overflow: auto; } .product-body .tabs .tab-content .main-col .small-accordion li .inner { height: 150px; position: relative; overflow: auto; } .product-body .tabs .tab-content .main-col .small-accordion li .inner h4 { font-size: 1.2em; line-height: 1; padding: 1em 35px 0 11px; margin: 0 0 -.75em; } .product-body .tabs .tab-content .main-col .small-accordion li .inner p { height: auto; } .product-body .tabs .tab-content .main-col .small-accordion li .inner ul { padding: 1em 35px 1.5em 11px; } /* PRODUCT DETAILS: BIG ACCORDION ================================================================ */ .product-body .tabs .tab-content .main-col .big-accordion, .product-body .tabs .tab-content .main-col .big-accordion li { display: block; width: 480px; } .product-body .tabs .tab-content .main-col-narrow .big-accordion, .product-body .tabs .tab-content .main-col-narrow .big-accordion li { width: 305px; } #fjord-tours .product-body .tabs .tab-content .main-col .big-accordion li.collapsed { height: 37px; } .product-body .tabs .tab-content .main-col .big-accordion li .head { width: 480px; float: left; height: 37px; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/accordion-item-large-arrows.png) 0 0 no-repeat; position: relative; overflow: hidden; } .product-body .tabs .tab-content .main-col-narrow .big-accordion li .head { width: 305px; background-position: 0 -74px; } .product-body .tabs .tab-content .main-col .big-accordion li.collapsed .head { background-position: 0 -37px; } .product-body .tabs .tab-content .main-col-narrow .big-accordion li.collapsed .head { background-position: 0 -111px; } .product-body .tabs .tab-content .main-col .big-accordion li .head h3 { height: 37px; line-height: 37px; font-size: 1.3em; font-weight: bold; text-transform: uppercase; color: #FFF; margin: 0; padding: 0 39px; position: relative; overflow: hidden; letter-spacing: -.025em; } .product-body .tabs .tab-content .main-col .big-accordion li .head h3 .icon { top: 7px; left: 6px; background-position: -240px 0; } .product-body .tabs .tab-content .main-col .big-accordion li.collapsed .head h3 { color: #333; } .product-body .tabs .tab-content .main-col .big-accordion li .head .plus-minus { width: 21px; height: 21px; position: absolute; top: 8px; right: 8px; overflow: hidden; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/accordion-item-large.png) 0 -74px no-repeat; } .product-body .tabs .tab-content .main-col .big-accordion li.collapsed .head .plus-minus { background-position: -21px -74px; } .product-body .tabs .tab-content .main-col .big-accordion li.expanded { margin: -1px 0 0; } .product-body .tabs .tab-content .main-col .big-accordion li.first-expanded { margin: 0; } .product-body .tabs .tab-content .main-col .big-accordion li .content { width: 461px; float: left; padding: 1.5em 0 1.75em 19px; } .product-body .tabs .tab-content .main-col .big-accordion li .content h4, .product-body .tabs .tab-content .main-col .big-accordion li .content p, .product-body .tabs .tab-content .main-col .big-accordion li .content ul { padding-left: 19px; padding-right: 9px; } .product-body .tabs .tab-content .main-col .big-accordion-hotels li .content { width: 480px; padding: 0; } .product-body .tabs .tab-content .main-col-narrow .big-accordion-hotels li .content { width: 305px; height: 121px; overflow: auto; } .product-body .tabs .tab-content .main-col .big-accordion li .wider-content { width: 440px; padding: 1.5em 20px 1.75em; } .product-body .tabs .tab-content .main-col .big-accordion li .content h4 { font-size: 1.2em; text-transform: uppercase; padding: 0 10px .25em 20px; } #fjord-tours .product-body .tabs .tab-content .main-col .big-accordion li .content ul.views { float: left; width: 461px; padding-left: 0; padding-right: 0; } #fjord-tours .product-body .tabs .tab-content .main-col .big-accordion li .content ul.views li { background: none; padding: 0 2em 0 0; float: left; line-height: 28px; } #fjord-tours .product-body .tabs .tab-content .main-col .big-accordion li .content ul.views li.last { padding: 0; } #fjord-tours .product-body .tabs .tab-content .main-col .big-accordion li .content ul.views li a { color: #690; text-decoration: underline; font-size: 1.1em; text-transform: uppercase; font-weight: bold; } #fjord-tours .product-body .tabs .tab-content .main-col .big-accordion li .content ul.views li a:hover { text-decoration: none; } #fjord-tours .product-body .tabs .tab-content .main-col .big-accordion li .content ul.views li.booking { font-size: 1em; float: right; padding: 0; position: relative; width: 128px; } #fjord-tours .product-body .tabs .tab-content .main-col .big-accordion li .content ul.views li.booking a { display: block; width: 78px; height: 23px; line-height: 23px; padding: 1px 32px 10px 17px; float: right; font-size: 1.4em; color: #FFF; text-transform: uppercase; text-align: right; text-decoration: none; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/booking-button-small.png) 0 0 no-repeat; position: relative; right: -1px; } /* GENERIC TRAVEL TIP STYLES ================================================================ */ .travel-tip-rotator { width: 480px; height: 100px; padding: 20px 0; position: absolute; bottom: 0; left: 0; } #fjord-tours .travel-tip-rotator h3 { position: absolute; top: 0; left: 0; clear: both; } .travel-tip-rotator .quotes blockquote { position: absolute; height: 55px; bottom: 20px; left: 0; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/tab-container-bottom-corners.png) -100px -532px no-repeat; /*59px*/ border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 2em 0; } #fjord-tours .travel-tip-rotator blockquote p { font-size: 1.2em; line-height: 1.5; padding: 0 0 0 50px; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/quotation-mark.gif) 0 0 no-repeat; } #fjord-tours .travel-tip-rotator .navi { width: 480px; height: 20px; position: absolute; overflow: hidden; bottom: 0; right: -9px; padding: 0; } #fjord-tours .travel-tip-rotator .navi li { float: left; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/travel-tip-rotate-menu.png) 0 0 no-repeat; line-height: 1; margin: 0 2px 0 0; padding: 0; } #fjord-tours .travel-tip-rotator .navi li.last { margin: 0; } #fjord-tours .travel-tip-rotator .navi li.active { background-position: -20px 0; } #fjord-tours .travel-tip-rotator .navi li a { display: block; float: right; width: 20px; height: 20px; line-height: 20px; text-align: center; text-decoration: none; color: #FFF; } #fjord-tours .travel-tip-rotator .navi li.prev, #fjord-tours .travel-tip-rotator .navi li.next { width: 5px; height: 9px; border-top: 6px solid #FFF; border-bottom: 5px solid #FFF; padding: 0 4px 0 0; background-position: -40px 0; position: relative; overflow: hidden; text-indent: -9999px; margin: 0; } #fjord-tours .travel-tip-rotator .navi li.next { background-position: -40px 100%; border-left: 4px solid #FFF; padding: 0; } /* GENERIC HORIZONTAL LIGHTBOX IMAGES ================================================================ */ #fjord-tours ul.images { width: 305px; height: 70px; position: relative; overflow: hidden; float: left; list-style-type: none; padding: 0; margin: 15px 0 0; } #fjord-tours ul.images li { width: 90px; height: 70px; position: relative; overflow: hidden; float: left; margin: 0 17px 12px 0; padding: 0; background: none; } #fjord-tours ul.images li.last { margin: 0 0 12px; } ul.images li a { display: block; float: left; } ul.images li a img { display: block; } #fjord-tours a.view-hotel-pics-in-box { color: #666; display: block; text-transform: uppercase; padding: 1em 0 0 20px; line-height: 1; font-size: 1.1em; text-decoration: none; position: relative; float: left; clear: both; width: 305px; } #fjord-tours a.view-hotel-pics-in-box .icon { display: block; width: 11px; height: 10px; position: absolute; overflow: hidden; bottom: 1px; left: 0; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/icon-sprite.png) -150px -90px no-repeat; } #fjord-tours a.view-hotel-pics-in-box:hover { color: #333; } /* LIGHTBOX CONTENT ================================================================ */ #colorbox.video #cboxClose { display: none; } .lightbox { position: relative; overflow: hidden; background: #FFF; color: #333; width: 800px; padding: 0 0 20px; } .video-lightbox { width: 424px; } .lightbox .inner { width: 760px; float: left; padding: 20px 20px 0; } .video-lightbox .inner { width: 384px; padding: 15px 20px 20px; } .lightbox .main-image { height: 269px; position: relative; overflow: hidden; margin: 0 0 35px; } .lightbox .main-image img { display: block; } .lightbox .main-image .veil { width: 760px; height: 74px; position: absolute; overflow: hidden; bottom: 0; left: 0; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/lightbox-veil.png) 0 0 no-repeat; } .lightbox .inner .text { width: 640px; padding: 0 60px; } .lightbox h2, .video-lightbox h1 { font-size: 1.8em; font-weight: normal; color: #666; padding: 0 0 .5em; } .lightbox #lb-current { color: #999; text-transform: uppercase; font-size: 1.2em; margin: 0 0 1.75em; } .lightbox .generic-content { padding: 0; width: 760px; } .lightbox .inner .text .generic-content { width: 640px; } .lightbox .generic-content .fact-box { position: relative; overflow: hidden; width: 273px; float: right; clear: right; padding: 0 0 28px; margin: -65px 0 0 30px; } .lightbox .generic-content .fact-box .content { width: 249px; padding: 9px 12px 17px; position: relative; overflow: hidden; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/hanging-read-more-buy-box.png) 0 0 repeat-y; } .lightbox .generic-content .fact-box .content .box-top { width: 273px; height: 11px; position: absolute; top: 0; left: 0; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/hanging-read-more-buy-box.png) -273px 0 no-repeat; } .lightbox .generic-content .fact-box .content .box-bottom { width: 273px; height: 327px; position: absolute; bottom: 0; left: 0; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/hanging-read-more-buy-box.png) -546px 100% no-repeat; } .lightbox .generic-content .fact-box .content h3 { font-size: 1.8em; color: #333; text-transform: uppercase; font-weight: normal; padding: 0 0 1em; position: relative; } .lightbox .generic-content .fact-box .content p { line-height: 2; } .lightbox .generic-content .fact-box .content .box-inner { position: relative; padding: 18px 14px 0; } .generic-content p.conserve-air { margin: 0 0 1em; } .generic-content p.no-air { margin: 0; } .generic-content p.max-top-air { padding: 2.5em 0 0; } .generic-content p strong { font-weight: bold; } .lightbox-flat { display: none; } #cboxLoadedContent .lightbox-flat { display: block; } .lightbox-flat img { padding: 0 0 35px; } .lightbox-flat-nbc img { float: right; clear: right; padding: 0 35px 20px; } #cboxContent #cboxPrevious, #cboxContent #cboxNext { width: 51px; height: 98px; clear: both; position: absolute; overflow: hidden; top: 35px; left: 12px; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/lightbox-nav.png) 0 0 no-repeat; } #cboxContent #cboxNext { left: auto; right: 12px; background-position: -51px 0; } .lightbox .close { display: block; width: 60px; height: 20px; line-height: 20px; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/zumachen-fenster-weiss.png) 100% 8px no-repeat; float: right; clear: right; padding: 5px 18px 0 0; color: #999; text-decoration: none; text-transform: uppercase; text-align: right; } .lightbox .bottom .close { position: absolute; bottom: 0; right: 0; clear: both; } .plain-swoosh-lightbox .bottom .close { right: 20px; } .video-lightbox .close:hover, .plain-lightbox .close:hover { color: #333; } .video-lightbox .share { width: 300px; float: left; clear: left; padding: 5px 0 0; } .video-lightbox .share li { display: block; width: 100px; height: 20px; float: left; position: relative; overflow: hidden; } .video-lightbox .share li a { color: #CCC; text-decoration: none; display: block; float: left; height: 20px; line-height: 20px; text-transform: uppercase; position: relative; padding: 0 0 0 26px; } .video-lightbox .share:hover li a, .video-lightbox .share.hover li a { color: #999; } .video-lightbox .share li a .icon { display: block; position: absolute; width: 16px; height: 16px; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/share.png) 0 0 no-repeat; top: 2px; left: 0; *filter: alpha(opacity=35); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)"; opacity: .35; } .video-lightbox .share:hover li a .icon, .video-lightbox .share.hover li a .icon { *filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .video-lightbox .share li.twitter a .icon { background-position: 0 -16px; } .video-lightbox .share li.myspace a .icon { background-position: 0 -32px; } .video-lightbox .share li.bebo a .icon { background-position: 0 -48px; } .video-lightbox .share li.friendster a .icon { background-position: 0 -64px; } .video-lightbox .share li.email-tip a .icon { width: 14px; height: 11px; top: 4px; left: 0; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/icon-sprite.png) -60px -90px no-repeat; } .video-lightbox .share:hover li a:hover, .video-lightbox .share.hover li a:hover { color: #333; } .lightbox .bottom { padding: 2em 0 0; width: 760px; float: left; position: relative; } .video-lightbox .bottom { padding: 0; width: 384px; border-bottom: 20px solid #FFF; } .lightbox #fjordpasslogo { width: 156px; height: 29px; float: left; clear: left; position: relative; overflow: hidden; text-indent: -9999px; background: url(http://c1.fjordtours.com/sitefiles/1/img/fjordpasslogo.jpg) 0 0 no-repeat; } .plain-swoosh-lightbox h2 { font-size: 3.6em; color: #333; padding: 130px 0 .75em 30px; } .plain-swoosh-lightbox .generic-content-left { width: 350px; float: left; padding: 0 0 0 30px; } .plain-swoosh-lightbox .generic-content-air { width: 700px; padding: 0 30px; } .lightbox .left-col .generic-content { width: 350px; } .plain-swoosh-lightbox .generic-content-air p { line-height: 2; } .lightbox .generic-content p.nb { color: #690; text-transform: uppercase; font-size: 1.4em; line-height: 1; margin: 0; } .plain-swoosh-lightbox img.right { float: right; padding: 30px 35px 2em 0; } .plain-swoosh-lightbox .bottom { padding: 60px 20px 50px 50px; width: 730px; margin: 90px 0 0 -20px; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/swoosh.png) 0 0 no-repeat; } .plain-swoosh-lightbox .bottom .controls { width: 458px; height: 41px; float: left; clear: left; } .plain-swoosh-lightbox .bottom .controls li.back { float: left; clear: left; } .plain-swoosh-lightbox .bottom .controls li.booking { float: right; clear: right; } .plain-swoosh-lightbox .bottom .controls li a { display: block; width: 162px; height: 31px; padding: 0 33px 10px 5px; line-height: 31px; font-size: 1.4em; color: #FFF; text-decoration: none; text-transform: uppercase; text-align: right; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/lb-bigbuttons.png) 0 0 no-repeat; } .plain-swoosh-lightbox .bottom .controls li.back a { padding: 0 5px 10px 33px; text-align: left; background-position: 0 -41px; } .hotel-lightbox .inner { width: 700px; padding: 100px 50px 40px; } .hotel-lightbox h2 { font-size: 2.7em; padding: 0 0 .75em; } .hotel-lightbox h3 { font-size: 1.8em; padding: 0 0 1.5em; } .hotel-lightbox .left-col { width: 350px; float: left; clear: left; } .hotel-lightbox .right-col { width: 300px; float: right; clear: right; padding: 0 0 10px; } .hotel-lightbox .right-col ul.images, .hotel-lightbox .right-col ul.images li { width: 300px; float: left; } .hotel-lightbox .right-col ul.images li { padding: 0 0 10px; } .hotel-lightbox .right-col ul.images li img { display: block; } .hotel-lightbox .bottom { width: 700px; } .hotel-lightbox p.booking { font-size: 1.4em; } .hotel-lightbox p.booking a { color: #F90; font-weight: bold; text-transform: uppercase; text-decoration: none; } /* JQUERY LIGHTBOX: PROBABLY NOT IN USE ================================================================ */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-content { width: 100%; height: 100%; } #lightbox-content { padding: 15px; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: .7em; } /* COLORBOX LIGHTBOX ================================================================ */ #colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; } #cboxOverlay { position: fixed; width: 100%; height: 100%; } #cboxMiddleLeft, #cboxBottomLeft { clear: left; } #cboxContent { position: relative; overflow: visible; } #cboxLoadedContent { overflow: visible; } #cboxLoadedContent iframe { display: block; width: 100%; height: 100%; border: 0; } #cboxTitle { margin: 0; } #cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor:pointer; } #cboxOverlay { background: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; *filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: .8; } #cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight, #cboxMiddleLeft, #cboxMiddleRight { display: none; } /*#cboxContent { background: #FFF; }*/ #cboxLoadedContent { margin-bottom: 28px; } #cboxTitle { position: absolute; bottom: 3px; left: 0; text-align: center; width: 100%; color: #949494; } #cboxCurrent { position: absolute; bottom: 3px; left: 58px; color: #949494; } #cboxSlideshow { position: absolute; bottom: 3px; right: 30px; color: #0092EF; } #cboxPrevious { position: absolute; bottom: 0; left: 0; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/colorBox/controls.png) -25px 0 no-repeat; width: 25px; height: 25px; text-indent: -9999px; } #cboxPrevious.hover { background-position: -25px -25px; } #cboxNext { position: absolute; bottom: 0; left: 27px; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/colorBox/controls.png) 0 0 no-repeat; width: 25px; height: 25px; text-indent: -9999px; } #cboxNext.hover { background-position: 0 -25px; } #cboxLoadingOverlay { background: url(http://c1.fjordtours.com/sitefiles/1/gfx/colorBox/loading_background.png) 50% 50% no-repeat; } #cboxLoadingGraphic { background: url(http://c2.fjordtours.com/sitefiles/1/gfx/colorBox/loading.gif) 50% 50% no-repeat; } #cboxClose { position: absolute; bottom: 0; right: 0; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/colorBox/controls.png) -50px 0 no-repeat; width: 25px; height: 25px; text-indent: -9999px; } #cboxClose.hover { background-position: -50px -25px; } .lbgalleryContainer { position: relative; overflow: hidden; width: 760px; height: 65px; } .lbgalleryContainer .lbLeftBtn { display: block; position: absolute; overflow: hidden; top: 0; left: 0; width: 29px; height: 45px; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/lbLeftBtn.png) 0 0 no-repeat; } .lbgalleryContainer .lbRightBtn { display: block; position: absolute; overflow: hidden; top: 0; right: 0; width: 29px; height: 45px; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/lbRightBtn.png) 0 0 no-repeat; } .lbgalleryContainer #lbgalleryContent { position: absolute; top: 12px; left: 15px; width: 720px; height: 25px; overflow: hidden; clear: both; } .lbgalleryContainer #lbgalleryContent #lbgallery { float: left; position: relative; } .lbgalleryContainer #lbgalleryContent #lbgallery li { float: left; width: 70px; height: 25px; margin: 0 0 0 10px; } /* CUSTOMER SUPPORT — INTRO AND SEARCH (TOP) ================================================================ */ .cs-top { position: relative; overflow: hidden; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/cs-top-bg-x.png) 0 0 repeat-x; color: #FFF; } .cs-top-air { margin: 0 0 25px; } .cs-top-inner { width: 630px; height: 175px; padding: 25px 0 0 330px; background: 0 0 no-repeat; } .cs-top-inner-shadow-bottom { padding-bottom: 6px; } .cs-top .shadow-bottom { height: 6px; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/global-search-shadow.png) 0 0 repeat-x; top: auto; bottom: 0; } .cs-top h1 { font-size: 2.25em; padding: 0 0 .75em; } .cs-top .excerpt { font-size: 1.5em; padding: 0 0 1.5em; } #fjord-tours .cs-top a { color: #BCD3A6; text-decoration: none; } #fjord-tours .cs-top a:hover { text-decoration: underline; } .cs-top form { padding: 0 0 .5em; } .cs-top form label { display: none; } .cs-top form input#csq, .cs-top form input#sgq { width: 310px; height: 18px; padding: 4px 6px 0; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/cs-search-text.png) 0 0 no-repeat; border: 0; margin: 3px 6px 0 0; color: #666; *color: #333; font-size: 1.2em; font-family: Arial, Tahoma, "Lucida Grande", FreeSans, sans-serif; float: left; } .cs-top form input#csq:focus, .cs-top form input#csq:active, .cs-top form input#sgq:focus, .cs-top form input#sgq:active { color: #333; } .cs-top form input.submit { width: 80px; height: 34px; line-height: 27px; padding: 0 4px 7px; text-align: center; color: #FFF; text-transform: uppercase; font-size: 1.5em; border: 0; margin: 0; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/cs-search-submit.png) 0 0 no-repeat; cursor: pointer; font-family: Arial, Tahoma, "Lucida Grande", FreeSans, sans-serif; font-weight: normal; letter-spacing: -.05em; } .cs-top p#other-searched-for { width: 320px; font-size: 1.2em; line-height: 1.5; } /* CUSTOMER SUPPORT — ROTATION OF FEATURED QA ARTICLES ================================================================ */ .cs-art-rotator { height: 86px; position: relative; overflow: hidden; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/cs-rotating-arts.png) 0 -18px repeat-x; } .cs-art-rotator .navi { width: 300px; height: 86px; float: left; clear: left; text-align: center; position: relative; } .cs-art-rotator .navi h2 { font-size: 1.5em; font-weight: normal; padding: 1.5em 0 0; } .cs-art-rotator .navi-inner { float: left; overflow: hidden; width: 100%; height: 18px; position: absolute; bottom: 20px; left: 0; } .cs-art-rotator .navi .navi-inner ul { height: 18px; position: relative; left: 50%; float: left; } .cs-art-rotator .navi .navi-inner ul li { position: relative; float: left; right: 50%; padding: 0 1px 0 0; } .cs-art-rotator .navi .navi-inner ul li.last { padding: 0; } #fjord-tours .cs-art-rotator .navi .navi-inner ul li a { display: block; width: 20px; height: 18px; line-height: 18px; float: left; background: #D6D6D6; color: #FFF; text-decoration: none; font-size: 1.3em; } #fjord-tours .cs-art-rotator .navi .navi-inner ul li a:hover { direction: rtl; } #fjord-tours .cs-art-rotator .navi .navi-inner ul li.active a, #fjord-tours .cs-art-rotator .navi .navi-inner ul li a:hover { background: #3D3C3C; } .cs-art-rotator .navi .navi-inner ul li a .lc, .cs-art-rotator .navi .navi-inner ul li a .rc { display: block; width: 2px; height: 18px; position: absolute; top: 0; left: 0; overflow: hidden; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/cs-rotating-arts.png) 0 0 no-repeat; } .cs-art-rotator .navi .navi-inner ul li a .rc { left: auto; right: 0; background-position: -2px 0; } .cs-art-rotator .navi .navi-inner ul li.active a .lc, .cs-art-rotator .navi .navi-inner ul li a:hover .lc { background-position: -4px 0; } .cs-art-rotator .navi .navi-inner ul li.active a .rc, .cs-art-rotator .navi .navi-inner ul li a:hover .rc { background-position: -6px 0; } .cs-art-rotator .qas { width: 600px; float: right; clear: right; padding: 15px 30px 0 0; } .cs-art-rotator .qas .qa { width: 600px; height: 71px; position: absolute; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/cs-rotating-arts.png) 0 -33px repeat-x; } .cs-art-rotator .qas .qa h3 { padding: 0 0 .35em; } .cs-art-rotator .qas .qa h3, .cs-art-rotator .qas .qa p { font-size: 1.2em; line-height: 1.5; } .cs-art-rotator .qas .qa p { height: 3em; position: relative; overflow: hidden; } .cs-art-rotator .qas .qa p a { color: #690; text-decoration: none; } .cs-art-rotator .qas .qa p a:hover { text-decoration: underline; } /* CUSTOMER SUPPORT — CATEGORIES (LEFT) & QA (RIGHT) ================================================================ */ .cs-box { background: url(http://c2.fjordtours.com/sitefiles/1/gfx/cs-box.png) -634px 0 repeat-y; } .cs-box h2 { background: url(http://c2.fjordtours.com/sitefiles/1/gfx/cs-box.png) 0 0 no-repeat; height: 44px; line-height: 44px; font-size: 1.5em; font-weight: normal; text-transform: uppercase; color: #FFF; margin: 0 0 0 1px; } #fjord-tours .cs-box h2 strong { display: block; width: 40px; height: 44px; line-height: 44px; float: left; text-align: center; font-weight: normal; font-size: 1.333em; } .cs-box .inner { background: url(http://c2.fjordtours.com/sitefiles/1/gfx/cs-box.png) -1268px 100% no-repeat; } .cs-box .inner .top { width: 2px; height: 3px; position: absolute; top: 0; left: 0; overflow: hidden; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/cs-box.png) -632px 0 no-repeat; } .cs-cats { width: 271px; float: left; position: relative; margin: 0 0 20px -1px; } .cs-cats .inner { _height: 250px; min-height: 250px; position: relative; } .cs-cats .inner ul { width: 269px; padding: 10px 0 10px 2px; float: left; } .cs-cats .inner ul li { width: 269px; float: left; clear: both; } .cs-cats .inner ul li#search-results { padding: 40px 0 0; } #fjord-tours .cs-cats .inner ul li a { display: block; height: 30px; padding: 0 30px 0 40px; line-height: 30px; background: #EDF4E1 url(http://c2.fjordtours.com/sitefiles/1/gfx/bullet-big-trans.png) 16px 50% no-repeat; color: #333; text-decoration: none; font-size: 1.3em; position: relative; letter-spacing: -.025em; } #fjord-tours .cs-cats .inner ul li.even a { background-color: #F5F9EF; } #fjord-tours .cs-cats.cs-box .inner ul li a:hover { background-color: #E3EFD4; } #fjord-tours .cs-cats.cs-box .inner ul li.active a { background-color: #B5D094; } .cs-cats .inner ul li.active a .arrow { display: block; width: 16px; height: 16px; position: absolute; top: 7px; right: 7px; overflow: hidden; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/cs-active-arrow.gif) 0 0 no-repeat; } .cs-arts { width: 631px; float: left; position: relative; margin: 0 0 20px -1px; background-position: -635px 0; } .cs-arts h2 { background-position: -3px 0; } #fjord-tours .cs-arts h2 strong { width: 50px; } .cs-arts .inner { width: 631px; float: left; _height: 400px; min-height: 400px; position: relative; background-position: -1269px 100%; } .cs-arts .inner ul { width: 627px; float: left; padding: 10px 3px 30px 1px; } .cs-arts .inner ul li { width: 627px; height: 30px; float: left; clear: both; position: relative; overflow: hidden; } #fjord-tours .cs-arts .inner ul li h3 a { display: block; height: 30px; line-height: 30px; padding: 0 115px 0 40px; position: relative; overflow: hidden; color: #333; font-size: 1.3em; text-decoration: none; background: #EDF4E1 url(http://c2.fjordtours.com/sitefiles/1/gfx/bullet-big-trans.png) 16px 50% no-repeat; } #fjord-tours .cs-arts .inner ul li.even h3 a { background-color: #F5F9EF; } #fjord-tours .cs-arts-cs-box .inner ul li h3 a:hover { background-color: #E3EFD4; } #fjord-tours .cs-arts-cs-box .inner ul li.active h3 a { background-color: #B5D094; } #fjord-tours .cs-arts .inner ul li h3 a .more { display: block; height: 30px; line-height: 30px; position: absolute; top: 0; right: 15px; } .cs-arts .inner ul li .answer, .cs-arts .inner ul li .answer .answer-inner { width: 627px; float: left; clear: both; } .cs-arts .inner ul li .answer .answer-inner { width: 562px; padding: 15px 25px 15px 40px; border-bottom: 1px solid #EFF3E9; } .cs-arts .inner ul li.last .answer .answer-inner { border-bottom: 0; } .cs-arts .inner ul li .answer .answer-inner p { font-size: 1.2em; line-height: 1.5; margin: 0 0 1.5em; } #fjord-tours .cs-arts .inner ul li .answer .answer-inner p.read-more { font-size: 1.5em; float: left; clear: both; } #fjord-tours .cs-arts .inner ul li .answer .answer-inner p.read-more a { display: block; float: left; clear: both; height: 41px; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/cs-more-about.png) 100% 0 no-repeat; text-transform: uppercase; color: #FFF; text-decoration: none; } .cs-arts .inner ul li .answer .answer-inner p.read-more a span { display: block; float: left; height: 33px; line-height: 33px; padding: 1px 29px 7px 27px; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/cs-more-about.png) -489px -41px no-repeat; } #fjord-tours .cs-arts .inner ul li .answer .answer-inner p.read-more a:hover { color: #DDD; } .cs-arts .inner ul li .answer .answer-inner a { color: #690; text-decoration: none; } .cs-arts .inner ul li .answer .answer-inner a:hover { text-decoration: underline; } .cs-arts .inner .top { background-position: -632px -3px; left: 628px; } #fjord-tours .cs-arts h2 .cat-title { display: block; float: left; height: 44px; line-height: 44px; overflow: hidden; vertical-align: middle; width: 540px; } #fjord-tours .cs-arts h2 #cat-loading { display: block; float: left; height: 44px; width: 30px; } #fjord-tours .cs-arts h2 #cat-loading.active { background: url(http://c2.fjordtours.com/sitefiles/1/gfx/ajax-loader.gif) 0 14px no-repeat; } .cs-top form #ajax-loader { float: left; display: block; width: 30px; height: 28px; } .cs-top form input { float: left; } .cs-top form #ajax-loader.active { background: url(http://c2.fjordtours.com/sitefiles/1/gfx/ajax-loader.gif) 5px 6px no-repeat; } /* FAQ DETAIL / FALLBACK ================================================================ */ #faq-detail-fallback { } #faq-detail-fallback .inner .answer { width: 627px; float: left; padding: 10px 3px 30px 1px; } #faq-detail-fallback .inner .answer, #faq-detail-fallback .inner .answer .answer-inner { width: 627px; float: left; clear: both; } #faq-detail-fallback .inner .answer .answer-inner { width: 562px; padding: 15px 25px 15px 40px; } #faq-detail-fallback .inner .answer .answer-inner p { font-size: 1.2em; line-height: 1.5; margin: 0 0 1.5em; } #fjord-tours #faq-detail-fallback .inner .answer .answer-inner p.read-more { font-size: 1.5em; float: left; clear: both; } #fjord-tours #faq-detail-fallback .inner .answer .answer-inner p.read-more a { display: block; float: left; clear: both; height: 41px; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/cs-more-about.png) 100% 0 no-repeat; text-transform: uppercase; color: #FFF; text-decoration: none; } #faq-detail-fallback .inner .answer .answer-inner p.read-more a span { display: block; float: left; height: 33px; line-height: 33px; padding: 1px 29px 7px 27px; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/cs-more-about.png) -489px -41px no-repeat; } #fjord-tours #faq-detail-fallback .inner .answer .answer-inner p.read-more a:hover { color: #DDD; } #faq-detail-fallback .inner .answer .answer-inner a { color: #690; text-decoration: none; } #faq-detail-fallback .inner .answer .answer-inner a:hover { text-decoration: underline; } /* CONTACT US ================================================================ */ .contact-us-wrap { float: left; width: 905px; padding: 0 0 40px; margin: 45px 0 20px; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/contactUsBg.png) 100% 100% no-repeat; position: relative; left: -2px; } .contact-us { float: left; width: 905px; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/contactUsBg.png) 1px 0 no-repeat; min-height: 456px; _height: 456px; } .contact-us .form-left { float: left; width: 630px; } .contact-us .form-left .left { float: left; width: 252px; margin: 0 0 0 23px; } .contact-us .form-left .right { float: left; width: 252px; margin: 0 0 0 46px; } .contact-us .form-left h2 { font-size: 2.25em; color: #333; margin: 0 0 2.4em; } .contact-us .form-left .right h2 { text-transform: uppercase; } .contact-us .form-left p { font-size: 1.5em; line-height: 1.667; color: #333; } .contact-us .form-left ul { list-style-type: disc; font-size: 1.5em; line-height: 1.667; color: #333; margin: 0 0 1.65em 15px; } .contact-us .form-left a { color: #690; } .contact-us .form-right { float: left; width: 258px; position: relative; overflow: hidden; } .contact-us .form-right h1 { font-size: 2.25em; color: #690; margin: 0 0 .8em; text-transform: uppercase; } .contact-us .form-right label { float: left; font-size: 1.5em; line-height: 1; width: 246px; padding: 3px 0 3px 12px; } .contact-us .form-right .input { float: left; width: 234px; height: 22px; padding: 5px 12px 0; border: 0; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/inputField.png) 0 0 no-repeat; } .contact-us .form-right textarea { float: left; width: 234px; height: 117px; margin: 0 0 10px 0; padding: 10px 12px 0 12px; border: 0; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/textAreaBg.png) 0 0 no-repeat; } .contact-us .form-right form, .contact-us .form-right fieldset, .contact-us .form-right ul, .contact-us .form-right ul li { float: left; width: 258px; clear: both; } .contact-us .form-right ul li { padding: 0 0 10px; } .contact-us .form-right #csc-form-success { display: none; width: 258px; height: 200px; position: absolute; overflow: hidden; top: 40px; left: 0; } .contact-us .form-right #csc-form-success p { font-size: 1.3em; line-height: 1.5; } .contact-us #see-faq { float: right; clear: right; font-size: 1.1em; text-align: center; width: 141px; height: 22px; border: 0; padding: 0 0 1px; color: #fff; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/see-faq.png) 0 0 no-repeat; cursor: pointer; text-transform: uppercase; text-shadow: 1px 1px 0 rgba(0, 0, 0, .25); } .contact-us #see-faq:hover { background-position: 0 -22px; } .contact-us #csc-submit { float: right; font-size: 12px; width: 96px; height: 27px; border: 0; color: #fff; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/contactUsBtn.png) 0 -32px no-repeat; } .contact-us select { float: left; width: 107px; } .contact-us #subject { float: left; width: 170px; margin: 4px 0 0 0; } /* CONTACT US: FAQ ================================================================ */ #faq { position: absolute; top: 0; left: 0; width: 601px; height: 498px; overflow: hidden; } #faq .cs-box { background: url(http://c1.fjordtours.com/sitefiles/1/gfx/cs-box-faq.png) -601px 0 repeat-y; } #faq .cs-box h2 { background: url(http://c1.fjordtours.com/sitefiles/1/gfx/cs-box-faq.png) 0 0 no-repeat; } #faq .cs-box .inner { background: url(http://c1.fjordtours.com/sitefiles/1/gfx/cs-box-faq.png) -1202px 100% no-repeat; } #faq .cs-arts { width: 601px; } #fjord-tours #faq .cs-arts h2 .cat-title { width: 520px; } #faq .cs-arts .inner { width: 591px; padding: 10px 3px 30px 4px; min-height: 416px; _height: 416px; } #faq .cs-arts .inner ul { width: 594px; padding: 10px 3px 30px 0; } #faq .cs-arts .inner ul li { width: 594px; } #faq .cs-arts .inner ul li .answer { width: 594px; } #faq .cs-arts .inner ul li .answer .answer-inner { width: 529px; } #wrap .contact-us .form-right input.error { background-position: 0 -27px; } #wrap .contact-us .form-right input.correct { background-position: 0 0; } #wrap .contact-us .form-right textarea.error { background-position: 0 -127px; } #wrap .contact-us .form-right textarea.correct { background-position: 0 0; } /* GLOBAL SEARCH RESULTS ================================================================ */ #search-results { width: 498px; padding: 0 16px 41px; float: left; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/search-results.png) 0 100% no-repeat; margin: 0 0 20px; } #search-results h2 { color: #999; font-size: 2.4em; font-weight: normal; padding: 0 15px .5em; } #search-results h2 strong, #search-results .cat h3 strong { font-weight: normal; color: #333; } #search-results p.error { color: #666; font-size: 1.5em; font-style: italic; padding: 0 0 .5em; } #search-results .cat, #search-results .cat .hits, #search-results .cat .hits li { width: 498px; float: left; clear: both; } #search-results .cat h3 { font-size: 1.5em; color: #999; padding: 0 0 .5em 20px; } #search-results .cat h3 a { color: #690; } #search-results .cat .hits { width: 468px; padding: 15px 15px 20px; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/search-results.png) -530px 0 no-repeat; } #search-results .cat .hits li { width: 468px; padding: 0 0 15px; border-bottom: 1px solid #F2F2F2; margin: 0 0 20px; } #search-results .cat .hits li h3 { padding: 0 0 .5em; } #search-results .cat .hits li p { font-size: 1.2em; line-height: 1.5; padding: 0 0 .5em; } #search-results .cat .hits li p.read-more { line-height: 1; padding: 0; } #search-results .cat .hits li p.read-more a, #search-results .search-again-fallback .intro a { color: #690; text-decoration: none; } #search-results .cat .hits li p.read-more a:hover, #search-results .search-again-fallback .intro a:hover { text-decoration: underline; } #search-results .search-navi { width: 498px; float: left; position: relative; overflow: hidden; } #search-results .search-navi ul { float: left; position: relative; left: 50%; } #search-results .search-navi ul li { float: left; position: relative; right: 50%; padding: 0 .75em 0 0; font-size: 1.2em; } #search-results .search-navi ul li.prev { padding: 0 1.5em 0 0; } #search-results .search-navi ul li.next { padding: 0 0 0 .75em; } #search-results .search-navi ul li a { color: #690; text-decoration: none; } #search-results .search-again-fallback { width: 350px; padding: 75px 90px 0; float: left; } #search-results .search-again-fallback .intro { font-size: 1.5em; line-height: 1.333; padding: 0 0 1em; } #search-results .search-again-fallback #sgq2 { width: 244px; height: 20px; padding: 7px 8px 0; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/global-search-fallback-field.png) 0 0 no-repeat; border: 0; margin: 1px 0 0; color: #666; *color: #333; font-size: 1.2em; font-family: Arial, Tahoma, "Lucida Grande", FreeSans, sans-serif; float: left; clear: left; } #search-results .search-again-fallback #sgq2:focus, #search-results .search-again-fallback #sgq2:active { color: #333; } #search-results .search-again-fallback input.submit { width: 80px; height: 34px; line-height: 27px; padding: 0 4px 7px; text-align: center; color: #FFF; text-transform: uppercase; font-size: 1.5em; border: 0; margin: 0; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/cs-search-submit.png) 0 0 no-repeat; cursor: pointer; font-family: Arial, Tahoma, "Lucida Grande", FreeSans, sans-serif; font-weight: normal; letter-spacing: -.05em; float: right; clear: right; } /* SITEMAP ================================================================ */ #sitemap-grid, #sitemap-grid .row, #sitemap-grid .row .inner { width: 900px; float: left; } #sitemap-grid .row { margin: 0 0 20px; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/sitemap-col-separators.gif) 50% 0 repeat-y; } #sitemap-grid .row.last { margin: 30px 0 20px; } #sitemap-grid .row .inner { background: url(http://c1.fjordtours.com/sitefiles/1/gfx/green-header-bg-full.png) 0 0 no-repeat; } #sitemap-grid .col { width: 205px; padding: 0 10px; float: left; } #sitemap-grid .col h2 { color: #FFF; font-size: 1.4em; font-weight: normal; text-transform: uppercase; height: 26px; line-height: 26px; margin: 0 0 25px; } #sitemap-grid .col ul, #sitemap-grid .col ul li { width: 205px; float: left; clear: both; } #sitemap-grid .col ul li.spacious { padding: 2.4em 0 0; } #sitemap-grid .col ul.single li.spacious, #sitemap-grid .col ul li li.spacious { padding: 0; } #sitemap-grid .col ul.single li.main { padding: 0 0 2.4em; } #sitemap-grid .col ul.single li.main a { font-weight: bold; } #sitemap-grid .col ul li a { display: block; color: #333; text-decoration: none; font-size: 1.2em; line-height: 2; font-weight: bold; } #sitemap-grid .col ul li a:hover { text-decoration: underline; } #sitemap-grid .col ul.single li a { font-weight: normal; } #sitemap-grid .col ul li li a { font-weight: normal; padding: 0 0 0 8px; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/bullet.gif) 0 .85em no-repeat; } /* TOP LIST IN GRAY BOX ================================================================ */ .top-list { width: 900px; float: left; margin: 0 0 20px; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/top-list-box.png) -900px 0 repeat-y; } .top-list-one-col-narrow { width: 270px; background-position: -2970px 0; margin: 0 20px 20px 0; } .top-list-one-col-wide { width: 320px; background-position: -3830px 0; margin: 0 0 20px; float: right; clear: right; } .top-list-two-combined-cols { width: 560px; background-position: -5030px 0; position: relative; overflow: hidden; } .top-list h2 { width: 900px; height: 27px; line-height: 27px; padding: 1px 0 0; float: left; text-align: center; font-size: 1.2em; text-transform: uppercase; color: #FFF; font-weight: normal; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/top-list-box.png) 0 0 no-repeat; } .top-list-one-col-narrow h2 { width: 270px; background-position: -2700px 0; } .top-list-one-col-wide h2 { width: 320px; background-position: -3510px 0; } .top-list-two-combined-cols h2 { width: 560px; background-position: -4470px 0; } .top-list-one-col h2 { text-align: left; text-indent: 12px; } .top-list ul { width: 876px; padding: 11px 12px 12px; float: left; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/top-list-box.png) -1800px 100% no-repeat; } .top-list-one-col-narrow ul { width: 246px; background-position: -3240px 100%; } .top-list-one-col-wide ul { width: 296px; background-position: -4150px 100%; } .top-list ul li { width: 272px; float: left; height: 50px; padding: 0 0 10px; border-bottom: 1px solid #CCC; margin: 0 30px 10px 0; font-size: 1em; line-height: 1; } .top-list-one-col-narrow ul li { width: 246px; margin: 0 0 10px; } .top-list-one-col-wide ul li { width: 296px; margin: 0 0 10px; } .top-list ul li.last-row, .top-list-one-col ul li.last { padding: 0; border: 0; margin: 0; } .top-list ul li.first { clear: left; } .top-list ul li.last-row { margin: 0 30px 0 0; } .top-list ul li.third { margin: 0 0 10px; } .top-list ul li.last-row-third { margin: 0; } #fjord-tours .top-list ul li a { display: block; width: 272px; float: left; text-decoration: none; } #fjord-tours .top-list-one-col-narrow ul li a { width: 246px; } #fjord-tours .top-list-one-col-wide ul li a { width: 296px; } .top-list ul li a img { display: block; float: left; clear: left; vertical-align: bottom; } .top-list ul li a .right { display: block; width: 182px; float: right; clear: right; color: #666; vertical-align: bottom; } .top-list-one-col-narrow ul li a .right { width: 156px; } .top-list-one-col-wide ul li a .right { width: 206px; } .top-list ul li a:hover, .top-list ul li a:hover .right { color: #333; } .top-list ul li a .right strong { float: left; font-size: 1.4em; padding: 0 .25em 0 0; cursor: pointer; } #fjord-tours .top-list ul li a .right em { font-style: normal; font-size: 1.2em; line-height: 1.4em; cursor: pointer; } .top-list ul li a .right .read-more { display: block; padding: .5em 0 0; clear: both; color: #690; text-decoration: underline; font-size: 1.2em; cursor: pointer; } .top-list ul li a:hover .right .read-more { text-decoration: none; } .top-list-two-combined-cols .content { padding: 15px 25px 0; position: relative; overflow: hidden; } .top-list-two-combined-cols .content p { position: relative; font-size: 1.4em; line-height: 1.714; margin: 0 0 15px; } .top-list-two-combined-cols .content p.col-left { width: 235px; padding: 0 15px 0 0; border-right: 1px solid #CECECE; float: left; clear: left; } .top-list-two-combined-cols .content p.col-right { width: 235px; float: right; clear: right; } .top-list-two-combined-cols .content .bottom { width: 560px; height: 191px; position: absolute; bottom: 0; left: 0; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/top-list-box.png) -5590px 100% no-repeat; } .top-list-two-combined-cols .read-more { background: #FFF; float: left; width: 560px; } #fjord-tours .top-list-two-combined-cols .read-more a { display: block; width: 100px; height: 24px; line-height: 24px; padding: 3px 4px 9px; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/top-list-box.png) -6150px 0 no-repeat; text-align: center; color: #FFF; text-decoration: none; font-weight: bold; font-size: 1.2em; float: right; position: relative; top: -3px; right: -3px; } /* BOXES WITH HANGING READ MORE LINKS ================================================================ */ .boxes-with-hanging-read-more { width: 560px; float: left; margin: 0 0 8px; } .boxes-with-hanging-read-more-full-width { width: 900px; } .boxes-with-hanging-read-more .box { position: relative; overflow: hidden; width: 273px; float: left; clear: left; margin: 0 0 22px; } .boxes-with-hanging-read-more .box-has-read-more { padding: 0 0 28px; } .boxes-with-hanging-read-more-full-width .box { clear: none; margin-right: 40px; } .boxes-find-hotels .box { padding: 0; } .boxes-with-hanging-read-more .box-right, .boxes-with-hanging-read-more-full-width .box-right { float: right; clear: right; margin-right: 0; } .boxes-with-hanging-read-more .box .content { width: 249px; height: 322px; padding: 9px 12px 17px; position: relative; overflow: hidden; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/hanging-read-more-buy-box.png) 0 0 repeat-y; } .boxes-find-hotels .box .content { height: 390px; } .boxes-with-hanging-read-more .box .content .top { width: 273px; height: 11px; position: absolute; top: 0; left: 0; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/hanging-read-more-buy-box.png) -273px 0 no-repeat; } .boxes-with-hanging-read-more .box .content .bottom { width: 273px; height: 327px; position: absolute; bottom: 0; left: 0; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/hanging-read-more-buy-box.png) -546px 100% no-repeat; } .boxes-with-hanging-read-more .box .content a.img, .boxes-with-hanging-read-more .box .content img { display: block; position: relative; } .boxes .box .content img { margin: 0 0 20px; } .boxes-with-hanging-read-more .box .content h2 { font-size: 1.8em; color: #333; text-transform: uppercase; font-weight: normal; padding: 0 8px .35em; position: relative; } .boxes-with-hanging-read-more .box .content .inner { position: relative; } .boxes-with-hanging-read-more .box .content ul { padding: 0 8px; } .boxes-with-hanging-read-more .box .content ul li { font-size: 1.2em; line-height: 1.5; padding: .25em 0 .25em 8px; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/bullet.gif) 0 .85em no-repeat; } #fjord-tours .boxes-with-hanging-read-more .box .content p a { color: #690; } #fjord-tours .boxes-with-hanging-read-more .box .content ul li a { display: block; color: #333; text-decoration: none; } .boxes-with-hanging-read-more .box .content p { color: #333; font-size: 1.2em; line-height: 2; padding: 0 8px; } .boxes-with-hanging-read-more .box .read-more { width: 108px; height: 40px; position: absolute; bottom: 0; right: 0; _right: -1px; } #fjord-tours .boxes-with-hanging-read-more .box .read-more a { display: block; width: 108px; height: 40px; line-height: 38px; color: #FFF; font-size: 1.2em; font-weight: bold; text-align: center; text-decoration: none; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/hanging-read-more-buy-box.png) -819px 0 no-repeat; } /* GENERIC BOXES: TWO BY TWO ================================================================ */ .generic-boxes-two-by-two { width: 900px; float: left; } .generic-boxes-two-by-two .generic-box-full-two-by-two { width: 435px; float: left; clear: left; margin: 0 0 30px; position: relative; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/top-list-box.png) -6693px 0 repeat-y; } .generic-boxes-two-by-two .generic-box-full-two-by-two-even { float: right; clear: right; } .generic-boxes-two-by-two .generic-box-full-two-by-two h2 { width: 435px; height: 27px; line-height: 27px; padding: 1px 0 0; float: left; text-indent: 21px; font-size: 1.2em; text-transform: uppercase; color: #FFF; font-weight: normal; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/top-list-box.png) -6258px 0 no-repeat; } .generic-boxes-two-by-two .generic-box-full-two-by-two .content { width: 435px; position: relative; overflow: hidden; } .generic-boxes-two-by-two .generic-box-full-two-by-two .content .inner { position: relative; padding: 15px 21px 0; } .generic-boxes-two-by-two .generic-box-full-two-by-two .content .inner p, .generic-boxes-two-by-two .generic-box-full-two-by-two .content .inner ul { font-size: 1.1em; line-height: 1.454; margin: 0 0 1.5em; } .generic-boxes-two-by-two .generic-box-full-two-by-two .content .inner ul li { padding: 0 0 1em 1em; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/bullet-big-trans.png) 0 .5em no-repeat; } .generic-boxes-two-by-two .generic-box-full-two-by-two .content .bottom { width: 435px; height: 191px; position: absolute; bottom: 0; left: 0; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/top-list-box.png) -7128px 100% no-repeat; } /* CONTACT INFO LIST ================================================================ */ #fjord-tours ul.contact-info { width: 220px; float: left; } #fjord-tours ul.contact-info-left { clear: left; padding: 0 40px 0 0; } #cboxContent ul.contact-info { width: 350px; float: left; font-size: 1em; margin: 0 0 4em; } #fjord-tours ul.contact-info li, #cboxContent ul.contact-info li { font-weight: bold; font-size: 1.2em; line-height: 1.5; background: none; padding: 0; width: 220px; float: left; clear: both; } #cboxContent ul.contact-info li { width: 350px; } #fjord-tours ul.contact-info li strong, #cboxContent ul.contact-info li strong { display: block; width: 80px; float: left; } #cboxContent ul.contact-info li strong { width: 110px; } #fjord-tours ul.contact-info li span, #cboxContent ul.contact-info li span { display: block; float: left; } #fjord-tours ul.contact-info li a, #cboxContent ul.contact-info li a { display: block; float: left; color: #333; } /* PRODUCT LISTING: DESTINATIONS ================================================================ */ .destinations { width: 560px; float: left; } .destinations li { float: left; width: 270px; height: 100px; margin: 0 20px 20px 0; position: relative; overflow: hidden; } .destinations li.even { margin: 0 0 20px; } .destinations li a.img { display: block; width: 100px; height: 100px; position: absolute; bottom: 0; left: 0; } .destinations li a.img img { float: left; } .destinations li .text { width: 160px; position: absolute; bottom: 0; left: 110px; } .destinations li .text h2 { color: #333; font-size: 1.3em; text-transform: uppercase; } #fjord-tours .destinations li .text h2 a { color: #333; text-decoration: none; display: block; padding: 0 0 .25em; } .destinations li .text p { font-size: 1.2em; line-height: 1.5; } .destinations li .text p.read-more { line-height: 1; } #fjord-tours .destinations li .text p.read-more a { padding: .25em 0 0; display: block; color: #690; font-weight: bold; text-decoration: none; } #fjord-tours .destinations li .text p.read-more a:hover { text-decoration: underline; } /* HOTEL SUB PAGE INTRODUCTION ================================================================ */ .destination-dropdowns { width: 520px; height: 91px; position: relative; overflow: hidden; float: left; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/destinations-dropdown-bg.png) 0 0 no-repeat; margin: -5px 0 28px -8px; padding: 40px 28px 32px; } .destination-dropdowns h2 { color: #FFF; font-size: 2.7em; padding: 0 0 .75em; } .destination-dropdowns ul { width: 504px; float: left; } .destination-dropdowns ul li { width: 160px; float: left; padding: 0 12px 0 0; } .destination-dropdowns ul li.last { padding: 0; } .destination-dropdowns select { width: 160px; } .destination-dropdowns select option { padding: 0 .5em 0 1.25em; } .destination-dropdowns select option.unindented { padding: 0 .5em; } /* HOTEL SUB PAGE INTRODUCTION ================================================================ */ .hotel-sub-intro { width: 560px; float: left; position: relative; top: -75px; margin-bottom: -75px; } .hotel-sub-intro h1 { font-size: 2.7em; font-weight: normal; color: #333; padding: 0 0 .5em; } .hotel-sub-intro p.info { font-style: italic; font-size: 1.4em; padding: 0 0 1em; line-height: 1.714; color: #666; } .hotel-sub-intro p.excerpt { font-size: 1.4em; line-height: 1.714; padding: 0 0 .5em; } .hotel-sub-intro p.excerpt strong, .hotel-sub-intro p.excerpt a.fjordpass { color: #690; } .hotel-sub-intro p.excerpt a.fjordpass { display: block; padding: 0 0 2.5em; font-weight: bold; } /* PRODUCT LISTING: REGION WITH DESTINATIONS ================================================================ */ .hotels-region { width: 900px; float: left; margin: 0 0 20px; } .hotels-region .list { width: 435px; float: left; clear: left; height: 65em; position: relative; overflow: auto; } .hotels-region .list ul { border-left: 1px solid #D6D6D6; width: 170px; padding: 0 0 0 30px; float: left; clear: left; } .hotels-region .list ul.second { float: right; clear: right; } .hotels-region .list ul li { width: 170px; float: left; clear: both; font-size: 1.2em; } #fjord-tours .hotels-region .list ul li a { display: block; width: 170px; float: left; clear: both; line-height: 1.5; padding: .6em 0; color: #666; text-decoration: none; } #fjord-tours .hotels-region .list ul li a:hover { color: #693; font-weight: bold; } /* PRODUCT LISTING: LOCATION WITH HOTELS ================================================================ */ .hotels-location ul.places-in-map, .hotels-location ul.places-in-map li { width: 480px; float: left; background: none; padding: 0; } .hotels-location ul.places-in-map li a { color: #333; text-decoration: none; } .hotels-location ul.places-in-map li { height: 46px; line-height: 46px; overflow: visible; padding: 0; background: none; float: left; position: static; } #fjord-tours .hotels-location ul.places-in-map li a { display: block; float: left; width: 380px; height: 44px; line-height: 44px; padding: 2px 80px 0 20px; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/place-in-map.png) 0 0 no-repeat; cursor: pointer; text-decoration: none; font-size: 1.4em; } #fjord-tours .hotels-location ul.places-in-map li a:hover, #fjord-tours .hotels-location ul.places-in-map li a.active { height: 45px; background-position: 0 -46px; margin: 0 0 -1px; position: relative; overflow: hidden; } #fjord-tours .hotels-location ul.places-in-map li a strong { display: block; width: 240px; float: left; font-weight: normal; } #fjord-tours .hotels-location ul.places-in-map li a:hover { font-size: 1.8em; } #fjord-tours .hotels-location ul.places-in-map li a:hover strong { color: #693; font-weight: bold; } #fjord-tours .hotels-location ul.places-in-map li a:hover .price { color: #000; } /* NORWAY BY CAR: SEARCH RESULTS PAGE ================================================================ */ #nbc-search { width: 900px; float: left; } #nbc-search #nbc-hits { width: 270px; float: left; clear: left; margin: 0 20px 0 0; padding: 0; } #nbc-search #nbc-hits .teaser { margin: 0 0 30px; } #nbc-search #nbc-detailed { width: 273px; float: left; } #nbc-search #nbc-detailed .content { height: auto; } #nbc-search #nbc-detailed .box .read-more a { text-transform: uppercase; } #nbc-search #nbc-gmap { width: 337px; min-height: 400px; float: right; clear: right; position: relative; overflow: hidden; right: -30px; } /* ADVENTURE TRAVEL: LEVEL 2 (PRODUCTS IN CATEGORY) ================================================================ */ #adventure-travel-cat { width: 900px; float: left; padding: 40px 0 20px; } #adventure-travel-cat #at-products-in-cat { width: 270px; float: left; clear: left; padding: 0; } #adventure-travel-cat #at-gmap { width: 600px; min-height: 600px; float: right; clear: right; } /* TEASERS ================================================================ */ .teasers { width: 900px; float: left; padding: 0 0 10px; } .teasers-two-by-two { width: 560px; margin: 0; } .teasers .teaser { width: 270px; margin: 0 20px 10px 0; float: left; position: relative; overflow: hidden; } .teasers-two-by-two .teaser { margin: 0 0 20px; clear: left; } .teasers-two-by-two .teaser-right { float: right; clear: right; } .teasers .teaser-big { width: 320px; margin: 0 0 10px; } .teasers .teaser h2 { width: 270px; height: 26px; line-height: 26px; position: absolute; top: 0; left: 0; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/green-teaser-box.png) 0 0 no-repeat; color: #333; font-size: 1.2em; text-transform: uppercase; font-weight: normal; text-align: center; } .teasers .teaser-big h2 { width: 320px; background-position: -270px 0; } #fjord-tours .teasers .teaser a { display: block; padding: 26px 0 20px; position: relative; overflow: hidden; color: #FFF; text-decoration: none; } .teasers .teaser a img { display: block; } .teasers .teaser a span { display: block; width: 70px; height: 20px; line-height: 20px; position: absolute; overflow: hidden; bottom: 0; _bottom: -1px; right: 0; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/green-teaser-box.png) -590px 0 no-repeat; text-align: center; font-weight: bold; cursor: pointer; } .teasers .teaser a:hover span { background-position: -660px 0; } /* CONTENT TEMPLATE: GENERIC SIDEBAR BOX ================================================================ */ .sidebar-box { width: 320px; float: left; margin: 0 0 13px; } .sidebar-box-narrow { width: 251px; } .sidebar-box h2 { font-size: 1.8em; text-align: center; color: #FFF; text-transform: uppercase; font-weight: normal; height: 46px; line-height: 46px; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/green-sidebar-box.png) -640px 0 no-repeat; } .sidebar-box-narrow h2 { background-position: -1462px 0; } #fjord-tours .sidebar-box h2 a { color: #FFF; text-decoration: none; } .sidebar-box .content { float: left; width: 312px; padding: 0 4px 10px; position: relative; overflow: hidden; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/green-sidebar-box.png) 0 0 repeat-y; } .sidebar-box-narrow .content { width: 243px; background-position: -960px 0; } .sidebar-box .content .bottom { width: 320px; height: 524px; position: absolute; bottom: 0; left: 0; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/green-sidebar-box.png) -320px 0 no-repeat; } .sidebar-box-narrow .content .bottom { width: 251px; background-position: -1211px 0; } .sidebar-box .content img { display: block; margin: 0 0 15px; position: relative; } .sidebar-box .content ul.stubs-with-links { padding: 0 20px; position: relative; } .sidebar-box .content ul.stubs-with-links li { font-size: 1.2em; line-height: 1.5; padding: .25em 0 .25em 8px; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/bullet.gif) 0 .85em no-repeat; margin: 0 0 1em; } #fjord-tours .sidebar-box .content ul.stubs-with-links li p.stub strong { font-weight: normal; text-transform: uppercase; } #fjord-tours .sidebar-box .content ul.stubs-with-links li p.read-more a { color: #690; } /* CONTENT TEMPLATE: BANNER SIDEBAR BOX ================================================================ */ .sidebar-box-banner-box { width: 314px; border-left: 3px solid #FFF; height: auto; margin: 0 0 20px; } .sidebar-box-banner-box .content { float: left; width: 296px; padding: 9px 9px 0; position: relative; overflow: hidden; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/sidebar-bannerbox-frame.png) -314px 0 repeat-y; } .sidebar-box-banner-box .content .top, .sidebar-box-banner-box .content .bottom { width: 314px; height: 4px; position: absolute; bottom: 0; left: 0; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/sidebar-bannerbox-frame.png) -628px 0 no-repeat; } .sidebar-box-banner-box .content .top { bottom: auto; top: 0; background-position: 0 0; } .sidebar-box-banner-box .content .img { margin: 0 0 15px; position: relative; overflow: hidden } .sidebar-box-banner-box .content .img img { margin: 0; } .sidebar-box-banner-box .content .img .mask-it { width: 296px; height: 4px; position: absolute; top: 0; left: 0; overflow: hidden; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/sidebar-bannerbox-mask.png) 0 0 no-repeat; } /* CONTENT TEMPLATE: GENERIC BOTTOM BOXES ================================================================ */ .boxes-green { width: 900px; float: left; margin: 0 0 6px; } .boxes-green .box { width: 180px; float: left; margin: 0 14px 14px 0; position: relative; overflow: hidden; } .boxes-green-three .box { width: 290px; margin: 0 15px 14px 0; } .boxes-green-three .box-third { margin: 0 0 14px; } .boxes-green .box-big { width: 316px; margin-right: 0; } .boxes-green .box h2 { font-size: 1.2em; text-align: center; color: #FFF; text-transform: uppercase; font-weight: normal; height: 27px; line-height: 27px; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/green-outlined-box.png) -180px 0 no-repeat; } .boxes-green-three .box h2 { background-position: -1778px 0; } .boxes-green .box-big h2 { background-position: -856px 0; } .boxes-green .box .content { height: 100px; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/green-outlined-box.png) 0 0 repeat-y; position: relative; overflow: hidden; padding: 11px; } .boxes-green-three .box .content { height: 60px; background-position: -1488px 0; } .boxes-green .box-big .content { background-position: -540px 0; } .boxes-green .box .content * { position: relative; } .boxes-green .box .content .img { position: absolute; bottom: 16px; right: 21px; } .boxes-green .box .content p { font-size: 1.2em; line-height: 1.5; } .boxes-green .box .content p.read-more { padding: .5em 0 0; } .boxes-green .box .content p.read-more a { color: #690; } .boxes-green .box .content .bottom { width: 180px; height: 163px; position: absolute; bottom: 0; left: 0; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/green-outlined-box.png) -360px 0 no-repeat; } .boxes-green-three .box .content .bottom { width: 290px; background-position: -2068px 0; } .boxes-green .box-big .content .bottom { width: 316px; background-position: -1172px 0; } /* CONTENT TEMPLATE: GENERIC BOTTOM BOXES — REAL GREEN ONES ================================================================ */ .boxes-three-real-green { width: 900px; float: left; padding: 0 0 6px; } .boxes-three-real-green .box { width: 290px; float: left; margin: 0 15px 14px 0; } .boxes-three-real-green .box-third { margin: 0 0 14px; } .boxes-three-real-green .box h2 { font-size: 1.8em; text-align: center; color: #FFF; text-transform: uppercase; font-weight: normal; height: 46px; line-height: 46px; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/green-sidebar-box.png) -2293px 0 no-repeat; } .boxes-three-real-green .box .content { float: left; width: 248px; padding: 15px 21px; position: relative; overflow: hidden; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/green-sidebar-box.png) -1713px 0 repeat-y; } .boxes-three-real-green .box .content * { position: relative; } .boxes-three-real-green .box .content p { font-size: 1.2em; line-height: 1.5; } .boxes-three-real-green .box .content p.read-more { padding: .5em 0 0; } #fjord-tours .boxes-three-real-green .box .content p.read-more a { text-decoration: none; color: #690; } #fjord-tours .boxes-three-real-green .box .content p.read-more a:hover { text-decoration: underline; } .boxes-three-real-green .box .content .bottom { width: 290px; height: 524px; position: absolute; bottom: 0; left: 0; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/green-sidebar-box.png) -2003px 0 no-repeat; } /* CONTENT TEMPLATE: DARK BOX ================================================================ */ .box-dark { width: 560px; float: left; margin: 0 0 20px; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/dark-box.png) -1068px 0 repeat-y; } .box-dark-narrow { width: 320px; background-position: -2748px 0; float: none; } .box-dark-currency-calc { width: 251px; background-position: -3708px 0; } .box-dark h2 { height: 41px; line-height: 41px; font-size: 1.8em; font-weight: normal; text-transform: uppercase; text-align: center; color: #FFF; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/dark-box.png) -1628px 0 no-repeat; } .box-dark-narrow h2 { background-position: -3068px 0; } .box-dark-currency-calc h2 { background-position: -3959px 0; } .box-dark .content { height: 64px; padding: 35px 30px 20px; position: relative; overflow: hidden; } .box-dark-narrow .content { height: 99px; padding: 20px 15px 0 10px; } .box-dark-search-hotels .content { height: 110px; padding: 25px 25px 0; } .box-dark-nbc-find-route .content { width: 470px; padding: 40px 45px 15px; } .box-dark-currency-calc .content { height: 102px; padding: 15px 15px 0; } .box-dark img { display: block; position: relative; float: left; top: -5px; } .box-dark .text { position: relative; color: #FFF; } .box-dark .text-haspic { width: 146px; float: right; } .box-dark .text .excerpt { font-size: 1.2em; line-height: 1.5; padding: 0 0 1em; } #fjord-tours .box-dark .read-more a { display: block; width: 144px; height: 21px; line-height: 21px; padding: 1px 6px 11px; text-align: center; font-size: 1.1em; color: #FFF; text-decoration: none; text-transform: uppercase; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/read-more-green.png) 0 0 no-repeat; margin: 0 auto; text-shadow: #8CAF26 1px 1px 1px; position: relative; left: -5px; } #fjord-tours .box-dark .read-more a:hover { background-position: 0 -33px; } .box-dark .content form { position: relative; overflow: hidden; } .nbc-find-route .content form { width: 470px; } .box-dark .content form ul { width: 270px; float: left; clear: left; } .box-dark .content form ul li { width: 270px; float: left; padding: 0 0 10px; } .box-dark-currency-calc .content form ul li { padding: 0 0 5px; } .box-dark-currency-calc .content form ul, .box-dark-currency-calc .content form ul li { width: 221px; } .box-dark .content form ul li label { float: left; clear: left; font-size: 1.2em; line-height: 20px; text-transform: uppercase; color: #FFF; cursor: pointer; } .box-dark-nbc-find-route .content form ul li label { padding: 0 0 0 .25em; } .box-dark-currency-calc .content form ul li label { display: block; width: 61px; } .box-dark .content form ul li select { width: 170px; float: right; clear: right; color: #333; } .box-dark-currency-calc .content form ul li select { width: 160px; } .box-dark-nbc-find-route .content form ul li select { float: left; clear: left; } .box-dark-currency-calc .content form ul li.amount-result input { width: 50px; height: 17px; padding: 4px 6px 0; text-align: center; border: 0; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/currency-calc-input.png) 0 0 no-repeat; float: left; margin: 0 10px 0 0; color: #333; } .box-dark-currency-calc .content form ul li.amount-result #currency-result { line-height: 1.143; font-size: 1.75em; font-weight: bold; float: left; color: #FFF; } .box-dark-currency-calc .content form ul li.powered-by { color: #666; text-align: center; line-height: 1; padding: 5px 0 0; } .box-dark .content form .button-big-green { width: 185px; height: 39px; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/big-green-search-button.png) 0 0 no-repeat; border: 0; padding: 0; position: absolute; bottom: 10px; right: 0; overflow: hidden; line-height: 200px; text-indent: -9999px; cursor: pointer; } .box-dark-search-hotels .content form .button-big-green { display: block; width: 188px; height: 29px; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/big-green-search-button2.png) 0 0 no-repeat; margin: 8px auto 0; position: static; } .box-dark-nbc-find-route .content form .button-big-green { bottom: auto; top: 0; } .box-dark .content form .button-lang-no { background-position: 0 -39px; } .box-dark .content form .button-langde { background-position: 0 -78px; } .box-dark-search-hotels .content form .button-lang-no { background-position: 0 -29px; } .box-dark-search-hotels .content form .button-lang-de { background-position: 0 -58px; } .box-dark .content .bottom { width: 560px; height: 117px; position: absolute; overflow: hidden; bottom: 0; left: 0; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/dark-box.png) -2188px 100% no-repeat; } .box-dark.narrow .content .bottom { width: 320px; background-position: -3388px 100%; } .box-dark-currency-calc .content .bottom { width: 251px; background-position: -4210px 100%; } /* LIGHTBOX: HIGHLIGHTS ================================================================ */ .highlight-box { width: 760px; height: 760px; padding: 20px; position: relative; overflow: hidden; } /* CUFÓN STYLE TWEAKS ( VML = TRIDENT | CANVAS = OTHERS ) ================================================================ */ #booking a.button-black .cufon-canvas { top: -3px; } #fjord-tours .boxes-three-real-green .box h2 .cufon-canvas { top: -2px; } .lightbox .controls a .cufon-canvas { top: -1px; } #fjord-tours .carousel .items .item .flip p.read-more a .cufon-canvas, #fjord-tours .box-dark .read-more a .cufon-canvas, #fjord-tours .product-body .booking-bottom a .cufon-canvas, #fjord-tours .tidbits .tidbit .text h2 .cufon-canvas, #sitemap-grid .col h2 .cufon-canvas { top: -1px; } #fjord-tours .box-dark h2 .cufon-vml { margin-top /*\**/: -4px\9; *margin-top: 8px; } #fjord-tours .boxes-three-real-green .box h2 .cufon-vml { margin-top /*\**/: -6px\9; *margin-top: 10px; } #fjord-tours .sidebar-box-green h2 .cufon-vml { margin-top /*\**/: -4px\9; *margin-top: 10px; } #tip-a-friend h2 .cufon-vml { margin-top /*\**/: -6px\9; *margin-top: 6px; } #fjord-tours .carousel .items .item .flip p.read-more a .cufon-vml { margin-top /*\**/: -4px\9; *margin-top: 2px; _margin-top: 0; } #sitemap-grid .col h2 .cufon-vml { margin-top /*\**/: -3px\9; *margin-top: 3px; } #fjord-tours #booking a.button-black .cufon-vml { margin-top /*\**/: -8px\9; *margin-top: 0; _margin-top: -2px; } #fjord-tours .product-body .booking-bottom a .cufon-vml { margin-top /*\**/: -5px\9; *margin-top: 3px; } #fjord-tours .product-body .tabs .tab-content .main-col .big-accordion li .content ul.views li.booking a .cufon-vml { *margin-top: 3px; } .lightbox .controls a .cufon-vml { margin-top /*\**/: -4px\9; *margin-top: 5px; } /* SECTION: BOTTOM ================================================================ */ #section-bottom { position: relative; } #section-bottom .shadow-ends-here { width: 974px; height: 100%; position: absolute; bottom: 0; left: 0; overflow: hidden; } #section-bottom .shadow-ends-here .the-shadow { width: 974px; height: 500px; position: absolute; bottom: 0; left: 0; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/shadow-ends-here.png) 0 0 no-repeat; overflow: hidden; } #section-bottom .actions-and-popular { width: 960px; float: left; position: relative; padding: 3px 0 4px; } #section-bottom .actions-and-popular .content { width: 960px; float: left; background: #89BFDC url(http://c1.fjordtours.com/sitefiles/1/gfx/site-bottom.png) -960px 100% no-repeat; position: relative; padding: 74px 0 0; } #section-bottom .actions-and-popular .top { width: 960px; height: 3px; position: absolute; top: 0; left: 0; overflow: hidden; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/site-bottom.png) 0 0 no-repeat; } #section-bottom .actions-and-popular .bottom { width: 960px; height: 4px; position: absolute; bottom: 0; _bottom: 2px; left: 0; overflow: hidden; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/site-bottom.png) 0 -3px no-repeat; font-size: 0; } /* SITEWIDE ACTIONS LIST ON WHITE FLIP ================================================================ */ #section-bottom .sitewide-actions { /* OLE width: 440px;*/ width:588px; height: 34px; _height: 33px; position: absolute; top: 0; right: 22px; /* OLE background: url(http://c2.fjordtours.com/sitefiles/1/gfx/actions-flip-narrow.png) 0 -34px no-repeat;*/ background: url(http://c2.fjordtours.com/sitefiles/1/gfx/actions-flip.png) 0 0 no-repeat; } #section-bottom .sitewide-actions ul { position: relative; left: 50%; float: left; } #section-bottom .sitewide-actions ul li { position: relative; right: 50%; float: left; height: 34px; } #section-bottom .sitewide-actions ul li.last { margin: 0; } #section-bottom .sitewide-actions ul li a { display: block; float: left; height: 30px; line-height: 30px; font-size: 1.1em; color: #999; text-decoration: none; text-transform: uppercase; padding: 4px 27px 0 44px; position: relative; overflow: hidden; } #section-bottom .sitewide-actions ul li a:hover, #section-bottom .sitewide-actions ul li.share:hover a, #section-bottom .sitewide-actions ul li.hover a { color: #FFF; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/actions-flip-narrow.png) 0 0 repeat-x; overflow: auto; } #section-bottom .sitewide-actions ul li a .icon { display: block; position: absolute; left: 27px; overflow: hidden; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/icon-sprite.png) no-repeat; } #section-bottom .sitewide-actions ul li.share a { padding-left: 42px; } #section-bottom .sitewide-actions ul li.share a .icon { width: 11px; height: 10px; top: 14px; background-position: 0 -90px; } #section-bottom .sitewide-actions ul li.print a .icon { width: 12px; height: 12px; top: 12px; background-position: -30px -90px; } #section-bottom .sitewide-actions ul li.email-tip a { padding-left: 46px; } #section-bottom .sitewide-actions ul li.email-tip a .icon { width: 14px; height: 11px; top: 13px; background-position: -60px -90px; } #section-bottom .sitewide-actions ul li.newsletter a { padding-left: 47px; } #section-bottom .sitewide-actions ul li.newsletter a .icon { width: 18px; height: 14px; top: 9px; background-position: -90px -90px; } #section-bottom .sitewide-actions ul li.feed a { padding-left: 42px; } #section-bottom .sitewide-actions ul li.feed a .icon { width: 12px; height: 11px; top: 12px; background-position: -120px -90px; } /* GLOBAL OVERLAY SHARE MENU ================================================================ */ #section-bottom #global-share { width: 208px; height: 0; position: absolute; bottom: 25px; right: -4px; float: none; overflow: hidden; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/share-menu-bg.png) -208px 100% no-repeat; z-index: 1000; } #section-bottom .sitewide-actions ul li.share:hover #global-share, #section-bottom .sitewide-actions ul li.hover #global-share { height: auto; padding: 0 0 9px; _padding: 0 0 8px; } #section-bottom .sitewide-actions ul li.share #global-share ul { background: url(http://c2.fjordtours.com/sitefiles/1/gfx/share-menu-bg.png) 0 0 no-repeat; width: 170px; padding: 17px 19px 14px; left: auto; position: static; display: block; } #section-bottom #global-share ul li { width: 170px; float: left; clear: both; height: 22px; margin: 0; right: auto; border-bottom: 1px solid #555; } #section-bottom #global-share ul li.last { border-bottom: 0; } #section-bottom #global-share li a { display: block; width: 140px; height: 22px; line-height: 22px; padding: 0 0 0 30px; position: relative; overflow: hidden; background: none; } #section-bottom #global-share li a .icon { width: 16px; height: 16px; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/share.png) 0 0 no-repeat; top: 3px; left: 4px; } #section-bottom #global-share li.twitter a .icon { background-position: 0 -16px; } #section-bottom #global-share li.myspace a .icon { background-position: 0 -32px; } #section-bottom #global-share li.bebo a .icon { background-position: 0 -48px; } #section-bottom #global-share li.friendster a .icon { background-position: 0 -64px; } #section-bottom #global-share li.email-tip a .icon { width: 14px; height: 11px; top: 5px; left: 5px; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/icon-sprite.png) -60px -90px no-repeat; } #section-bottom #global-share li a:hover { color: #CCC; } /* SITEWIDE POPULAR PRODUCTS ================================================================ */ #section-bottom .popular-products { width: 900px; min-height: 190px; _height: 190px; float: left; padding: 0 30px 25px; position: relative; } #section-bottom .popular-products .col-fourth { width: 194px; float: left; color: #FFF; padding: 0 21px 0 0; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/colophon-separator.png) 100% 0 no-repeat; margin: 0 20px 0 0; min-height: 190px; _height: 190px; position: relative; } #section-bottom .popular-products .col-fourth-last { padding: 0; background: none; margin: 0; } #section-bottom .popular-products .col-fourth h2 { font-size: 1.2em; font-weight: normal; text-transform: uppercase; padding: 0 0 .5em; width: 194px; float: left; clear: both; } #section-bottom .popular-products .col-fourth ul, #section-bottom .popular-products .col-fourth ul li { width: 194px; float: left; } #section-bottom .popular-products .col-fourth ul li { position: relative; overflow: hidden; } #section-bottom .popular-products .col-fourth ul li a { display: block; float: left; width: 186px; padding: .25em 0 .25em 8px; line-height: 1.5; font-size: 1.2em; color: #FFF; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/bullet-white-trans.png) 0 .85em no-repeat; text-decoration: none; } #section-bottom .popular-products .col-fourth ul li a:hover { text-decoration: underline; } /* SECTION: WORLDS END ================================================================ */ #section-worlds-end { position: relative; overflow: hidden; padding: 1.85em 7px 70px; } #bottom-address { float: left; clear: left; color: #333; font-size: 1.2em; line-height: 1.25; } #bottom-menu, #bottom-menu li, #bottom-menu li a { display: block; float: right; clear: right; font-size: 1.2em; } #bottom-menu li, #bottom-menu li a { float: left; clear: none; position: relative; overflow: hidden; padding: 0; font-size: 1em; } #bottom-menu li a { color: #333; text-decoration: none; padding: 0 0 0 16px; line-height: 1.25; } #bottom-menu li a:hover { color: #000; } #bottom-menu li.active a { color: #000; font-weight: bold; letter-spacing: -.01em; } #section-worlds-end .created-by { padding: 2em 0 0; font-size: 1.1em; color: #427D9C; line-height: 1.5; } #section-worlds-end .created-by a { color: #427D9C; font-weight: bold; text-decoration: none; } #section-worlds-end .created-by a:hover { color: #276382; } #section-worlds-end #rgf { display: block; width: 38px; height: 29px; position: absolute; overflow: hidden; text-indent: -9999px; bottom: 72px; right: 7px; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/rgf.png) 0 0 no-repeat; } /* TIP A FRIEND ================================================================ */ #tip-a-friend-container, #olesubscribe { display: none; } #tip-a-friend, #olesubscribeinner { width: 550px; height: 370px; overflow: hidden; display: block; } #tip-a-friend h2, #olesubscribeinner h2 { height: 40px; line-height: 40px; padding: 0 30px 9px; color: #FFF; text-transform: uppercase; font-weight: normal; font-size: 1.8em; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/lightbox-550-top-bottom.png) 0 0 no-repeat; } #tip-a-friend .bottom, #olesubscribeinner .bottom { width: 550px; height: 3px; position: relative; overflow: hidden; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/lightbox-550-top-bottom.png) 0 -49px no-repeat; } #tip-a-friend a#taf-close, #olesubscribeinner a#taf-close{ display: block; height: 40px; line-height: 40px; padding: 0 18px 0 0; position: absolute; top: 0; right: 30px; overflow: hidden; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/zumachen-fenster.png) 100% 50% no-repeat; color: #999; font-size: 1em; text-transform: uppercase; text-decoration: none; } #tip-a-friend form { background: #FFF; width: 490px; padding: 21px 30px 17px; } #tip-a-friend form label { display: none; } #tip-a-friend form ul, #tip-a-friend form ul li { width: 490px; float: left; clear: both; } #tip-a-friend form ul li { padding: 0 0 15px; } #tip-a-friend form input, #tip-a-friend form textarea { width: 470px; height: 23px; padding: 7px 9px 0; color: #CCC; *color: #999; font-size: 1.4em; border: 1px solid #999; font-family: Arial, Tahoma, "Lucida Grande", FreeSans, sans-serif; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/form-input-shadows-488.png) 0 0 no-repeat; } #tip-a-friend form textarea { height: 112px; padding: 4px 9px; line-height: 1.43; } #tip-a-friend form input:focus, #tip-a-friend form input:active, #tip-a-friend form textarea:focus, #tip-a-friend form textarea:active { color: #999; } #tip-a-friend form li.formcontrols { padding: 0; } #tip-a-friend form li.formcontrols input{ display: block; width: 94px; height: 33px; padding: 0 0 10px; text-align: center; font-size: 1.1em; color: #FFF; text-transform: uppercase; background: url(http://c1.fjordtours.com/sitefiles/1/gfx/submit-green.png) 0 0 no-repeat; float: right; clear: right; text-shadow: #8CAF26 1px 1px 1px; cursor: pointer; border: 0; position: relative; right: -5px; } #tip-a-friend form li.formcontrols input:hover{ background-position: 0 100%; } #tip-a-friend #taf-response { display: none; width: 500px; height: 280px; position: absolute; bottom: 60px; left: 25px; background: #FFF; } #tip-a-friend #taf-response p { font-size: 2em; line-height: 1.25; text-align: center; padding: 4.5em 0 2em; } #tip-a-friend #taf-response p a { color: #690; text-decoration: none; } #tip-a-friend #taf-response p a:hover { text-decoration: underline; } #tip-a-friend #taf-response.error p.close { font-size: 1.5em; padding: 0; font-style: normal; } #tip-a-friend #taf-response.success p { color: #690; } #tip-a-friend #taf-response.error p { color: #666; font-style: italic; } /* NEWSLETTER ================================================================ */ #formIDNewsletter{ position:relative; padding:20px 20px 20px 110px; font-size:1.2em; line-height:1.5; /*height:210px;*/ width:430px; background:#fff; } #formIDNewsletter p{ margin:0 0 10px 0px; } #formIDNewsletter .felt{ width:315px; } #formIDNewsletter .check{ margin-left:10px; } #formIDNewsletter .knapp{ border:none; background: url(http://c2.fjordtours.com/sitefiles/1/gfx/read-more-green.png) no-repeat; color:#FFFFFF; cursor:pointer; float:right; font-size:12px; height:31px; margin:10px 110px 10px 0; padding:0 2px 10px 2px; text-transform:uppercase; width:155px; } #formIDNewsletter .knapp:hover{ background: url(http://c2.fjordtours.com/sitefiles/1/gfx/read-more-green.png) 0 -33px no-repeat; } #formIDNewsletter .clear{ height:31px; }