.bigalert { color: #fff; background: #C00; padding: 10px 0; width: 100%; position: absolute; top: 130px; } .bigalert p { width: 940px; margin: 0 auto; font-size: 14px; } .bigalert p span { font-size: 12px; } #home { background-image:url(../images/bg/home.jpg); background-repeat:repeat-x; } #inside { background-image:url(../images/bg/inside.jpg); background-repeat:repeat-x; } #home #swirls { background-image:url(../images/bg/home-swirls.jpg); background-repeat: no-repeat; background-position: center 143px; height: auto; width: 100%; } #inside #swirls { background-image:url(../images/bg/inside-swirls.jpg); background-repeat: no-repeat; background-position: center 143px; height: auto; width: 100%; } #header { height: 143px; margin-bottom: 10px; display: block; clear: both; } #home h1, #inside h1 a { background-image:url(../images/logo.gif); background-repeat:no-repeat; background-position: top 20px; display: block; width: 204px; height: 79px; margin-top: 14px; } #home h1 span, #inside h1 a span { display: none; } #logo h1 { margin-bottom: 10px !important; } #logo p { color: #7b7a7a; font-size: 11px; font-style:italic; } #search { margin-top: 25px; margin-bottom: 30px; } #search span { margin: 0; height: 26px; } /* input */ #phSearchbox_sTxt { background-image:url(../images/bg/search.jpg); background-repeat:no-repeat; line-height: 26px; height: 26px; width: 171px; margin: 0; margin-top: 0px; border: none; padding: 0 5px; line-height: auto; background-position: top left; float: left; } /* button */ #phSearchbox_ctl00_ctl00 { background-image:url(../images/bg/searchbut.jpg); background-repeat:no-repeat; height: 26px; width: 46px; border: none !important; text-indent: -999px; cursor: pointer; } #phSearchbox_ctl00_ctl00:hover { background-position: left bottom; } #nav ul.navigation { width: 492px; list-style-type: none; margin: 0; padding: 0; position: relative; } #nav li.parent { height: 21px; padding: 0; margin: 0; float: left; position: relative; } #nav li.parent a { display: block; height: 21px; background-image:url(../images/nav.png); background-repeat:no-repeat; } #nav li.parent a span { display: none; } li.parent#navProducts a { width:87px; background-position: 0px 0px; } li.parent#navPrincipals a { width:88px; background-position: -84px 0px; } li.parent#navTerritories a { width:113px; background-position: -172px 0px; } li.parent#navAbout a { width:87px; background-position: -285px 0px; } li.parent#navContact a { width:97px; background-position: -372px 0px; } li.parent#navNews a { width:98px; background-position: -469px 0px; } li.parent#navProducts a:hover { background-position: 0px -42px; } li.parent#navPrincipals a:hover { background-position: -84px -42px; } li.parent#navTerritories a:hover { background-position: -172px -42px; } li.parent#navAbout a:hover { background-position: -285px -42px; } li.parent#navContact a:hover { background-position: -372px -42px; } li.parent#navNews a:hover { background-position: -469px -42px; } li.parent#navProducts a.active { background-position: 0px -21px; } li.parent#navPrincipals a.active { background-position: -84px -21px; } li.parent#navTerritories a.active { backgroun d-position: -172px -21px; } li.parent#navAbout a.active { background-position: -285px -21px; } li.parent#navContact a.active { background-position: -372px -21px; } li.parent#navNews a.active { background-position: -469px -21px; } #nav ul.child-nav { top: 20px; left: 0px; position: absolute; width: 282px !important; padding-top: 2px; display: none; list-style-type:none; } #nav li:hover ul.child-nav { display: block; width: 150px !important; } #nav li:hover ul.child-nav li { margin-left: 0px; height: 28px !important; line-height: 28px !important; border-bottom: 1px solid #fff; } #nav li:hover ul.child-nav li.last { border-bottom: none; } #nav li:hover ul.child-nav li a { background-color: #eeeeee; background-image: none !important; width: auto !important; height: 28px !important; line-height: 28px !important; padding: 0 5px; } #nav li:hover ul.child-nav li a:hover { background-color: #fffffe; } #billboard { height: 470px; } #billboard h2 { background-image:url(../images/headers/h2-discover-ph-difference.png); width: 432px; height: 82px; background-repeat:no-repeat; margin-top: 60px; color: #dfc54a; margin-left: 60px; } #billboard p, #billboard a { color: #fff; } #billboard p.caption { padding: 20px; margin: 0; background-image:url(../images/bg/transparent-bg.png); width: 520px; margin-left: 60px; } #billboard h2, #billboard p.caption { margin-left: 60px; } /* Home Featured Carousel */ #feature { margin-top: 118px; height: 360px; } #feature h3 { margin-top: 10px; margin-bottom: 0; } #paginate { float: right; padding-right: 10px; } #paginate a.next, #paginate a.prev { width: 36px; height: 35px; background-repeat: no-repeat; display: block; cursor: pointer; float: left; display: inline; } a.next { background-image:url(../images/icons/featured-nav.png); background-position: top right; } a.prev { background-image:url(../images/icons/featured-nav.png); background-position: top left; } a.next span, a.prev span { display: none; } /*#feature ul { width: 290px; margin: 0; padding: 0; list-style-type: none; height: 260px; } #feature li { width: 135px; height: 123px; margin: 5px; padding: 0; float: left; display: inline; overflow: hidden; } #feature li a { display: block; overflow: hidden; width: 125px; height: 113px; text-align: center; padding: 5px; background-color: #fff; } #feature li a img { margin-top: 15px; }*/ /* #home .jcarousel-container { position: relative; width: 881px; margin: 0 auto; } */ /* .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; width: 266px; height: 140px; margin: 0; padding:0 5px 0 0; } .jcarousel-list li img { float: left; padding:4px; background-image:url(../images/bg/bg-logo-thumb.gif); background-repeat:no-repeat; margin-right: 5px; height: 125px; width: 125px; } .previous, .next { width: 16px; cursor: pointer; background-repeat:no-repeat; background-position: left center; height: 16px; margin-top: -30px; } .previous { float: left; background-image:url(../images/carousel/previous.jpg); } .previous:hover { background-image:url(../images/carousel/previous-hover.jpg); } .jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover { background-image:url(../images/carousel/previous-disabled.jpg); cursor: default; } .next { float: left; background-image:url(../images/carousel/next.jpg); } .next:hover { background-image:url(../images/carousel/next-hover.jpg); } .jcarousel-next-disabled-horizontal, .jcarousel-next-disabled-horizontal:hover { background-image:url(../images/carousel/next-disabled.jpg); cursor: default;} .previous span, .next span { } */ .scrollable { position: relative; overflow: hidden; width: 290px; height: 266px; } .scrollable .items { position: absolute; width: 200000em; } .items ul { float: left; width: 290px; height: 266px; margin: 0; padding: 0; list-style-type: none; } .items li { width: 135px; height: 123px; margin: 5px; padding: 0; float: left; display: inline; overflow: hidden; } .items li a { display: block; overflow: hidden; width: 125px; height: 113px; text-align: center; padding: 5px; background-color: #fff; } .items li a img { } .cta { background-image:url(../images/bg/transparent-bg.png); padding: 15px; margin-top: 20px; margin-left: 10px; margin-right: 0; width: 150px; height: 100px; float: left; display: inline; } .cta p, .cta ul, .cta li { padding: 0 0 0 0 !important; margin: 0 0 0 0; } .cta ul { list-style-type:none; } .cta.first { margin-left: 60px; } .cta p a { } .cta p a:hover { text-decoration: none; } .cta h3 a { display: block; width: 135px; height: 14px; } #home #news { background-image:url(../images/bg/transparent-bg.png); float: left; display: inline; margin-left: 60px; width: 520px; padding: 20px; } #home #h3news { margin-top: 50px; } #home #news li { height: 61px; } #news ul { list-style-type: none; margin: 0; padding: 0; width: 99%; } #news li { padding: 10px 15px; margin: 0; border-bottom: 1px solid #d7d7d7; } #news li.archive { text-align: right; background-color:#EBEBEB; } #home #news p { margin: 0 0 0 80px; } #home #news p a { font-weight: bold; } #home #news span { color: #fff; font-weight: bold; } #news img { float: left; } div.newsbody { line-height: 18px; } p.meta { color: #999; border-top: 1px solid #eaeaea; padding-top: 5px; margin-top: 5px; } #home #seals { background-image:url(../images/bg/transparent-bg.png); } #home #seals p { margin-top: 260px; text-align: center; } #seals img { padding: 0 15px; } /* Header 2s */ #title h2 { margin: 64px 0 28px 0; color: #dfc54a; } #h2products { background-image:url(../images/headers/h2-products.png); width: 497px; height: 49px; } #h2principals { background-image:url(../images/headers/h2-principals.png); width: 497px; height: 49px; } #h2territories { background-image:url(../images/headers/h2-territories.png); width: 497px; height: 49px; } #h2about { background-image:url(../images/headers/h2-about.png); width: 497px; height: 49px; } #h2contact { background-image:url(../images/headers/h2-contact.png); width: 497px; height: 49px; } #h2news { background-image:url(../images/headers/h2-news.png); width: 497px; height: 49px; } #h2sitemap { background-image:url(../images/headers/h2-sitemap.png); width: 497px; height: 49px; } #h2terms { background-image:url(../images/headers/h2-terms.png); width: 497px; height: 49px; } #h2404 { background-image:url(../images/headers/h2-404.png); width: 497px; height: 49px; } #h2500 { background-image:url(../images/headers/h2-500.png); width: 497px; height: 49px; } #h2search { background-image:url(../images/headers/h2-search.png); width: 497px; height: 49px; } #h2admin { background-image:url(../images/headers/h2-admin.png); width: 497px; height: 49px; } h2 span { display: none; } /* Header 3s */ #h3feature { background-image:url(../images/headers/h3-featured.png); width: 143px; height: 18px; } #h3products { background-image:url(../images/headers/h3-products.png); width: 135px; height: 14px; } #h3territories { background-image:url(../images/headers/h3-territories.png); width: 135px; height: 14px; } #h3analysis { background-image:url(../images/headers/h3-analysis.png); width: 135px; height: 14px; } #h3news { background-image:url(../images/headers/h3-news.png); width: 135px; height: 14px; } #h3orders { background-image:url(../images/headers/h3-orders.png); width: 180px; height: 14px; } #h3related { background-image:url(../images/headers/h3-related.png); width: 150px; height: 14px; } #h3contact { background-image:url(../images/headers/h3-contact.png); width: 180px; height: 14px; } h3 span { display: none; } #inside #content h3 { margin-top: 40px; } /* Sidebar */ p.buttons a { width: 208px; height: 35px; background-position: top left; background-repeat: no-repeat; display: block; cursor: pointer; margin-bottom: 5px; } p.buttons a:hover { background-position: bottom left; } p.buttons a span { display: none; } a.general { background-image:url(../images/bg/general-inquiry.jpg); } a.pricing { background-image:url(../images/bg/request-pricing.jpg); } a.samples { background-image:url(../images/bg/request-samples.jpg); } #related, #orders, #contact { background-image:url(../images/bg/transparent-bg.png); padding: 60px 0 10px 0; margin-left: 60px; margin-bottom: 20px; width: 240px; } #related { margin-top: -50px; } #related h3, #related p, #orders h3, #orders p, #contact h3, #contact p { margin: 0 16px 20px 16px; } #footer { border-top: 1px solid #bdbdbd; padding-top: 25px; margin-top: 20px; } #utility { text-align: right; } #content h3 { color: #a01530; font-size: 24px; font-weight: normal; } #content h4 { color: #a01530; font-size: 18px; font-weight: normal; } /* Principal List */ ul.principalList { margin-bottom: 20px; } ul.principalList li { border-bottom: 1px solid #eaeaea; padding: 10px; list-style-type: none; } ul.principalList li img { } ul.principalList li img.principallogo { width: 75px; border: 1px solid #eaeaea; padding: 5px; margin: 0 15px 10px 0; float: left; } /* Principal Details */ .principallogo { float: right; margin: 0 20px 0 50px; text-align: center; width: 220px; } .principallogo img { width: 180px; margin: 0 auto 10px; border: 1px solid #eaeaea; padding: 20px; } .principalURL { background-image:url(../images/icons/ext-link.gif); background-position: right center; background-repeat: no-repeat; padding-right: 16px; } /* Principal Video added 6-29-11 - JDB */ .principalVideo { width: 320px; } #tabs ul.principalList { padding-left: 5px; } #tabs ul.principalList li { width: 130px; text-align: center; height: 140px; border-bottom: none; margin: 0; padding: 0;} #tabs ul.principalList li img.principallogo { float: none; border: none 0px; margin: 5px; padding: 0; width: 105px; } #tabs ul.principalList li a { border: 1px solid #eaeaea; padding: 0; height: 125px; width: 115px; padding: 5px; display: block; text-decoration: none; } #tabs ul.principalList li a:hover { border: 1px solid #FC0; } #tabs .green.blurb .principallogo { margin: 0 0 0 10px; } #tabs .green.blurb .prinicpallogo img { 5px; } #tabs ul.categoryList li { list-style-type: none; border-bottom: 1px dotted #eaeaea; padding: 10px; clear: both; } #tabs ul.categoryList li img.principallogo { float: right; border: 2px solid #eaeaea; margin: 5px; padding: 0; width: 105px; clear: right; } .blurb ul { margin-top: 10px; } /* Forms */ fieldset.formlist ol { list-style-type: none !important; margin: 0 50px 0 20px; } #modal fieldset.formlist ol { margin: 0; padding: 0; } fieldset.formlist li { list-style-type: none !important; display: block; clear: both; } fieldset.formlist ol li { display: block; width: 100%; clear: both; border-top: 1px solid #eaeaea; line-height: 14px; list-style-type: none !important; } fieldset.formlist label, li.radio strong { width: 220px; display: block; float: left; clear: both; font-size: 12px; line-height: 28px; margin: 5px; text-align:right; font-weight: bold; } #modal fieldset.formlist label { width: 100px; } fieldset.formlist label.input { line-height: 12px; margin: 0 0 0 10px; } fieldset.formlist label.input input { float: none; } fieldset.formlist legend { font-weight: bold; font-size: 14px; padding: 20px 30px; } fieldset.formlist input, fieldset.formlist select, fieldset.formlist textarea { float: left; clear: right; font-size: 12px; padding: 5px; line-height: 18px; margin: 5px 5px 5px 5px; width: 250px; border: 1px solid #bababa; } #modal fieldset.formlist input { width: 220px; } fieldset.formlist li.error { color: red; font-size: 14px; padding: 15px; } fieldset.formlist li.alt { background-color:#e5e5e5; } span.note { background-image:url(../images/icons/question.png); background-repeat: no-repeat; background-position: left center; cursor: help; border-bottom: 1px dotted #000; padding-left: 16px; } label.star { background-repeat:no-repeat; background-image:url(../images/icons/required.png); padding-right: 16px; background-position: right center; width: 204px !important; background-color:#FFFFE1; } label.required, label.invalid { background-color: #FFE8E8; color: #C00; } input.required, input.invalid, select.required, textarea.required { border: #C00 1px solid !important; background-color: #FFE8E8; } span.error { display: none; } span.alert { clear: both; padding: 10px 2px 10px 10px; display: block; background-color: #C00; color: #fff; font-weight:bold; margin: 5px 0 5px 235px; width: 250px; } .sendbut { background-image:url(../images/bg/sendbut.jpg); height: 35px; width: 110px !important; background-position: left top; cursor: pointer; border: none !important; text-indent: -9999px; } .sendbut:hover { background-position: -35px left; } li.optin label { width: 400px; font-weight: normal; } li.optin input { width: 15px; margin-top: 10px; border: none; } /* Modal Popups */ #modal { background-color: #eaeaea; padding: 10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; background-image: none; } #modal h1 { color: #1da71e; } .popupdiv { padding: 20px; background-color: #FDD; border: 5px solid #fff; width:550px; display:block; } .popupdiv blockquote { border-left: 4px solid #C00; padding-left: 10px; margin: 20px; } .popupdiv .inputbut { background-color: #C00; } #ValSum1 { margin-left: 20px; } .popupdiv h3 { font-size: 18px; margin-bottom: 0 !important; height: 18px; color: #C00; } .modalbg { background-color:#000000; filter: alpha(opacity=75); opacity:0.75; } .popupbgExam { background-color:#000000; filter: alpha(opacity=95); opacity:0.95; } .hidelbl { display:none; } #accordion a.control { display: block; height: 40px; font-size: 16px; padding: 0 10px 0 20px; line-height: 40px; cursor: pointer; background-image:url(../images/icons/arrow-down.png); background-repeat:no-repeat; background-position: 5px center; } #accordion a.control:hover { background-color: #eaeaea; } a.ui-state-active { background-color: #2a598a ; color: #fff; background-image:url(../images/icons/arrow-up.png) !important; } a.ui-state-active:hover { background-color: #333 !important; } .blurb { padding-bottom: 20px; } .ui-tabs { position: relative; padding: 0; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 50px 0 0 0; padding: 0; width: 184px; float: left; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; margin: 0; border-bottom: 0 !important; padding: 0; border-right: 1px solid #eaeaea; } .ui-tabs .ui-tabs-nav li a { padding: .5em 1em; text-decoration: none; display: block; background-color: #eee; width: 164px; color: #2a598a; border-bottom: 1px solid #fff; } .ui-tabs .ui-tabs-nav li a:hover { background-color: #bdbdbd; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 0px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a { background-color: #2a598a; text-align: right; color: #fff; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; float: right; width: 399px; border-left: 1px solid #eaeaea; } .ui-tabs .ui-tabs-hide { display: none !important; } /* Map */ #cvi_tooltip { display:none; position:absolute; padding:4px 8px; color: #666666; text-shadow: white 0px 1px 0px; background: #ffdd00; background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255,255,255)), to(rgb(255,224,0))); background-image: -moz-linear-gradient(top, rgb(255,255,255), rgb(255,224,0)); font: 100% Arial, Helvetica, sans-serif; font-weight: bold; border: 1px solid orange; max-width: 240px; min-width: 30px; border-radius: 8px; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: rgba(40,20,0,.66) 0px 0px 8px; -moz-box-shadow: rgba(40,20,0,.66) 0px 0px 8px; -webkit-box-shadow: rgba(40,20,0,.66) 0px 0px 8px; user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; } #cvi_tooltip b {color: #333333; } #cvi_tooltip i {font-family: Times, serif; } #cvi_tooltip big {text-transform: uppercase; } #cvi_tooltip hr { color: orange; border-color: orange; background-color: orange; } /* Account Manager Bios */ .biophoto { float: right; margin: 10px; padding: 10px; background-color: #fff; border: 1px solid #eaeaea; } .features ul { width: 270px; float: left; display: inline; margin: 0 10px 20px 0; } .features p { display: block; clear: both; } .features ul ul { float: none; display: block; width: auto; margin-left: 10px; } .features ul div { clear: none; } /* Careers Section 10/26/10 JDB */ .positions dt { font-weight: bold; font-size: 110%; } .positions dd { margin: 5px 0 10px 0; } .linkedin a { display: inline-block; height: 16px; width: 16px; text-indent: -9999px; overflow: hidden; background-image: url(../images/icons/linkedin.png); } .gmap { width: 425px; float: right; margin-left: 15px; margin-bottom: 20px; }