/******************************************** Bio-Alternative Global CSS Version: 1.0 Author: Poccuo (http://www.poccuo.com) 8px = 0.50em 9px = 0.56em 10px = 0.63em 11px = 0.69em 12px = 0.75em 13px = 0.81em 14px = 0.88em 15px = 0.94em 16px = 1em 17px = 1.06em 18px = 1.13em 19px = 1.19em 20px = 1.25em 21px = 1.31em 22px = 1.38em 23px = 1.44em 24px = 1.50em 25px = 1.56em 26px = 1.63em 28px = 1.75em 30px = 1.88em 32px = 2.00em 36px = 2.25em 40px = 2.50em *******************************************/ /****************************************** GLOBAL SETTINGS *******************************************/ body { font-size: 100%; line-height: 1.125em; font-family: Arial, sans-serif; background-color: #F5F5F5; margin-bottom: 30px;} strong { font-weight: bold;} a { text-decoration: underline; color: #2D6D23;} a:hover { text-decoration: none; color: #5D8D47; } em { font-style: italic;} /****************************************** FOUNDATION SETTINGS *******************************************/ #container { overflow: hidden; height: 1%; margin: 0px auto; width: 900px; padding: 20px; background-color: #FFFFFF; } #header { margin: 0 0 10px 0;} #header #logo { float: left; margin: 0 0 30px 0;} #header #translate { float: right; } #header #translate a { font-size: 0.63em; text-decoration: none; color: #888888; } #header #translate a:hover { color: #333333; } #header #translate a img { vertical-align: middle; margin: 0 10px 0 0; text-decoration: none;} #footer { margin: 0px auto; width: 900px; background-color: #F5F5F5; } /****************************************** MENUS *******************************************/ #header ul#header_menu { clear: both; overflow: hidden; height: 1%; border-top: 1px #CCC dotted; border-bottom: 1px #CCC dotted; padding: 3px 0;} #header ul#header_menu li { display: inline; } #header ul#header_menu li a { font-size: 1em; display: block; float: left; margin: 0 60px 0 0; padding: 5px; color: #5D8D47; text-decoration: none; text-transform: lowercase;} #header ul#header_menu li a:hover { color: #2D6D23;} #header ul#header_menu li.active a { color: #2D6D23;} #footer ul#footer_menu { float: left; overflow: hidden; height: 1%; margin: 20px 0 20px 0; width: 600px;} #footer ul#footer_menu li { display: inline; } #footer ul#footer_menu li a { display: block; float: left; font-size: 0.69em; padding: 5px 10px 5px 5px; color: #5D8D47; text-decoration: none; text-transform: lowercase;} #footer ul#footer_menu li a:hover { text-decoration: underline;} #footer #copyright { float: left; clear: both; font-size: 0.69em; color: #999; margin: 0; width: 300px; margin: 0 0 30px 0;} #email_signup { float: right; clear: right; margin: 20px 0 0 0; } #email_signup .sbox input { background-color: #FFF; float: left; border: 1px #5D8D47 solid; height: 16px; width: 160px; padding: 4px 3px 2px 4px; font: 13px Arial; color: #333; } #email_signup .sbox_r { background: black url('/images/_global/search/srch_r.gif') no-repeat top left; float: left; width: 34px; height: 22px; border: 1px #5D8D47 solid; border-left: 0px #5D8D47 solid;} #email_signup input.blur { color: #999; } /****************************************** ABOUT US *******************************************/ #about_us h1 { display: block; width: 900px; font-size: 1.2em; color: #2D6D23; line-height: 1.4em; padding: 30px 0 50px 0; margin: 0;} #about_us h2 { display: block; width: 900px; font-size: 1.2em; color: #2D6D23; line-height: 1.4em; font-weight: bold; margin: 0 0 30px 0 ;} #about_us h3 { display: block; width: 900px; font-size: 0.88em; color: #2D6D23; line-height: 1.4em; margin: 0 0 0 0 ; } #about_us h4 { display: block; width: 900px; font-size: 0.88em; color: #2D6D23; line-height: 1.4em; margin: 0 0 20px 0 ; } #about_us p { font-size: 0.75em; line-height: 1.45em; color: #888888; margin: 0 0 1em 0; } #about_us #our_company { overflow: hidden; height: 1%; width:900px;} #about_us #our_company .our_company_entry_first { width:215px; float: left; padding: 0 10px 0 0;} #about_us #our_company .our_company_entry { width:204px; float: left; padding: 0 10px; border-left: 1px #CCC dotted;} /****************************************** PRODUCTS AND SERVICES *******************************************/ #products_and_services h1 { display: block; width: 880px; font-size: 1.63em; color: #2D6D23; line-height: 1.4em; padding: 30px 0 50px 0; margin: 0 0 20px 0;} #products_and_services .products_and_services_entry { overflow: hidden; height: 1%; clear: both; margin: 0 0 20px 0;} #products_and_services .products_and_services_entry p { float: left; width: 665px; padding: 10px; font-size: 0.75em; line-height: 1.45em; color: #888888; margin: 0 0 1em 0; border-top: 1px #CCC dotted; } #products_and_services .products_and_services_entry img { float: left; } /****************************************** RESEARCH AND DEVELOPMENT *******************************************/ #research_and_development h1 { display: block; width: 880px; font-size: 1.63em; color: #2D6D23; line-height: 1.4em; padding: 30px 0 20px 0; margin: 0 0 20px 0;} #research_and_development .research_and_development_entry { overflow: hidden; height: 1%; clear: both; margin: 0 0 20px 0;} #research_and_development .research_and_development_entry p { float: left; width: 665px; padding: 10px; font-size: 0.75em; line-height: 1.45em; color: #888888; margin: 0 0 1em 0; border-top: 1px #CCC dotted; } #research_and_development .research_and_development_entry img { float: left; } /****************************************** CAREERS *******************************************/ #careers h1 { display: block; font-size: 1.2em; color: #2D6D23; line-height: 1.4em; padding: 20px 0 40px 0; border-bottom: 1px #CCC dotted; margin: 0 0 30px 0;} #careers h2 { display: block; font-size: 1.2em; color: #2D6D23; line-height: 1.4em; font-weight: bold; margin: 0 0 50px 0;} #careers h3 { display: block; font-size: 0.88em; color: #2D6D23; line-height: 1.4em; margin: 0 0 0 0 ; } #careers p, #careers address { font-size: 0.75em; line-height: 1.6em; color: #888888; margin: 0 0 1em 0;} #careers #entries { width: 600px; float: left; margin: 20px 0 0 0; padding: 0 20px 0 0; border-right: 1px #ccc dotted; } #careers #learn_more { width: 250px; float: left; margin: 20px 0 0 0; padding: 0 0 0 20px;} #careers #learn_more h2 { display: block; font-size: 0.88em; color: #2D6D23; line-height: 1.4em; font-weight: bold; margin: 0 0 40px 0; } #careers #learn_more h3 { font-size: 0.75em; line-height: 1.15em; color: #2D6D23; font-weight: bold; margin: 0 0 .5em 0; padding: 1em 0 0 0;} #careers .careers_entry { overflow: hidden; height: 1%; margin: 0 0 2em 0; padding: 0 0 2em 0;} #careers .careers_entry h3 { font-size: 0.88em; line-height: 1.15em; color: #2D6D23; margin: 0 0 1em 0;} /****************************************** CONTACT US *******************************************/ #contact_container { overflow: hidden; height: 1%; margin: 10px 0 0 0; } #contact_container #location { float: left; width: 150px; padding: 0 0 0 10px; font-size: 0.75em; font-weight: bold; text-transform: uppercase; } #contact_container #address { float: left; width: 150px; padding: 0 0 0 10px; } #contact_container #map { float: left; width: 640px; } #contact_container #address p { font-size: 0.75em; color: #666; margin: 0 0 10px 0;} #contact_container #address p a { color: #5D8D47; text-decoration: none;} #contact_container #address p a:hover { text-decoration: underline;} #contact_form_container { width: 600px; background-color: #FFF; } #contact_form_container h2 { width: 590px; font-size: 1.13em; color: #2D6D23; padding: 20px 0 10px 0; margin: 0 20px; border-bottom: 1px #ccc dotted; } #contact_form_container p { font-size: 0.75em; color: #666; margin: 20px;} #contact_form_container p a { color: #5D8D47; text-decoration: none;} #contact_form_container p a:hover { text-decoration: underline;} #contact_form_container form { margin: 0 20px 10px 20px;} #contact_form_container form .button { float: right; color: #FFF; width: 150px; font-size: 0.75em; background-color: #2D6D23; border: none; padding: 4px 0;} #contact_form_container form .button:hover { background-color: #5D8D47; cursor: pointer; cursor: hand;} #contact_form_container .form_item { clear: both; height: 45px;} #contact_form_container .form_item_textarea { clear: both; } #contact_form_container .form_item label, #contact_form_container .form_item_textarea label { display: block; float: left; width: 148px; font-size: 0.75em; color: #666; padding: 4px 0 0 0; margin: 0;} #contact_form_container .form_item input, #contact_form_container .form_item_textarea input { display: block; float: left; width: 393px; font-size: 0.75em; color: #666; border: 1px #CCC solid; padding: 5px; } #contact_form_container .form_item_textarea textarea, #contact_form_container .form_item textarea { display: block; float: left; width: 393px; font-size: 0.75em; color: #666; border: 1px #CCC solid; padding: 5px;} #contact_form_container form p.checkbox { display: block; clear: both; padding: 10px 0 0 0; margin: 10px 0 30px 150px; font-style: italic;} #contact_form_container #TB_closeWindow { font-size: 0.76em; position: absolute; top: 20px; left: 575px;} #contact_form_container #TB_closeWindow a { color: #2D6D23; text-decoration: none; } #contact_form_container #TB_closeWindow a:hover { text-decoration: underline; color: #5D8D47; } #contact_form_container .form_item label.error { font-size: 0.56em; margin: 0 0 0 150px; padding: 0; color: #F00; width: auto;} #contact_form_container .form_item input.error { border: 1px #F00 solid; } /****************************************** SPECIAL *******************************************/ .clear { clear: both; } .hidden { display: none; }