/* Smart Aviation : Global CSS : April 2009 */ /*CSS RESET */ 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; } /*Basic Template*/ HTML { background: #070707 url(../images/background.jpg) no-repeat scroll center top;} BODY{ margin: 0px; padding: 0px; font-family: tahoma, verdana, arial; } a:link, a:visited, a:active {text-decoration: underline; color: #089974;} a:visited {text-decoration: underline; color: #089974;} a:hover {text-decoration: none; color: #06b085;} BODY.homepage a:link, BODY.homepage a:visited, BODY.homepagea:active {text-decoration: underline; color: #222;} BODY.homepage a:hover {text-decoration: none; color: #04795c;} #container {margin: 0px auto; margin-top: 60px; width:800px; padding: 0px 20px 52px 20px; background: url(../images/background-container.gif) no-repeat top left;} BODY.content #container {margin: 0px auto; width:800px; padding: 0px 20px 20px 20px; background: #e2e2e2; overflow: hidden;} /* Popup messsage styling */ .message { position: absolute; top: 200px; left: 26%; width: 45%; background: #06B085; border: 3px solid #FFF; color: white; padding: 15px 20px; } .message p { margin: 0; padding: 0 40px 0 20px; text-align: center; font-size: 16px;} .message p strong {display: block; font-weight: bold; font-size: 24px;} #footer {width: 760px; height: 22px; padding: 8px 20px 0px 20px; color: #FFF; font-size: 66%; clear: both; background: url(../images/footer-background.jpg) top left no-repeat #292626;} #footer a:link, #footer a:visited, #footer a:active {color: #FFF; text-decoration: none;} #footer a:hover {color: #CCC; text-decoration: underline;} #footer p{float: left;} #footer ul{float: right; list-style: none;} #footer li { float: left; padding-left: 18px; margin-left: 30px; background: url(../images/bullet-plane.png) bottom left no-repeat; } /*Homepage Specific Elements*/ #photo-area {width: 800px; height: 450px; background-color: #f3f3f3; background-position: bottom left; background-repeat: no-repeat;} /*homepage specific */ BODY.homepage #photo-area.taxiway{background-image: url(../images/homepage-feature-taxiway.jpg)} BODY.homepage #photo-area.sunset{background-image: url(../images/homepage-feature-sunset.jpg)} BODY.homepage #photo-area.wing{background-image: url(../images/homepage-feature-wing.jpg)} BODY.homepage #photo-area.unloading{background-image: url(../images/homepage-feature-unloading.jpg)} BODY.homepage #photo-area.nightload{background-image: url(../images/homepage-feature-nightload.jpg)} BODY.homepage #photo-area.bluesky{background-image: url(../images/homepage-feature-bluesky.jpg)} BODY.homepage #photo-area.planeload{background-image: url(../images/homepage-feature-planeload.jpg)} BODY.homepage #photo-area.takeoff{background-image: url(../images/homepage-feature-takeoff.jpg)} /*standard pages*/ #photo-area.taxiway{background-image: url(../images/content-feature-taxiway.jpg)} #photo-area.sunset{background-image: url(../images/content-feature-sunset.jpg)} #photo-area.wing{background-image: url(../images/content-feature-wing.jpg)} #photo-area.unloading{background-image: url(../images/content-feature-unloading.jpg)} #photo-area.nightload{background-image: url(../images/content-feature-nightload.jpg)} /*submenued pages*/ #photo-area.taxiway.submenu {background-image: url(../images/content-feature-taxiway-submenu.jpg); height: 369px;} #photo-area.unloading.submenu {background-image: url(../images/content-feature-unloading-submenu.jpg); height: 369px;} #photo-area.sunset.submenu {background-image: url(../images/content-feature-sunset-submenu.jpg); height: 369px;} #photo-area.wing.submenu {background-image: url(../images/content-feature-wing-submenu.jpg); height: 369px;} #photo-area.map.submenu {background-image: url(../images/content-feature-map-submenu.jpg); height: 369px;} #photo-area.sunlanding.submenu {background-image: url(../images/content-feature-sunlanding-submenu.jpg); height: 369px;} #photo-area.fuel.submenu {background-image: url(../images/content-feature-fuel-submenu.jpg); height: 369px;} #photo-area.underside.submenu {background-image: url(../images/content-feature-underside-submenu.jpg); height: 369px;} #photo-area.dc10.submenu {background-image: url(../images/content-feature-dc10-submenu.jpg); height: 369px;} #photo-area.adhoc.submenu {background-image: url(../images/content-feature-adhoc-submenu.jpg); height: 369px;} #photo-area.ACMI.submenu {background-image: url(../images/content-feature-ACMI-submenu.jpg); height: 369px;} #photo-area.touroperating.submenu {background-image: url(../images/content-feature-jetroof.jpg); height: 369px;} #photo-area.depaturesone.submenu {background-image: url(../images/content-feature-departures1-submenu.jpg); height: 369px;} #photo-area.depaturestwo.submenu {background-image: url(../images/content-feature-departures2-submenu.jpg); height: 369px;} #photo-area.nightload.submenu {background-image: url(../images/content-feature-nightload-submenu.jpg); height: 369px;} #photo-area #main-menu{ list-style: none; padding-top: 46px; padding-left: 24px; overflow: hidden; display: block;} #photo-area #main-menu li{float: left; text-indent: -5000px;} #photo-area #main-menu li a{display: block; height: 26px; background-image: url(../images/main-menu.gif); background-repeat: no-repeat;} #photo-area #main-menu li a.home{width: 80px; background-position: 0px 0px} #photo-area #main-menu li a.home.selected {background-position: 0px -30px;} #photo-area #main-menu li a.home:hover {background-position: 0px -30px;} #photo-area #main-menu li a.about{width: 114px; background-position: -80px 0px} #photo-area #main-menu li a.about.selected {background-position: -80px -30px;} #photo-area #main-menu li a.about:hover {background-position: -80px -30px;} #photo-area #main-menu li a.services{width: 105px; background-position: -194px 0px} #photo-area #main-menu li a.services.selected {background-position: -194px -30px;} #photo-area #main-menu li a.services:hover {background-position: -194px -30px;} #photo-area #main-menu li a.contact{width: 88px; background-position: -299px 0px;} #photo-area #main-menu li a.contact.selected {background-position: -299px -30px;} #photo-area #main-menu li a.contact:hover {background-position: -299px -30px;} #photo-area h1{float: right; text-indent: -5000px; width: 220px; height: 106px; margin: 10px 16px 0px 0px; background: url(../images/smart-aviation-logo.gif) bottom right no-repeat;} #services-menu {width: 800px; height: 30px; background: #3a3636; list-style: none;} #services-menu li {float: left; text-indent: -5000px; } #services-menu li a{display: block; width: 200px; height: 30px; background-image: url(../images/homepage-submenu.gif); background-repeat: none;} #services-menu li a.adhoc{background-position: 0px -30px;} #services-menu li a.adhoc:hover{background-position: -0px 0px;} #services-menu li a.executive{background-position: -200px -30px;} #services-menu li a.executive:hover{background-position: -200px 0px;} #services-menu li a.tour{background-position: -400px -30px;} #services-menu li a.tour:hover{background-position: -400px 0px;} #services-menu li a.acmi{background-position: -600px -30px;} #services-menu li a.acmi:hover{background-position: -600px 0px;} /* Submenu Code */ #photo-area #submenu {overflow: hidden; display: block; margin-top: 257px; margin-left: 246px;} #photo-area #submenu.services li {float: left; display: block;} #photo-area #submenu.services li a{float: left; display: block; background-image: url(../images/submenu-services.gif); height: 31px; text-indent: -5000px;} #photo-area #submenu li a.adhoc-charter{width: 111px; background-position: 0px 0px;} #photo-area #submenu li a.adhoc-charter:hover, #photo-area #submenu li a.adhoc-charter.selected{width: 111px; background-position: 0px -31px;} #photo-area #submenu li a.executive-jets {width: 108px; background-position: -111px 0px;} #photo-area #submenu li a.executive-jets:hover, #photo-area #submenu li a.executive-jets.selected {width: 108px; background-position: -111px -31px;} #photo-area #submenu li a.tour-operating {width: 111px; background-position: -219px 0px;} #photo-area #submenu li a.tour-operating:hover, #photo-area #submenu li a.tour-operating.selected {width: 111px; background-position: -219px -31px;} #photo-area #submenu li a.acmi-assistance {width: 120px; background-position: -330px 0px;} #photo-area #submenu li a.acmi-assistance:hover, #photo-area #submenu li a.acmi-assistance.selected {width: 120px; background-position: -330px -31px;} #photo-area #submenu li a.our-fleet {width: 79px; background-position: -450px 0px;} #photo-area #submenu li a.our-fleet:hover, #photo-area #submenu li a.our-fleet.selected {width: 79px; background-position: -450px -31px;} #photo-area #submenu.about li {float: left; display: block; } #photo-area #submenu.about li a{float: left; display: block; background-image: url(../images/submenu-about.gif); height: 31px; text-indent: -5000px;} #photo-area #submenu li a.testimonials {width: 97px; background-position: 0px 0px;} #photo-area #submenu li a.testimonials:hover, #photo-area #submenu li a.testimonials.selected {width: 97px; background-position: 0px -31px;} #photo-area #submenu li a.the-smart-partner {width: 130px; background-position: -97px 0px;} #photo-area #submenu li a.the-smart-partner:hover, #photo-area #submenu li a.the-smart-partner.selected {width: 130px; background-position: -97px -31px;} #photo-area #submenu li a.news {width: 57px; background-position: -227px 0px;} #photo-area #submenu li a.news:hover, #photo-area #submenu li a.news.selected {width: 57px; background-position: -227px -31px;} #photo-area #submenu li a.careers {width: 65px; background-position: -284px 0px;} #photo-area #submenu li a.careers:hover, #photo-area #submenu li a.careers.selected {width: 65px; background-position: -284px -31px;} #photo-area #submenu.contact li {float: left; display: block; } #photo-area #submenu.contact li a{float: left; display: block; background-image: url(../images/submenu-contact.gif); height: 31px; text-indent: -5000px;} #photo-area #submenu li a.contact {width: 140px; background-position: 0px 0px;} #photo-area #submenu li a.contact:hover, #photo-area #submenu li a.contact.selected {width: 140px; background-position: 0px -31px;} #photo-area #submenu li a.usefullinks {width: 95px; background-position: -140px 0px;} #photo-area #submenu li a.usefullinks:hover, #photo-area #submenu li a.usefullinks.selected {width: 95px; background-position: -140px -31px;} #photo-area #submenu li a.flightinformation {width: 128px; background-position: -235px 0px;} #photo-area #submenu li a.flightinformation:hover, #photo-area #submenu li a.flightinformation.selected {width: 128px; background-position: -235px 31px;} #homepage-panels { width: 800px; background: #FFF; font-size: 66%; height: 21x 0px; line-height: 1.4em;} #homepage-panels h2{margin-bottom: 10px; text-indent: -5000px; height: 16px;} #homepage-panels div.contact {float: left; width: 220px; padding: 20px; height: 180px; background: url(../images/homepage-contact-background.jpg) bottom left no-repeat;} #homepage-panels div.contact h2 {background: url(../images/header-homepage-contact.png) top left no-repeat;} #homepage-panels div.contact p {width: 160px; margin-bottom: 10px;} #homepage-panels div.contact a {display: block; margin-top: 10px;} #homepage-panels div.contact p strong {display: block; font-weight: bold;} #homepage-panels div.contact p em {display: block;font-style: normal; font-weight: normal;} #homepage-panels div.introduction {float: left; width: 220px; padding: 20px; margin: 0px 10px; height: 180px; background: url(../images/homepage-introduction-background.jpg) bottom left no-repeat;} #homepage-panels div.introduction h2 {background: url(../images/header-homepage-introduction.png) top left no-repeat;} #homepage-panels div.introduction p {margin-bottom: 10px;} #homepage-panels div.news {float: right; width: 220px; height: 180px; padding: 20px; background: url(../images/homepage-news-background.jpg) bottom left no-repeat; } #homepage-panels div.news h2 {background: url(../images/header-homepage-news.png) top left no-repeat;} #homepage-panels div.news p em {color: #666; margin-bottom: 0px; display: block; font-style: normal; font-size: 90%; font-weight: normal;} #homepage-panels div.news p {margin-bottom: 10px; padding-bottom: 8px; display: block; background: url(../images/hr-dotted-1to5.gif) bottom left repeat-x} #homepage-panels div.news p a {text-decoration: none;} /* content specific elements */ BODY.content #photo-area {width: 800px; height: 350px; background-color: #f3f3f3; background-position: bottom left; background-repeat: no-repeat;} BODY.content #photo-area.blank {width: 800px; height: 186px; background: url(../images/content-feature-blank.gif) #f3f3f3 bottom left no-repeat;} BODY.content #photo-area #main-menu{ list-style: none; padding-top: 55px; padding-left: 24px;} #sidebar { float: left; width: 220px; font-size: 70%;} #sidebar div.related-information { height: 140px; width: 210px; padding: 25px; background: url(../images/background-sidebar-related.gif) repeat-x;} #sidebar div.related-information h3{ background: url(../images/header-sidebar-related-information.gif) no-repeat top left; width: 130px; height: 13px; display: block; text-indent: -5000px; margin-bottom: 15px;} #sidebar div.related-information ul { list-style: none;} #sidebar div.related-information ul li { margin-bottom: 10px;} #sidebar div.related-information ul li{padding-left: 13px; background: url(../images/icon-bullet-arrow.gif) no-repeat 0px 5px;} #sidebar div.related-information ul li a.related {color: #666; text-decoration: none;} #sidebar div.related-information ul li a.related:hover {color: #333; text-decoration: underline;} #sidebar div.page-contents { height: 196px; width: 210px; padding: 25px; background: url(../images/background-sidebar-related.gif) repeat-x;} #sidebar div.page-contents h3 { background: url(../images/header-sidebar-document-contents.gif) no-repeat top left; width: 135px; height: 13px; display: block; text-indent: -5000px; margin-bottom: 15px;} #sidebar div.page-contents ul { list-style: none;} #sidebar div.page-contents ul li { margin-bottom: 9px; margin-left: 10px;} #sidebar div.page-contents ul li a.related {color: #666; text-decoration: none;} #sidebar div.page-contents ul li a.related:hover {color: #333; text-decoration: underline;} #sidebar div.page-contents ul.plane li {margin-left: 0px;} #sidebar div.page-contents ul.plane li {background: url(../images/bullet-plane-dark.gif) bottom left no-repeat; padding-left: 20px; margin-bottom: 8px;} #sidebar div.page-contents ul.plane li a {color: #333; text-decoration: none;} #sidebar div.page-contents ul.plane li a:hover {color: #111; text-decoration: underline;} #sidebar div.latest-news, #sidebar div.latest-careers {width: 170px; padding: 25px; margin-bottom: 20px; background: url(../images/background-sidebar-news.gif) top left #e2e2e2;} #sidebar div.latest-news h3 { background: url(../images/header-sidebar-latest-news.gif) no-repeat top left; width: 80px; height: 15px; display: block; text-indent: -5000px; margin-bottom: 15px;} #sidebar div.latest-careers h3 { background: url(../images/header-sidebar-latest-careers.gif) no-repeat top left; width: 140px; height: 15px; display: block; text-indent: -5000px; margin-bottom: 15px;} #sidebar div.latest-news p em, #sidebar div.latest-careers p em {color: #666; margin-bottom: 0px; display: block; font-style: normal; font-size: 90%; font-weight: normal;} #sidebar div.latest-news p, #sidebar div.latest-careers p {margin-bottom: 10px; padding-bottom: 8px; background: url(../images/hr-dotted-1to5.gif) bottom left repeat-x} a.rss {background: url(../images/icon-rss.gif) no-repeat bottom left; padding-left: 16px; color: #666; display: block;} /* Sidebar Boxes */ #sidebar #contacttwentyfour { margin-left: 9px; width: 172px; height: 60px; padding: 40px 14px 0px 14px; display: block; background: url(../images/sidebar-24hr-contact.png) no-repeat top left; color: #fff; margin-bottom: 50px;} #sidebar #contacttwentyfour a {display: block; height: 26px; text-indent: -5000px;} #sidebar #quoteshort { margin-left: 9px; width: 172px; height: 86px; padding: 14px 14px 0px 14px; display: block; background: url(../images/sidebar-quote-small.png) no-repeat top left; color: #fff; margin-bottom: 50px;} #sidebar #quoteshort a {display: block; height: 26px; text-indent: -5000px;} #sidebar #quotelong { margin-left: 9px; width: 172px; height: 126px; padding: 14px 14px 0px 14px; display: block; background: url(../images/sidebar-quote-large.png) no-repeat top left; color: #fff; margin-bottom: 50px;} #sidebar #quotelong strong {display: block; margin-top: 11px;} #sidebar #quotelong strong em {font-style: italic; color: #b7b6b6;} #sidebar #quotelong a {display: block; height: 26px; text-indent: -5000px;} #sidebar #ourfleet{ margin-left: 9px; width: 172px; height: 96px; padding: 38px 14px 0px 14px; display: block; background: url(../images/sidebar-our-fleet.png) no-repeat top left; color: #fff; margin-bottom: 10px;} #sidebar #ourfleet a {display: block; height: 17px; text-indent: -5000px;} #sidebar #acmi {margin-left: 9px; width: 172px; height: 200px; padding: 44px 14px 0px 14px; display: block; background: url(../images/sidebar-ACMI-background.png) no-repeat top left; color: #fff; margin-top: 88px;} #sidebar #acmi p{margin-bottom: 10px;} #sidebar #acmi a {width: 170p; height: 30px; display: block; text-indent:-5000px; background: url(../images/sidebar-ACMI-more.png) no-repeat top right;} #page {font-size: 80%; background: #f1f1f1; width: 570px; float: right; padding-left: 10px; padding-bottom: 20px;} #page p{margin-bottom: 12px; padding: 0px 20px; line-height: 1.3em;} #page strong{font-weight: bold;} #page h2{margin-left: 20px; margin-top: 30px; margin-bottom: 5px; text-indent: -5000px; height: 24px; width: 400px; background-repeat: no-repeat; background-position: top left;} #page ul{margin-left: 40px; margin-bottom: 10px;} #page.about h2{background-image: url(../images/header-content-about-smart.gif);} #page h2.sitemap {background-image: url(../images/header-content-sitemap.gif);} #page h2.privacy-policy {background-image: url(../images/header-content-privacy-policy.gif);} #page h2.conditions {background-image: url(../images/header-content-conditions.gif);} #page.testimonials h2{background-image: url(../images/header-content-testimonials.gif);} #page h2.smart-partner {background-image: url(../images/header-content-the-smart-partner.gif);} #page h2.news-archive {background-image: url(../images/header-content-news-archive.gif);} #page.map h2{background-image: url(../images/header-map.gif);} #page.services h2 {background-image: url(../images/header-content-services.gif);} #page.contact h2 {background-image: url(../images/header-content-contact.gif);} #page.contact h3 {margin-left: 20px;} #page.services-adhoc h2 {background-image: url(../images/header-services-adhoc.gif);} #page.services-executive h2 {background-image: url(../images/header-services-executivejets.gif);} #page.services-touroperating h2 {background-image: url(../images/header-services-touroperating.gif);} #page.services-ACMI h2 {background-image: url(../images/header-services-ACMI.gif);} #page.services-fleet h2 {background-image: url(../images/header-services-fleet.gif);} #page.services-fleet.exec h2 {background-image: url(../images/header-services-fleet-executive.gif);} #page.services-fleet.adhoc h2 {background-image: url(../images/header-services-fleet-adhoc.gif);} #page.unauthorised h2 {background-image: url(../images/header-error-unauthorised.gif);} #page.forbidden h2 {background-image: url(../images/header-error-forbidden.gif);} #page.missing h2 {background-image: url(../images/header-error-missing.gif);} #page.news-archive h2{background-image: url(../images/header-news-archive.gif);} #page.careers h2{background-image: url(../images/header-content-careers.gif);} /* #page.contact h2{background-image: url(../images/header-contact-information.gif);} */ #page.usefullinks h2{background-image: url(../images/header-useful-links.gif);} #page.flightinformation h2{background-image: url(../images/header-flight-information.gif);} #page h3 {font-weight: bold; font-size: 110%; color: #222; margin-bottom: 10px;} #page.legal h3 {margin-left: 20px;} #page.services h3{margin: 0px; padding: 0px 0px 5px 0px;} #page.services img.right{float: right; margin: 0px 0px 20px 25px;} #page.services img.left{float: left; margin: 0px 25px 25px 0px;} #page.services div {margin: 20px 20px; padding: 0px 0px 10px 0px; background: url(../images/hr-dotted-1to5.gif) bottom left repeat-x; overflow: hidden;} #page.services div p {padding: 0px;} #page.services div a.adhoc, #page.services div a.executive, #page.services div a.tour, #page.services div a.acmi {display: block; float: right; text-indent: -5000px; margin-left: 20px;} #page.services div a.adhoc {width:210px; height:100px; background: url(../images/services-adhoc.jpg) no-repeat top left;} #page.services div a.adhoc:hover {background-position: bottom right;} #page.services div a.executive {width:210px; height:100px; background: url(../images/services-executive.jpg) no-repeat top left;} #page.services div a.executive:hover {background-position: bottom right;} #page.services div a.tour {width:210px; height:100px; background: url(../images/services-tour.jpg) no-repeat top left;} #page.services div a.tour:hover {background-position: bottom right;} #page.services div a.acmi {width:210px; height:100px; background: url(../images/services-acmi.jpg) no-repeat top left;} #page.services div a.acmi:hover {background-position: bottom right;} #page img{margin: 20px 0px;} #page.about img, #page.map img {float: right; margin: 5px 25px 30px 25px; border: 3px solid #ddd;} #page.about {min-height: 470px;} #page.services-adhoc img, #page.services-touroperating img, #page.services-ACMI img, #page.services-executive img {float: right; margin: 5px 25px 10px 25px; border: 3px solid #ddd;} #page.services-touroperating img.right, #page.services-ACMI img.right, #page.services-executive img.right, #page.services-adhoc img.right {float: right;} #page.services-touroperating img.left, #page.services-ACMI img.left, #page.services-executive img.left, #page.services-adhoc img.left {float: left;} /* image link things */ #page.services-touroperating a.tourcontact {background: url(../images/tour-contact.jpg) no-repeat; width: 260px; height: 143px; display: block; float: right; margin: 5px 25px 10px 25px; text-indent: -5000px;} #page.services-executive a.execfleet {background: url(../images/executive-fleet-option.jpg) no-repeat; width: 260px; height: 143px; display: block; float: left; margin: 5px 25px 10px 25px; text-indent: -5000px;} #page.services-executive a.execcontact {background: url(../images/executive-contact.jpg) no-repeat; width: 260px; height: 143px; display: block; float: right; margin: 5px 25px 10px 25px; text-indent: -5000px;} #page.services-adhoc a.adhoc {background: url(../images/adhoc-fleet-option.jpg) no-repeat; width: 260px; height: 143px; display: block; float: right; margin: 5px 25px 10px 25px; text-indent: -5000px;} #page.services-ACMI a.acmicontact {background: url(../images/acmi-contact.jpg) no-repeat; width: 260px; height: 143px; display: block; float: right; margin: 5px 25px 10px 25px; text-indent: -5000px;} #page.about a.offices {background: url(../images/gatwick-offices.jpg) no-repeat; width: 260px; height: 260px; display: block; float: right; margin: 5px 25px 10px 25px; text-indent: -5000px;} #page.about a.map {background: url(../images/map-partnership.jpg ) no-repeat; width: 260px; height: 180px; display: block; float: right; margin: 5px 25px 10px 25px; text-indent: -5000px;} #page.map p.map {background: url(../images/map-crew.jpg) top right no-repeat; padding-right: 300px;} /* Contact */ #page.contact img{margin: 10px 0px 20px 20px;} #page.contact img.right{float: right; margin-right: 20px; border: 2px solid #DDD;} p.address {width: 240px; margin-left:20px;} p.address strong{display: block; font-weight: bold;} a.contactno {display: block; width: 205px; height: 104px; background: url(../images/contact-numbers.gif) no-repeat top right; margin-right: 25px; text-indent: -5000px; float: right;} /* Testimonials CSS */ #page.testimonials p{background: url(../images/speech-open.gif) no-repeat 10px 0px; min-height: 38px; margin: 0px; padding-top: 10px;} #page.testimonials p.client{height: 38px; background: url(../images/speech-close.gif) no-repeat top right; font-weight: bold; padding-top: 15px; margin-bottom: 10px; margin-right: 30px; text-align: right;} #page.testimonials p.client em {color: #5c5c5c;} #page.testimonials p.intro {background: none; margin-bottom: 20px;} /* Fleet CSS */ #page.services-fleet div.jet{background: url(../images/fleet-panel.gif) no-repeat 0px 15px; margin: 15px 30px 30px 20px; padding: 0px 0px 0px 10px; overflow: hidden;} #page.services-fleet div.jet p{ padding: 0px 0px 0px 10px; float: left; width: 255px; clear: left; margin-bottom: 20px} #page.services-fleet div.jet p strong {font-size: 150%; display: block; font-weight: bold; margin: 41px 0px 25px 0px; padding: 0px; color: #444;} #page.services-fleet div.jet div {float: right; width: 217px;} #page.services-fleet div.jet div img{margin: 0px 0px 2px 0px; padding: 0px;} #page.services-fleet div.jet div dl{margin: 0px; padding: 0px; overflow: hidden; font-size: 89%; margin-bottom: 5px; overflow: hidden;} #page.services-fleet div.jet div dt{font-weight: bold; width: 82px; float: left; margin-bottom: 4px; clear: left; padding: 3px 10px 3px 0px; text-align: right; background: #DDD; overflow: hidden;} #page.services-fleet div.jet div dd{width: 92px; float: left; margin-bottom: 4px; padding: 3px 0px 3px 0px; background: #DDD; overflow: hidden; } #page.services-fleet div a {width: 250px; height: 160px; display: block; float: left; margin: 10px 0px 30px 20px; text-indent: -5000px;} #page.services-fleet div a.adhoc {background: url(../images/button-fleet-adhoc.jpg) no-repeat top left;} #page.services-fleet div a.adhoc:hover {background-position: bottom left;} #page.services-fleet div a.executive {background: url(../images/button-fleet-executive.jpg) no-repeat top left;} #page.services-fleet div a.executive:hover {background-position: bottom left;} /*Sitemap CSS */ #page.sitemap {} #page.sitemap ul{margin-left: 20px; list-style: none; display: block; width: 450px; overflow: hidden;} #page.sitemap ul a{color: white; text-decoration: none;} #page.sitemap ul a:hover{color: #ccc;} #page.sitemap ul li{margin-bottom: 10px; padding: 4px 0px 3px 10px; background: url(../images/sitemap-lv1.gif) no-repeat top left;} #page.sitemap ul li ul{margin-bottom: 20px; margin-left: 103px;} #page.sitemap ul li ul li{margin-bottom: 0px; background: #666; margin-top: 12px; background: url(../images/sitemap-lv2.gif) no-repeat top left;} #page.sitemap ul li ul li ul {margin-bottom: 20px; margin-left: 120px;} #page.sitemap ul li ul li ul li {margin-bottom: 0px; background: #666; margin-top: 12px; background: #aaa;} /* News Archive */ #page.news-archive ul{margin: 20px; list-style: none;} #page.news-archive ul li{margin-bottom: 20px; padding-bottom: 15px; background: url(../images/dotted-line-10-1.gif) repeat-x bottom left;} #page.news-archive ul li em{display: block; font-size: 10px; color: #444; margin-bottom: 2px;} #page.news-archive ul li strong{display: block; font-size: 14px; margin-bottom: 2px; font-weight: bold;} #page.news-archive ul li p {margin-left: 0px; padding: 0px; line-height: 1.4em;} /* Careers Listings */ #page.careers ul{margin: 20px; list-style: none;} #page.careers ul li{margin-bottom: 20px; padding-bottom: 5px; background: url(../images/dotted-line-10-1.gif) repeat-x bottom left;} #page.careers ul li em{display: block; font-size: 12px; color: #444; margin-bottom: 2px;} #page.careers ul li strong{display: block; font-size: 18px; margin-bottom: 2px; font-weight: bold;} #page.careers ul li p {margin-left: 0px; padding: 0px; line-height: 1.4em;} /* Form Styling */ #charter-contact {overflow: hidden; margin: 20px 27px 20px 20px; padding: 20px 30px; border: 1px solid #bbb; background: #ddd;} #charter-contact p {margin: 0px; padding: 0px; margin-bottom: 20px;} #charter-contact h4 {margin-left: 0px; margin-bottom: 20px; font-size: 115%; font-weight: bold; color: #444;} #charter-contact div {overflow: hidden; margin-bottom: 20px; padding-bottom: 35px; padding-left: 20px; background: url(../images/form-fade.gif) no-repeat bottom left;} #charter-contact label{float: left; display: block; width: 80px; padding-right: 10px; padding-top: 2px; text-align: right; font-weight: bold; color: #555; margin-bottom: 10px;} #charter-contact label.left {clear: left;} #charter-contact label.both {clear: both;} #charter-contact label.long {width: 90px;} #charter-contact label.contactprefphone{clear: both; width: 240px; margin-left: 20px;} #charter-contact label.contactprefemail{width: 60px; float: left;} #charter-contact input{float: left; width: 145px; border: 0px; color: #444; font-size: 12px; background: url(../images/input-146.png) no-repeat; height: 19px; padding: 1px 3px 0px 3px; margin-bottom: 4px; } #charter-contact input.long{float: left; width: 210px; background: url(../images/input-220.png) no-repeat; padding: 1px 10px 0px 5px;} #charter-contact input.radiobutton {width: 20px; display: block; margin: 0px; float: left; background: none; border: none;} #charter-contact input.submit {color: #FFF; background: url(../images/form-button-145.png) no-repeat top left; width: 145px; height: 21px; padding-bottom: 3px; text-align: center; text-decoration: none; font-size: 11px; margin-left: 150px;} #charter-contact input.submit:hover {color: #ccc;} #charter-contact select {display: block; margin-right: 10px; float: left; border: 1px solid #999;} #charter-contact textarea{display: block; margin-right: 10px; width: 230px; height: 30px; float: left; border: 1px solid #999;} #charter-contact div.offset label{width: 160px;} #charter-contact div.offset label.short{width: 50px;} /* Basic Callback form */ #page #contactform {overflow: hidden; margin: 20px; padding: 18px 20px; border: 1px solid #bbb; background: #ddd;} #page #contactform h3 {margin-left: 0px !important; margin-bottom: 4px;} #page #contactform p {margin: 0px 0px 20px 0px; padding: 0px;} #page #contactform div{overflow: hidden; margin-bottom: 15px;} #page #contactform div.radio {margin-left: 20px; font-weight: bold; color: #444; margin-bottom: 12px;} #page #contactform label span {float: left; display: block; width: 62px; border: 0px; padding-right: 10px; padding-top: 2px; text-align: right; font-weight: bold; color: #555; } #page #contactform label span.long {width: 80px; margin-left: 10px;} #page #contactform label #firstname, #page #contactform label #email, #page #contactform label #phone {float: left; display: block; width: 159px; height: 19px; border: 0px; padding: 1px 3px 0px 3px; color: #444; font-size: 12px; background: url(../images/input-165.png) no-repeat;} #page #contactform label #contacttime, #page #contactform label #regarding {float: left; display: block; width: 156px; height: 19px; border: 1px solid #777; background: #f5f5f5; color: #444; font-size: 12px;} #page #contactform input.submit, #page #charterform input.submit {float: right; color: #FFF; text-align: center; text-decoration: none; border: 0px; width: 145px; height: 21px; padding-bottom: 3px; margin-right: 24px; font-size: 11px; background: url(../images/form-button-145.png) no-repeat top left;} /* Charter Form Styling */ #page #charterform {overflow: hidden; margin: 20px; padding: 18px 20px; border: 1px solid #bbb; background: #ddd;} #page #charterform h2 { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: tahoma; vertical-align: baseline; background: none; color: #000; width: 100%; text-indent: 0px; font-weight: bold; font-size: 12px; } #page #charterform h3 {margin-left: 0px !important; margin-bottom: 4px;} #page #charterform form h4 {margin-left: 25px; margin-bottom: 20px; font-size: 115%; font-weight: bold; color: #444;} #page #charterform p.introduction {margin: 0px 0px 10px 0px; padding: 0px;} #page #charterform label span {clear: left; float: left; display: block; width: 130px; border: 0px; padding-right: 10px; padding-top: 2px; margin-bottom: 15px; text-align: right; font-weight: bold; color: #555; } #page #charterform div label span.label {width: 290px;} #page #charterform #name, #page #charterform #email, #page #charterform #phone, #page #charterform #flyfrom, #page #charterform #flyto , #page #charterform #passengers {float: left; display: block; width: 213px; height: 19px; padding: 1px 10px 0px 3px; color: #444; font-size: 12px; margin-bottom: 15px; background: url(../images/input-220.png) no-repeat; border: 0px; } #page #charterform #aircraftsize {float: left; display: block; width: 219px; margin-bottom: 15px;} #page #charterform div.radio {margin-left: 20px; font-weight: bold; color: #444; margin-bottom: 12px; overflow: hidden; clear: left;}} #page #charterform div.radio span.label {border: 0px solid grey;} #page #charterform #leaveday, #page #charterform #arriveday {float: left; display: block; width: 60px; height: 19px; border: 1px solid #777; background: #f5f5f5; padding: 0px 3px 2px 3px; color: #444; font-size: 12px;} #page #charterform #leavemonth, #page #charterform #arrivemonth {float: left; display: block; width: 130px; height: 19px; border: 1px solid #777; background: #f5f5f5; padding: 0px 3px 2px 3px; color: #444; font-size: 12px; margin-left: 10px;} #page #charterform fieldset {overflow: hidden; margin-bottom: 20px; padding-bottom: 35px; padding-left: 20px; background: url(../images/form-fade.gif) no-repeat bottom left;} #page #charterform textarea {border: 1px solid #AAA; float: left; padding: 3px; font-family: tahoma; font-size: 13px; width: 213px;} #page #charterform fieldset div.datepicker-container {display: block; clear: both; overflow: hidden; padding-top: 20px;} #page #charterform fieldset div.datepicker-one{margin-left: 15px; display: block; float: left; width: 180px; overflow: hidden;} #page #charterform fieldset div.datepicker-two{margin-left: 30px; display: block; float: left; width: 180px; overflow: hidden;} #page #charterform fieldset div.datepicker-one p, #page #charterform fieldset div.datepicker-two p {text-align: center; font-weight: bold; color: #555;} #page #charterform fieldset div.datepicker-container div {border: 0px solid black; background: none;} /* Sidebar Form Styling */ #sidebar #contactform {width: 170px; height: 330px; padding: 45px 15px 10px 15px; background: url(../images/sidebar-contact-background.png) no-repeat top left; margin: 150px 0px 10px 9px;} #sidebar #contactform p {color: white; margin-bottom: 10px;} #sidebar #contactform label {color: #DDD; padding-bottom: 3px; display: block;} #sidebar #contactform input {width: 164px; border: 0px; color: #444; font-size: 12px; background: url(../images/input-170.png) no-repeat; height: 19px; padding: 1px 3px 0px 3px; margin-bottom: 7px;} #sidebar #contactform select {width: 169px; border: 0px; color: #444; font-size: 12px; height: 19px; margin-bottom: 7px;} #sidebar #contactform input.submit {display: block; width: 170px; color: white; text-align: center; height: 25px; padding-bottom: 8px; background: url(../images/form-button-170.png) no-repeat top left; padding-top: 1px; text-decoration: none; margin-top: 5px;} #sidebar #contactform a.button.disabled {background-position: bottom right; color: #333;} #sidebar #contactform a.button:hover {background-position: center right;} /* News Article */ #page.news-article{} #page.news-article em.date{font-size: 11px; color: #666; margin:0px 0px 0px 20px; padding: 0px; display: block;} #page.news-article h2 {font-size: 22px; color: #211d1e; text-indent: 0px; margin: 0px 20px 15px 20px; padding-bottom: 15px; background: url(../images/6to1dotted.gif) bottom right repeat-x; width: 525px; display: block; height: auto;} #page.news-article div {width: 200px; padding: 0px; font-size: 11px; color: black; padding-top: 30px;} #page.news-article div a {text-decoration: none;} #page.news-article div strong {color: #06a67d; font-weight: bold;} #page.news-article div em {font-size: 10px; color: #666; display: block;} #page.news-article div p, #page.news-article div p a {padding: 0px; color: black;} #page.news-article div.next {float: right; margin: 0px 30px 0px 20px; background: url(../images/button-news-next.gif) no-repeat 210px 40px ; padding-right: 45px;} #page.news-article div.next:hover {background-position: 210px -80px;} #page.news-article div.previous {background: url(../images/button-news-prev.gif) no-repeat 0px 40px ; margin-left: 20px; padding-left: 45px;} #page.news-article div.previous:hover {background-position: 0px -80px;} #page.about-careers{} #page.about-careers h2 {font-size: 22px; color: #211d1e; text-indent: 0px; margin: 0px 20px 15px 20px; padding-bottom: 15px; background: url(../images/6to1dotted.gif) bottom right repeat-x; width: 525px; display: block; height: auto;} #page.about-careers h3{display: block; color: #05a17a; padding-left: 18px; margin-bottom: 3px;} /* Contact - Useful Links */ #page.usefullinks {} #page.usefullinks #linkbar {list-style: none; padding: 8px 20px; background: #DDD; overflow: hidden; width: 480px; margin: 10px 0px 20px 20px;} #page.usefullinks #linkbar li{list-style: none; float: left; margin-right: 8px; font-weight: bold; font-size: 15px;} #page.usefullinks #linkbar li a {text-decoration: none;} #page.usefullinks #linkslist {margin-left: 20px; margin-right: 30px;} #page.usefullinks #linkslist li {list-style: none; margin-bottom: 10px;} #page.usefullinks #linkslist li p{padding: 12px; background: #eaeaea; display: block;} #page.usefullinks #linkslist li p.alternative {background: #e6e6e6;} #page.usefullinks #linkslist li p strong{display: block; font-weight: bold; margin-bottom: 3px; font-size: 16px;} #page.usefullinks #linkslist li p strong a{text-decoration: none;} /* Contact - Flight Information */ #page.flightinformation {} #page.flightinformation #flightsbar {list-style: none; padding: 8px 20px; background: #DDD; overflow: hidden; width: 480px; margin: 10px 0px 20px 20px;} #page.flightinformation #flightsbar li{list-style: none; float: left; margin-right: 8px; font-weight: bold; font-size: 15px;} #page.flightinformation #flightsbar li a {text-decoration: none;} #page.flightinformation #flightinfo {} #page.flightinformation #flightinfo div.clear {display: none;} #page.flightinformation #flightinfo div{margin-left: 20px; margin-right: 30px; padding: 12px; background: #eaeaea; display: block; margin-bottom: 12px;} #page.flightinformation #flightinfo div.alternative {background: #e6e6e6;} #page.flightinformation #flightinfo div h3{display: block; font-weight: bold; margin-bottom: 3px; font-size: 16px;} #page.flightinformation #flightinfo div a:link{margin: 0px 0px 3px 20px; display: block;}