/* ||| universal set of reset styles |||*/
html, body, div, span, applet, object, iframe, caption, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
vertical-align: baseline;
font-size: 100%;
outline: 0;
padding: 0;
margin: 0;
border: 0;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
background: white;
line-height: 1;
color: black;
}
ol, ul {
list-style: none;
}
.clr {
clear: both;
height: 1px;
overflow:hidden;
}
/* tables still need cellspacing="0" in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
/* remove possible quote marks (") from & */
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/* ||| the end |||*/
html {
height: 100%;
margin-bottom: 1px;
}
body {
margin: 0;
padding: 0;
font-size:100%;
}
#bg {
background: #012057 url('../images/background.jpg') no-repeat 50% top;
font: normal 12px Arial, Helvetica, sans-serif;
color: #333;
line-height:18px;
}
a {
outline: none;
}
img {
border: none;
text-decoration: none;
}
element.style {
/*cursor:pointer;*/
}
a:link, a:visited, a:active {
text-decoration: none;
color: #3c6f9e;
}
a:hover {
text-decoration: underline;
}
ul {
padding: 0 0 0 2px;
margin: 0;
margin-left: 1px;
list-style: none;
}
ul li {
background: transparent url('../images/arrow.gif') no-repeat 0 5px;
padding-left: 12px;
line-height: 160%;
}
ol li {
line-height: 170%;
}
fieldset {
border: 0;
padding: 5px 0;
}
h1 {
font-size: 200%;
}
h2 {
font-size: 155%;
}
h3 {
font-size: 125%;
}
h4 {
font-size: 100%;
}
#mainbody h4 {
color: #499BC4;
}
h5 {
font-size: 120%;
}
h6 {
font-size: 110%;
}
th {
padding: 4px;
text-align: left;
}
fieldset {
border: none;
}
fieldset a {
font-weight: bold;
}
input, select {
font: normal 12px Arial, Helvetica, sans-serif;
}
hr {
border-top: 1px solid #f9f9f9;
border-right: 0;
border-left: 0;
border-bottom: 0;
height: 1px;
}
.clearfix {
clear: both;
}
.us {
margin:0 14px;
}
input, textarea, select {
border:1px solid #D9D8D8;
}
/* Major Blocks-------------------------------------------------------------------------------*/
div#wrap-bg {
width: 979px;
height: 100%;
margin: 0 auto;
position: relative;
background: #fff url(../images/bg_wrap.png) repeat-x top;
padding-top: 8px;
}
#innerwrap {
margin: 0px 9px 0 9px;
background:#FFFFFF;
}
div#topwrap {
height: 80px;
width: 100%;
background: url(../images/bg_header.png) no-repeat;
}
/* Here you can change width or height of your logo*/
#logo {
width: 400px;
height:74px;
display: block;
float: left;
}
/*end*/
#headerimage {
clear: both;
}
#contentbg {
clear: both;
height: 33px;
}
div#menu {
clear: both;
margin: 0;
width: 100%;
height: 33px;
/*background: transparent url('../images/bg_menu.png') repeat-x 0 0;*/
background: #FFFFFF;
}
div#contentwrap {
width: 100%;
height: 100%;
background: #fff;
}
div#marginwrap-1 {
margin: 0 0px 0 0;
padding: 0 0px 0 0;
}
div#marginwrap-2 {
margin: 0;
padding-top: 0px;
}
div#conwrap {
clear: both;
background: #fff;
padding: 5px 0px 0 15px;
height: 100%;
margin-top: 0px;
}
/* Footer
-------------------------------------------------------------------------------*/
div#footer_wrap {
width: 960px;
height: 100%;
margin: 10px auto;
padding: 8px 0 8px;
background: url(../images/bg_footer.png) no-repeat top center;
clear: both;
}
div#footer {
clear: both;
font-size: 10px;
background:url(../images/bg_footer_logo.png) no-repeat left center;
height: 25px;
color: #A4A4A4;
}
div#footer a {
font-size: 10px;
color: #A4A4A4;
}
div#links {
float: right;
padding-top: 5px;
color: #A4A4A4;
margin-right: 15px;
}
div#copyright {
float: left;
color: #999;
margin-left: 171px;
padding-top: 5px;
}
/* Setup of major blocks
----------------------------------------------------------------------------------*/
div#l_w-1 {
float: right;
width: 690px;
margin-right: 15px;
}
div#l_w-2 {
width: 100%;
}
div#r_w {
float: left;
width: 237px;
margin-left: 10px !important;
margin-left: 3px;
}
div#transmenu {
margin-top: -175px;
}
div#transmenu .moduletable {
margin-bottom: 0px;
background: none;
}
/*custom menu height*/
body.theindependences33 div#transmenu,
body.thefreedoms40 div#transmenu,
body.compositetechnology div#transmenu,
body.interior div#transmenu {
height: auto !important;
height: 400px;
min-height: 400px;
margin-top: -400px;
}
div#transmenu .moduletable li {
background: url(../images/bg_transmenu-nav.png) no-repeat left 10px;
}
div#transmenu .moduletable li li {
background: url(../images/bg_transmenu-subnav.png) no-repeat left 8px;
}
div#transmenu .moduletable a {
font-weight: bold;
text-transform:lowercase;
}
div#l_w1 {
float: right;
width: 162px;
}
div#r_w1-3 {
float: left;
width: 752px;
border-right: 1px dotted #ddd;
padding-right: 15px;
}
div#r_w1-2 {
width: 100%;
}
div#r_w1-1 {
float: left;
width: 431px;
border-right: 1px dotted #ddd;
padding-right: 15px;
}
div#mainbody {
clear: both;
}
div#mainbody p {
margin-bottom: 14px;
}
/* Setup value of users position 1, 2, 3, 4
----------------------------------------------------------------------------------*/
div#user_position-1, div#user_position-2, div#user_position-3, div#user_position-4, .us-stand {
clear: both;
overflow: hidden;
}
div.us_1-left, div.us_1-right, div.us_1-center, div.us_2-left, div.us_2-right, div.us_2-center, div.us_3-left, div.us_3-right, div.us_3-center, div.us_4-left, div.us_4-right, div.us_4-center {
float: left;
width: 33.3%;
width: 50%;
width: 100%;
}
/* Modules
-------------------------------------------------------------------------------- */
div.moduletable {
font: normal 100% Arial, Helvetica, sans-serif;
line-height:18px;
padding: 10px;
margin:0 0 15px 0;
background: #fff;
}
div.moduletable h3 {
font: bold 17px Arial, Helvetica, Geneva, sans-serif;
text-transform:capitalize;
padding: 0;
margin: 0 0 10px 0;
line-height: 12px;
color: #333;
letter-spacing: -1px;
}
/* Restricions
-------------------------------------------------------------------------------- */
#user_position-1 {
margin: -15px 0 15px 0;
background: #000;
border-right: 1px solid #0c0c0c;
}
#user_position-4 {
background: #000;
}
.br {
border-right: 1px solid #0c0c0c;
border-left: 1px solid #0c0c0c;
border-top: 5px solid #333;
clear: both;
}
#user_position-1 div.moduletable, #user_position-1 div.moduletable-black, #user_position-1 div.moduletable-color1, #user_position-1 div.moduletable-color2, #user_position-1 div.moduletable-color3 {
font: normal 100% Arial, Helvetica, sans-serif;
padding: 15px;
margin: 0;
background: #000;
border: none;
color: #666;
}
#user_position-1 div.moduletable ul li, #user_position-1 div.moduletable-black ul li, #user_position-1 div.moduletable-color1 ul li, #user_position-1 div.moduletable-color2 ul li, #user_position-1 div.moduletable-color3 ul li {
background: transparent url('../images/arrow1.gif') no-repeat 0 5px;
}
#user_position-1 div.moduletable h3 {
color: #fff;
}
#user_position-1 div.moduletable-black h3, #user_position-1 div.moduletable-color1 h3, #user_position-1 div.moduletable-color2 h3, #user_position-1 div.moduletable-color3 h3 {
font: bold 10px Arial, Helvetica, Geneva, sans-serif;
text-transform:uppercase;
padding: 0;
margin: 0 0 5px 0;
line-height: 12px;
border: none;
}
#user_position-4 div.moduletable, #user_position-4 div.moduletable-black, #user_position-4 div.moduletable-color1, #user_position-4 div.moduletable-color2, #user_position-4 div.moduletable-color3 {
font: normal 100% Arial, Helvetica, sans-serif;
padding: 15px;
margin: 0;
background: #000;
border: none;
color: #666;
}
#user_position-4 div.moduletable ul li, #user_position-4 div.moduletable-black ul li, #user_position-4 div.moduletable-color1 ul li, #user_position-4 div.moduletable-color2 ul li, #user_position-4 div.moduletable-color3 ul li {
background: transparent url('../images/arrow1.gif') no-repeat 0 5px;
}
#user_position-4 div.moduletable h3 {
color: #fff;
}
#user_position-4 div.moduletable-black h3, #user_position-4 div.moduletable-color1 h3, #user_position-4 div.moduletable-color2 h3, #user_position-4 div.moduletable-color3 h3 {
font: bold 10px Arial, Helvetica, Geneva, sans-serif;
text-transform:uppercase;
padding: 0;
margin: 0 0 5px 0;
line-height: 12px;
border: none;
}
div#l_w1 div.moduletable {
border: none;
margin-top: -10px;
}
#l_w1 div.moduletable h3 {
background: #f9f9f9;
line-height: 20px;
padding: 0 0 0 5px;
color: #333;
}
/* Typohraphy
-----------------------------------------------------------------------------------*/
pre, .code {
background-color:#f9f9f9;
border-left:5px solid #3C6F9E;
margin:10px 0pt 15px;
padding:10px 15px;
font-size: 11px;
}
.info {
background:transparent url('../images/icons/info.gif') no-repeat left top;
color:#3c6f9e;
padding-left:30px;
}
.warning {
background:transparent url('../images/icons/warning.gif') no-repeat left top;
color:#cc0000;
padding-left:30px;
}
.tips {
background:transparent url('../images/icons/tips.gif') no-repeat left top;
color:#E98B05;
padding-left:30px;
}
.date {
background:transparent url('../images/icons/date.gif') no-repeat left top;
color:#35cc00;
padding-left:30px;
}
span.clear, span.color, span.color-1, span.color-2, span.color-3, span.color-4, span.color-5, span.color-6 {
display: block;
padding: 10px;
margin-bottom: 10px;
}
span.color {
border-top: 2px solid #cc0000;
border-bottom: 2px solid #cc0000;
background: #FFEFEF;
}
span.color-1 {
border-top: 2px solid #3C6F9E;
border-bottom: 2px solid #3C6F9E;
background: #f3f9fe;
}
span.color-2 {
border-top: 2px solid #E98B05;
border-bottom: 2px solid #E98B05;
background: #FFF2DF;
}
span.color-3 {
border-top: 2px solid #cc0000;
border-bottom: 2px solid #cc0000;
background: #b40f17;
color: #fff;
}
span.color-4 {
border-top: 2px solid #000;
border-bottom: 2px solid #000;
background: #000;
color: #fff;
}
span.color-5 {
border-top: 2px solid #000;
border-bottom: 2px solid #000;
background: #333;
color: #fff;
}
span.color-6 {
border-top: 2px solid #EF6B00;
border-bottom: 2px solid #EF6B00; background: #E98B05;
color: #fff;}
span.clear {
background: #F9F9F9;}
/* @GROUP Content Layout */
.contentdescription {
border-bottom: solid 1px #D6D6D6;
padding-bottom: 8px;
}
.article_row {
clear: both;
padding-top: 10px;
padding-bottom: 26px;
border-bottom: solid 1px #D6D6D6;
}
/* @END GROUP Content Layout */
/* @GROUP Downloads */
div.downloads {
margin-top: 15px;
padding-top: 8px;
border-top: solid 1px #D6D6D6;
clear: both;
}
div.downloads h3 {
color: #499BC4;
margin-bottom: 8px;
}
div.downloads li {
width: 90px;
height: 88px;
background:url(../../../images/stories/elements/icon_pdf.png) no-repeat 23px top;
float: left;
margin-right: 10px;
margin-bottom: 8px;
font-size:10px;
text-align: center;}
div.wallpapers li {
background:url(../../../images/stories/elements/icon_jpeg.png) no-repeat center top;
}
div.downloads li a {
padding-top: 54px;
color: #999999;
float:left;
display: block;
width: 100%;
}
/* @END GROUP Downloads */
/* @GROUP Gallery */
div.gallery {
margin-top: 15px;
padding-top: 8px;
border-top: solid 1px #D6D6D6;
clear: both;
}
div.gallery h3 {
color: #499BC4;
margin-bottom: 8px;
}
div.gallery img {
float: left;
margin-right: 10px;
margin-bottom: 8px;
}
div.gallery .video {
width: 290px;
float: left;
padding: 15px;
}
/* @END GROUP Gallery */
/* @GROUP --- Slideshow Styles --- */
#fpss-outer-container {padding:0px;margin:0px auto;overflow:hidden;border: none;width:961px;} /* This element controls the slideshow spacing and border */
#fpss-container {position:relative;margin:0;padding:0;clear:both;width:961px;}
#fpss-slider {background:none;overflow:hidden;clear:both;text-align:left;width:961px;height:569px;} /* Add bg color if using bg image on #fpss-outer-container */
#slide-loading {background:#fff url(http://www.spectrum.aero/templates/spectrum/css/loading.gif) no-repeat center;text-align:center;width:961px;height:569px;}
#slide-wrapper {display:none;width:961px;height:569px;}
#slide-wrapper #slide-outer {height:569px;}
#slide-wrapper #slide-outer .slide {position:absolute;overflow:hidden;right:0;width:961px;height:569px;}
#slide-wrapper #slide-outer .slide .slide-inner {position:relative;margin:0;color:#fff;overflow:hidden;background:#fff;text-align:left;z-index:8;height:569px;}
#slide-wrapper #slide-outer .slide .slide-inner a.fpss_img span span span {background:none;}
/* --- Content --- */
.fpss-introtext {width:100%;margin:0;padding:0;position:absolute;left:0;right:0;bottom:0;background:url(http://www.spectrum.aero/templates/spectrum/css/transparent_bg.png);}
.fpss-introtext .slidetext {padding:4px 8px 2px 8px;}
/* --- Navigation Buttons --- */
#navi-outer {
clear:both;
margin: 450px 0 0px 0;
padding:0;
overflow:hidden;
position:absolute;
z-index:99999;
width:auto;
top: 0;
right: 0;
}
#navi-outer ul {
margin:0 0 0 10px;
padding:0 10px 0 10px;
list-style:none;
text-align:right;
float:left;
background: transparent url(../images/bg_slidenumbers.png);
}
#navi-outer li {display:inline;padding:2px 0;margin:0;border:none;list-style:none;float:left;line-height:14px;text-align:center; background: none;}
#navi-outer li a {font-size:10px;font-family:Tahoma, Arial, sans-serif;text-align:center;text-decoration:none;color:#B0B1B2;padding:1px;margin:0 3px; font-weight: bold;}
#navi-outer li a:hover,
#navi-outer li a.navi-active {font-size:10px;font-family:Tahoma, Arial, sans-serif;text-align:center;text-decoration:none;color:#333333;padding:2;margin:0 3px;}
#navi-outer li a span.navbar-img {display:none;}
#navi-outer li a span.navbar-key {padding:2px;}
#navi-outer li a span.navbar-title {display:none;}
#navi-outer li a span.navbar-tagline {display:none;}
#navi-outer li a span.navbar-clr {display:none;}
#navi-outer li.noimages a,
#navi-outer li.noimages a.navi-active,
#navi-outer li.noimages a:hover {
border:none;
padding:1px;
display: none;
}
/* --- Notice: Add custom text styling here to overwrite your template's CSS styles! --- */
.fpss-introtext .slidetext h1 {font-family:"Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;font-size:26px;line-height:26px;margin:0;padding:0;color:#fff;}
.fpss-introtext .slidetext h1 a {font-family:"Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;font-size:26px;margin:0;padding:0;color:#fafafa;}
.fpss-introtext .slidetext h1 a:hover {font-family:"Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;font-size:26px;margin:0;padding:0;color:#f00;}
.fpss-introtext .slidetext h2 {font-size:11px;margin:0;padding:0;color:#999;font-weight:normal;}
.fpss-introtext .slidetext h3 {font-size:11px;margin:0;padding:0;display:none;}
.fpss-introtext .slidetext p {margin:4px 0;padding:0;color:#fff;}
.fpss-introtext .slidetext a.readon {margin:0;padding:1px 8px;background:url(http://www.spectrum.aero/templates/spectrum/css/readmore.png) repeat-x center;color:#fff;line-height:20px;border:1px solid #505050;text-decoration:none;}
.fpss-introtext .slidetext a.readon:hover {margin:0;padding:1px 8px;background:url(http://www.spectrum.aero/templates/spectrum/css/readmore-hover.png) repeat-x center;color:#222;line-height:20px;border:1px solid #505050;text-decoration:none;}
/* --- Generic Styling (highly recommended) --- */
a:active,a:focus {outline:0;}
#fpss-container img {border:none; width: 961px;}
.fpss-introtext .slidetext img,
.fpss-introtext .slidetext p img {display:none;} /* this will hide images inside the introtext */
.fpss-clr {clear:both;height:0;line-height:0;}
/* @GROUP --- END Slideshow Containers --- */
#homebottom {
margin-top:-159px;
position:relative;
z-index:9999;
width: 960px;
height: 163px;
}
/* @GROUP MODULES =========================================*/
/*research tools*/
.moduletable_researchtools {
background:url(../../../images/stories/elements/bg_module_research.png) no-repeat top center;
width: 203px;
height: 162px;
float: left;
margin-left: 8px;
}
.moduletable_researchtools ul {
padding-top: 35px;
padding-left: 15px;
}
.moduletable_researchtools li {
background:url(../images/bg_reserchtools_items.png) no-repeat left 9px;
font-weight: bold;
color: #56585D;
}
.moduletable_researchtools li a {
color: #56585D;
}
/* Homepage buttons */
.moduletable_homebuttons {
float: left;
margin-top: 65px;
padding-left: 5px;
}
.moduletable_homebuttons img {
margin-left: 9px !important;
margin-left: 5px;
position:relative;
}
/* Breadcrumbs */
.moduletable_breadcrumbs {
margin-bottom: 15px;
}
/* Press/Events */
#newsshow1 p.gk_news_show_news_info {
float: left;
margin-right: 4px;
color: #499BC4;
font-weight: bold;
}
td.gk_news_show_center {
border-bottom: solid 1px #D6D6D6;
}
.gk_news_show_news_header a {
color: #999999;
}
/* Contact Us */
.moduletable_contactus h4 {
color: #3399CC;
}
.moduletable_contactus {
}
.moduletable_contactus .numbers,
.moduletable_contactus a {
font-weight:bold !important;
font-size: 11px !important;
color: #666666;
margin-bottom: 8px;
}
/* @GROUP End MODULES =========================================*/
/* @GROUP Page Styles =========================================*/
/*Leadership Page*/
body.leadership #mainbody h4 {
font-size: 16px;
font-weight: bold;
color: #499BC4;
clear: both;
padding-top: 20px;
padding-bottom: 8px;
}
body.leadership #mainbody img {
border: solid 4px #CCCCCC;
margin-right: 12px;
}
body.leadership .leaderitem {
border-top: solid 1px #D6D6D6;
clear: both;
padding-top:9px;
margin-bottom: 15px;
min-height: 200px;
height: auto !important;
height: 200px;
}
/*Aircraft Page*/
body.aircraft .previewimages .padding {
padding: 12px;
font-weight: bold;
color: #064463;
}
.topborder {
border-top: solid 1px #D6D6D6;
clear: both;
padding-top: 10px;
padding-bottom: 10px;
}
.articlegallery,
.articlegallery2 {
width: 300px;
float: left;
margin-right: 4px;
margin-bottom: 4px;
}
.articlegallery2 {
float: right;
margin-left: 4px;
}
.articlegallery img,
.articlegallery2 img{
margin-right: 2px;
margin-bottom: 2px;
border: solid 3px #999999;
}
.specsheet {
background: url(../../../images/stories/elements/bg_specsheet.png) repeat-x top;
width: 345px;
padding: 10px;
font-size: 10px;
}
.specsheet h3 {
text-transform: uppercase;
}
.moduletable_aircraftfooter img {
margin: 1px;
}
/*Request More info form*/
#requestinfo label {
width: 200px;
float: left;
clear: both;
font-weight: bold;
}
#requestinfo ul,
#requestinfo li {
list-style: none;
background: none;
}
#requestinfo li {
margin-top: 8px;
}
#requestinfo .submitbutton {
background: #3399CC;
color: #fff;
font-weight: bold;
padding: 6px;
margin-left:217px;
margin-top:25px;
}
/* @GROUP End Page Styles =========================================*/