/* Aviation Beauport Layout and Presentation CSS Author(s): M. J. Magee Date: 8.12.09 Version: 1.5 www.e-scape.co.uk Change Log: 14.01.10 - MM - 1.1 29.01.10 - MM - 1.2 15.02.10 - MM - 1.3 24.02.10 - MM - 1.4 11.03.10 - MM - 1.5 */ /* Standards */ * { margin: 0px; padding: 0px; } html { height: 100%; } body { height: 100%; background: #01132a; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 62.5%; } hr, .hidden { display: none; } .clear { clear: both; height: 1px; } a:active, a:focus { outline: none; } /* Main Body */ #wrapper { width: 100%; height: auto !important; height: 100%; min-height: 100%; background: url(../images/backgrounds/body_bg.png) repeat-x 0% 100% #c4c1b5; margin: 0 auto -23.8em auto; text-align: center; } /* Header */ #background-fade { width: 100%; background: url(../images/backgrounds/header_background-fade.png) no-repeat 50% 100%; position: relative; padding-bottom: 50px; } #header-wrapper { width: 100%; min-height: 168px; background: url(../images/backgrounds/header_bg.png) no-repeat 50% 100% #01142b; position: relative; } #header-wrapper #header { width: 1006px; position: relative; margin: 0 auto; text-align: center; } #header-wrapper #header big a { width: 193px; height: 188px; background: url(../images/backgrounds/header_logo.png) no-repeat; position: absolute; top: 0px; left: 394px; cursor: pointer; display: block; z-index: 2000; } #header-wrapper #header span { display: none; } #header-wrapper #header ul { list-style: none; float: left; margin-top: 8px; margin-left: 23px; padding-bottom: 147px; display: inline; } #header-wrapper #header ul li { background: url(../images/backgrounds/header_divider.png) no-repeat 0% 55%; float: left; margin-right: 0.5em; padding-left: 0.9em; font-size: 1.1em; } #header-wrapper #header ul li.first { background: none; padding-left: 0px; } #header-wrapper #header ul li a { position: relative; color: #92969c; text-decoration: underline; z-index: 50; } #header-wrapper #header ul li a:hover { color: #b1b5bc; } #header-wrapper #header p { padding: 8px 27px 147px 0; text-align: right; font-size: 1.1em; } #header-wrapper #header p a { background: url(../images/backgrounds/header_arrow.png) no-repeat 0% 55%; padding-left: 11px; color: #a8adb5; text-decoration: underline; } #header-wrapper #header p a:hover { background-position: 3px 55%; color: #b6bcc6; } #header-wrapper #header ul#nav { width: 100%; height: 136px; position: absolute; bottom: 0px; left: 0px; float: none; margin: 0px; padding-bottom: 0px; z-index: 10; } #header-wrapper #header ul#nav li { width: auto; height: 136px; background: none; margin: 0px; padding: 0px; } #header-wrapper #header ul#nav li a { height: 136px; background: url(../images/backgrounds/header_tabs.png); display: block; } #header-wrapper #header ul#nav li#aircraft-charter a { width: 190px; background-position: 0 0; } #header-wrapper #header ul#nav li#aircraft-charter a:hover, #header-wrapper #header ul#nav li#aircraft-charter a.current, #header-wrapper #header ul#nav li#aircraft-charter a.section { background-position: 0 -136px; } #header-wrapper #header ul#nav li#handling-services a { width: 213px; background-position: -190px 0; } #header-wrapper #header ul#nav li#handling-services a:hover, #header-wrapper #header ul#nav li#handling-services a.current, #header-wrapper #header ul#nav li#handling-services a.section { background-position: -190px -136px; } #header-wrapper #header ul#nav li#aircraft-management a { width: 416px; background-position: -403px 0; } #header-wrapper #header ul#nav li#aircraft-management a:hover, #header-wrapper #header ul#nav li#aircraft-management a.current, #header-wrapper #header ul#nav li#aircraft-management a.section { background-position: -403px -136px; } #header-wrapper #header ul#nav li#other-services a { width: 183px; background-position: -819px 0; } #header-wrapper #header ul#nav li#other-services a:hover, #header-wrapper #header ul#nav li#other-services a.current, #header-wrapper #header ul#nav li#other-services a.section { background-position: -819px -136px; } #header-wrapper #header .top { width: 1006px; height: 50px; background: url(../images/backgrounds/content_container-top.png) no-repeat; position: absolute; bottom: 0px; left: 0px; display: block; z-index: 20; } /* Content */ #content-wrapper { width: 1006px; min-height: 40.0em; background: url(../images/backgrounds/content_container-sides.png) repeat-y; margin: -50px auto 0 auto; text-align: left; } #content-wrapper p#banner { width: 934px; height: 252px; position: relative; bottom: 18px; margin: 0 auto 10px auto; text-align: center; z-index: 30; } #content-wrapper #rotator { width: 934px; height: 252px; position: relative; bottom: 18px; margin: 0 auto 10px auto; text-align: center; z-index: 30; } #content-wrapper #rotator ul { position: relative; list-style: none; } #content-wrapper #rotator ul li { position: absolute; top: 0px; left: 0px; z-index: 29; } #content-wrapper #rotator ul li.show { z-index: 30; } #content-wrapper #rotator ul li img { border: 0px; } #content-wrapper #content, #content-wrapper #contactUs { width: 644px; position: relative; float: left; padding: 0 25px 0 38px; text-align: left; display: inline; z-index: 1000; } #content-wrapper #content h1, #content-wrapper #contactUs h1 { font-size: 3.0em; color: #002147; font-weight: normal; } #content-wrapper #content h2, #content-wrapper #contactUs h2 { margin: 0.3em 0 0 0; font-size: 1.5em; color: #858480; text-transform: uppercase; } #content-wrapper #content h3 { margin-top: 1.0em; margin-bottom: -1.0em; font-size: 1.6em; color: #39372e; } #content-wrapper #content a, #content-wrapper #contactUs a { color: #114179; font-weight: bold; text-decoration: underline; } #content-wrapper #content a:hover, #content-wrapper #contactUs a:hover { color: #155196; } #content-wrapper #content p, #content-wrapper #contactUs p, #content-wrapper #content address { margin: 1.5em 0 0.6em 0; font-size: 1.32em; color: #403f3c; font-style: normal; line-height: 1.4em; display: block; } #content-wrapper #content li { font-size: 1.32em; color: #403f3c; } #content-wrapper #content li li { font-size: 1.0em; } #content-wrapper #content ul { list-style: none; margin: 1.3em 0 0 16px; } #content-wrapper #content ul li { background: url(../images/backgrounds/content_bullet.png) no-repeat 0 4px; margin-bottom: 0.5em; padding-left: 15px; } #content-wrapper #content ul li ul { margin-top: 0.5em; margin-bottom: 1.0em; } #content-wrapper #content ul.pager { margin-left: 0px; } #content-wrapper #content ul.pager li { background: none; float: left; margin: 0 1.0em 0.8em 0; padding: 0px; } #content-wrapper #content ul.pager li a { background: url(../images/backgrounds/content_button-bg.png) no-repeat 50% 0 #9a9273; padding: 0.3em 0.6em; color: #39372e; font-weight: bold; text-decoration: none; text-shadow: 1px 1px 0 #a19979; border: 1px solid #7a745d; display: block; } #content-wrapper #content ul.pager li a:hover { background-color: #928b6e; color: #292821; } #content-wrapper #content ul.pager li.selected { margin-top: 0.25em; font-size: 1.7em; color: #39372e; font-weight: bold; } #content-wrapper #content p#banner { width: 659px; height: 146px; position: relative; bottom: 18px; margin: 0 0 -4px -2px; } #content-wrapper #content p#breadcrumbs { margin: 0 0 2.6em 0; font-size: 1.0em; color: #837e6a; } #content-wrapper #content p#breadcrumbs a { color: #5a5648; font-weight: normal; text-decoration: underline; } #content-wrapper #content p#breadcrumbs a:hover { color: #323029; } #content-wrapper #content blockquote { width: 263px; background: url(../images/backgrounds/content_quotation-marks.png) no-repeat -40px 0; position: relative; bottom: 21px; left: 13px; float: right; margin-bottom: -21px; padding: 11px 0 0 26px; font-size: 1.7em; color: #002147; font-weight: bold; } #content-wrapper #content blockquote small { background: url(../images/backgrounds/content_quotation-marks.png) no-repeat 224px 100%; padding: 1.1em 11px 13px 0; font-size: 0.7em; color: #5f666f; font-weight: normal; text-transform: uppercase; display: block; } #content-wrapper #content .box { clear: both; width: 619px; background: url(../images/backgrounds/content_box-bottom.png) no-repeat 0% 100%; margin: 2.8em 0 0 -2px; padding: 0 20px 15px 20px; } #content-wrapper #content .box h3 { width: 619px; background: url(../images/backgrounds/content_box-top.png) no-repeat; margin: 0 0 0 -20px; padding: 11px 20px 8px 20px; font-size: 1.8em; color: #39372e; text-shadow: 1px 1px 0 #cec49b; } #content-wrapper #content .box p { margin-top: 1.0em; } #content-wrapper #content .box a { color: #141413; } #content-wrapper #content .box a:hover { color: #312e23; } /* Homepage services banners */ #content-wrapper #content .services-banner { width: 659px; height: 177px; background: url(../images/backgrounds/content_services-backgrounds.jpg) no-repeat; position: relative; right: 3px; margin-top: 2.4em; margin-right: -3px; display: block; overflow: hidden; } #content-wrapper #content #services-aircraft-charter { background-position: 0 0; } #content-wrapper #content #services-handling-services { background-position: 0 -177px; } #content-wrapper #content #services-aircraft-management { background-position: 0 -354px; } #content-wrapper #content #services-aircraft-charter.hover, #content-wrapper #content #services-handling-services.hover, #content-wrapper #content #services-aircraft-management.hover { cursor: pointer; } #content-wrapper #content .services-banner dl { width: 659px; height: 7.5em; background: url(../images/backgrounds/content_services-banner-bottom.png) no-repeat 0% 100% #9a9273; position: absolute; bottom: 0px; left: 0px; z-index: 10; } #content-wrapper #content .services-banner dl dt { width: 655px; height: 31px; background: url(../images/backgrounds/content_services-banner-titles.png) no-repeat; margin-left: 2px; } #content-wrapper #content #services-aircraft-charter dl dt { background-position: 0 0; } #content-wrapper #content #services-handling-services dl dt { background-position: 0 -31px; } #content-wrapper #content #services-aircraft-management dl dt { background-position: 0 -62px; } #content-wrapper #content .services-banner dl dt a { display: none; } #content-wrapper #content .services-banner dl dd { width: 620px; margin-left: 1px; padding: 2px 17px 0 17px; font-size: 1.2em; color: #39372e; } #content-wrapper #content .services-banner dl dd a { position: absolute; top: 10px; right: 20px; font-size: 1.1em; color: #39372e !important; font-weight: bold; text-decoration: none; z-index: 50; } #content-wrapper #content .services-banner dl dd a:hover { color: #272620 !important; } #content-wrapper #content .services-banner .bottom { width: 659px; height: 104px; background: url(../images/backgrounds/content_services-banner-bottom.png) no-repeat 0% 100%; position: absolute; bottom: 0px; left: 0px; z-index: 20; } /* Fleet page */ #content-wrapper #content #aircraft-navigation { width: 659px; height: 47px; background: url(../images/backgrounds/content_fleet-tabs.png) no-repeat 0% 100%; float: left; margin: 2.4em 0 0 -2px; display: block; } #content-wrapper #content #aircraft-navigation li { background: none; height: 47px; float: left; margin: 0px; padding: 0px; } #content-wrapper #content #aircraft-navigation li a { height: 47px; background: url(../images/backgrounds/content_fleet-tabs.png) no-repeat; position: relative; text-decoration: none; display: block; } #content-wrapper #content #aircraft-navigation li.current a { right: 4px; margin-right: -7px; padding-right: 3px; padding-left: 4px; z-index: 100; } #content-wrapper #content #aircraft-navigation li a span { display: none; } #content-wrapper #content #aircraft-navigation li#tab-about a { width: 89px; background-position: 0 0; } #content-wrapper #content #aircraft-navigation li#tab-about a:hover { background-position: 0 -47px; } #content-wrapper #content #aircraft-navigation li#tab-about.current a, #content-wrapper #content #aircraft-navigation li#tab-about.current a:hover { background-position: 0 -94px; right: 0px; margin-right: -3px; padding-left: 0px; } #content-wrapper #content #aircraft-navigation li#tab-gallery a { width: 97px; background-position: -89px 0; } #content-wrapper #content #aircraft-navigation li#tab-gallery a:hover { background-position: -89px -47px; } #content-wrapper #content #aircraft-navigation li#tab-gallery.current a, #content-wrapper #content #aircraft-navigation li#tab-gallery.current a:hover { background-position: -85px -141px; } #content-wrapper #content #aircraft-navigation li#tab-seating-plan a { width: 137px; background-position: -186px 0; } #content-wrapper #content #aircraft-navigation li#tab-seating-plan a:hover { background-position: -186px -47px; } #content-wrapper #content #aircraft-navigation li#tab-seating-plan.current a, #content-wrapper #content #aircraft-navigation li#tab-seating-plan.current a:hover { background-position: -182px -188px; } #content-wrapper #content #aircraft-navigation li#tab-range-map a { width: 128px; background-position: -323px 0; } #content-wrapper #content #aircraft-navigation li#tab-range-map a:hover { background-position: -323px -47px; } #content-wrapper #content #aircraft-navigation li#tab-range-map.current a, #content-wrapper #content #aircraft-navigation li#tab-range-map.current a:hover { background-position: -319px -235px; } #content-wrapper #content #aircraft-navigation li#tab-specifications a { width: 150px; background-position: -451px 0; } #content-wrapper #content #aircraft-navigation li#tab-specifications a:hover { background-position: -451px -47px; } #content-wrapper #content #aircraft-navigation li#tab-specifications.current a, #content-wrapper #content #aircraft-navigation li#tab-specifications.current a:hover { background-position: -447px -282px; } #content-wrapper #content .fleet-page h3 { width: auto; background: none; margin: 0px; padding: 0.8em 0 0 0; color: #23221d; text-shadow: none; } #content-wrapper #content .fleet-page #imageDisplay { width: auto; margin: 2.0em auto 3.0em auto; text-align: center; } #content-wrapper #content .fleet-page #imageDisplay img { max-width: 597px; max-height: 407px; border: 1px solid #e9e2c1; } #content-wrapper #content .fleet-page dl#gallery-list { width: 572px; margin: 0 auto; text-align: center; } #content-wrapper #content .fleet-page dl#gallery-list dd { margin: 0 5px 20px 5px; } #content-wrapper #content .fleet-page dl#gallery-list dd a img { border: 1px solid #827c66; } #content-wrapper #content .fleet-page dl#gallery-list dd a:hover img { border-color: #4d4834; } #content-wrapper #content .fleet-page .gallerySlider { margin-left: 25px !important; } #content-wrapper #content .fleet-page .next { right: 31px !important; bottom: 20px !important; } #content-wrapper #content .fleet-page .album-nav { display: none; } /* FAQs */ #content-wrapper #content.faqs .box { margin-bottom: 3.0em; } #content-wrapper #content.faqs .box big { margin-top: 1.2em; font-size: 1.5em; color: #3d3a30; font-weight: bold; display: block; } #content-wrapper #content.faqs .box ul { margin-top: 0.5em; margin-bottom: 1.0em; } #content-wrapper #content.faqs .box ul li { background: none; padding-left: 0px; } #content-wrapper #content.faqs .box ul li a { font-weight: normal; } #content-wrapper #content.faqs dl { margin-top: 1.5em; margin-left: 0.8em; font-size: 1.32em; color: #403f3c; line-height: 1.4em; } #content-wrapper #content.faqs dl dt { margin-bottom: 0.2em; font-weight: bold; } #content-wrapper #content.faqs dl dd { margin-bottom: 1.5em; } #content-wrapper #content.faqs dl dd ul { margin-top: 0.8em; } #content-wrapper #content.faqs dl dd li { font-size: 1.0em; } /* Document List */ #content-wrapper #content.documents dl { margin-top: 1.5em; margin-bottom: 2.5em; font-size: 1.32em; color: #403f3c; line-height: 1.4em; } #content-wrapper #content.documents dl dt { position: relative; margin-bottom: 1.5em; padding-bottom: 0.2em; padding-left: 30px; display: block; } #content-wrapper #content.documents dl dt a { text-decoration: none; text-transform: uppercase; } #content-wrapper #content.documents dl dt a img { width: 25px; position: absolute; top: -1px; left: -3px; border: 0px; z-index: 100; } #content-wrapper #content.documents dl dt a:hover img { width: 40px; top: -5px; left: -15px; } #content-wrapper #content.documents dl dt a span { text-decoration: underline; } #content-wrapper #content.documents dl dd { margin-top: -1.5em; margin-bottom: 1.2em; padding-left: 30px; display: block; } /* Forms */ #content-wrapper #content fieldset, #contactUs fieldset { margin-top: 3.0em; border: 0px; } #content-wrapper #content label, #contactUs label { clear: both; width: 180px; float: left; margin: 0.3em 1.0em 0 0; font-size: 1.5em; color: #403f3c; font-weight: bold; } #modalContent #contactUs label { color: #dbe5ef; } #content-wrapper #content .middleColumn, #contactUs .middleColumn { width: 300px; float: left; margin-bottom: 1.5em; } fieldset .middleColumn input, fieldset .middleColumn select, fieldset .middleColumn textarea { width: 282px; background: url(../images/backgrounds/content_contact-field-bg.png) repeat-x #FFFFFF; padding: 5px 8px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 1.4em; color: #5f5f5f; border: 1px solid #7e7d7b; } fieldset .middleColumn select { width: 300px; } fieldset .middleColumn input:hover, fieldset .middleColumn input:focus, fieldset .middleColumn select:hover, fieldset .middleColumn select:focus, fieldset .middleColumn textarea:hover, fieldset .middleColumn textarea:focus { color: #252525; } #content-wrapper #content .middleColumn .message, #contactUs .middleColumn .message { margin: 1.0em 0; font-size: 1.2em; color: #871313; display: block; } #content-wrapper #content .middleColumn .required, #contactUs .middleColumn .required { font-weight: bold; font-style: italic; } #content-wrapper #content p#Remember { clear: both; width: 300px; margin-top: 0.5em; margin-left: 182px; } #content-wrapper #content p#Remember label { float: none; font-size: 1.0em; font-weight: normal; } #content-wrapper #content p#Remember input { width: auto; background: none; float: left; margin: 0.2em 0.8em 0 1.0em; display: block; } #content-wrapper #content .Actions, #contactUs .Actions { clear: both; position: relative; margin: 0.2em 45px 0 182px; font-size: 1.2em; } #content-wrapper #content .Actions #ForgotPassword { margin: 0 0 0 1.0em; font-size: 1.0em; } #content-wrapper #content .Actions input, #contactUs .Actions input { background: url(../images/backgrounds/content_button-bg.png) no-repeat 50% 0 #9a9273; float: right; margin-bottom: 1.5em; padding: 0.3em 0.4em; color: #39372e; font-weight: bold; text-decoration: none; text-shadow: 1px 1px 0 #a19979; border: 1px solid #7a745d; cursor: pointer; display: block; } #content-wrapper #content .Actions input:hover, #contactUs .Actions input:hover { background-color: #928b6e; color: #292821; } /* Sidebar */ #content-wrapper #sidebar { width: 250px; position: relative; bottom: 17px; float: right; margin-right: 37px; margin-bottom: -17px; display: inline; z-index: 1000; } .home #content-wrapper #sidebar { bottom: 0px; margin-bottom: 0px; } #content-wrapper #sidebar .box { width: 220px; background: url(../images/backgrounds/sidebar_box-bg.png) no-repeat; margin-bottom: 25px; padding: 0 15px 18px 15px; } #content-wrapper #sidebar .dark { background-position: 0 100%; color: #c8d2dd; } #content-wrapper #sidebar .light { background-position: -250px 100%; color: #504d40; } #content-wrapper #sidebar .box h3 { width: 250px; background: url(../images/backgrounds/sidebar_titles.png) no-repeat; margin-left: -15px; display: block; } #content-wrapper #sidebar .dark h3 { height: 72px; margin-bottom: -28px; } #content-wrapper #sidebar .light h3 { height: 130px; margin-bottom: -86px; } #content-wrapper #sidebar .box h3 span { display: none; } #content-wrapper #sidebar .box h3.title-contact-us { background-position: 0 0; } #content-wrapper #sidebar .box h3.title-range-maps { background-position: 0 -72px; } #content-wrapper #sidebar .box h3.title-weather-feed { background-position: 0 -202px; } #content-wrapper #sidebar .box h3.title-aircraft-types { background-position: 0 -332px; } #content-wrapper #sidebar .box h3.title-other-services { background-position: 0 -462px; } #content-wrapper #sidebar .box h3.title-handling-services { height: 70px; background-position: 0 -592px; margin-bottom: -30px; } #content-wrapper #sidebar .box p { font-size: 1.1em; } #content-wrapper #sidebar .box p strong { font-size: 1.1em; } #content-wrapper #sidebar .box p.button { width: auto; float: right; margin-top: 1.8em; font-size: 1.2em; border: 1px solid #7a745d; } #content-wrapper #sidebar .box p.button a { background: url(../images/backgrounds/content_button-bg.png) no-repeat 50% 0 #9a9273; padding: 0.3em 0.4em; color: #39372e; font-weight: bold; text-decoration: none; text-shadow: 1px 1px 0 #a19979; border: 1px solid #ada689; display: block; } #content-wrapper #sidebar .box p.button a:hover { background-color: #928b6e; color: #292821; } #content-wrapper #sidebar .box ul { width: 250px; list-style: none; margin: 2.0em 0 0 -15px; } #content-wrapper #sidebar .box ul li { padding: 0.4em 33px; font-size: 1.4em; display: block; } #content-wrapper #sidebar .box ul li.zebra { background: url(../images/backgrounds/sidebar_navigation-bg.png) no-repeat; } #content-wrapper #sidebar .box ul li a { color: #504d40; text-decoration: none; display: block; } #content-wrapper #sidebar .box ul li a:hover { color: #312f28; text-decoration: underline; } #content-wrapper #sidebar .box ul li.current a { font-weight: bold; } #content-wrapper #sidebar .box ul li.current a:hover { color: #504d40; text-decoration: none; } #content-wrapper #sidebar .box ul li ul { margin-top: 0px; margin-left: 0px; } #content-wrapper #sidebar .box ul li ul li { margin-top: 0.4em; padding: 0 20px; font-size: 1.0em; } #content-wrapper #sidebar .box ul li ul li { background: none !important; } #content-wrapper #sidebar .box ul li ul li a, #content-wrapper #sidebar .box ul li.current ul li a { background: url(../images/backgrounds/sidebar_navigation-arrow.png) no-repeat 0px 5px; padding-left: 15px; font-weight: normal; } #content-wrapper #sidebar .box ul li.zebra ul li a { background-position: 0px -188px; } #content-wrapper #sidebar .box ul li ul li a:hover, #content-wrapper #sidebar .box ul li.current ul li a:hover { color: #312f28; text-decoration: underline; } /* Range Maps */ #content-wrapper #sidebar .box #range-maps { width: 220px; height: 184px; background: url(../images/backgrounds/sidebar_range-map-bg.png) no-repeat 0 100%; position: relative; margin: 1.0em auto 0 auto; padding-bottom: 6px; text-align: center; } #content-wrapper #sidebar .box #range-maps ul { width: 220px; height: 27px; background: url(../images/backgrounds/sidebar_range-map-tabs.png) no-repeat 0 0; margin: 0 auto; } #content-wrapper #sidebar .box #range-maps ul li { float: left; margin-right: 2px; padding: 0px; } #content-wrapper #sidebar .box #range-maps ul li a.tab { width: 100%; height: 27px; background: url(../images/backgrounds/sidebar_range-map-tabs.png) no-repeat; display: block; } #content-wrapper #sidebar .box #range-maps ul li a.tab span { display: none; } #content-wrapper #sidebar .box #range-maps ul li#falcon-map { width: 49px; } #content-wrapper #sidebar .box #range-maps ul li#falcon-map a.tab { background-position: 0 -27px; } #content-wrapper #sidebar .box #range-maps ul li#falcon-map a.tab:hover { background-position: 0 -54px; } #content-wrapper #sidebar .box #range-maps ul li#falcon-map.selected a.tab, #content-wrapper #sidebar .box #range-maps ul li#falcon-map.selected a.tab:hover { background-position: 0 -81px; } #content-wrapper #sidebar .box #range-maps ul li#citation-map { width: 56px; } #content-wrapper #sidebar .box #range-maps ul li#citation-map a.tab { background-position: -51px -27px; } #content-wrapper #sidebar .box #range-maps ul li#citation-map a.tab:hover { background-position: -51px -54px; } #content-wrapper #sidebar .box #range-maps ul li#citation-map.selected a.tab, #content-wrapper #sidebar .box #range-maps ul li#citation-map.selected a.tab:hover { background-position: -51px -81px; } #content-wrapper #sidebar .box #range-maps ul li#learjet-map { width: 51px; } #content-wrapper #sidebar .box #range-maps ul li#learjet-map a.tab { background-position: -109px -27px; } #content-wrapper #sidebar .box #range-maps ul li#learjet-map a.tab:hover { background-position: -109px -54px; } #content-wrapper #sidebar .box #range-maps ul li#learjet-map.selected a.tab, #content-wrapper #sidebar .box #range-maps ul li#learjet-map.selected a.tab:hover { background-position: -109px -81px; } #content-wrapper #sidebar .box #range-maps ul li#mustang-map { width: 58px; margin-right: 0px; } #content-wrapper #sidebar .box #range-maps ul li#mustang-map a.tab { background-position: -162px -27px; } #content-wrapper #sidebar .box #range-maps ul li#mustang-map a.tab:hover { background-position: -162px -54px; } #content-wrapper #sidebar .box #range-maps ul li#mustang-map.selected a.tab, #content-wrapper #sidebar .box #range-maps ul li#mustang-map.selected a.tab:hover { background-position: -162px -81px; } #content-wrapper #sidebar .box #range-maps ul li p { width: 203px; height: 146px; background: #9e977c; position: absolute; top: 34px; left: 6px; padding: 1px; border: 1px solid #7a745d; display: none; } #content-wrapper #sidebar .box #range-maps ul li.selected p { display: block; } #content-wrapper #sidebar .box #range-maps ul li p a img { border: 0px; } /* Weather Widget styling */ #content-wrapper #sidebar .light h4 { font-size: 1.4em; color: #555243; text-transform: uppercase; } #content-wrapper #sidebar .light small { clear: left; padding-top: 1.0em; font-size: 0.9em; color: #8a8570; display: block; } #content-wrapper #sidebar .light small a { color: #646051; } #content-wrapper #sidebar .light small a:hover { color: #4c493d; } #content-wrapper #sidebar .light dl { margin-top: 1.0em; } #content-wrapper #sidebar .light dl dt { font-size: 1.4em; color: #615e4f; font-weight: bold; display: block; } #content-wrapper #sidebar .light dl dt small { margin-top: 0.3em; padding-top: 0px; font-size: 0.85em; color: #656151; font-weight: normal; font-style: italic; } #content-wrapper #sidebar .light dl dd { margin-top: 0.8em; font-size: 1.1em; color: #504d40; } #content-wrapper #sidebar .light .BBCWeatherWidget { position: relative; } #content-wrapper #sidebar .light .BBCWeatherWidget p.arrows { width: 60px; height: 24px; position: absolute; top: -30px; right: 0px; } #content-wrapper #sidebar .light .BBCWeatherWidget p.arrows a { width: 16px; height: 24px; background: url(../images/backgrounds/sidebar_arrows.png) no-repeat; position: absolute; top: 0px; display: block; } #content-wrapper #sidebar .light .BBCWeatherWidget p.arrows a.Next { background-position: 0px 0px; right: 0px; } #content-wrapper #sidebar .light .BBCWeatherWidget p.arrows a.Next:hover { background-position: 0px -24px; } #content-wrapper #sidebar .light .BBCWeatherWidget p.arrows a.Previous { background-position: 0px -48px; left: 0px; } #content-wrapper #sidebar .light .BBCWeatherWidget p.arrows a.Previous:hover { background-position: 0px -72px; } #content-wrapper #sidebar .light .BBCWeatherWidget .modeSwitch { margin-top: 0.8em; font-size: 1.1em; } #content-wrapper #sidebar .light .BBCWeatherWidget a { color: #403e33; text-decoration: underline; } #content-wrapper #sidebar .light .BBCWeatherWidget a:hover { color: #2d2c26; } #content-wrapper #sidebar .light .BBCWeatherWidget ul { width: auto; margin-top: 0.8em; margin-left: 0px; } #content-wrapper #sidebar .light .BBCWeatherWidget ul li { background: url(../images/backgrounds/sidebar_bullet.png) no-repeat 0 55%; float: left; padding-right: 0.6em; padding-left: 0.8em; font-size: 1.1em; } #content-wrapper #sidebar .light .BBCWeatherWidget ul li.first { background: none; padding-left: 0px; } #content-wrapper #sidebar .light .BBCWeatherWidget ul li a.current, #content-wrapper #sidebar .light ul li a.current:hover { color: #403e33; font-weight: bold; font-style: italic; } /* Weather Feed icons (positioning) */ #content-wrapper #sidebar .light .weather-icon { float: right; margin-top: 14px; margin-bottom: 5px; margin-left: 10px; } #content-wrapper #sidebar .light .sunny-intervals { margin-right: -27px; } #content-wrapper #sidebar .light .sunny { margin-top: 10px; margin-right: -24px; } #content-wrapper #sidebar .light .clear-sky-night { margin-top: 6px; margin-right: -24px; } #content-wrapper #sidebar .light .partly-cloudy-night { margin-top: 16px; margin-right: -29px; } #content-wrapper #sidebar .light .dust { margin-right: -45px; margin-left: -10px; } #content-wrapper #sidebar .light .mist, #content-wrapper #sidebar .light .haze { margin-right: -40px; margin-left: -25px; } #content-wrapper #sidebar .light .fog { margin-right: -40px; margin-left: -25px; } #content-wrapper #sidebar .light .white-cloud { margin-top: 10px; margin-right: -27px; } #content-wrapper #sidebar .light .grey-cloud { margin-top: 10px; margin-right: -27px; } #content-wrapper #sidebar .light .light-rain-shower-night { margin-top: 6px; margin-right: -27px; } #content-wrapper #sidebar .light .light-rain-shower-day { margin-right: -27px; } #content-wrapper #sidebar .light .light-rain { margin-right: -20px; } #content-wrapper #sidebar .light .drizzle { margin-top: 8px; margin-right: -10px; } #content-wrapper #sidebar .light .heavy-rain-shower-night { margin-top: 10px; margin-right: -20px; } #content-wrapper #sidebar .light .heavy-rain-shower-day { margin-top: 10px; margin-right: -20px; } #content-wrapper #sidebar .light .heavy-rain { margin-right: -22px; } #content-wrapper #sidebar .light .thundery-shower-night { margin-right: -27px; } #content-wrapper #sidebar .light .thundery-shower-day { margin-right: -27px; } #content-wrapper #sidebar .light .thunder-storm { margin-right: -27px; } #content-wrapper #sidebar .light .tropical-storm { margin-right: -27px; } #content-wrapper #sidebar .light .sleet-shower-night { margin-right: -25px; } #content-wrapper #sidebar .light .sleet-shower-day { margin-right: -25px; } #content-wrapper #sidebar .light .sleet { margin-right: -27px; } #content-wrapper #sidebar .light .hail-shower-night { margin-right: -27px; } #content-wrapper #sidebar .light .hail-shower-day { margin-right: -25px; } #content-wrapper #sidebar .light .hail { margin-right: -27px; } #content-wrapper #sidebar .light .light-snow-shower-night { margin-top: 12px; margin-right: -22px; } #content-wrapper #sidebar .light .light-snow-shower-day { margin-top: 12px; margin-right: -22px; } #content-wrapper #sidebar .light .light-snow { margin-right: -27px; } #content-wrapper #sidebar .light .heavy-snow-shower-night { margin-right: -24px; } #content-wrapper #sidebar .light .heavy-snow-shower-day { margin-right: -24px; } #content-wrapper #sidebar .light .heavy-snow { margin-right: -25px; } /* Footer */ #wrapper #footer-push { height: 23.8em; background: url(../images/backgrounds/content_container-sides.png) repeat-y center; } #footer-wrapper { width: 100%; height: 23.8em; background: url(../images/backgrounds/footer_wrapper-bg.png) repeat-x #01132a; margin: 0 auto; text-align: center; } #footer { width: 932px; height: 23.8em; background: url(../images/backgrounds/footer_bg.png) no-repeat; position: relative; margin: 0 auto; padding: 0 37px; text-align: center; color: #87a2bf; overflow: hidden; } #footer .col-1, #footer .col-2, #footer .col-3 { float: left; margin-top: 34px; text-align: left; font-size: 1.2em; } #footer .col-1 { width: 480px; } #footer .col-2 { width: 447px; float: right; } #footer h4 { background: url(../images/backgrounds/footer_titles.png) no-repeat; margin-bottom: 0.7em; display: block; } #footer h4 span { display: none; } #footer h4.title-contact-us { width: 91px; height: 15px; background-position: 0 0; } #footer h4.title-aviation-beauport { width: 209px; height: 21px; background-position: 0 -15px; } #footer address { float: left; margin-top: 6px; margin-right: 15%; font-style: normal; line-height: 1.4em; } #footer dl { width: 15.5em; float: left; margin-top: 6px; } #footer dl dt { clear: both; width: 5.0em; float: left; margin-right: 0.5em; margin-bottom: 1.0em; color: #5f7994; display: block; } #footer dl dd { width: 10.0em; float: right; margin-bottom: 1.0em; color: #87a2bf; font-weight: bold; display: block; } #footer .col-2 .col-1, #footer .col-2 .col-2, #footer .col-2 .col-3 { float: left; margin-top: 0px; margin-bottom: 0.3em; padding: 3px 0; font-size: 1.0em; } #footer .col-2 .col-1 { width: 119px; padding-right: 30px; } #footer .col-2 .col-2 { width: 75px; background: url(../images/backgrounds/footer_dividers.png) repeat-y 0% 0%; padding-right: 30px; padding-left: 38px; } #footer .col-2 .col-3 { width: 123px; padding-left: 30px; } #footer big { font-size: 1.1em; color: #b9cce1; font-weight: bold; text-transform: uppercase; text-shadow: #033875; } #footer ul { list-style: none; } #footer ul li { margin-top: 0.3em; } #footer ul li a { color: #5f7994; text-decoration: none; } #footer ul li a:hover { color: #90a9c4; text-decoration: underline; } #footer .clear { width: 1006px; height: 100px; background: url(../images/backgrounds/footer_bottom.png) no-repeat #01132a; margin-left: -37px; display: block; } #footer p { position: absolute; bottom: 26px; left: 35px; font-size: 1.2em; color: #5f7994; } #footer p a { color: #48607a; text-decoration: underline; } #footer p a:hover { color: #516b88; } #footer p.top { right: 35px; left: auto; font-size: 0.98em; } #footer p.top a { background: url(../images/backgrounds/footer_arrow.png) no-repeat 0 0; position: relative; padding-left: 16px; z-index: 100; } #footer p.top a:hover { background-position: 0 -86px; margin-top: -3px; padding-top: 3px; } /* Contact Form */ #modalBackground { width: 100%; height: 100%; background: #202832; position: fixed; top: 0px; left: 0px; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; display: none; z-index: 2000; } #modalContent { width: 638px; min-height: 60.0em; position: fixed; padding-top: 88px; display: none; z-index: 3000; } #modalContent #contactUs { width: 540px; background: url(../images/backgrounds/content_contact-box-bottom.png) no-repeat 0% 100%; position: relative; padding: 0 48px 52px 50px; } #modalContent #contactUs h1 { width: 638px; height: 88px; background: url(../images/backgrounds/content_contact-box-top.png) no-repeat; position: relative; bottom: 88px; right: 50px; margin-bottom: -105px; display: block; } #modalContent #contactUs h1 span { display: none; } #modalContent #contactUs p { position: relative; margin-top: -1.0em; font-size: 1.4em; color: #dbe5ef; line-height: 1.6em; z-index: 100; } #modalContent #contactUs p.close { width: 10px; height: 11px; position: absolute; top: -48px; right: 32px; } #modalContent #contactUs p.close a { width: 10px; height: 11px; background: url(../images/backgrounds/content_contact-box-close-button.png) no-repeat; display: block; } #modalContent #contactUs p.close a:hover { background-position: 0px -11px; } #modalContent #contactUs p.close a span { display: none; } #contactUs .divider { clear: both; margin-bottom: 2.4em; } #modalContent #contactUs .divider { width: 100%; height: 2px; background: url(../images/backgrounds/content_contact-box-divider.png) repeat-x; } #contactUs address { margin-top: 0px; float: left; font-size: 1.4em; color: #403f3c; font-style: normal; line-height: 1.6em; display: block; } #modalContent #contactUs address { color: #dbe5ef; } #contactUs dl { width: 16.0em; float: right; font-size: 1.4em; color: #403f3c; display: block; } #modalContent #contactUs dl { color: #dbe5ef; } #contactUs dl dt { clear: both; float: left; margin-bottom: 0.8em; white-space: nowrap; } #contactUs dl dd { float: right; margin: 0 0 0.8em 1.0em; font-weight: bold; white-space: nowrap; } #modalContent #contactUs .middleColumn .message { color: #FFFFFF; }