/* Typography */
body {font-size: 12px; line-height: 1.6923076923076923em; margin: 0; padding: 0}
h1 {margin: 0; font-size: 1.6153846153846154em; line-height: 1.0476190476190477em; margin-bottom: 1.0476190476190477em;}
h2 {margin: 0; font-size: 1.4615384615384615em; line-height: 1.1578947368421053em; margin-bottom: 1.1578947368421053em;}
h3 {margin: 0; font-size: 1.2em; line-height: 1.2941176470588236em; margin-bottom: 1.2941176470588236em;}
h4 {margin: 0; font-size: 1.1538461538461537em; line-height: 1.4666666666666666em; margin-bottom: 1.4666666666666666em;}
p, ul, blockquote, pre, td, th, label {margin: 0;font-size: 1em; line-height: 1.6923076923076923em; margin-bottom: 1.6923076923076923em;}
p.small {margin: 0; font-size: 0.8461538461538461em; line-height: 2em; margin-bottom: 2em;}
table {border-collapse: collapse; margin-bottom: 1.6923076923076923em;}
img {border: none;}

body {background-color: #4e6e9b; color: #212223; font-family: verdana;}

body.services #primary-navigation a.services,
body.oem #primary-navigation a.oem,
body.industrial #primary-navigation a.industrial,
body.vendors #primary-navigation a.vendors,
body.instrumentation #primary-navigation a.instrumentation,
body.company #primary-navigation a.company {background: #fefefe url('/images/bg-pri-nav-active.gif') 0 0 repeat-x; color: #234574;}

#banner-wrapper {background-color: #fff;}
#banner {width: 740px; margin: 0 auto; padding-top: 35px; overflow: hidden; position: relative;}
#branding {width: 260px; float: left;}
#branding h1 {display: block; height: 51px; width: 260px; text-indent: -30000px; overflow: hidden; background: url('/images/ivf-logo.gif') 0 0 no-repeat;}

#utility-links {position: absolute; top: 10px; right: 10px; text-align: right;}
#utility-links li {display: inline; padding-left: .65em; font-size: 11px;}
#utility-links a:link, #utility-links a:visited {text-decoration: none; border-bottom: solid 1px #4e6e9b; color: #4e6e9b;}

#search {width: 245px; padding: 0; position: absolute; right: 0; bottom: 0; background: #e3e3e3 url('/images/bg-search-l.gif') 0 0 no-repeat;}
#search fieldset {background: transparent url('/images/bg-search-r.gif') top right no-repeat; padding: 5px 30px;}
#search legend {display: none;}
#search label {font-weight: bold; font-size: 12px; color: #234574;}
#search input[type="text"] {padding: 2px; font-size: 12px;}
#search input {vertical-align: middle;}

#navigation-wrapper {background: #234574 url('/images/bg-pri-nav.gif') 0 0 repeat-x; border-top: solid 3px #e3e3e3;}

#primary-navigation {width: 740px; margin: 0 auto; list-style: none; padding: 0; font-size: 11px; overflow: hidden;}
#primary-navigation li {float: left;}
#primary-navigation a {display: block; color: #fff; text-decoration: none; padding: 5px 15px;}
#primary-navigation a:hover {background: #345b91 url('/images/bg-pri-nav-hvr.gif') 0 0 repeat-x; color: #fff;}

#page-header {background: #6386b8 url('/images/bg-page-header.gif') top left repeat-x; border-bottom: solid 2px #fff;}
#page-header h2 {margin: 0 auto; padding: 0; height: 80px; width: 800px; text-indent: -30000px; overflow: hidden;}

/*
#page-header h2 {margin: 0 auto; padding: 0; height: 170px; width: 800px; text-indent: -30000px; overflow: hidden;}
#page-header h2.sub {height: 80px;}
/*

/*
 ** We're going to hold off on using these for the time being. There aren't any appropriate
 ** graphics to fill up the space.
body.home #page-header h2 {background: url('/images/home-header.gif') bottom left no-repeat;}
body.services #page-header h2 {background: url('/images/hdr-services.gif') bottom left no-repeat;}
body.oem #page-header h2 {background: url('/images/hdr-oem.gif') bottom left no-repeat;}
body.vendors #page-header h2 {background: url('/images/hdr-vendors.gif') bottom left no-repeat;}
body.company #page-header h2 {background: url('/images/hdr-company.gif') bottom left no-repeat;}
body.industrial #page-header h2 {background: url('/images/hdr-industrial.gif') bottom left no-repeat;}
*/

body.news #page-header h2 {background: url('/images/hdr-s-news.gif') bottom left no-repeat;}
body.services #page-header h2 {background: url('/images/hdr-s-services.gif') bottom left no-repeat;}
body.oem #page-header h2 {background: url('/images/hdr-s-oem.gif') bottom left no-repeat;}
body.vendors #page-header h2 {background: url('/images/hdr-s-vendors.gif') bottom left no-repeat;}
body.company #page-header h2 {background: url('/images/hdr-s-company.gif') bottom left no-repeat;}
body.industrial #page-header h2 {background: url('/images/hdr-s-industrial.gif') bottom left no-repeat;}
body.instrumentation #page-header h2 {background: url('/images/hdr-s-instrumentation.gif') bottom left no-repeat;}

body.home #page-header h2 {background: url('/images/home-header.gif') bottom left no-repeat; height: 170px;}

#main-wrapper {background: transparent url('/images/bg-main.gif') 0 0 repeat-x;}
#main {width: 760px; padding: 10px 20px; margin: 0 auto; background-color: #fff; overflow: hidden;}

#content {width: 530px; float: right; padding: 0 0 0 10px;}
#content h1 {color: #244675;}
#content h2 {color: #333;}
#content h3 {color: #666; text-transform: capitalize;}
#content li {background: url('/images/bullet_black.gif') 0 4px no-repeat; padding-left: 18px;}
#content a:link, #content a:visited {text-decoration: none; border-bottom: solid 1px #4e6e9b; color: #4e6e9b;}
#content table {width: 100%;}
#content th {background-color: #ababab; color: #fff; font-weight: bold;}
#content tr, #content td, #content th {vertical-align: middle; text-align: center;}
#content td, #content th {border: solid 1px #ababab;}

#content .tech-spec-table {font-size: .80em;}
#content .vendor-category {margin-bottom: 1em;}
#content .vendor-category dt {padding: 2px 5px; background-color: #244675; color: #fff; margin-bottom: 5px; font-weight: bold;}
#content .image-right {float: right; margin-left: 12px;}

.home #content {width: 760px; padding: 25px 0 0 0; float: none; overflow: hidden;}
.home #content .small-box {width: 181px; margin-right: 12px; float: left;}
.home #content .small-box dt {color: #244675; font-weight: bold;}
.home #content .small-box dd {font-size: 11px;}
.home #content .small-box img {float: left; margin-right: 12px;}
.home #content .large-box {width: 567px; margin-right: 12px; float: left;}
.home #content .last {margin-right: 0;}
.home #home-news {clear: both; padding-top: 12px;}

#formDirections {overflow: hidden;}
#formDirections dl {width: 235px; background-color: #EEEEEE; border: solid 1px #C0C0C0; float: left; margin-right: 15px; padding: 10px; float: left;}
#formDirections dl.last {margin: 0;}
#formDirections dt {font-weight: bold;}
#formDirections p {display: block; clear: both;}

.news .entry-title {}
.news .entry-date {color: #666; font-size: 11px; padding-bottom: . 50em; border-bottom: solid 1px #ccc; margin-bottom: 1em;}
.news .entries .entry-title {}
.news .entries .entry-date {}

#home-news #home-news-header {display: block; background: url('/images/recent-news.gif') 0 0 no-repeat; text-indent: -3000px; overflow: hidden; height: 19px; width: 123px;}
#home-news .entries {font-size: 11px;}
#home-news .entry-title {font-size: 12px; font-weight: bold; margin-bottom: .85em;}

#home-news #featured-products-header {display: block; background: url('/images/featured-products.gif') 0 0 no-repeat; text-indent: -3000px; overflow: hidden; height: 19px; width: 130px;}

#home-about {display: block; background: url('/images/home-about.gif') 0 0 no-repeat; text-indent: -3000px; overflow: hidden; height: 193px; width: 181px;}

#map {width: 520px; height: 350px; border: solid 5px #C0C0C0; margin-bottom: 5px;}

#rail {width: 190px; float: left; padding: 0 10px;}

#secondary-nav {margin: 0; padding: 0 0 10px 0; list-style: none; border-bottom: solid 1px #c0c9d7;}
#secondary-nav li {margin-bottom: 2px; font-size: 0.8461538461538461em;}
#secondary-nav li a {display: block; width: 190px; text-decoration: none; color: #212223;}
#secondary-nav li a span {display: block;}
#secondary-nav li a span span {display: block;}
#secondary-nav li a span span span {display: block; padding: 2px 15px;}

#secondary-nav a:link.active, #secondary-nav a:visited.active {background: #4e6e9b url('/images/bg-sidenav-t-l.gif') top left no-repeat; color: #fff;}
#secondary-nav a:link.active span, #secondary-nav a:visited.active span {background: transparent url('/images/bg-sidenav-t-r.gif') top right no-repeat;}
#secondary-nav a:link.active span span, #secondary-nav a:visited.active span span {background: transparent url('/images/bg-sidenav-b-r.gif') bottom right no-repeat;}
#secondary-nav a:link.active span span span, #secondary-nav a:visited.active span span span {background: transparent url('/images/bg-sidenav-b-l.gif') bottom left no-repeat;}

#secondary-nav a:hover {background: #c0c9d7 url('/images/bg-sidenav-hvr-t-l.gif') top left no-repeat; color: #4e6e9b;}
#secondary-nav a:hover span {background: transparent url('/images/bg-sidenav-hvr-t-r.gif') top right no-repeat;}
#secondary-nav a:hover span span {background: transparent url('/images/bg-sidenav-hvr-b-r.gif') bottom right no-repeat;}
#secondary-nav a:hover span span span {background: transparent url('/images/bg-sidenav-hvr-b-l.gif') bottom left no-repeat;}

#linecard-download {display: block; margin-top: 10px;}

#footer {width: 760px; background: transparent url('/images/bg-footer.gif') 0 0 no-repeat; padding: 25px 20px 10px 20px; margin: 0 auto; overflow: hidden; font-size: 11px; color: #fff; text-align: center;}
#footer a:link, #footer a:visited {color: #fff;}
#footer-links li {display: inline; padding: 0 .50em;}