/****** CROSS-SITE RULES ******/
* {margin: 0; padding: 0;}
.clear {clear: both;}

/* Font/Text Appearance */
h2.disappear {position: absolute; text-indent: -9999px;}
#content h3 {color: #c80214;}
#content h4 {color: #d11b00; text-transform: uppercase; font-size: 16px; padding-bottom: 20px;}
p {font-size: 13px; color: #666; line-height: 1.5em;}
p.bump-up {padding-top: 0;}
a.titletext {color: #c80214; font-size: 13px; text-decoration: none;}
a.titletext:hover {text-decoration: underline;}
.cols a {color: #143c78; text-decoration: none;}
.cols a:hover {text-decoration: underline;}
span.subtitle {font-weight: bold; color: #c80214;}
span.subtitle2 {font-weight: bold; color: #143c78;}
.cols ul li {font-size: 13px; color: #666; line-height: 1.5em; list-style-position: outside; margin-left: 15px;}
.cols ul {padding: 20px 0 20px 0;}
ul.bump-up {margin-top: -15px;}
.col1 p {margin-top: 10px;}

/* Image/Video Placement */
#logo {float: left; margin: 46px 0 -3px 38px;}
.col2 img {margin: 0 0 3px 0;}
.video {position: relative; z-index: 1;}

/* Sections/Column Set-up */
/* Columns */
.cols {float: left; width: 800px;}
.col1 {float: left; width: 460px; margin: 0;}
.col2 {float: right; width: 300px; margin: 0 12px 0 0;}
/* Product Sects */
.sect {float: left; width: 750px; clear: both;}
.prod-desc {float: left; width: 450px; margin: 5px 0 0 0;}
.prod-photo {float: left; width: 225px; margin: -6px 0 15px 20px;}





/****** PAGE UNITS ******/
body {background: url(images/degroff-bg-repeat.png) repeat-x #FFF; font-family: Arial, sans-serif;}
#container {background: url(images/degroff-bg.png) top center no-repeat; margin: 0 auto; height: 500px; width: 1280px;}
#inside {width: 1024px; margin: 0 auto;}

/* Header */
#header {background: url(images/degroff-header.png) no-repeat; width: 1024px; height: 120px; float: left;}
/* Top Navigation (with ie6 .sfhover fix) */
div#top-nav {float: left; margin: 90px 0 0 90px;}
#top-nav ul {margin: 0; padding: 0; list-style-type: none;}
#top-nav li {float: left; position: relative; text-transform: uppercase;font-weight: bold; font-size: 14px; margin-right: 21px;}
#top-nav li a {color: #00d0ff; text-decoration: none; padding-bottom: 4px; border-bottom: 10px solid #000;}
#top-nav li a:hover {color: #FFF; border-bottom: 10px solid #c80014;}
#top-nav li ul {display: none; position: absolute; top: 1em; left: 0; z-index: 1000;}
#top-nav li:hover ul, #top-nav li.sfhover ul {display: block; background-color: #c80014; padding-top: 8px;margin-top: 6px;}
#top-nav li:hover ul li, #top-nav li.sfhover ul li {text-transform: none; font-weight: bold; padding: 3px 15px 2px 8px; font-size: 12px; width: 100px; margin-right: 0; border-bottom: 0;} 
#top-nav li.sfhover ul li {float: none;}
#top-nav li:hover ul li a, #top-nav li.sfhover ul li a {border: 0; color: #FFF; float: left; clear: left;}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
head~body #top-nav li:hover ul li a {margin-left: -7px; padding-left: 7px;}}
#top-nav li.sfhover ul li a:hover {border-bottom: 0;}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
head~body #top-nav li.sfhover ul li a:hover {background-color: #990000; width: 115px;}}
#top-nav li:hover ul li:hover, #top-nav li.sfhover ul li.sfhover {background-color: #990000;}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
head~body #top-nav li:hover ul li:hover {background: none;}}

/* Status Links */
body#home #top-nav li a.home {color: #FFF; border-bottom: 10px solid #c80014;}
body#pitot-covers #top-nav li a.pitot-covers {color: #FFF; border-bottom: 10px solid #c80014;}
body#other-products #top-nav li a.other-products {color: #FFF; border-bottom: 10px solid #c80014;}
body#research #top-nav li a.research {color: #FFF; border-bottom: 10px solid #c80014;}
body#resources #top-nav li a.resources {color: #FFF; border-bottom: 10px solid #c80014;}


/* Search */
#search {float: left; margin: 84px 0 0 25px;}
#search form input {padding: 3px; color: #666;}

#content {width: 1024px; margin: 0 auto; background-color: #e5f9ff; float: left; padding: 0;}
#content-inner {width: 984px; margin: 0 auto; background-color: #e5f9ff; float: left; padding: 30px 0 30px 40px;}

/* (the following is for pages INCLUDING a header in content area) */
#top-header {width: 1024px; height: 270px; float: left;}
#bottom-content {width: 1024px; float: left; clear: left; background-color: #e6f9ff; padding-bottom: 30px;}

#footer {background: url(images/footer-background.gif) no-repeat; width: 1024px; height: 90px; border-top: 10px solid #FFF; float: left;}

/* Copyright */
#copyright {float: left; font-size: 12px; color: #FFF; margin: 13px 0 0 25px;}

/* Footer Navigation */
#footer-nav {margin: 10px 0 0 560px;}
#footer-nav ul {display: block;}
#footer-nav ul li {display: inline; list-style-type: none; font-size: 12px; font-weight: normal; padding-right: 15px;}
#footer-nav ul li a {color: #FFF; text-decoration: none;}
#footer-nav ul li a:hover {text-decoration: underline;}




/****** RELATED LINKS ******/

/* Version #1: All pages NOT including a header in content area */
.related-links {background: url(/images/degroff-relatedlinks-menubox.png) no-repeat; width: 153px; height: 220px; float: right; margin: 0 27px 30px 0;}
.related-links h3 {color: #c80214; text-transform: uppercase; font-weight: normal; font-size: 12px; margin-bottom: 3px;}
.related-links ul li {list-style-type: none; font-size: 11px; line-height: 1.8em;}
.related-links ul li a {text-decoration: none; color: #666;}
.related-links ul li a:hover {text-decoration: underline;}
.related-links p {font-size: 11px; font-weight: bold; font-style: italic; color: #666; margin-top: 5px; line-height: 1.4em;}
a.email {color: #143c78;}

/* Version #2: All pages INCLUDING a header in content area */
.related-links2 {background: url(/images/degroff-relatedlinks-menubox.png) no-repeat; width: 153px; height: 220px; float: left; position: absolute; margin: 30px 0 0 844px;}
.related-links-inner {width: 135px; float: left; margin: 6px 0 0 8px;}
.related-links2 h3 {color: #c80214; text-transform: uppercase; font-weight: normal; font-size: 12px; margin-bottom: 3px;}
.related-links2 ul li {list-style-type: none; font-size: 11px; line-height: 1.8em;}
.related-links2 ul li a {text-decoration: none; color: #666;}
.related-links2 ul li a:hover {text-decoration: underline;}
.related-links2 p {font-size: 11px; font-weight: bold; font-style: italic; color: #666; margin-top: 5px; line-height: 1.4em;}





/****** PAGE TYPES ******/


/* PAGE TYPE:  REPORTS */
.reports {color: #666; font-size: 13px; line-height: 1.5em; margin: -5px 0 0 50px; width: 625px;}
.reports h1 {color: #c80214; font-size: 18px; margin-top: 16px;}
.reports h2 {color: #666; font-size: 16px; margin-bottom: 5px;}
.reports h3 {color: #c80214; font-size: 16px;}
.reports h4 {margin-top: 10px;}
.reports p {padding-bottom: 15px;}
.reports p a {color: #143c78; text-decoration: none;}
.reports p a:hover {text-decoration: underline;}
span.date {font-weight: bold;}
a.read-more {font-size: 13px; font-weight: bold; color: #143c78; text-decoration: none;}
a.read-more:hover {text-decoration: underline;}
.back-to-main {margin-top: 30px;}
.back-to-main a {text-decoration: none; color: #143c78; font-size: 12px; font-weight: bold;}
.back-to-main a:hover {text-decoration: underline;}
span.author {font-style: italic; font-weight: bold; color: #143c78;}
.products-page {color: #666; font-size: 13px; line-height: 1.5em; margin: -15px 0 0 50px; width: 460px;}
.products-page h1 {color: #c80214; font-size: 18px; margin-top: 16px;}
.products-page h2 {color: #666; font-size: 16px; margin-bottom: 5px;}
.products-page h3 {color: #c80214; font-size: 16px;}
.products-page h4 {margin-top: 10px;}
.products-page p {padding-bottom: 15px;}
.products-page p a {color: #143c78; text-decoration: none;}
.products-page p a:hover {text-decoration: underline;} 





/****** INDIVIDUAL PAGES ******/


/* Page:  HOME */
#top-header-home {background: url(/images/degroff-home-scroller-bg.jpg) no-repeat; height: 270px;}
.home-photo-intro {width: 225px; margin: 15px 0 0 40px; float: left;}
.home-photo-intro p {font-size: 13px; color: #666; line-height: 1.5em; margin-bottom: 10px;}
.home-photos {margin: 20px 0 0 20px; float: left;}
.home-photo {font-size: 12px; color: #143c78; font-weight: bold; font-style: italic; float: left; width: 225px; padding-right: 10px;}
.home-photo a {color: #143c78; text-decoration: none;}
.home-photo a:hover {text-decoration: underline;}
.h-photo {margin-bottom: 10px; background: url(/images/photo-mattes.jpg) no-repeat center; width: 225px; height: 156px;}
.h-photo img {margin: 6px 0 0 6px;}
#image-scroller {margin: 38px 0 0 690px; float: left;}
#scroll-container {width: 1px; height: 1px; display: inline;}
#scroll-center {width: 284px; height: 184px;}


/* Page:  PITOT COVERS HOME */
.pitot-covers-top-header {background: url(/images/degroff-pitotcovershome-headline-bg.jpg) no-repeat; width: 1024px; height: 270px;}
.pitot-covers-intro {float: left; width: 375px; margin: 105px 0 0 50px;}
.pitot-covers-intro p {color: #FFF; font-size: 13px; line-height: 1.8em;}
.pitot-desc {width: 140px;}
.pitot-desc h3 {color: #c80214; font-size: 13px; padding: 0 0 2px 5px;}
.pitot-desc h3 a {color: #c80214; font-size: 13px; padding: 0 0 2px 0; text-decoration: none;}
.pitot-desc h3 a:hover {color: #c80214; text-decoration: underline;}
.pitot-desc p {color: #666; font-size: 13px; line-height: 1.5em; padding-left: 5px;}
.pitot-photos {position: relative; float: left; margin: -40px 0 0 115px;}
.pitot-photo-sect {width: 150px; float: left; padding-right: 10px;}


/* Page:  FAQs */
.faqs-text {margin-left: 50px;}
.faqs-text p {padding-bottom: 20px; line-height: 1.8em;}


/* Page:  PITOTSHIELD */
img.pitotshield-demo-illustration {margin: 0 0 -5px -4px;}
img.pitotshields-photos {margin: 10px 0 0 -15px;}
.pitotshields-descs-sect {margin-left: -45px; width: 480px; float: left;}
.pitotshields-descs {font-size: 12px; color: #666; font-weight: bold; float: left; width: 110px; padding-left: 50px;}
.pitotshield-video {margin: 5px 0 0 0;}


/* Page:  HOT PITOTSHIELD */
ul.hot-pitotshields-bottom-list {margin-top: -15px; float: left; width: 250px;}
img.hot-pitotshields-product-photo {position: relative; float: left; width: 200px; margin-top: -40px;}


/* Page:  HIGH VISIBILITY PITOT COVER */
ul.high-visibility-bottom-list {margin-top: -15px; float: left; width: 250px;}
img.high-visibility-product-photo {position: relative; float: left; width: 200px; margin-top: -55px; margin-left: -50px;}
img.high-visibility-product-photo2 {position: absolute; float: left; width: 200px; margin-top: -45px; margin-left: -100px;}
img.high-visibility-side-photos {margin: -5px 0 8px -4px;}


/* Page:  BOOTIE PITOT COVERS */
img.bootie-product-photo {position: absolute; margin-left: -40px;}


/* Page:  OTHER PRODUCTS */
.products-page {width: 775px;}
.product-description {float: left; width: 460px;}
.product-photo {float: right; width: 317px; height: 217px; margin: 0 12px 5px 0 ; background: url(/images/OtherProducts-frame.png) no-repeat;}
p.presented-link {margin-bottom: 35px;}
#content h4.more-products {padding-bottom: 0;}
.product_image-image a img {float: left; margin: 14px 0 0 14px;}


/* Page:  CONTACT US */
.address-category {float: left; width: 100px; font-weight: bold;}
.address-answer {float: left;}
.address-answer a {color: #143c78; text-decoration: none;}
.address-answer a:hover {text-decoration: underline;}


/* Page:  LINKS */
.links p a {color: #666;}


/* Page: PRODUCT REGISTRATION */
.registration-form {float: left; margin: 15px 0 0 0;}
.registration-form form {width: 350px;}
.registration-form form label {float: left; width: 125px;}
.registration-form form input, .registration-form form select {width: 150px; margin-bottom: 5px; border: 1px solid #666; color: #666;}
.registration-form form input.submit-reset {width: auto; clear: both; margin: 20px 5px 0 0;}


/* Page: SEARCH RESULTS */
#content-inner-search {width: 984px; margin: 0 auto; background-color: #e5f9ff; float: left; padding: 30px 0 30px 40px; margin-bottom: 250px;}
form.search-page {float: left; width: 765px; margin: -40px 0 20px 0;}
form.search-page input {padding: 3px; color: #666; border: 1px solid #666;}
form.search-page input.search-button {padding: 2px 3px 2px 3px; background-color: #eee;}
div span.search-title {float: left; width: 765px; margin-top: 20px; font-size: 13px; color: #666; font-family: Arial, sans-serif; line-height: 1.5em;}
div span.search-title a {color: #c80214; font-size: 13px; text-decoration: none;}
div span.search-title a:hover {text-decoration: underline;}
div span.search-hits {float: left; width: 765px; font-size: 13px; color: #666; font-family: Arial, sans-serif; line-height: 1.5em;}
div.search-body {float: left; width: 765px; font-size: 13px; color: #666; font-family: Arial, sans-serif; line-height: 1.5em;}
.no-matches {float: left; font-size: 13px; color: #666; font-weight: normal;}
.no-matches span {float: none;}


/* Page:  SITEMAP */
.sitemap {color: #666; font-size: 13px; line-height: 1.5em; margin: -5px 0 0 50px; width: 800px;}
.sitemap p {padding-bottom: 15px;}
.sitemap p a {color: #143c78; text-decoration: none;}
.sitemap p a:hover {text-decoration: underline;}
ul.sitemap-col {width: 250px; float: left;}
ul.sitemap-col li {list-style-position: inside; padding-bottom: 3px;}
ul.sitemap-col li.sitemap-title {list-style-type: none; font-weight: bold; font-size: 14px; color: #d11b00;}
ul.sitemap-col li a {color: #666; text-decoration: none; font-weight: bold;}
ul.sitemap-col li a:hover {text-decoration: underline;}
ul.sitemap-col li ul {padding: 0 0 3px 15px;}
ul.sitemap-col li ul li {padding-bottom: 0;}
ul.sitemap-col li ul li a {font-weight: normal;}