html { min-height: 100%; margin-bottom: 1px; }
* { margin: 0; padding: 0; font-family: 'trebuchet ms', Verdana, Arial, Helvetica, sans-serif; }
body { font-size: 11px; color: #333; background-color: #fff; /*background-color: #8a8f96;*/ }
.container { position: relative; width: 960px; margin: 0 auto; text-align: left; background-color: #fff; clear: both; }
.header { border-left: solid 1px #ccc; border-right: solid 1px #ccc; float: left; width: 960px; height: 111px; background-image: url(/images/bg-header.gif); background-repeat: repeat-x; clear: both; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; }
.header .logo { float: left; }
.header #top-links { float: right; margin: 5px 15px 10px 0; font-size: 11px!important; }
#top-links a:link { color: #666; text-decoration: none; margin: 0 5px; }
#top-links a:hover { color: #003366; text-decoration: underline; }
#top-links a:visited { color: #666; text-decoration: none; }
.header #top-nav { float: left; width: 727px; }
/* .header #language { float: right; text-align: right; margin: 30px 15px 0 0; width: 300px; } */
.header #language { position: absolute; top: 80px; right: 210px; width: 300px; text-align: right;}
.header #language img { margin: 0 2px; }
.flash-banner { width: 540px; margin-bottom: 10px; }
.home-banner { width: 720px; margin-bottom: 10px; }
.main { float: left; width: 920px; padding: 0 20px 10px 20px; clear: both; background-color: #fff; border-left: solid 1px #ccc; border-right: solid 1px #ccc; }
.main .breadcrumb { float: left; padding: 8px 0 8px 0; width: 920px; line-height: 20px; font-size: 10px; }
.main .breadcrumb a { text-decoration: none; }
.main .homecrumb { float: left; width: 900px; line-height: 20px; font-size: 12px; }
.main .leftside { float: left; width: 180px; }
.main .center-content { float: left; width: 540px; padding: 0 10px; }
.main .home-content { float: left; width: 720px; padding: 0 10px; }
.main .center-content-expanded { float: left; width: 720px; padding: 0 10px; }
.main .home-content .info a { text-decoration: none; }
.main .home-content a:hover { color: #000; text-decoration: underline; }
.main .home-content .info a:hover { color: #003366; text-decoration: underline; }
.main .rightside { float: left; width: 180px; }
.home-content .leftside { float: left; width: 180px; margin-left: -5px; padding: 0 10px 0 0; }
.home-flash { margin-left: -5px; margin-bottom: 10px; z-index: -1; }
.footer { border-left: solid 1px #ccc; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; float: left; width: 920px; padding: 5px 20px; line-height: 20px; font-size: 10px; background-color: #fff; border-top: 1px solid #ccc; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; }
.footer-links { float: left; }
.footer-links a:link { color: #666; text-decoration: none; margin: 0 5px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; }
.footer-links a:hover { color: #003366; text-decoration: underline; }
.footer-links a:visited { color: #666; text-decoration: none; }
.footer .copyright { float: right; }
h1.special { font-size: 14px; color: #fff!important; background-color: #385c82; font-family: 'arial narrow', arial; padding: 3px 0 3px 10px; height: 18px; margin: 0; }
h2.special { font-size: 14px; color: #fff!important; background-color: #385c82; font-family: 'arial narrow', arial; padding: 3px 0 3px 10px; height: 18px; margin: 0; }
h3.special { font-size: 14px; color: #fff!important; background-color: #758ea8; font-family: 'arial narrow', arial; padding: 3px 0 3px 10px; height: 18px; margin: 0; }
h4.special { font-size: 14px; color: #fff!important; background-color: #385c82; font-family: 'arial narrow', arial; padding: 3px 0 3px 10px; margin: 0; }
div.rule { line-height: 3px; border-top: 1px solid #ccc; padding: 15px 0!important; }
img { border: 0; }
img.right { float: right; margin: 0 0 10px 10px; }
img.left { float: left; margin: 0 10px 10px 0; }
.clear { clear: both; }
.clear.ten { clear: both; height: 10px; }
.center-content-expanded ul, .center-content ul, .home-content ul, .module-full-wide ul, .module-full-wide ul { margin: 0 0 10px 18px; padding: 0; }
.center-content ol, .home-content ol { margin: 0 0 5px 25px; padding: 0; }
.center-content ol li, .home-content ol li { margin-bottom: 5px; }
a:link { color: #003366; text-decoration: underline; }
a:visited { color: #003366; text-decoration: underline; }
a:hover { color: #000; text-decoration: underline; }
/* float: right; width: 180px; height: 25px; margin: 20px 0 0 0; } */
.search { position: absolute; top: 70px; right: 10px; width: 180px; text-align: right;}
input, option, select { color: #333; font-size: 10px; }
input.btn { color: #fff; background-color: #990000; font-size: 11px; font-weight: 800; }
select { margin-bottom: 3px; }
.module-full { float: left; width: 518px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px; clear: both; }
.module-full-wide { float: left; width: 698px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px; clear: both; }
.intro { float: left; width: 518px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 10px; clear: both; }
.module-full .left-side { float: left; width: 255px; margin-right: 4px; }
.module-full .right-side { float: left; width: 255px; margin-left: 4px; }
.splash { float: left; width: 255px; margin-bottom: 10px; clear: both; }
.splash h5 { border-bottom: 1px solid #ccc; margin-bottom: 7px; }
.splash img { float: left; }
.splash .info { margin-left: 80px; }
.module { float: left; width: 100%; clear: both; margin-bottom: 15px; }
.module .splitleft { float: left; width: 263px; margin: 0 5px 10px 0; border: 1px solid #ccc; }
.module .splitright { float: left; width: 263px; margin: 0 0 10px 5px; border: 1px solid #ccc; }
.module .splitleftnoborder { float: left; width: 263px; margin: 0 5px 10px 0; }
.module .splitrightnoborder { float: left; width: 263px; margin: 0 0 10px 5px; }
.module .splitleft .info,
.module .splitright .info { padding: 10px; }
.home-content .modulecontent { float: left; background: url(/images/bg-home-module-content.gif) no-repeat left bottom; background-color: silver }
.home-content .modulecontent .splitleft { border: none!important; padding: 1px }
.home-content .modulecontent .splitright { border: none!important; }
/* .home-content .modulecontent .splitleft { margin-bottom: -500px!important; padding-bottom: 500px!important; }
.home-content .modulecontent .splitright .info2 { margin-bottom: -500px!important; padding-bottom: 500px!important; } */
.home-content .modulecontent .splitright .sep { height: 10px; padding:0px!important; margin:0px!important; background-color: #fff; border-top: 1px solid #ccc }
.module .splitleft.noborder,
.module .splitright.noborder { background-image: url(/images/bg-box-top.gif); background-repeat: repeat-x; border: 0!important; }
.module-sidebar { width: 158px; border: 1px solid #ccc; padding: 10px; margin: 0 0 10px 0; clear: both; }
.module-sidebar ul { padding-left: 20px; }
.module-sidebar.alternate { background-color: #ebeff2; }
.splash a, .module-sidebar a { font-weight: 800; }
.module-sm-home { float: left; width: 148px; border: 1px solid #ccc; padding: 10px; margin: 0 10px 10px 0; clear: both; }
.module-results { float: left; width: 708px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px; clear: both; }
a.leftnavheader { color: #fff; font-family: 'arial narrow', arial; }
.leftnavheader { color: #fff; font-family: 'arial narrow', arial; }
ul.family { list-style-type: none; margin-left: -10px; }
ul.family li { list-style-type: none; padding-bottom: 5px; }
ul.family li a { font-weight: normal; }
.module .splitleftwide { float: left; width: 363px; margin: 0 5px 10px 0; }
.module .splitrightnarrow { float: left; width: 123px; margin: 0 0 10px 5px; }
.module .splitrightnarrow p { padding-bottom: 10px; }
.module .categories { float: left; margin-top: -100px; margin-left: 400px; width: 163px; }
.boxed { border: 1px solid #ccc; padding: 10px; }
.tablepad a { font-size: 12px; }
.customerservice { float: left; padding-right: 20px; padding-bottom: 20px; width: 250px; }
.tablepad { padding-bottom: 5px; font-size: 12px; font-family: 'arial narrow', arial; color: #003366; white-space: nowrap; padding-right: 10px!important; }
.tablepad h1 { font-size: 14px; font-family: 'arial narrow', arial; color: #003366; white-space: nowrap; border-bottom: solid 1px #ccc; width: 95%; }
.tablepad h1.alt { border-bottom: none!important; }
.tablepad2 { padding-top: 5px; }
.tablepad3 { padding-bottom: 5px; font-size: 14px; font-family: 'arial narrow', arial; color: #003366; white-space: nowrap; }
.tablepad3 h1 { font-size: 14px; font-family: 'arial narrow', arial; color: #003366; white-space: nowrap; border-bottom: solid 1px #ccc; }
.tablepad4 { padding-bottom: 5px; font-size: 14px; font-family: 'arial narrow', arial; color: #003366; white-space: nowrap; padding-right: 10px!important; }
.tablepad4 h1 { font-size: 14px; font-family: 'arial narrow', arial; color: #003366; white-space: nowrap; border-bottom: solid 1px #ccc; width: 95%; }
.tablepad5 { font-size: 14px; font-family: 'arial narrow', arial; color: #003366; white-space: nowrap; border-bottom: solid 1px #ccc; }
.tablepad-files { padding-bottom: 5px; font-size: 12px; color: #003366; padding-right: 10px!important; }
.tablepad-files-hdr { font-family: 'arial narrow', arial; border-bottom: 1px solid #ccc; padding-top: 5px; font-weight: 800; font-size: 14px; color: #003366; white-space: nowrap; padding-right: 10px!important; }
.tablepadright { padding-right: 5px!important; }
.datapad { padding-right: 10px; padding-top: 5px; }
.datasep { padding-top: 5px; }
.pagination { width: 100%; text-align: right; }
.pagination span { float: left; }
.pagination a { margin: 0 5px; font-size: 11px; }
p.arrow { float: left; padding-left: 15px; margin-top: 10px; margin-bottom: 10px; background:url("/images/arrow.gif") no-repeat; }
/*Distributor section */
.popuplay { background-color: #fff; width: 250px; min-height: 100px; padding: 10px; border: 1px solid #ccc; }
.popuplayer { background-color: #fff; width: 250px; border: 1px solid #ccc; position: absolute; visibility: hidden; z-index: 5; }
.popuplayer .content { padding: 10px; }
.popupmap { background-color: #fff; width: 460px; height: 355px; border: 1px solid #ccc; position: absolute; top: 150px; left: 150px; visibility: hidden; z-index: 100; }
.distributors-map { position: relative; }
.closebtn { float: right; margin-top: -10px; margin-right: -10px; }
.closemebtn { position: absolute; top: 5px; right: 5px; }
.biogroup { float: left; width: 150px; padding-right: 15px; padding-bottom: 10px; padding-top: 10px; }
.linkleft { float: left; margin: 0 5px 10px 0; }
.linkright { float: right; text-align: right; margin: 0 10px 10px 5px; }
.distributor { padding-bottom: 10px; width: 330px; }
/*Documents */
.pdf { padding: 0 25px 5px 0; background:url("/images/pdf_small.gif") no-repeat; background-position: right;}
.documentheader { width: 500px; clear: both; }
h5.docheader { font-size: 14px; color: #fff!important; background-color: #758ea8; font-family: 'arial narrow', arial; padding: 3px 0 3px 10px; height: 18px; margin: 0; }
.subheader { border-bottom: 1px solid #ccc; width: 95%; }
h5.subheader { border-bottom: 1px solid #ccc; width: 300px; }
h2.subheader { border-bottom: 1px solid #ccc; width: 500px; padding-bottom: 3px; margin-bottom: 10px; }
h2.subheader span { font-family: 'arial narrow', arial; }
.narrow { width: 250px; float: left;}
/* Investor Relations */
.reportsContainer { width: 520px;padding-top:15px;}
.reportsContainer .reportLists {float:left; width: 170px;padding-right:10px;}
.reportsContainer .reportListsRight {float:left; width: 160px;}
.reportsContainer .reportLists table, .reportsContainer .reportListsRight table {padding-top:10px;}
.reportsContainer .reportLists table td, .reportsContainer .reportListsRight table td {padding-bottom:5px;}
.reportsContainer .presentations {float:left; width: 290px;padding:0 0 20px 25px;background:url("/images/pdf_small.gif") no-repeat;}
.reportsContainer .webcasts {float:left; width: 290px;padding-left:25px; }
.reportsContainer .item {padding-bottom:5px;}
.reportsContainer .reports { float:left; padding-right:10px;}
.reportsContainer .reports table, .reportsContainer .reportListsRight table {padding-top:5px;}
.reportsContainer .reportsheader { border-bottom: 1px solid #ccc; width: 150px; }
.reportsContainer .reports .reportsmain { padding-top:10px; clear: both; width:350px; }
.reportsContainer .stockQuote { float:right; position: absolute; margin-top: 50px; margin-left: 10px; width: 180px; text-align:center; }
.reportsContainer h5 { width: 350px; border-bottom: solid 1px #ccc; }
/* Form formats */
.formContainer {float:left; width: 520px;padding-top:15px;}
.formContainer .element {float:left; width: 520px; padding-bottom: 5px;}
.formContainer .element .left {float:left; width: 180px; text-align:right;}
.formContainer .element .right {float:left; width: 320px; padding-left: 10px;}
/* SiteMap */
.sitemap {float:left; width: 720px;padding-top:15px;}
p { padding-bottom: 10px; }
.sitemap .left {float:left; width: 200px;}
.sitemap .right {float:left; width: 200px; padding-left: 40px;}
.sitemap .section {padding-bottom: 20px;}
.sitemap .section h5 { width: 200px; }
/* Office Detail */
.office { float: left; padding-right: 10px; margin-top: 10px; }
.othercontacts { float: left; padding-left: 15px; margin-top: 10px; border-left: 1px solid #ccc; }
.othercontacts .contact { float: left; padding-right: 5px; }
.officeoverview { clear: both; border: 1px solid #ccc; padding: 10px; }
.office img { padding-top: 5px; }
/* Contact Us */
.contactus dd { float: left; width: 200px; margin-left: 20px; padding-left: 15px; background:url("/images/arrow.gif") no-repeat; }
.contactus dt { float: left; width: 180px; margin-top: -3px; text-align: right; font-weight: bold; font-size: 14px; font-family: 'arial narrow', arial; color: #003366; }
.contactus dl { width: 500px; clear:both; padding-top: 15px; }
.contactus dd div { margin-top: 0px; }
.contactleft { float: left; padding-left: 10px; width:250px; }
.contactright { float: left; padding: 0 10px 10px 100px; }
.contactdetail { padding: 5px 0 25px 0;}
/*Search*/
div.searchresults ul { padding-left: 20px; }
div.jqImageRotator li { list-style-type: none; margin-left: -20px; }
p.homecategory { font-size: 12px; }
div.searchresults h4 { background: #fff; font-family: Verdana; font-weight: bold; font-size: 10pt; }
div.resultPreview h4 { background: #fff; font-family: Verdana; font-weight: bold; font-size: 10pt; }
div.searchResultsHeader h3 { font-family: Verdana; font-size: 12px; background: #fff!important; border: 0px!important; }
div.ektronSearch { padding: 0px; }
div.searchresults div { margin: 0px!important; }
div.searchResults ul { padding-left: 20px; }
/*Product Grid*/
/*.waitright { margin-top: -50px; margin-left: 200px; }*/
.nolink { text-decoration: none; }
a.nolink:hover { text-decoration: none; color: #000; }
.bulletlist { font-size: 11px; padding-top: 5px; padding-bottom: 5px; }
.ListBullet41 { padding-top: 5px; padding-bottom: 5px; }
/* for documents */
.docList {padding-left: 25px;}
.on a {background-image:url('/images/toggleDLminus.gif'); background-position: 0; padding-left:15px; background-repeat:no-repeat;}
.off a {background-image:url('/images/toggleDLplus.gif'); background-position: 0; padding-left:15px;background-repeat:no-repeat;}
.docs { width: 518px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 10px; clear: both; }
/* for product page */
.docs_wide { width:680px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 10px; clear: both; }
.jqmOverlay { background-color: #CCC; width: 980px; height: 900px; filter:alpha(opacity=70); -moz-opacity:.70; opacity:.80; }
#overlay { position: absolute; z-index: 49; visibility: hidden; }
#divFullImage { position: absolute; z-index: 50; visibility: hidden; background-color: #fff; border: solid 1px #ccc; }
a.leftnavheader { text-decoration: none; }
tr.pager td table tbody tr td span { font-weight: bold; }
/* for product family page */
.selOverlay { background-color: #CCC; width: 980px; filter:alpha(opacity=70); -moz-opacity:.70; opacity:.80; position: absolute; z-index: 49; visibility: hidden; }
#selector-grid { position: absolute; top:90px; left:0px; z-index: 50; background-color: #fff; padding: 10px; border: solid 1px #ccc; }
.selector-link { padding-bottom: 20px; }
.selector-row { background-color: #D3D7E2; }
.selector-alt-row { background-color: #EBEFF2; }
.selector-head { background-color: #385c82; padding: 10px; font-size: 14px; font-family: 'arial narrow', arial; color: #FFFFFF; white-space: nowrap; padding-right: 10px!important; }
.selector-head a { text-decoration:none; font-size: 14px; font-family: 'arial narrow', arial; color: #FFFFFF; }
.selector-table th { padding: 6px; }
.selector-table td { padding: 6px; }
.selector-head th a:hover { text-decoration: underline; }
.careersForm {float: left; width: 540px; clear: both; margin-bottom: 15px;}
.careersForm .lf {float: left; text-align: right; width: 150px; margin-right: 10px;}
.careersForm .rt {float: left; width: 370px;}