/* Common Styles ############################################################*/ * {margin: 0; padding: 0;} body {background: url(images/bg_pattern.jpg) repeat-x #bdb4a5; font-family:"Trebuchet MS", Arial, Helvetica, Courier, sans-serif; font-size:62.5%;} img {border:0;} a {color:#92180e; text-decoration:none; outline:none;} a:hover {text-decoration:underline;} p {line-height:1.6em; margin-bottom: 10px; font-size: 1.4em;} h1, h2 {color:#94190e;} ul {margin-bottom:10px;} ul li {list-style-image:url(images/img_tomato.png); font-size:1.4em; margin-left:30px;} p + ul {margin-top:-10px;} /* Main Styles ############################################################*/ #contentTop {background: #92180e; min-height:9px; height:9px; margin: 0 -14px;} #content {background: url(images/bg_content.png) repeat-y; margin: 0 auto; width:912px; padding:0 40px;} #header {overflow:hidden; position:relative; min-height:100px;background:url(images/bg_contentDots.jpg) no-repeat top right;} #logo{background: url(images/img_logo.png); display:block; width:217px; min-height:95px; text-indent:-9999px; float:left;position:relative;left:16px;top:8px;} #contactWrapper {width:500px;position:absolute;top:20px;right:27px;text-align:right;} #contactWrapper p{line-height:.9em;} #contactTag{font-weight:bold;font-size:1.6em;} #contactInfo{color:#92180e;font-weight:bold;font-size:1.4em;} #headerLinks{font-size:1.1em;position:relative;top:14px;font-weight:bold;} #headerLinks a{position:relative;top:2px;} #splash {background: url(images/bg_splash.jpg) no-repeat; margin: 10px 0 2px 26px; width: 875px; position:relative; min-height:321px;} #splashContent {width:330px; position:absolute; right: 15px; top:68px;} #splashContent p {line-height:21px; margin-bottom: 22px;} #innerSplash {width:878px; min-height:161px; margin: 10px 0 -2px 26px;} /* Navigation ############################################################*/ #navigation {margin-left: 26px; overflow:hidden; margin-bottom:0;} #navigation li {list-style-type:none; float:left; display:inline; margin-left:0;} #navigation li a {display:block; min-height:51px; text-indent:-9999px;} /* #navigation li a:hover {background-position: 0 100%;} */ #companyBtn a {background:url(images/btn_company.jpg); width:103px;} #productsBtn a {background:url(images/btn_products.jpg); width:144px;} #healthBtn a {background:url(images/btn_health.jpg); width:133px;} #industriesBtn a {background:url(images/btn_industries.jpg); width:172px;} #researchBtn a {background:url(images/btn_research.jpg); width:172px;} #informationBtn a {background:url(images/btn_information.jpg); width:136px;} #navigation .subNav {position:absolute; z-index:11; margin-bottom:0;display:none;background:#9b1c0d url(images/bg_sublist.jpg) repeat-x;border-top:1px solid #8a1e11;} #navigation .subNav li {display:block; float:none; font-size:.8em;font-weight:bold;background:none;list-style-image:none;overflow:hidden;} #navigation #companyBtn .subNav{margin-left:5px;} #navigation #companyBtn .subNav li a {width: 124px;} #navigation #productsBtn .subNav li a {width: 129px;} #navigation #researchBtn .subNav li a {width: 156px;} #navigation #informationBtn .subNav li a {width: 115px;} #navigation .subNav li a { background:none;text-indent:0; display:block; min-height:0; padding: 6px 8px; color:#fff; border-top:1px solid #9b1c0d;border-bottom:1px solid #7d1a0e;border-top:1px solid #b25145;} #navigation .subNav li a:hover {background:#ba4d39; text-decoration:none;-webkit-border-bottom-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;-khtml-border-radius-bottomright: 8px;-khtml-border-radius-bottomleft: 8px;-moz-border-radius-bottomright: 8px;-moz-border-radius-bottomleft: 8px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;} .seeHow {background: url(images/btn_seehow.png); height:16px; width: 83px; display:block; text-indent:-9999px;} a:hover.seeHow {background-position: 0 100%;} /* Inner Styles ############################################################*/ #innerContent {margin: 0 0 0 21px; padding: 20px; width: 832px; overflow: hidden; position:relative; z-index:10; background: url(images/bg_innerbacker.png) no-repeat bottom;} #searchBox {background: url(images/bg_searchbox.png); width:862px; min-height:31px; height:31px; margin: 10px 0 0 26px;} #searchBox #searchTitle {color:#fff; font-size:1.6em; font-weight:bold; padding: 5px 0 0 20px; float:left;} #searchBox #searchForm {float:right;margin: 7px 10px 0 0; display:inline; height:20px;} #searchBox #searchForm select, #searchBox #searchForm input {margin-right:10px;} #searchBox #searchBtn {background:url(images/btn_searchbox.png); width: 76px; height: 16px; border: 0; text-indent: -9999px; cursor:pointer; position:relative; top:-1px;display:inline-block;} #searchBox a:hover {background-position:0 100%;} #mainContent {background: url(images/img_contentborder.png) repeat-y right; width:570px; float:left; padding: 20px 20px 15px 0; margin:-30px 0 -14px; color:#797979; min-height:165px;} #mainContent img {border: 3px solid #ccc; margin:0 10px;} #fullContent {width:792px; float:left; padding: 20px 20px 15px 0; margin:-30px 0 -14px; color:#797979; min-height:165px;} #subContent {float:right; width:222px; padding:0 10px;} #subContent h2 {color:#94190e; font-size:1.4em; margin:10px 0;} #subContent p {font-size:1.2em;} #subContent p.credit {font-size:1.3em; font-weight:bold; margin: 10px 0 0;color:#408a4c;} #subContent p.credit strong {color:#a72e1a;} .tHeader{background:url(images/bg_tabletop.jpg);width:563px;height:31px;margin-top:12px;} .tHeader span{float:left;width:212px;font-size:1.3em;font-weight:bold;color:#fff;padding:6px 0 0 0;} .tHeader span:first-child{width:338px;display:block;float:left;padding:6px 0 0 8px;} .tRow{background:#faece9;width:563px;} .tRow a{display:block;float:right;clear:right;width:140px;height:24px;} .tRow a.reqSample{background:url(images/btn_reqsample.jpg);margin:5px 6px 3px 10px;} .tRow a.reqPricing{background:url(images/btn_reqpricing.jpg);margin:3px 6px;} .tRow a.reqCOA{background:url(images/btn_reqcoa.jpg);margin:3px 6px;} .tRow a:hover{background-position:top right;} .tRow span{float:left;width:216px;font-size:1.2em;font-weight:bold;background:#faece9;padding:4px 0;;cursor:pointer;} .tRow span:first-child{width:338px;display:block;float:left;padding:4px 0 4px 8px;} /* Banner Snippets ############################################################*/ #subContent{} a.bnrbtn{background:#C04427;display:inline-block;color:#fff;padding:1px 7px;font-size:1.1em; -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } #bnr_researchdevelopment {background: url(images/bnr_researchdevelopment.png); width:206px; min-height:110px; padding: 40px 0 0 16px; margin-bottom: 10px;} #bnr_researchdevelopment a {} #bnr_requestdocumentation {background: url(images/bnr_requestdocumentation.png); width:196px; min-height:110px; padding: 40px 10px 0 16px; margin-bottom: 10px;} #bnr_requestdocumentation a {background:#172E73;} #bnr_contactus {background: url(images/bnr_contactus.png); width:110px; min-height:110px; padding: 40px 96px 0 16px; margin-bottom: 10px;} #bnr_contactus a {background:#EBB80D;} #bnr_industriesapplications {background: url(images/bnr_industriesapplications.png); width:196px; min-height:110px; padding: 40px 10px 0 16px; margin-bottom: 10px;} #bnr_industriesapplications a {background:#90A3BB;} #bnr_commitmentquality {background: url(images/bnr_commitmentquality.png); width:196px; min-height:110px; padding: 40px 10px 0 16px; margin-bottom: 10px;} #bnr_commitmentquality a {background:#EBB80D;} #bnr_healthwellness {background: url(images/bnr_healthwellness.png); width:196px; min-height:110px; padding: 40px 10px 0 16px; margin-bottom: 10px;} #bnr_healthwellness a {background:#8FB058;} #bnr_productsservices {background: url(images/bnr_productsservices.png); width:196px; min-height:110px; padding: 40px 10px 0 16px; margin-bottom: 10px;} #bnr_productsservices a {background:#E96806;} /* Module Styles ############################################################*/ #atitle {font-size:1.6em; font-weight:bold; color:#94190e;} #article #atitle a {float:none; clear:none; font-size:.8em;} #adate {font-size:1.2em; font-style:italic;} #article #asummary {margin-top:10px; float:none; clear:none;} #article #amore a {clear:none; float:none; color:#94190e; font-size:1.2em;} #article #amore a:hover {text-decoration:underline;} #fullContent h2.article {font-size:1.7em;} #fullContent #singlearticle #asummary {font-size:1em;} #fullContent #singlearticle #atitle {color:#94190e;} #employee_directory form {right:0 !important;} .employee .empLink {font-size:1.2em; width:auto;} .employee .hiddenRight h3 {color:#94190e;} .employee .hiddenRight h4 {color:#333;} .employee strong {color:#555;} /* Misc Styles ############################################################*/ #pic-map{float:right;width:340px;} #pic-map img {margin:0 0 25px;border: 5px solid #ccc;} #map {width:330px; border: 5px solid #ccc;} #contactForm label, #sampleForm label {display:block; font-size:1.4em;} #contactForm input, #contactForm select, #contactForm textarea {margin-bottom: 10px; width:215px;} #contactForm textarea{height:100px;} #contactForm input[type="radio"] {width:auto;float:left;margin-bottom:0;} #contactForm input[type="radio"] + span {float:left;padding:0 7px 0 3px;} #contactForm span {font-size:1.4em;} #contactForm span.warning {font-size:1em;} #sampleForm input, #sampleForm select, #sampleForm textarea {margin-bottom: 10px; width:250px;} #sampleForm textarea {height:80px;} .warning {color:#ff0000;} /* Call to Actions ############################################################*/ #ctaWrapper {margin: 10px 0 0 16px; overflow:hidden; position: relative; z-index:10;} #goingGreenCTA {background:url(images/bg_goinggreen.png); width: 297px; min-height: 259px; float: left;} #goingGreenCTA .content {padding: 53px 15px 10px 25px;} #goingGreenCTA .seeHow {float:right; margin-top:10px;} #productsCTA {background: url(images/bg_product.png); width: 291px; min-height: 259px; float: left;} #productsCTA .content{padding: 53px 110px 10px 25px;} #productsCTA p {margin-bottom: 0; line-height:1.4em;} #productSearchWrapper {margin-left:7px;} #distributionProducts {background:url(images/btn_distribution.jpg) top left; display:block; width:133px; min-height:30px; text-indent:-9999px; float:left; cursor:pointer;} #blendedProducts {background:url(images/btn_blended.jpg) top left; display:block; width:142px; min-height:30px; text-indent:-9999px; float:left; cursor:pointer;} #productSearch {background: #fef5e8; width: 265px; min-height:25px; float:left; padding: 10px 0 0 10px;} #productSearch select {float:left;} .searchSubmit {background: url(images/btn_search.png); height: 16px; width: 83px; text-indent:-9999px; cursor:pointer; border:0; float:right; /*IE FIX*/ font-size:0; display:block; line-height:0; } input:hover.searchSubmit {background-position:0 100%;} #customerTestimonialCTA {background: url(images/bg_customerssaying.png); width: 291px; min-height: 259px; float:left;} #customerTestimonialCTAWrapper {padding: 53px 15px 0 26px;} #customerTestimonialCTA #quote {font-size:1.2em; line-height:1.5em; padding-left:20px; width:200px; font-style:italic;} #customerTestimonialCTA #credit {font-size:1.3em; font-weight:bold; margin: 10px 0 0;color:#408a4c;} #customerTestimonialCTA #credit strong{color:#a72e1a;} #customerTestimonialCTA #location {font-weight:bold; font-size:1.2em;} #customerTestimonialCTA #lquote {background:url(images/lquote.png); height:13px; width: 15px;text-decoration:none;border:0;position:relative;top:12px;} #customerTestimonialCTA #rquote {background:url(images/rquote.png); height:13px; width: 15px; float:right;text-decoration:none;border:0;position:relative;top:-15px;} /* Footer Styles ############################################################*/ #footer {background:url(images/bg_footer.png); width: 992px; min-height:277px; margin: -196px auto 0; position: relative; z-index:1; color:#fff;} #footer ul {list-style-type:none; position:absolute; top:215px; left:70px; width:992px; margin-bottom:0;} #footer ul li {float:left; font-size:1.1em; list-style-image:none; margin-left:0;} #footer ul li a {color:#fff; margin-right: 10px; border-left:1px solid #fff; padding-left:10px;} #footer ul li a.first {border-left:none;} #footer p {text-align:center; position:absolute; top:235px; width:992px; font-size:1.1em;} #reflectionWrapper {background:url(images/bg_reflection_repeat.png) repeat-x; min-height:181px; margin-top:-109px;} #reflection {background:url(images/bg_reflection.png); width:992px; min-height:181px; margin: 0 auto;} /* CSS3 ############################################################*/ .roundtop { -webkit-border-top-right-radius: 8px; -webkit-border-top-left-radius: 8px; -khtml-border-radius-topright: 8px; -khtml-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-topleft: 8px; border-top-right-radius: 8px; border-top-left-radius: 8px; } .roundbottom { -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -khtml-border-radius-bottomright: 8px; -khtml-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } .roundall{ -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }