body { font: .8em arial, helvetica, sans-serif; margin: 0; padding: 0; /*background: #4587BC url('/2009/images/template/main-bkg.gif') repeat-x;*/ background: #2c6b9e /*url('/2009/images/c-map.jpg') top center*/ url('/2009/images/dot-matrix.jpg') top center repeat-x; }

#masthead { background: url('/2009/images/gray-nav.gif') top left repeat-x; font-size: .8em; }
#masthead ul { margin: 0; padding: 0; }
#masthead li { list-style-type: none; float: right; margin-right: 2em; padding: .5em 1em; }

#lang { }
#lang a { padding-left: 10px; color: #333; }
#lang #english { background: url('/emea/images/uk.gif') no-repeat; background-position: 0 3px; }
#lang #french { background: url('/emea/images/france.gif') no-repeat; background-position: 0 3px; }
#lang #spanish { background: url('/emea/images/spain.gif') no-repeat; background-position: 0 3px; }
#lang #italian { background: url('/emea/images/italy.gif') no-repeat; background-position: 0 3px; }

#outer-wrapper { margin: 0 auto; width: 1024px; text-align: center; }
#inner-wrapper { width: 990px; margin: 0 auto; text-align: left; }
#header { margin: 0; padding: 0; }

.bounds { margin: 0 auto; width: 980px; }
.content { margin: 0 auto; width: 980px; }
.stdOuter { margin-bottom: 10px; }
.stdInner { margin: 0 10px; padding: 10px 0; }

h1 { color: #006; font-size: 1.5em; }
h2 { color: #666; font-size: 1.2em; border-bottom: 1px solid #ccc; margin: 0 0 .5em 0; padding: .5em 0 0 0; }
h3 {}
h4 {}

#logo { padding: 2em 0 1em 0; margin-left: 10px; float: left; width: 450px; }
#logo img { float: left; width: 296px; margin-right: .5em; }
#logo p { float: left; width: 135px; font-size: .75em; padding: 0; margin: 1em 0 0 0; color: #fff; }
#hdr_search  { float: right; width: 235px; color: #fff; }
#hdr_search label { display: block; }
#hdr_search form { margin: 2em 0 0 0; }

#nav-wrapper { margin: 0; }
#nav, #nav ul { width: 990px; padding: 0; margin: 0; list-style: none; background-color: #3A75A4; }
#nav ul { border-bottom: 2px solid #333; }
#nav { border-bottom: 1px solid #000; }
#nav a { display: block; width: auto; text-decoration: none; }
#nav li.first {}
#nav li.last { border-right: 0; }
#nav li, #subnav li { float: left; width: auto; padding: .9em 1.5em; list-style-type: none; border-right: 1px solid #fff; }
#subnav li { border: 0; }
#nav li.active { background: #e6e6e6; }
#nav li.dd { background: url('/2009/images/template/dropdown-white.gif') no-repeat top right; padding-right: 2.5em; }
#nav li.dd.active { background: #e6e6e6 url('images/dropdown-gray.gif') no-repeat top right; }
#nav li a, #nav li a:visited { color: #fff; font-family: verdana; font-size: .9em; font-weight: bold; }
#nav li.active a, #nav li.active a:visited { color: #006; }
#nav li li { width: 10em; background-color: #e6e6e6; }
#nav li li a, #nav li li a:visited { color: #006; }
#nav li ul { position: absolute; width: 12em; left: -999em; border: 1px solid #006; border-top: none; margin: .9em 0 0 -1.5em; z-index: 999; }
#nav li:hover ul, #nav li.over ul { left: auto; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }
#nav li li:hover, #nav li li.over{ background-color: #ccc; }
#nav li li:hover a, #nav li li:hover a:visited, #nav li li.over a, #nav li li.over a:visited { color: #fff; }
#nav li:hover, #nav li.hover { position: static; }

#subnav { background-color: #e6e6e6; margin: 0; padding: 0; }
#subnav a, #subnav a:visited { text-decoration: none; color: #006; }

#main { background: #fff url('/2009/images/gray-shadow-grad.gif') repeat-x; }

#footer { padding-bottom: 1em; }
#footer  .content {  }
.footer-links { float: left; width: 19%; margin-right: 1%; }
.footer-links h4 { margin: 0; padding: .5em 0; font-size: 1em; color: #fff; }
.footer-links h4 a { color: #fff; }
.footer-links  ul { margin: 0; padding: 0; }
.footer-links li { list-style-type: none; }
.footer-links a, .footer-links a:visited { font-size: .9em; text-decoration: none; color: #e6e6e6; }

.wiring li { float: left; width: 32%; }

#marine-home { }
#marine-top { background: url('/2009/images/malibu2.jpg') no-repeat; height: 221px; }
#marine-top-inner { float: left; width: 345px; }
#marine-left div, #marine-middle div, #marine-right div { margin: 0 15px 0 10px; padding-bottom: 15px; }
#marine-left { float: left; width: 320px; border-right: 1px solid #ccc; background: url('/2009/images/fishfinder.jpg') no-repeat; padding-top: 60px; margin-right: 10px; }
#marine-middle { float: left; width: 320px; border-right: 1px solid #ccc; background: url('/2009/images/marine-sub-default.gif') no-repeat; padding-top: 60px; }
#marine-right { float: right; width: 310px;  padding-top: 60px; background: url('/2009/images/marine-sub-default.gif') no-repeat; }

#marine-search, #custom-search {}
#marine-search fieldset, #custom-search fieldset, #faq-question fieldset { margin: 0 1em 1em 1em; }
#marine-search legend, #custom-search legend, #faq-question legend { font-weight: bold; font-size: 1.2em; color: blue; }
#custom-search label, #faq-question label { display: block; font-weight: bold; }
#search-wrapper, .search-wrapper { padding: 1em 0; margin: 0 1em; }
#search-left, .search-left { float: left; width: 49%; }
#search-right, .search-right { float: right; width: 49%; }
#marine-search select { width: 15em; }
#interest, #area { margin-bottom: 1em; }
#interest label, #area label { float: left; width: 8em; }
#interest input, #area input { float: left; }
#area {}
#application {}
#custom-search textarea {}

#air-home {}
#air-top { background: url('/2009/images/industrial.jpg') no-repeat; height: 221px; }
#air-top-inner { float: left; width: 345px; }
#air-left div, #air-middle div, #air-right div { margin: 0 15px 0 10px; padding-bottom: 15px; }
#air-left { float: left; width: 320px; border-right: 1px solid #ccc; background: url('/2009/images/marine-sub-default.gif') no-repeat; padding-top: 60px; margin-right: 10px; }
#air-middle { float: left; width: 320px; border-right: 1px solid #ccc; background: url('/2009/images/marine-sub-default.gif') no-repeat; padding-top: 60px; }
#air-right { float: right; width: 310px;  padding-top: 60px; background: url('/2009/images/marine-sub-default.gif') no-repeat; }

#special-home {}
#special-top { height: 221px; }
#special-top-inner { float: left; width: 345px; }
#special-left div, #special-middle div, #special-right div { margin: 0 15px 0 10px; padding-bottom: 15px; }
#special-left { float: left; width: 320px; border-right: 1px solid #ccc; background: url('/2009/images/marine-sub-default.gif') no-repeat; padding-top: 60px; margin-right: 10px; }
#special-middle { float: left; width: 320px; border-right: 1px solid #ccc; background: url('/2009/images/marine-sub-default.gif') no-repeat; padding-top: 60px; }
#special-right { float: right; width: 310px;  padding-top: 60px; background: url('/2009/images/marine-sub-default.gif') no-repeat; }

#survey-home {}
#survey-top { height: 221px; }
#survey-top-inner { float: left; width: 345px; }
#survey-left div, #survey-middle div, #survey-right div { margin: 0 15px 0 10px; padding-bottom: 15px; }
#survey-left { float: left; width: 320px; border-right: 1px solid #ccc; background: url('/2009/images/marine-sub-default.gif') no-repeat; padding-top: 60px; margin-right: 10px; }
#survey-middle { float: left; width: 320px; border-right: 1px solid #ccc; background: url('/2009/images/marine-sub-default.gif') no-repeat; padding-top: 60px; }
#survey-right { float: right; width: 310px;  padding-top: 60px; background: url('/2009/images/marine-sub-default.gif') no-repeat; }

#weather-home {}
#weather-top { height: 221px; }
#weather-top-inner { float: left; width: 345px; }
#weather-left div, #weather-middle div, #weather-right div { margin: 0 15px 0 10px; padding-bottom: 15px; }
#weather-left { float: left; width: 320px; border-right: 1px solid #ccc; background: url('/2009/images/marine-sub-default.gif') no-repeat; padding-top: 60px; margin-right: 10px; }
#weather-middle { float: left; width: 320px; border-right: 1px solid #ccc; background: url('/2009/images/marine-sub-default.gif') no-repeat; padding-top: 60px; }
#weather-right { float: right; width: 310px;  padding-top: 60px; background: url('/2009/images/marine-sub-default.gif') no-repeat; }

/* Clearing floats - Hat Tip: http://www.positioniseverything.net/easyclearing.html  */
.clear { clear: both; overflow: hidden; height: 1px; }
.brclear { clear: both; height: 0; margin: 0; font-size: 1px; line-height: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* JCK - added this next line to remove the extra spacing in Safari and Firefox */
.c\learfix:after { line-height: 0; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */