/* Website: Name: Description: inSite-powered website, designed and hosted by Artemis Inc. Version: Author: Author URI: http://www.artemisit.com Comments: This stylesheet contains all the basic styles used by inSite. Also notable is the combination of two css methodologies, tabbed(rounded) buttons and drop-down navigation. This stylesheet is best viewed without word wrapping. */ /*** Body Styles ***/ body { margin: 0; color: #333; font-size: 62.5%; font-family: Arial, Verdana, Sans-serif; background: #878e94; } /* This percentage sets 1.0 em to 10px. */ #page { padding: 0; margin: auto; width: 900px; overflow: hidden; background: #000;} #printpage { margin: auto; width: 780px; background: #fff; } #header {position: relative; float: left; width: 900px; background: url('images/header.png') no-repeat top left; padding: 0; } .logo { display: block; float: left; width: 130px; height: 78px;} #bannercontainer { position: relative; overflow: hidden; float: left; display: block; width: 100%; margin: 0 0 0px 0; height: 394px; z-index: 1; } #bannercontainer img { margin: 0; padding: 0; float: left; } #errorBox {clear: left; float: left; width: 488px; padding: 5px 5px 5px 25px; font-size: 1.2em; border: 1px solid #FF0000; background: #FFE4E4 url('/images/ico_error.png') no-repeat 5px 5px; margin: 0 0 10px 0;} .error {color: #EF3A42;} p { font-size: 1.2em; line-height: 120%; margin: 0; padding-right: 30px; padding-bottom: 13px; } .hr { display: block; width: 500px; margin: 0 0 12px 0; padding: 0; border-top: 1px solid #ccc; height: 1px;} /* Headline Styles */ .banner_container #headline { width: 620px; margin-left: 45px; margin-top: 55px; } .banner_container h2 { float: left; width: 173px; font-size: 2.4em; margin-bottom: 10px; } .banner_container span { float: left; width: 380px; font-size: 2.4em; margin-bottom: 10px; } .banner_container spanGrey { float: left; width: 380px; font-size: 2.4em; margin-bottom: 10px; line-height: 1.0em; } .banner_container p { float: left; display: block; font-size: 1.2em; margin-left: 185px; width: 460px; } #MeridianG1000360 #headline {width: 750px;} #MeridianG1000360 .banner_container p { margin-left: 11px; } #MirageG1000360 #headline {width: 750px;} #MirageG1000360 .banner_container p { margin-left: 11px; } #MatrixG1000360 #headline {width: 750px;} #MatrixG1000360 .banner_container p { margin-left: 11px; } /*** Meridian Styles ***/ #banner_meridian { float: left; display: block; height: 259px; width: 900px; background: url('/images/banner_meridian2.jpg'); } #Meridian #banner_meridian { background: url('/images/banner_meridian.jpg');} #Meridian #headline { width: 620px; margin-left: 372px; margin-top: 34px; } #Meridian .banner_container h2, #Meridian .banner_container .spanGrey { margin-top: 0px; } #banner_meridian .bannerlink { float: right; display: block; height: 80px; width: 170px; margin: 90px 100px 0 0; } /*** Mirage Styles ***/ #banner_mirage { float: left; display: block; height: 259px; width: 900px; background: url('/images/banner_mirage2.jpg') no-repeat ; } #Mirage #banner_mirage { background: url('/images/banner_mirage.jpg') no-repeat ;} #Mirage #headline { width: 620px; margin-left: 347px; margin-top: 35px; } #banner_mirage .bannerlink { float: right; display: block; height: 80px; width: 170px; margin: 65px 80px 0 0; } /*** Matrix Styles ***/ #banner_matrix { float: left; display: block; height: 259px; width: 900px; background: url('/images/banner_matrix2.jpg') no-repeat ;} #Matrix #banner_matrix { background: url('/images/banner_matrix.jpg') no-repeat ;} #Matrix #headline { width: 870px; margin-left: 20px; margin-top: 190px; } #banner_matrix .bannerlink { float: right; display: block; height: 80px; width: 170px; margin: -30px 0px 0 0; } /*** Seneca Styles ***/ #banner_seneca { float: left; display: block; height: 259px; width: 900px; background: url('/images/banner_seneca2.jpg') no-repeat ;} #Seneca #banner_seneca { background: url('/images/banner_seneca.jpg') no-repeat ;} #Seneca #headline { width: 620px; margin-left: 40px; margin-top: 190px; } /*** Seminole Styles ***/ #banner_seminole { float: left; display: block; height: 259px; width: 900px; background: url('/images/banner_seminole2.jpg'); } #Seminole #banner_seminole { background: url('/images/banner_seminole.jpg');} #Seminole #headline { width: 620px; margin-left: 365px; margin-top: 35px; } /*** Arrow Styles ***/ #banner_arrow { float: left; display: block; height: 259px; width: 900px; background: url('/images/banner_arrow2.jpg');} #Arrow #banner_arrow { background: url('/images/banner_arrow.jpg');} #Arrow #headline { width: 620px; margin-left: 365px; margin-top: 35px; } /*** Warrior Styles ***/ #banner_warrior { float: left; display: block; height: 259px; width: 900px; background: url('/images/banner_warrior2.jpg');} #Warrior #banner_warrior { background: url('/images/banner_warrior.jpg');} #Warrior #headline { width: 720px; margin-left: 39px; margin-top: 190px; } #Warrior .banner_container span { float: left; width: 480px; font-size: 2.4em; margin-bottom: 10px; } #Warrior .banner_container h2 { float: left; width: 200px; font-size: 2.4em; margin-bottom: 10px; } /*** Piper Sport ***/ #PiperSport #banner_pipersport {float: left; display: block; height: 259px; width: 900px; background: url('/images/banner_pipersport.jpg');} #banner_pipersport {float: left; display: block; height: 259px; width: 900px; background: url('/images/banner_pipersport2.jpg');} #PiperSport #headline { width: 620px; margin-left: 10px; margin-top: 40px; } /*** Archer ***/ #ArcherIii #banner_archer {float: left; display: block; height: 259px; width: 900px; background: url('/images/banner_archer2.jpg');} #banner_archer {float: left; display: block; height: 259px; width: 900px; background: url('/images/banner_archer.jpg');} #ArcherIii #headline { width: 880px; margin-left: 20px; margin-top: 30px; } #ArcherIii .banner_container span { float: left; width: 400px; font-size: 2.4em; margin-bottom: 10px; } #ArcherIii .banner_container h2 { float: left; width: 180px; font-size: 2.4em; margin-bottom: 10px; } /*** Heading Styles ***/ h1 { display: none; } h2 { margin: 0; font-size: 1.8em; font-weight: normal;} h3 { margin: 0; font-size: 1.5em; margin-bottom: 0px; letter-spacing: -1px; font-style: italic;} h4 { margin: 0; font-size: 1.1em; margin-bottom: 0px; font-weight: normal; } h5 { margin: 0; font-size: 1.0em; margin-top: 0; margin-bottom: 10px; font-weight: normal; } hr { color: #888; background-color: #888; margin: 0 0 12px 0; padding: 0; width: 100%; height: 1px; } .span { font-size: 1.8em; } .spanGrey { font-size: 1.8em; } /*** Table Styles - Tables are for tabular data ***/ tr.altrow { background-color: #e5e5e5; } table { clear: left; width: 100%; margin: 0 0 20px 0; } table td { padding: 5px; font-size: 1.1em; } table .normal { width: 330px; } #jetcontent td { padding: 10px 10px 10px 40px; border-bottom: 1px solid #1E1E1E;} #pubTable { float: left; margin: 0;} #pubTable td { background: #E5E5E5; border-bottom: 2px solid #f0f0f0; border-right: 2px solid #f0f0f0; padding: 6px 12px; font-size: 1.2em;} #pubTable thead td { background: #D4D4D4; border-bottom: 1px solid #999; border-right: 1px solid #999;} #pubTable td.pubTablePad { padding-left: 28px; } #pubTable a { font-weight: bold; } #Events td { padding: 15px 20px; width: 33%; background: none; font-size: 1.0em; } #Events td p, #Events td .h3 { padding: 0; } #DealerSearchResults table { background: white; } #DealerSearchResults table td {padding: 10px;} #DealerSearchResults .Headlines { font-size: 1.2em; font-weight: bold;} /* Main content divs */ #content { display: inline; float: left; width: 582px; margin: 28px 0 20px 141px; color: #333; padding: 0; background: #F0F0F0;} #aboutbg #content { background: url('/images/contentbg_aboutus.jpg') no-repeat; } #newsbg #content { background: url('/images/contentbg_news.png') no-repeat; } #companybg #content { background: url('/images/contentbg.png') no-repeat; } #HomePage #content { background: none; color: #fff; margin: 28px 0 0 141px; width: 600px; } #YouMaketheDeal #content { background: none; color: #fff; margin: 28px 0 0 50px; width: 800px; } #TradeinTradeUp #content { background: none; color: #fff; margin: 28px 0 0 50px; width: 800px; } #FeaturedAircraft #content { background: none; color: #fff; margin: 28px 0 0 50px; width: 800px; } #inner ol { margin-bottom: 20px; margin-top: 5px; } #inner ul { margin-bottom: 20px; margin-top: 5px; } #inner ol ul li {font-size: 0.8em; } #inner li { margin-bottom: 10px; font-size: 1.2em; line-height: 120%; } #inner li li { font-size: 1em; } #inner li p { font-size: 1em; margin: 0; padding: 0; } #inner { float: left; display: block; width: 528px; padding: 24px 27px 17px 27px; background: #F0F0F0; } #innerContinued { clear: left; float: left; display: block; width: 528px; padding: 27px 27px 17px 27px; background: #F0F0F0; } #innerNoPadding { float: left; display: block; width: 800px; padding: 0; background: #F0F0F0; } #jetcontent { display: block; float: left; width: 100%; margin: 0; color: #fff; padding: 0; } #jetcontent #inner, #jetcontent #inner_flash { width: 582px; float: none; margin: 20px auto; padding: 0; background: none; } #jetcontent p { padding-right: 0px; } /* About us page*/ #aboutbg { float: left; display: inline; width: 100%; background-image: url('/images/aboutbg.jpg'); padding-bottom: 40px; } #aboutbg #inner { padding: 20px 60px 20px 27px; background: none; } /* Print page */ #printcontent { float: none !important; color: #000; margin: 0; padding: 0; width: auto; } #printcontent .pageTitle h2, #printcontent .pageTitleGrey h2, #printcontent .pageTitleInner h2 { margin: 0 0 10px 0;} #printcontent .pageTitle { color: #000; float: none; margin: 10px 0 0px 10px; } #printcontent .pageTitleGrey, #printcontent .pageTitleInner { color: #000; float: none; background: none; margin: 0; padding: 0px;} #printcontent #inner { background: #fff; width: auto; margin: 0; padding: 10px;} #printcontent #innerContinued { background: #fff; width: auto; margin: 0; padding: 10px;} #printcontent #selectionBar { display: none; } #printcontent #navcontainer2, #printcontent #navcontainer3, #printcontent #navcontainer4, #printcontent #navcontainer4b, #printcontent #navcontainer5 { display: none; } #printcontent p { font-size: 1.2em; letter-spacing: 0; clear: left; padding-right: 0; } #printFooter { clear: left; float: right; padding: 15px; } #printcontent #banner_meridian, #printcontent #banner_meridian, #printcontent #banner_mirage, #printcontent #banner_matrix, #printcontent #banner_seneca, #printcontent #banner_seminole, #printcontent #banner_arrow, #printcontent #banner_warrior, #printcontent #banner_pipersport, #printcontent #banner_archer { display: none; } /* 360 & Gallery Pages use the jet template but do not place content within the #inner container, therefore we remove its padding and margin */ #Meridian360 #inner, #Mirage360 #inner, #Matrix360 #inner, #Seneca360 #inner, #MeridianG1000360 #inner, #Archer360 #inner { clear: left; float: left; margin: 0; padding: 0; } #MeridianPhotoGallery #inner, #MiragePhotoGallery #inner, #MatrixPhotoGallery #inner, #SenecaPhotoGallery #inner, #SeminolePhotoGallery #inner, #ArrowPhotoGallery #inner, #WarriorPhotoGallery #inner, #PiperSportPhotoGallery #inner, #ArcherPhotoGallery #inner { clear: left; float: left; margin: 0; padding: 0; } #MeridianRangeCalculator #inner, #MirageRangeCalculator #inner, #MatrixRangeCalculator #inner, #SenecaRangeCalculator #inner, #SeminoleRangeCalculator #inner, #ArrowRangeCalculator #inner, #WarriorRangeCalculator #inner, #PiperSportRangeCalculator #inner, #ArcherRangeCalculator #inner { clear: left; float: left; margin: 0; padding: 0; } /* Video Pages */ #PiperSportVideo #inner { clear: left; float: left; margin: 23px 0 0 23px; padding: 0; } /* Grey bar with drop-down select used on Publications, Careers, FAQ landing pages */ #selectionBar { float: left; background: #e2e2e2; margin: 0; padding: 10px; width: 562px;} #selectionBar form { padding: 0; margin: 0; } #selectionBar label { font-size: 1.5em; padding: 0; margin: 0 100px 0 40px; font-weight: bold; } /* Career Page */ #Careers img.veroPhotos { margin-bottom: 15px; } #Careers #veroColumn { float: right; width: 165px; background: white; padding: 13px; margin-left: 25px; } #Careers #veroColumn h3 { width: auto; border-bottom: 1px solid #0058A9; margin-bottom: 10px; } #CareersResults #inner { padding-bottom: 5px; } /* Executive Team */ #teamLinks { float: left; height: auto; width: 100%; margin: 10px 0 10px 0; } .exeTeam { float: left; width: 100%; text-decoration: none; height: auto; border: 1px solid #F0F0F0; margin: 0 0 10px 0; } .exeTeam h3 { color: #267AC9; } .exeTeam a img { border: none; } .exeTeam a { font-size: 11px; } .exeTeam p { color: #000; } /* Featured Aircraft Links */ #FeaturedAircraftImage {float: left; background: url('/images/userpics/Featured-Aircraft.jpg'); padding: 0px; width: 800px; height: 1651px; display: inline; } #DealerLink1 { margin-left: 420px; margin-top: 365px; height: 20px; width: 175px; float: left; } #DealerLink2 { margin-left: 420px; margin-top: 282px; height: 20px; width: 175px; float: left; } #DealerLink3 { margin-left: 420px; margin-top: 305px; height: 20px; width: 175px; float: left; } #DealerLink4 { margin-left: 420px; margin-top: 272px; height: 20px; width: 175px; float: left; } #DealerLink5 { margin-left: 50px; margin-top: 198px; height: 23px; width: 195px; float: left; } /* Page Titles */ .pageTitle a, .pageTitleInner a, .pageTitleGrey a { float: left; display: block; height: 20px; width: 80px; margin: 2px 0 0 0; background: url('images/print.gif') no-repeat; border: none;} .pageTitle a:hover, .pageTitleInner a:hover { background: url('/home/images/printup_grey.gif') no-repeat; } .pageTitle a img, .pageTitleInner a img, .pageTitleGrey a img { border:none; } /* Black Pages */ .pageTitle h2 { float: left; width: 495px; } .pageTitle { clear: left; height: 25px; width: 582px; margin: 20px auto; padding: 0; color: #fff; font-weight: bold; } .pageTitle a:hover { background: url('/home/images/printup.gif') no-repeat; } /* White Pages */ .pageTitleInner h2 { float: left; width: 440px; } .pageTitleInner { float: left; color: #000; padding: 0; width: 528px; margin: 0 0 15px 0; font-weight: bold; } /* Grey Titles */ .pageTitleGrey h2 { float: left; width: 450px; } .pageTitleGrey { float: left; width: 532px; background: #ccc; color: #fff; padding: 8px 25px; } #YouMaketheDeal .pageTitleGrey { float: left; width: 750px; background: #ccc; color: #fff; padding: 8px 25px; } #TradeinTradeUp .pageTitleGrey { float: left; width: 750px; background: #ccc; color: #fff; padding: 8px 25px; } #FeaturedAircraft .pageTitleGrey { float: left; width: 750px; background: #ccc; color: #fff; padding: 8px 25px; } .pageTitleGrey a:hover { background: url('/home/images/printup_grey.gif') no-repeat; } /*** Link Styles ***/ a:link { color: #277AC1; } a:visited { color: #277AC1; } a:hover { color: #277AC1; } /*** Images & Alignments Using 'class="alignright"' on an image will align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) ***/ #header img { border: 0; } img.centered { display: block; margin-left: auto; margin-right: auto;} img.alignright { margin-left: 20px; margin-right: 0px; } img.alignleft { margin-right: 20px; margin-bottom: 10px; } .alignright { float: right; } .alignleft { float: left;} /*** Calendar System Styles ***/ /* Mini Calendar Styles */ .MiniCalTableTitle { width: 150px; } .MiniCalTableDays { width: 150px; } .MiniCalFont { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bolder; } .MiniCalHeader { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bolder;} A.MiniCalLink:link {color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bolder; text-decoration: none; } A.MiniCalLink:visited { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bolder; text-decoration: none; } A.MiniCalLink:hover { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bolder; text-decoration: none; } /* Main Calendar & Event Coordinator Styles */ /* Single Event Display Styles */ .EventTable { background-color: #fffaec; } .EventHeader { font-weight: bolder; background-color: #4299CE; font-size: 15px; color: #ffffff; } .EventSubHeader { font-weight: bolder; font-size: 12px; background-color: #4299CE; color: #ffffff; } .EventSubHeaderReg { font-weight: bolder; font-size: 10px; background-color: #4299CE; } .EventDate { color: #000000; font-size: 14px; font-weight: bolder; } .EventTitle { font-size: 13px; font-weight: bolder; } .EventDetail { color: #000000; font-size: 11px; font-weight: normal; } .EventDetailSmall { color: #000000; font-size: 9px; font-weight: bolder; text-decoration: none; } .EventLinks { font-size: 10px; } a.EventLinks { font-size: 10px; text-decoration: none; } a.EventLinks:link { text-decoration: none; font-size: 10px;} a.EventLinks:visited { font-size: 10px; text-decoration: none; } a.EventLinks:hover { text-decoration: underline; font-size: 10px; } /* Side Bar Styles */ .EventSideBar { color: #000000; font-size: 11px; font-weight: bolder;} a.EventSideBar {color: #FFFFFF; font-size: 11px; font-weight: bolder;} a.EventSideBar:link { color: #FFFFFF; font-size: 11px; font-weight: bolder;} a.EventSideBar:visited { color: #FFFFFF; font-size: 11px; font-weight: bolder;} a.EventSideBar:hover { color: #FFFFFF; font-size: 11px; font-weight: bolder;} /* Main Calendar & Event Coordinator Admin Styles */ .AdminHeader { font-size: 18px; font-weight: bolder; color: #000000;} .AdminSubHeader { font-size: 14px; font-weight: bolder; color: #FFFFFF; background-color: #000000; } .AdminAltRows { background-color: #8f8f8f;} A.AdminLinks:link { font-size: 9px; font-weight: bolder; color: #000000; text-decoration: none; } A.AdminLinks:visited { font-size: 9px; font-weight: bolder; color: #000000; text-decoration: none; } A.AdminLinks:hover { font-size: 9px; font-weight: bolder; color: #000000; text-decoration: none;} .AdminNormal {color: #000000; font-size: smaller; font-weight: bolder; } .AdminDetails { color: #000000; font-size: 9px;} .AdminWarning { color: #FF0000; font-size: small;} .MenuDD { font-size: 10px; font-weight: bolder; color: #000000; } /*** Insite WYSIWYG styles ***/ .h1 { margin-bottom: -20px; font-size: 1.8em; line-height: 125%; letter-spacing: 0px; } .h2 { font-size: 1.8em; line-height: 125%; letter-spacing: -1px; } .h3 { font-size: 1.2em; display: block; padding: 0 0 5px 0; color: #0058a9; font-weight: bold; line-height: 1.0em;} .h4 { font-size: 1.1em; line-height: 14px; padding-bottom: 2px; font-weight: bolder; padding: 0; } .h5 { font-size: 0.9em; margin-top: 0; margin-bottom: 10px; } .normal { clear: left; font-size: 1.2em;} .linkBox { font-size: 1.2em; border: 1px solid #8EC2E1; background-color: white; padding: 20px; width: 560px; margin: auto;} /*** Misc Styles ***/ /* Newsticker alternate style */ .newsticker { list-style-type: none; background: #000 url('/home/images/bg_ticker.png') bottom left; padding: 0 0 0 105px; margin: 0; font-size: 1.2em; height: 35px; overflow: hidden; } .newsticker ul { list-style-type: none;} .newsticker li { position: relative; margin: 0 0 0 0; line-height: 1.1em; overflow: hidden; } .newsticker li span { padding-right: 10px; display: block; float: left;} .newsticker li a { text-decoration: none; display: block; float: left; width: 410px;} .newsticker li a:hover { text-decoration: underline; }